:root{--gold: #d6b25a;--gold-dim: #8a6b2e;--gold-dark: #5b4720;--parch: #f1e6c8;--ink: #b9a67a;--panel: linear-gradient(180deg, rgba(34, 30, 44, .92), rgba(16, 14, 24, .94));--serif: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif}.rpg-text{color:var(--parch);font:14px var(--serif);text-shadow:0 1px 3px #000}.rpg-panel{background:var(--panel);border:2px solid var(--gold-dim);border-radius:6px;color:var(--parch);font:14px var(--serif);box-shadow:0 0 0 1px #2a1f0c,0 0 0 4px #14100acc,0 0 0 5px #6d5424,0 10px 30px #0009,inset 0 0 30px #0000008c}.rpg-chip{display:inline-block;padding:1px 6px;margin:0 1px;border-radius:3px;border:1px solid var(--gold-dark);border-bottom-width:2px;background:#08070ecc;color:var(--gold);font:700 11px var(--serif)}.rpg-btn{padding:4px 12px;cursor:pointer;font:700 12px var(--serif);letter-spacing:.08em;color:#2b1d05;border:1px solid #f7e6aa;border-radius:3px;background:linear-gradient(180deg,#f3d98a,#d6b25a 45%,#a67f2c);box-shadow:0 1px #5b4012,0 3px 8px #00000080,inset 0 1px #ffffff80}.rpg-btn:hover{filter:brightness(1.12)}.rpg-btn.ghost{color:var(--gold);background:#08070ebf;border:1px solid var(--gold-dim);box-shadow:0 2px 8px #00000080;font-weight:600}.rpg-select{padding:3px 6px;border-radius:3px;border:1px solid var(--gold-dim);background:#08070ed9;color:var(--parch);font:13px var(--serif)}.rpg-title{margin:0;font:700 14px var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.rpg-divider{height:1px;margin:8px 0;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);border:0}.hud-bars{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:min(92vw,380px);display:grid;gap:5px;justify-items:stretch;pointer-events:none}.hud-row{display:flex;align-items:center;gap:8px}.hud-lvl{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--gold);color:var(--gold);background:radial-gradient(circle at 35% 30%,#3b3350,#14111f);font:700 11px/1 var(--serif);text-align:center;box-shadow:0 0 0 2px #2a1f0c,0 0 14px #d6b25a59,inset 0 0 10px #000}.hud-lvl b{display:block;font-size:17px;color:var(--parch)}.hud-bar{position:relative;flex:1;height:22px;border:2px solid var(--gold-dim);border-radius:4px;overflow:hidden;background:#0a0810;box-shadow:0 0 0 1px #2a1f0c,0 4px 10px #0009,inset 0 2px 6px #000}.hud-bar>i{position:absolute;inset:0 auto 0 0;transition:width .18s}.hud-bar.hp>i{background:linear-gradient(180deg,#ff6a5e,#c42b2b 55%,#7d1414)}.hud-bar.xp{height:9px;border-width:1px}.hud-bar.xp>i{background:linear-gradient(180deg,#8fd8ff,#2f86d6);transition-duration:.3s}.hud-bar>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 12px var(--serif);color:#fff;text-shadow:0 1px 2px #000;letter-spacing:.05em}.hud-xpline{text-align:center;font:600 11px var(--serif);color:var(--ink);letter-spacing:.1em;text-shadow:0 1px 2px #000}.hud-top{position:fixed;top:10px;left:10px;padding:6px 12px;font-size:13px}.hud-top b{color:var(--gold);font-weight:700}.hud-right{position:fixed;top:10px;right:10px;display:flex;gap:8px;align-items:center}.hud-keys{position:fixed;right:10px;bottom:30px;max-width:250px;padding:8px 10px;font-size:12px;line-height:1.9;opacity:.88;pointer-events:none}.hud-keys .t{display:block;margin-bottom:2px;color:var(--gold);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.hud-state{position:fixed;left:50%;bottom:100px;transform:translate(-50%);padding:2px 12px;font:700 11px var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:#08070eb3;border:1px solid var(--gold-dim);border-radius:3px;pointer-events:none}.chat{position:fixed;left:10px;bottom:14px;width:min(92vw,360px);display:grid;gap:5px}.chat-log{height:118px;overflow-y:auto;padding:8px 10px;font-size:13px;line-height:1.4;text-shadow:0 1px 2px #000;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.chat-log .sys{color:#f0c96a;font-style:italic}.chat-log b{color:var(--gold)}.chat-input{padding:7px 10px;border-radius:3px;border:1px solid var(--gold-dim);outline:none;background:#08070ee0;color:var(--parch);font:14px var(--serif)}.chat-input:focus{border-color:var(--gold);box-shadow:0 0 8px #d6b25a59}.chat-input::placeholder{color:#6d6450}.toast{position:fixed;top:56px;right:10px;max-width:320px;padding:9px 13px;font-size:13px;color:#ffe39a;z-index:30}.map-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#02020ab8}.map-box{padding:12px 14px}.map-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px}.map-head span{font-size:12px;color:var(--ink)}.load{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;text-align:center;transition:opacity .5s;font-family:var(--serif);background:radial-gradient(ellipse 70% 55% at 50% 35%,rgba(120,70,200,.28),transparent 70%),linear-gradient(180deg,#07091a,#0c1022 60%,#120a1c)}.load img{width:min(80vw,420px);height:auto;filter:drop-shadow(0 8px 24px #000) drop-shadow(0 0 28px rgba(130,90,255,.35))}.load-text{margin-top:6px;color:var(--parch);font:600 15px var(--serif);letter-spacing:.14em;text-transform:uppercase}.load-bar{width:min(70vw,280px);height:10px;margin:12px auto 0;border:2px solid var(--gold-dim);border-radius:3px;background:#0a0810;overflow:hidden;box-shadow:inset 0 2px 5px #000}.load-bar>i{display:block;height:100%;background:linear-gradient(180deg,#f3d98a,#a67f2c);transition:width .2s}.load.fail .load-text{color:#ffb0a0}@media(max-width:700px),(max-height:600px){.hud-keys{display:none}}.bubbles{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:220px;pointer-events:none}.bubble{position:relative;padding:5px 10px;max-width:220px;text-align:center;overflow-wrap:anywhere;font:600 13px/1.25 var(--serif);color:#2b1d05;background:linear-gradient(180deg,#f8efd4,#e8d6a4);border:1px solid #8a6b2e;border-radius:9px;box-shadow:0 3px 10px #0000008c;text-shadow:none}.bubble:last-child:after{content:"";position:absolute;left:50%;bottom:-6px;width:9px;height:9px;transform:translate(-50%) rotate(45deg);background:#e8d6a4;border-right:1px solid #8a6b2e;border-bottom:1px solid #8a6b2e}@keyframes bpop{0%{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:none}}@keyframes bfade{to{opacity:0;transform:translateY(-4px)}}.snd-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;padding:10px 12px;display:grid;gap:8px;z-index:20}.snd-menu label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.snd-menu input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px;cursor:pointer}.snd-menu .rpg-divider{margin:2px 0}.feed{position:absolute;left:0;right:0;bottom:100%;margin-bottom:8px;display:flex;flex-direction:column;gap:3px;pointer-events:none}.feed-line{align-self:flex-start;padding:3px 10px;border-radius:3px;font:600 13px var(--serif);color:var(--parch);background:#0a0810c7;border-left:3px solid var(--gold-dim);text-shadow:0 1px 2px #000}.feed-line.dealt{border-left-color:#ffd23f;color:#ffe9a0}.feed-line.taken{border-left-color:#e0443e;color:#ffb4a8}.feed-line.win{border-left-color:#58b6ff;color:#bfe4ff}.underwater{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at center,#145a8247,#0628468c)}.hud-air{position:relative;height:12px;border:2px solid #3a86b8;border-radius:6px;overflow:hidden;background:#04101ed9;box-shadow:0 0 10px #50b4ff66}.hud-air>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#bfe9ff,#4aa8e8);transition:width .2s}.hud-air>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 10px var(--serif);letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #000}.hud-air.low{border-color:#e0443e;animation:airpulse .6s ease-in-out infinite alternate}@keyframes airpulse{to{box-shadow:0 0 14px #ff463ccc}}.compass{position:fixed;top:8px;left:50%;transform:translate(-50%);width:470px;max-width:70vw;pointer-events:none;text-align:center}.compass-strip{position:relative;height:26px;overflow:hidden;border:2px solid var(--gold-dim);border-radius:4px;background:#0a0812b8;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);box-shadow:0 3px 10px #00000080}.compass .ct{position:absolute;top:0;height:100%;width:0;display:grid;place-items:center}.compass .ct:before{content:"";position:absolute;bottom:0;width:1px;height:6px;background:#d6b25a80}.compass .ct.maj:before{height:10px;background:#d6b25acc}.compass .ct.lbl{font:700 13px var(--serif);color:var(--gold);text-shadow:0 1px 2px #000}.compass .ct.lbl:before{display:none}.compass-caret{position:absolute;left:50%;top:0;width:0;height:0;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ff5a4a}.compass-pos{margin-top:4px;display:inline-block;padding:2px 12px;border-radius:3px;background:#0a0812c7;border:1px solid var(--gold-dark);font:13px var(--serif);color:var(--parch);text-shadow:0 1px 2px #000}.compass-pos b{color:var(--gold)}.compass-hint{color:var(--ink);font-size:11px}@media(max-width:800px){.hud-top{display:none}}.tpfade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#000;pointer-events:none;opacity:1;animation:tpfade 1.3s ease-in .25s forwards}@keyframes tpfade{to{opacity:0}}.pause-box{width:min(94vw,520px);max-height:92vh;overflow:auto;padding:18px 22px 14px}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 18px}.help-title{margin-bottom:4px;font:700 11px var(--serif);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.help-row{margin:3px 0;font-size:13px;line-height:1.7}.pause-note{margin:0 0 14px;font-size:13px;line-height:1.45;color:var(--ink);text-align:center}.pause-keys{margin-top:12px;font-size:11px;color:var(--ink);text-align:center;letter-spacing:.05em}.ty-root{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;overflow:auto;font-family:var(--serif);background:radial-gradient(ellipse 70% 55% at 50% 28%,rgba(120,70,200,.28),transparent 70%),linear-gradient(180deg,#07091a,#0c1022 55%,#120a1c)}.ty-card{width:min(94vw,460px);padding:22px 26px 26px;text-align:center}.ty-logo{width:min(80vw,330px);height:auto;margin:-6px auto 4px;display:block;filter:drop-shadow(0 8px 20px #000) drop-shadow(0 0 24px rgba(130,90,255,.35))}.ty-ok{width:54px;height:54px;margin:6px auto 10px;display:grid;place-items:center;border-radius:50%;font:700 30px/1 var(--serif);color:#1b3a1b;background:radial-gradient(circle at 35% 30%,#a8f0a8,#4cb85a);box-shadow:0 0 0 3px #1e2c1e,0 0 20px #6ee67873}.ty-title{margin:0 0 8px;font:700 24px var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.ty-text{margin:0 0 20px;font-size:15px;line-height:1.55;color:var(--parch)}.ty-btn{display:inline-block;padding:12px 28px;text-decoration:none;font-size:15px;letter-spacing:.14em;text-transform:uppercase}.inv{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(96vw,800px);max-height:94vh;overflow-y:auto;padding:14px 18px 16px;z-index:30}.inv-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;border-bottom:1px solid rgba(138,107,46,.4);padding-bottom:6px}.inv-hint{font-size:11px;color:var(--ink)}.inv-body{display:grid;grid-template-columns:300px 1fr;gap:18px}.inv-doll-grid{display:grid;grid-template-columns:58px 1fr 58px;gap:8px;align-items:start}.inv-col{display:grid;gap:8px}.inv-view{height:280px;border-radius:4px;border:1px solid var(--gold-dark);background:radial-gradient(ellipse at 50% 40%,#785ac847,#08070ee6 72%);box-shadow:inset 0 0 24px #000000b3;overflow:hidden}.inv-stats-box{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;margin-top:10px;padding:8px 10px;border:1px solid var(--gold-dark);border-radius:4px;background:#08070e99;font-size:12px;color:var(--ink)}.inv-stats-box b{color:var(--parch);float:right}.inv-sec{margin:0 0 6px;font:700 11px var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.inv-sec small{color:var(--ink);letter-spacing:0}.inv-sec:not(:first-child){margin-top:12px}.inv-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.inv-grid-small{grid-template-columns:repeat(8,1fr)}.inv-cell{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center;padding:0;cursor:default;border-radius:4px;border:2px solid #3a2f16;background:linear-gradient(180deg,#08070ed9,#16121ee6);box-shadow:inset 0 0 8px #000c;color:var(--ink)}.inv-cell>svg{width:78%;height:78%}.inv-cell.has{cursor:pointer;border-color:var(--rar, var(--gold-dim));box-shadow:inset 0 0 10px #000000b3,0 0 8px -2px var(--rar, transparent)}.inv-cell.has:hover{filter:brightness(1.25)}.inv-cell.locked{filter:grayscale(.7) brightness(.7)}.inv-cell.locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background:#a01e1e47}.inv-n{position:absolute;right:3px;bottom:1px;font:700 11px var(--serif);color:var(--parch);text-shadow:0 1px 2px #000}.inv-ghost{font-size:9px;letter-spacing:.04em;text-transform:uppercase;opacity:.55;text-align:center;line-height:1.1}.inv-doll .inv-cell{width:58px;height:58px;aspect-ratio:auto}.inv-empty{grid-column:1 / -1;color:var(--ink);font-style:italic;font-size:12px}.inv-tip{position:fixed;z-index:60;width:230px;padding:8px 10px;pointer-events:none;font-size:12px;line-height:1.45}.inv-tip-sub{color:var(--ink);font-size:11px}.inv-tip-aff{color:#9fd8a0;font-size:11px}@media(max-width:720px){.inv-body{grid-template-columns:1fr}.inv-view{height:220px}}