@import url('https://fonts.googleapis.com/css2?family=Rye&family=Roboto+Condensed:wght@400;500;700;900&display=swap');
:root{--ink:#fae8bc;--cream:#f7dba0;--brass:#e5b45d;--brass-dark:#85551f;--red:#8e3034;--wine:#3b1921;--wood:#211315;--felt:#103e34;--felt2:#0b2925;--shadow:rgba(0,0,0,.65)}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;overflow-x:hidden;background:#110b0d;color:var(--ink);font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:4;opacity:.12;background-image:repeating-linear-gradient(87deg,transparent 0 6px,rgba(255,204,110,.1) 7px 8px),radial-gradient(circle at 50% 0,#8c3832,transparent 55%);mix-blend-mode:screen}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}#app{position:relative;min-height:100vh;overflow:hidden}#game{position:fixed;inset:0;display:block;width:100%;height:100%;background:#10221f}#lobby{position:relative;z-index:2;min-height:100vh;padding:5vh 4vw 4vh;display:flex;align-items:center;flex-direction:column;background:radial-gradient(ellipse at center top,rgba(111,37,34,.3),transparent 60%)}.brand{text-align:center;text-shadow:0 3px 0 #2e1519,0 0 32px rgba(229,180,93,.3);margin:0 0 2vh}.brand-kicker,.modal-kicker{font-weight:900;letter-spacing:.2em;color:var(--brass);font-size:clamp(.63rem,1.5vw,.86rem)}h1{font-family:Rye,'Rockwell Extra Bold',Georgia,serif;font-size:clamp(3.25rem,9vw,7.5rem);line-height:.86;letter-spacing:.04em;margin:.35rem 0;color:var(--cream)}h1 span{color:var(--brass);-webkit-text-stroke:1px #704317}.subtitle{font-weight:900;letter-spacing:.32em;color:#d77d56;font-size:clamp(.62rem,1.7vw,.95rem)}.lobby-panel{width:min(1120px,100%);border:1px solid #a66d2f;padding:clamp(1rem,2.5vw,2rem);background:linear-gradient(145deg,rgba(50,23,21,.98),rgba(25,18,18,.98));box-shadow:0 16px 80px #000,inset 0 0 0 5px rgba(116,71,29,.18);position:relative}.lobby-panel:before,.lobby-panel:after{content:'✦';position:absolute;color:var(--brass);font-size:1.4rem;top:.9rem}.lobby-panel:before{left:1rem}.lobby-panel:after{right:1rem}.floor-stamp{text-align:center;color:var(--brass);font-weight:900;letter-spacing:.18em;margin-bottom:.6rem}.lede{text-align:center;max-width:680px;margin:.4rem auto 1.35rem;line-height:1.4;color:#e6c997}.pick-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.pick-columns>div{min-width:0}.pick-columns h2{text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#d17a59;margin:.3rem 0 .55rem}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.select-card{min-width:0;min-height:182px;padding:.75rem .55rem .65rem;border:1px solid #6c4c31;background:linear-gradient(160deg,#382023,#201619);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:.15s transform,.15s border-color,.15s background;position:relative}.select-card:hover{transform:translateY(-3px);border-color:var(--card-accent);background:linear-gradient(160deg,#482827,#27191a)}.select-card.selected{border:2px solid var(--card-accent);box-shadow:0 0 0 2px rgba(229,180,93,.22),inset 0 0 25px rgba(229,180,93,.08);background:linear-gradient(160deg,#4c2928,#27191a)}.select-card.selected:after{content:'✓ DEALT';position:absolute;right:.35rem;top:.3rem;font-size:.56rem;color:var(--card-accent);font-weight:900}.sigil{height:40px;color:var(--card-accent);font-family:Georgia,serif;font-size:2rem;line-height:1}.card-tag{font-size:.55rem;font-weight:900;letter-spacing:.16em;color:#c07f62}.select-card h3{font-size:.78rem;letter-spacing:.04em;margin:.08rem 0;color:var(--cream)}.select-card strong{font-size:.66rem;color:var(--card-accent);letter-spacing:.08em}.select-card p{font-size:.66rem;line-height:1.18;color:#d8c09a;margin:.1rem 0 0}.lobby-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.4rem 0 .5rem}.primary,.secondary{border:1px solid var(--brass);padding:.78rem 1.45rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#c88a3f,#875121);box-shadow:0 4px 0 #4d2a18,0 8px 20px rgba(0,0,0,.35);text-shadow:0 1px #4e2a18}.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.primary:disabled{cursor:not-allowed;opacity:.36;filter:grayscale(.6);transform:none}.secondary{background:transparent;color:var(--brass);box-shadow:none;font-size:.76rem}.muted{font-size:.7rem;letter-spacing:.09em;color:#a88a70}.howto{border-top:1px solid #523425;margin-top:1rem;padding-top:.8rem;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;color:#b9926e;font-size:.64rem;letter-spacing:.1em}.howto b{color:var(--cream);margin-left:.18rem}.hidden{display:none!important}.modal{position:fixed;inset:0;z-index:8;display:grid;place-items:center;background:rgba(9,6,8,.72);backdrop-filter:blur(4px);padding:1rem}.modal-card{width:min(720px,94vw);padding:clamp(1.25rem,4vw,2.4rem);border:1px solid var(--brass);background:linear-gradient(145deg,#351c20,#1b1416);box-shadow:0 22px 90px #000,inset 0 0 0 5px rgba(124,77,30,.18);text-align:center}.modal-card h2{font-family:Rye,Georgia,serif;color:var(--cream);font-size:clamp(1.5rem,5vw,2.65rem);margin:.45rem 0}.modal-card p{color:#d2b790;margin:.2rem auto 1.2rem;max-width:520px;line-height:1.4}.modal-card.ornate{max-width:620px;background:radial-gradient(circle at 50% 0,#633128,#241519 67%)}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.upgrade{min-height:175px;padding:1rem .7rem;border:1px solid #8a6330;background:linear-gradient(160deg,#3c2820,#21181a);display:flex;align-items:center;flex-direction:column;gap:.35rem;transition:.15s transform,.15s border-color}.upgrade:hover{transform:translateY(-4px);border-color:var(--brass);background:#4b2d22}.upgrade-icon{font-size:2.1rem;color:var(--brass)}.upgrade-name{font-weight:900;color:var(--cream);font-size:.8rem;letter-spacing:.08em}.upgrade-text{font-size:.7rem;line-height:1.25;color:#d8bd94}.upgrade small{margin-top:auto;font-size:.55rem;color:#d77d56;letter-spacing:.1em;font-weight:900}.hud{position:fixed;inset:0;z-index:3;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;background:linear-gradient(180deg,rgba(17,10,12,.92),rgba(17,10,12,.08));text-shadow:0 2px 2px #000}.hud-brand{font-family:Rye,Georgia,serif;font-size:1rem;color:var(--cream)}.hud-brand b{color:var(--brass)}.floor-name{text-align:center;text-transform:uppercase}.floor-name span{display:block;font-size:.58rem;letter-spacing:.2em;color:#d27d5c}.floor-name b{font-size:1rem;letter-spacing:.1em;color:var(--cream)}.hud-buttons{display:flex;gap:.45rem}.hud-buttons button{width:35px;height:35px;border:1px solid #9d6d33;background:rgba(37,22,22,.85);color:var(--brass);font-weight:900;font-size:1.1rem}.hud-stats{display:grid;grid-template-columns:minmax(120px,1fr) minmax(145px,1.4fr) auto;gap:.75rem;align-items:end;padding:0 1.2rem}.stat-label{display:flex;justify-content:space-between;color:#dfc28f;font-size:.62rem;letter-spacing:.1em;margin-bottom:.25rem}.bar{height:8px;background:#28171a;border:1px solid #64402c;overflow:hidden}.bar i{display:block;height:100%;width:50%;background:linear-gradient(90deg,#b94e4a,#e58f5c)}.xp .bar i{background:linear-gradient(90deg,#a77a31,#e8ca6a)}.crit-stat{border-left:1px solid #6f4a2e;padding-left:.7rem;display:flex;align-items:baseline;gap:.4rem;color:#bc9c6e;font-size:.68rem}.crit-stat b{font-size:1rem;color:var(--cream)}.crit-stat small{font-size:.65rem;color:var(--brass)}.boss-hud{width:min(520px,70vw);margin:.75rem auto 0}.boss-caption{display:flex;justify-content:space-between;color:#f1d58d;letter-spacing:.12em;font-size:.65rem;font-weight:900}.boss-caption span:last-child{color:#df7360}.boss-bar{height:12px;margin-top:4px;background:#261316;border:1px solid #d17e52}.boss-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9d303b,#ed8058);transition:width .12s}.pause-banner{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-family:Rye,Georgia,serif;color:var(--cream);font-size:clamp(2rem,7vw,4rem);text-align:center;text-shadow:0 3px #33171c}.pause-banner small{display:block;font-family:'Roboto Condensed',Arial,sans-serif;font-size:.7rem;letter-spacing:.17em;color:#d59a65;margin-top:.8rem}.toast{position:absolute;left:50%;bottom:10%;transform:translate(-50%,20px);opacity:0;background:rgba(35,17,18,.92);border:1px solid #b8783a;padding:.65rem 1rem;color:var(--cream);font-weight:900;letter-spacing:.12em;font-size:.7rem;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}#touchControls{display:none;position:fixed;z-index:5;inset:auto 0 1.1rem 0;align-items:end;justify-content:space-between;padding:0 1rem;pointer-events:none}#touchControls>*{pointer-events:auto}.joystick{width:104px;height:104px;border:2px solid rgba(235,193,108,.5);border-radius:50%;background:rgba(20,13,15,.35);position:relative;touch-action:none}.joystick:before{content:'';position:absolute;inset:23px;border:1px dashed rgba(235,193,108,.35);border-radius:50%}.joystick span{position:absolute;width:36px;height:36px;left:32px;top:32px;border-radius:50%;background:rgba(224,171,79,.75);box-shadow:0 0 14px rgba(229,180,93,.35)}#touchDash{width:80px;height:80px;border-radius:50%;border:2px solid #d68a4c;background:rgba(105,36,37,.74);font-size:.65rem;font-weight:900;letter-spacing:.08em;color:#ffe1a4;touch-action:none}
@media(max-width:700px){#lobby{padding:2.5vh 3vw 3vh;justify-content:flex-start}.brand{margin-bottom:1.5vh}h1{font-size:clamp(3rem,15vw,5rem)}.lobby-panel{padding:.9rem .7rem;max-height:89vh;overflow:auto}.lede{font-size:.82rem;margin:.35rem auto 1rem}.pick-columns{grid-template-columns:1fr;gap:.85rem}.pick-columns h2{margin:.2rem 0 .35rem}.select-card{min-height:130px;padding:.45rem .3rem}.select-card .sigil{height:29px;font-size:1.6rem}.select-card h3{font-size:.68rem}.select-card strong{font-size:.57rem}.select-card p{font-size:.58rem}.card-grid{gap:.35rem}.lobby-actions{margin:.9rem 0 .2rem;flex-direction:column;gap:.45rem}.primary{padding:.7rem 1.1rem}.howto{gap:.55rem;font-size:.52rem}.hud-top{padding:.55rem .65rem}.hud-brand{font-size:.72rem}.floor-name b{font-size:.72rem}.floor-name span{font-size:.5rem}.hud-buttons button{width:31px;height:31px}.hud-stats{gap:.35rem;padding:0 .55rem}.stat-label{font-size:.5rem}.crit-stat{padding-left:.35rem;gap:.2rem}.crit-stat span{font-size:.52rem}.crit-stat b{font-size:.85rem}.boss-hud{margin-top:1rem;width:88vw}.upgrade-grid{grid-template-columns:1fr;gap:.45rem}.upgrade{min-height:0;display:grid;grid-template-columns:2rem 1fr;grid-template-rows:auto auto;padding:.65rem;text-align:left}.upgrade-icon{grid-row:1/3;font-size:1.5rem}.upgrade-name{font-size:.7rem}.upgrade-text{font-size:.62rem}.upgrade small{grid-column:2;margin-top:0;font-size:.5rem}.modal-card{padding:1rem}.modal-card h2{font-size:1.5rem}.modal-card p{font-size:.85rem}.toast{bottom:22%;font-size:.58rem;max-width:94vw;overflow:hidden;text-overflow:ellipsis}.joystick{width:94px;height:94px}.joystick span{left:28px;top:28px}#touchControls{display:flex}}
@media(pointer:coarse){#touchControls{display:flex}}