*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #17130f;--panel: #241e18;--panel2: #2e2620;--text: #e8ddc8;--dim: #9c8f78;--accent: #d4a43c;--danger: #c0392b;--radius: 12px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Georgia,Palatino,serif;overscroll-behavior:none}button{font-family:inherit}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.15em}.dim{color:var(--dim)}.center-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.title{font-size:2.2rem;color:var(--accent);text-shadow:0 2px 12px rgba(212,164,60,.3)}.title.small{font-size:1.4rem;margin:12px 0 4px;text-align:center}.tagline{color:var(--dim);max-width:320px}.logo{width:min(70vw,260px);border-radius:var(--radius)}.input{width:min(85vw,320px);padding:14px 16px;font-size:1.1rem;border-radius:var(--radius);border:1px solid #4a4034;background:var(--panel);color:var(--text);text-align:center;outline:none}.input:focus{border-color:var(--accent)}.code-input{text-transform:uppercase;font-family:ui-monospace,monospace;letter-spacing:.4em}.btn{padding:12px 18px;font-size:1rem;border-radius:var(--radius);border:1px solid #4a4034;background:var(--panel2);color:var(--text);cursor:pointer;touch-action:manipulation}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:#241a08;border-color:var(--accent);font-weight:700}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.btn.ghost{background:transparent}.btn.big{padding:16px 26px;font-size:1.15rem;width:min(85vw,320px)}.btn.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lobby{min-height:100%;display:flex;flex-direction:column;gap:14px;padding:12px 16px 140px;max-width:560px;margin:0 auto}.code-panel{background:var(--panel);border:1px solid #4a4034;border-radius:var(--radius);padding:14px;text-align:center;cursor:pointer}.code-label{font-size:.75rem;color:var(--dim);letter-spacing:.1em}.code-value{font-size:2.4rem;color:var(--accent);margin:4px 0}.qr{width:min(52vw,210px);border-radius:8px;margin:6px auto;display:block}.join-url{font-size:.75rem;color:var(--dim);word-break:break-all;letter-spacing:0}.section-label{color:var(--dim);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.party{display:flex;flex-direction:column;gap:6px}.party-row{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:8px;padding:8px 12px}.party-row.away{opacity:.45}.party-emoji{font-size:1.3rem}.party-name{flex:1}.party-class{color:var(--dim);font-size:.9rem}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.class-card{background:var(--panel);border:2px solid #4a4034;border-radius:var(--radius);padding:10px;text-align:left;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:6px}.class-card.picked{border-color:var(--accent);box-shadow:0 0 12px #d4a43c40}.class-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.class-name{font-weight:700}.class-desc{font-size:.78rem;color:var(--dim);line-height:1.35}.join-offer{background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius);padding:14px 18px;width:min(85vw,320px);display:flex;flex-direction:column;gap:10px;font-size:.92rem;animation:fade-up .25s ease-out}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}.join-offer p{margin:0;color:var(--dim)}.join-offer p:first-child{color:#ffb0a0}.sticky-bottom{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:20;box-shadow:0 4px 24px #0009}.waiting{background:var(--panel);padding:12px 20px;border-radius:var(--radius)}.game{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid #3a332b;z-index:10}.turn-banner{flex:1;font-size:.95rem;color:var(--dim);display:flex;align-items:center;gap:8px;min-width:0}.turn-banner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-token{border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid #4a4034;background:var(--panel2)}.winner-token{display:flex;justify-content:center;margin:6px 0}.winner-token .player-token{border-color:var(--accent);box-shadow:0 0 18px #d4a43c80}.turn-banner.yours{color:var(--accent);font-weight:700}.gold-chip{font-size:.9rem;background:var(--panel2);border-radius:999px;padding:6px 12px;cursor:pointer;min-width:92px;text-align:center}.gold-bar{height:3px;background:#4a4034;border-radius:2px;margin-top:3px}.gold-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s}.icon-btn{background:var(--panel2);border:none;color:var(--text);font-size:1.1rem;border-radius:999px;width:38px;height:38px;cursor:pointer}.map-wrap{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1d1812,#0f0c09);touch-action:none;cursor:grab}.map-svg{position:absolute;top:0;left:0;will-change:transform}.map-glyph{font-size:13px;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.small-glyph{font-size:10px}.dim-glyph{fill:#b8a888;opacity:.55;font-weight:700}.chamber-name{font-size:8.5px;fill:#17130f;text-anchor:middle;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.03em}.pawn-glyph{font-size:14px;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.pawn.turn circle{filter:drop-shadow(0 0 6px rgba(255,215,94,.8))}.tap-overlay{cursor:pointer}.target-move{fill:#ffd75e;opacity:.28;animation:pulse 1.6s infinite}.target-scry{fill:#b06fff;opacity:.4;animation:pulse 1.6s infinite}.target-cast{fill:#ff6f4f;opacity:.4;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.55}}.recenter-btn{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:999px;background:var(--panel);color:var(--text);border:1px solid #4a4034;font-size:1.4rem;cursor:pointer;z-index:5}.action-bar{display:flex;gap:8px;overflow-x:auto;align-items:center;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid #3a332b;z-index:10}.action-bar .btn{white-space:nowrap;flex-shrink:0}.dim-bar{justify-content:center}.dice-flash{position:fixed;left:50%;bottom:84px;transform:translate(-50%);background:#14100cf0;border:1px solid var(--accent);color:var(--text);border-radius:var(--radius);padding:10px 16px;max-width:88vw;z-index:40;font-size:.95rem;text-align:center;animation:rise .25s ease-out}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}.loot-flash{position:fixed;left:50%;bottom:180px;transform:translate(-50%);background:linear-gradient(160deg,#2e2410,#241c0c);border:2px solid var(--accent);box-shadow:0 0 24px #d4a43c73;color:var(--text);border-radius:var(--radius);padding:12px 18px;min-width:240px;max-width:88vw;z-index:45;animation:loot-pop .35s ease-out;cursor:pointer}.loot-title{color:var(--accent);font-weight:700;text-align:center;margin-bottom:6px}.loot-item{display:flex;justify-content:space-between;gap:16px;font-size:.95rem;padding:2px 0}.loot-gold{color:var(--accent)}.loot-total{border-top:1px solid #4a4034;margin-top:8px;padding-top:6px;text-align:center;font-size:.85rem;color:var(--dim)}@keyframes loot-pop{0%{opacity:0;transform:translate(-50%,24px) scale(.9)}60%{transform:translate(-50%,-4px) scale(1.03)}to{transform:translate(-50%) scale(1)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050302b8;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:var(--panel);border:1px solid #4a4034;border-radius:var(--radius) var(--radius) 0 0;padding:20px 18px max(20px,env(safe-area-inset-bottom));width:min(100vw,440px);text-align:center;max-height:86vh;overflow-y:auto;animation:slide-up .22s ease-out}@keyframes slide-up{0%{transform:translateY(30px);opacity:.5}}.monster-img{width:min(56vw,200px);aspect-ratio:1;object-fit:cover;border-radius:var(--radius);border:2px solid #4a4034}.monster-fallback{font-size:4rem}.monster-name{font-size:1.35rem;color:var(--accent);margin-top:8px;font-weight:700}.monster-level{font-size:.85rem;color:var(--dim);font-weight:400}.monster-blurb{color:var(--dim);font-style:italic;margin:6px 0 4px}.need-line{margin:8px 0;font-size:1rem}.peek-label{color:#b06fff;font-size:.9rem;letter-spacing:.05em}.win-emoji{font-size:3.4rem}.modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.drawer{background:var(--panel);border-radius:var(--radius) var(--radius) 0 0;padding:18px 16px max(18px,env(safe-area-inset-bottom));width:min(100vw,440px);max-height:78vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;animation:slide-up .22s ease-out}.drawer-title{font-size:1.15rem;color:var(--accent);font-weight:700}.drawer-sub{color:var(--dim);font-size:.9rem;margin-bottom:4px}.pad{padding:12px 0}.card-row{display:flex;gap:10px;align-items:center;background:var(--panel2);border-radius:8px;padding:9px 12px}.card-name{flex:1}.card-gold{color:var(--accent);font-size:.9rem}.party-mini{margin-top:10px;display:flex;flex-direction:column;gap:6px}.log-list{display:flex;flex-direction:column;gap:5px}.log-row{font-size:.88rem;padding:6px 10px;border-radius:6px;background:var(--panel2)}.log-combat{border-left:3px solid var(--danger)}.log-treasure{border-left:3px solid var(--accent)}.log-wound{border-left:3px solid #ff8c42}.log-win{border-left:3px solid #6fdd6f}.log-system{color:var(--dim)}.unknown-room{fill:#f3e3b8;opacity:.75;font-weight:700;animation:pulse 1.8s infinite}.hint-banner{position:absolute;left:50%;transform:translate(-50%);bottom:84px;z-index:30;background:#18130ef2;border:1px solid var(--accent);border-radius:var(--radius);padding:10px 12px;width:min(92vw,420px);display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.4;animation:rise .3s ease-out}.hint-close{background:none;border:none;color:var(--dim);font-size:1rem;cursor:pointer;padding:0 2px}.legend-row{display:flex;align-items:center;gap:12px;background:var(--panel2);border-radius:8px;padding:7px 10px;font-size:.86rem;line-height:1.35}.legend-row img{width:34px;height:34px;border-radius:6px;flex-shrink:0;object-fit:cover}.legend-emoji{width:34px;text-align:center;font-size:1.3rem;flex-shrink:0}.toast-host{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:100}.toast{background:#3a2020;border:1px solid var(--danger);color:#ffd9d0;padding:10px 16px;border-radius:var(--radius);font-size:.92rem;animation:rise .2s ease-out;max-width:86vw;text-align:center}.conn-banner{position:fixed;top:0;left:0;right:0;background:var(--danger);color:#fff;text-align:center;font-size:.8rem;padding:4px;z-index:200}@media (min-width: 700px){.modal-backdrop{align-items:center}.modal,.drawer{border-radius:var(--radius)}}