:root{--ink:#eee7d4;--paper:#102321;--gold:#d7b674;--muted:#829991;--line:#b5a16d30;--rust:#d09973;--dark:#0b1b1a;color-scheme:dark}body{background:#102321;color:var(--ink)}button,input,select{font-family:Arial,Helvetica,sans-serif}button{transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #eac78a;outline-offset:4px}#lobby{max-width:none;min-height:100vh;padding:0;display:grid;grid-template-columns:214px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(145deg,#122925,#0a1b1a);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 22px 20px;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:#e4d3a4;font-size:34px;letter-spacing:2px;line-height:.98}.brand>span{font-size:25px}.brand small{font:7px Arial,sans-serif;letter-spacing:2px;display:block;margin-top:12px;color:#8aa297}.nav-label{font-size:8px;letter-spacing:2.3px;color:#688b80;margin:58px 12px 17px}.sidebar nav{display:grid;gap:9px}.nav-item{background:transparent;text-align:left;width:100%;display:flex;align-items:center;gap:11px;padding:14px 12px;color:#9fb0a4;font-size:12px;border:1px solid transparent;position:relative}.nav-item>span{font-size:20px;color:#789c8b;width:20px;text-align:center}.nav-item i{margin-left:auto;font:8px Arial;color:#6b8a7b}.nav-item.active{color:#f3e5be;background:linear-gradient(90deg,#a6904933,#b8a36008);border-color:#b9a57333}.nav-item.active:before{content:'';position:absolute;left:-1px;top:10px;bottom:10px;width:2px;background:#d7b674}.nav-item.active>span{color:#d7b674}.nav-item:hover{background:#72968615;color:#f0e6ce}.sidebar-bottom{margin-top:auto;padding-top:40px;display:grid;grid-template-columns:37px 1fr;column-gap:8px;align-items:center}.player-emblem{width:32px;height:37px;display:grid;place-items:center;border:1px solid #a8956344;color:#b9a371;font-size:22px;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:#9d915211}.sidebar-bottom strong{font:12px Georgia,serif;display:block;color:#d8d1b6}.sidebar-bottom small{font-size:8px;color:#789184;display:block;margin-top:5px}.sidebar-bottom .nav-item{grid-column:1/-1;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.version{grid-column:1/-1;font-size:7px;letter-spacing:1.3px;color:#567268;margin-top:18px;text-align:center}.menu-stage{min-width:0;display:flex;flex-direction:column;min-height:100vh;position:relative;background:radial-gradient(ellipse at 65% 25%,#23443a55,transparent 60%)}.masthead{height:68px;padding:0 38px;border-bottom:1px solid var(--line);position:relative;z-index:1;background:#10221ede;flex-shrink:0}.masthead>span{font-size:8px;letter-spacing:1.8px;color:#9ca891}.online-badge{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.1px;color:#a4b6a5}.online-badge>span{width:5px;height:5px;background:#85b492;border-radius:50%;box-shadow:0 0 8px #85b49277}.menu-view{animation:menu-enter .45s ease both}.intro{padding:0;flex:1;min-height:670px;position:relative;overflow:hidden;display:flex;align-items:center}.intro:after{display:none}.home-art{position:absolute;inset:0;background:linear-gradient(90deg,#10211ef5 0%,#10211ed9 17%,#0b1d1855 54%,#0b1d1805 80%),linear-gradient(0deg,#0b1d19f0,transparent 40%,#0d201933),url('/assets/menu-v2.png') center right/cover no-repeat;animation:art-breathe 24s ease-in-out infinite alternate}.home-copy{position:relative;z-index:1;padding:50px 7% 130px;max-width:600px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#c9b079}.home-copy .eyebrow{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:2px}.gold-line{width:25px;height:1px;background:#bca269}.intro h1{font-size:clamp(62px,6.6vw,98px);font-weight:bold;letter-spacing:3px;line-height:.9;color:#eadcc1;margin:32px 0 24px;text-shadow:0 5px 24px #06120d88}.intro h1>span{display:block;color:#d1ac6b}.title-rule{display:flex;align-items:center;gap:12px;color:#bca06a;font-size:15px;max-width:280px;margin-bottom:25px}.title-rule:before,.title-rule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#bba27188)}.title-rule:after{transform:rotate(180deg)}.intro p{font:15px/1.9 Georgia,serif;color:#b6c2ad}.home-actions{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:30px}.primary{background:linear-gradient(120deg,#dabd80,#b9995f);color:#18251d;border:1px solid #e4c98c;box-shadow:0 3px 16px #08181166,inset 0 1px 0 #f9e5b166;font-size:11px;letter-spacing:.7px;border-radius:2px;padding:15px 22px}.primary:hover:not(:disabled){background:linear-gradient(120deg,#ebd5a0,#c9ab6f);box-shadow:0 3px 24px #d7b67422}.primary span{margin-left:22px}.secondary{color:#d1d5bc;border-color:#91a28a4d;background:#142b2555;font-size:11px;letter-spacing:.4px;border-radius:2px;padding:14px 20px}.secondary:hover:not(:disabled){background:#54705c24;border-color:#c9b98688}.big-button{min-width:275px;text-align:left;display:flex;justify-content:space-between;padding:18px 24px}.home-actions .secondary{border-color:transparent;background:transparent;padding-left:0;color:#acbba5;font-size:11px}.tags{margin-top:29px;gap:14px}.tags span{color:#849e8c;font-size:8px;font-weight:normal;letter-spacing:1.4px;border:0;padding:0}.tags span+span:before{content:'·';margin-right:14px;color:#bca271}.chapter-card{position:absolute;left:7%;bottom:30px;right:7%;display:flex;align-items:center;gap:22px;border:1px solid #d2b5783b;padding:18px 22px;background:linear-gradient(90deg,#10231fec,#10231f88);backdrop-filter:blur(9px);z-index:1;max-width:650px}.chapter-number{font:45px Georgia,serif;color:#bba16a;width:40px;text-align:center;border-right:1px solid #c9b07944;padding-right:22px}.chapter-card h3{font-size:21px;color:#d8d5bf;margin:7px 0 4px}.chapter-card .eyebrow{font-size:7px;letter-spacing:1.8px}.chapter-card p{font:10px Arial;color:#829e8e}.chapter-card button{margin-left:auto;background:transparent;border:1px solid #d2b57844;width:35px;height:35px;color:#ceb680;font-size:19px}.ember{position:absolute;width:3px;height:3px;background:#e1ba6e;box-shadow:0 0 10px #e1a459;border-radius:50%;pointer-events:none;animation:embers 7s ease-in-out infinite}.ember-one{right:18%;bottom:24%}.ember-two{right:40%;bottom:18%;animation-delay:-3s}.menu-stage footer{padding:16px 38px;border-top:1px solid var(--line);color:#6d8d7c;font-size:8px;letter-spacing:.4px;background:#10221e;margin-top:auto;position:relative;z-index:1}.hero-section{padding:36px 38px;flex:1}.section-heading{margin-bottom:25px;align-items:end}.section-heading h2{font-size:31px;margin-top:10px;letter-spacing:-.5px}.section-heading>span{font-size:8px;letter-spacing:1px;color:#849d89}.hero-selection{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;max-width:1150px;margin:auto}.hero-grid{display:flex;flex-direction:column;gap:10px}.hero-card,.hero-card:last-child{display:flex;align-items:center;background:#0c201b80;border:1px solid #7799802c;min-height:105px;overflow:visible;isolation:isolate;transition:all .2s}.hero-card.selected{border:1px solid #cbb17a99;background:linear-gradient(100deg,#b59d512a,#122920);box-shadow:0 0 24px #b59d5108}.hero-card:hover{border-color:#aaad7780;background:#24413480}.hero-card canvas,.hero-card:last-child canvas{width:75px;height:96px;flex-shrink:0;background:radial-gradient(ellipse,#b6bd7833,transparent 65%)}.hero-card .hero-copy,.hero-card:last-child .hero-copy{border:0;padding:12px 5px;min-height:0;flex:1}.hero-copy strong{font-size:18px;color:#dedcc2;margin-bottom:6px}.hero-copy span{font-size:7px;color:#9ca48a;letter-spacing:1px;line-height:1.5}.hero-copy p{display:none}.selected-check{right:8px;top:8px;width:13px;height:13px;font-size:8px;background:#c7aa70;color:#12271d;border:0}.hero-detail{min-width:0;position:relative;display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,.9fr);align-items:center;gap:10px;background:radial-gradient(ellipse at 30% 40%,#527d5838,transparent 60%);border:1px solid #b8a36e25;overflow:hidden;padding:25px;min-height:565px}.portrait-runes{position:absolute;font:370px Georgia,serif;color:#b6ac6d0e;left:2%;top:80px;pointer-events:none}.hero-detail>canvas{width:100%;height:auto;max-height:510px;object-fit:contain;position:relative;filter:drop-shadow(0 18px 20px #05110b88)}.hero-detail-copy{position:relative;padding:10px 5px}.hero-detail-copy>.eyebrow{font-size:8px;line-height:1.8;letter-spacing:1.4px}.hero-detail-copy h2{font-size:40px;line-height:1.1;letter-spacing:-1px;margin:12px 0 16px}.hero-detail-copy>p{font:13px/1.8 Georgia,serif;color:#9caf9a}.hero-stats{display:grid;gap:13px;margin:28px 0}.hero-stat{font-size:9px;letter-spacing:1px;color:#93ab96}.hero-stat>div{display:flex;justify-content:space-between;margin-bottom:7px}.stat-track{height:4px;background:#405a4444}.stat-track span{display:block;height:100%;background:linear-gradient(90deg,#627d58,#b4ac75)}.starting-weapon{border-top:1px solid #a4a26e33;border-bottom:1px solid #a4a26e33;padding:15px 0;margin-bottom:24px;display:flex;align-items:center;gap:12px}.starting-weapon .icon{color:#c9b079;font-size:25px}.starting-weapon small{display:block;font-size:7px;letter-spacing:1.3px;color:#809b86;margin-bottom:5px}.starting-weapon strong{font:18px Georgia,serif;color:#cbd0b3}.hero-detail-copy .primary{width:100%;font-size:10px;padding:15px 12px}.hero-detail-copy .primary span{margin-left:7px}.play-section{display:block;border:0;margin:0;padding:36px 38px;flex:1}.expedition-heading h2{font-size:34px;margin:12px 0}.expedition-heading p{font-size:12px;color:#8ca590;line-height:1.8}.expedition-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(330px,1.15fr);gap:25px;margin:30px auto 0;max-width:1050px}.mission-card{position:relative;border:1px solid #bba77944;background:#122b21;overflow:hidden;display:flex;flex-direction:column;min-height:510px}.mission-art{position:absolute;inset:0;background:linear-gradient(0deg,#10231f 10%,#10231f99 40%,#10231f00 80%),url('/assets/menu-v2.png') 78% center/cover;opacity:.9}.mission-tag{position:relative;font-size:8px;letter-spacing:1.2px;color:#ead1a2;border:1px solid #d2b57855;background:#16271dcc;padding:9px 12px;align-self:start;margin:20px}.mission-copy{position:relative;padding:65px 25px 25px;margin-top:auto}.mission-copy h3{font-size:39px;line-height:1.05;letter-spacing:-.5px}.mission-copy p{font:12px/1.8 Georgia,serif;color:#a7b79d;margin-top:15px}.mission-facts{display:flex;gap:18px;font-size:10px;color:#cfbb8b;margin-top:20px}.selected-summary{position:relative;border-top:1px solid #d2b57833;background:#0b211dde;display:flex;align-items:center;gap:15px;padding:15px 22px}.selected-summary canvas{width:60px;height:85px;object-fit:contain}.selected-summary small{font-size:7px;letter-spacing:1.4px;color:#8faa94;display:block}.selected-summary strong{font:22px Georgia,serif;display:block;margin-top:6px}.selected-summary .text-button{font-size:9px;color:#c5af7c;padding:6px 0}.join-panel{border:1px solid #bba77933;background:#0e211dcc;padding:28px;min-width:0}.join-panel h2{font-size:26px}input:not([type=checkbox]):not([type=range]){background:#081b16bb;border:1px solid #76957b40;color:#e2e4cb;padding:14px;outline-offset:1px;transition:border-color .2s}.form-row label{color:#91a68f;font-size:8px;letter-spacing:1.2px;max-width:none}.checkbox{font-size:10px;line-height:1.7;color:#8ba18b}.checkbox input{accent-color:#c9aa69;width:14px;height:14px;flex-shrink:0}.hint{font-size:9px;color:#819b87}.solo-divider{display:flex;gap:15px;align-items:center;margin:25px 0 17px;color:#718d77;font-size:7px;letter-spacing:1.5px}.solo-divider:before,.solo-divider:after{content:'';height:1px;background:#8faa6840;flex:1}.solo-button{width:100%;text-align:left;display:flex;justify-content:space-between}.public-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:23px}.public-heading .eyebrow{font-size:7px}.text-button{color:#b9bda0;font-size:10px}.public-heading .text-button{font-size:9px;font-weight:normal}#room-list{margin-top:8px;display:grid;gap:8px}.empty-rooms{border:1px dashed #79916f40;color:#758e77;padding:16px;font-size:10px;line-height:1.7;text-align:center}.public-room-row{display:flex;justify-content:space-between;text-align:left;width:100%;font-size:11px}.public-room-row small{color:#91a688}.room-shell,.result-shell{position:relative;background:linear-gradient(125deg,#10231fef,#122720eb);border:1px solid #bba77955;padding:40px;margin:50px auto;max-width:960px;box-shadow:0 30px 80px #06110eaa}.room-shell h1,.result-shell h1{font-size:49px}#room-screen,#result{min-height:100vh;padding:1px 25px;background:linear-gradient(0deg,#0a1b19d9,#0a1b1966),url('/assets/menu-v2.png') center/cover fixed}.room-code-box{padding:18px 0;gap:22px}.room-code-box>span{color:#8fa68d;font-size:8px}.room-code-box strong{color:#dfc388}.room-code-box .secondary{margin-left:auto}.lobby-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px;gap:15px}.lobby-heading h2{font-size:25px}.lobby-heading>span{font-size:10px;color:#8ca38b}#room-players{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.room-player{background:#081a16aa;border:1px solid #8f9f7033;padding:12px;gap:12px}.room-player canvas{width:50px;height:70px}.room-player strong{font-size:18px}.room-player small{color:#829d85;font-size:9px}.room-player .status{font-size:9px;color:#b7c49c;text-align:right;line-height:1.7}.result-shell{margin-top:120px}.result-shell p{color:#a0b199}dialog{background:linear-gradient(135deg,#172f27,#0e211d);color:#e1ddc6;border:1px solid #bba77966;box-shadow:0 20px 80px #0009;border-radius:3px;padding:30px;width:min(960px,94vw)}dialog::backdrop{background:#030e0be0;backdrop-filter:blur(5px)}.book-heading h2{font-size:36px}dialog>p{color:#97ad93;font-size:12px;max-width:720px}#book{max-height:87vh}.book-tabs{display:flex;gap:18px;border-bottom:1px solid #a8976044;margin:25px 0 22px}.book-tabs button{background:none;color:#8fa98e;padding:12px 0;font-size:12px;border-bottom:2px solid transparent}.book-tabs button[aria-selected=true]{color:#dec18b;border-color:#c4a268}.book-tabs small{font-size:8px;border:1px solid #8faa6840;padding:2px 5px;margin-left:5px;color:#78976f}.book-item{background:linear-gradient(145deg,#223a2a,#13281f);border:1px solid #9eaa6c30;border-radius:2px;position:relative;transition:border-color .2s,transform .2s;padding:22px}.book-item:hover{border-color:#c7ae6970;transform:translateY(-2px)}.book-item>strong{font-size:20px;color:#d4d6b7}.book-item>span{width:45px;height:45px;display:grid;place-items:center;background:#bfa26712;border:1px solid #c5ac5940;font-size:28px;color:#c9b079;margin-bottom:17px}.book-item p{color:#8ba48a;font-size:11px;line-height:1.8}.book-item small{color:#b99f6e;font-size:9px}.book-subheading{color:#d0d2b4}.book-summary{font-size:11px;color:#a4b299;margin:0 0 20px;line-height:1.7}.setting-row{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #9eaa6c30}.setting-row>div{flex:1}.setting-row strong{font:22px Georgia,serif}.setting-row p{font-size:11px;color:#8ca68c;margin-top:7px}.setting-row input[type=range]{width:150px;accent-color:#d3b777}.setting-row output{font-size:10px;color:#c9b079;min-width:35px}.setting-row input[type=checkbox]{accent-color:#c9aa69;width:19px;height:19px}.setting-row select{padding:12px;background:#0c2118;color:#d0d6b4;border:1px solid #aab97744}.controls-sheet{margin-top:26px}.controls-sheet p{font-size:12px;color:#9bb096;margin:17px 0}.controls-sheet small{font-size:10px;color:#748d76}kbd{display:inline-block;padding:5px 7px;margin-right:4px;background:#293b27;border:1px solid #a5aa6a44;border-bottom-width:3px;font:11px Arial;color:#d4c18b}#settings{max-width:600px}#game-menu{max-width:430px}#game-menu h2{font-size:33px;line-height:1.15;margin-top:14px}.game-menu-actions{display:grid;gap:12px;margin-top:25px}.game-menu-actions .text-button{padding:15px}#toast{background:#172b21;border:1px solid #c7ad7066;color:#e3d8b4;box-shadow:0 12px 30px #0008;border-radius:3px;font-size:12px}#connection{background:#995443}.hud-title,.timer,.health-panel,.hud-button{background:linear-gradient(135deg,#10271ff0,#0a1915ed);border-color:#d0b77b66;box-shadow:0 6px 20px #07120a88;border-radius:3px}.hud-title{border-left:3px solid #bf9e5d}.timer{min-width:128px;border-top:2px solid #c9ab72}.hud-button{transition:background .2s}.hud-button:hover{background:#344b32}.health-panel>strong{color:#e6dcc1}.health-track{background:#3d2625;border-color:#c1a16f44;height:13px}.health-track div{background:linear-gradient(90deg,#9d4d3f,#cc8164)}.health-track span{line-height:11px;font-size:8px}#xp-track{height:7px;border-color:#ccbb7933;background:#10271f}#xp-fill{background:linear-gradient(90deg,#659981,#b5cba1);box-shadow:0 0 8px #9cbb8133}.team-member{border-radius:2px;box-shadow:0 3px 12px #0003;background:#0c211cdb;padding:9px 12px}.weapon-slot{border-color:#bba56c66;border-radius:3px;background:linear-gradient(135deg,#243a28,#0c2118);box-shadow:0 3px 12px #0005}.weapon-slot .icon{color:#d9bf84;text-shadow:0 0 10px #d4aa5522}.weapon-slot.fused{border-color:#e6c783;background:linear-gradient(135deg,#4d4929,#172719)}#upgrade-panel{background:linear-gradient(145deg,#233c2df8,#0e231bf8);color:#e7dec0;border:1px solid #d4b67877;border-top:3px solid #d2b477;border-radius:3px;box-shadow:0 20px 50px #0007}#upgrade-panel h2{color:#e3d4af}#upgrade-options button{background:linear-gradient(110deg,#344a31,#20382b);border-color:#d4bc772c;color:#dedfc1;transition:background .2s,border-color .2s}#upgrade-options button:hover{border-color:#d4bc77aa;background:#41583a}#upgrade-options small{color:#9aaf91}#upgrade-panel>small{color:#7f9d80}#boss-hud{background:#291e19eb;border-color:#a87252;border-top-width:3px;box-shadow:0 5px 25px #0006;border-radius:3px}#bottom-hud{bottom:22px}#fallen-hint{background:#152b22ee;border-color:#d4b67888;color:#e0d6b8;border-radius:3px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes menu-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes art-breathe{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes embers{0%{opacity:0;transform:translate(0,10px)}30%{opacity:.8}100%{opacity:0;transform:translate(-30px,-110px)}}
@media(min-width:1700px){.intro{min-height:780px}.home-copy{padding-left:9%}.chapter-card{left:9%}.hero-section,.play-section{padding:45px 6%}.hero-selection{grid-template-columns:260px minmax(0,1fr)}.hero-detail{min-height:620px}.hero-card{min-height:116px}.hero-card canvas{height:107px;width:85px}}
@media(max-width:1150px){#lobby{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:30px 15px 20px}.brand>span{font-size:22px}.brand{font-size:28px}.masthead{padding:0 25px}.hero-section,.play-section{padding:30px 25px}.hero-selection{grid-template-columns:180px minmax(0,1fr);gap:18px}.hero-card canvas{width:60px;height:90px}.hero-copy strong{font-size:16px}.hero-copy span{font-size:6px}.hero-detail{grid-template-columns:1fr;padding:20px;gap:0}.hero-detail>canvas{height:300px;max-height:300px;width:100%;object-fit:contain}.hero-detail-copy h2{font-size:32px}.hero-detail-copy>p{font-size:12px}.hero-stats{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.starting-weapon{margin-bottom:15px;padding:12px 0}.hero-detail-copy{padding:10px}.hero-detail{min-height:560px}.hero-card{min-height:105px}.portrait-runes{font-size:310px;top:0;left:10%}.expedition-layout{grid-template-columns:minmax(200px,.8fr) minmax(250px,1fr);gap:18px}.join-panel{padding:22px}.mission-copy{padding:65px 20px 25px}.mission-copy h3{font-size:32px}.mission-copy p{font-size:11px}.form-row{flex-direction:column;gap:13px}.home-copy{padding-left:6%;padding-top:40px}.intro{min-height:650px}.chapter-card{left:6%;right:6%}.intro h1{font-size:74px}.home-copy .eyebrow{font-size:7px}}
@media(max-width:850px){#lobby{grid-template-columns:150px minmax(0,1fr)}.sidebar{padding:25px 10px 15px}.brand{gap:7px;font-size:23px}.brand>span{font-size:20px}.brand small{font-size:6px;letter-spacing:1px}.nav-item{font-size:10px;padding:13px 9px;gap:7px}.nav-item>span{font-size:18px}.nav-item i{display:none}.sidebar-bottom{grid-template-columns:1fr}.player-emblem{display:none}.sidebar-bottom>div:not(.player-emblem){padding-left:10px}.online-badge{font-size:7px}.hero-selection{grid-template-columns:140px minmax(0,1fr);gap:13px}.hero-section,.play-section{padding:25px 18px}.hero-card canvas{width:48px;height:80px}.hero-card{min-height:95px}.hero-copy strong{font-size:14px}.hero-copy span{font-size:6px;letter-spacing:.3px}.section-heading h2{font-size:25px}.section-heading>span{display:none}.hero-detail{padding:12px}.hero-detail-copy h2{font-size:28px}.hero-detail>canvas{height:270px;max-height:270px}.expedition-layout{grid-template-columns:1fr}.mission-card{min-height:280px}.mission-copy{padding:30px 20px 20px}.mission-copy h3{font-size:29px}.mission-copy h3 br{display:none}.selected-summary{position:absolute;right:0;bottom:0;border:1px solid #d2b57833;background:#0b211ded;padding:12px}.selected-summary canvas{width:45px;height:70px}.selected-summary strong{font-size:18px}.mission-facts{gap:13px}.mission-copy p{max-width:60%}.form-row{flex-direction:row}.join-panel{padding:22px}.expedition-heading h2{font-size:29px}.home-copy{padding-left:7%}.intro h1{font-size:65px}.intro p{font-size:13px}.chapter-card{padding:16px;gap:16px}.chapter-card h3{font-size:18px}.chapter-card .eyebrow{font-size:6px}.menu-stage footer{padding:15px 20px}.menu-stage footer span:last-child{display:none}.room-shell{padding:30px}.room-player{gap:8px;padding:8px}.room-player strong{font-size:15px}.room-player canvas{width:40px;height:60px}}
@media(max-width:600px){#lobby{display:flex;flex-direction:column}.sidebar{position:relative;height:auto;min-height:0;width:100%;padding:14px 15px 0;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:22px;gap:8px;line-height:1;display:inline-flex}.brand>span{font-size:17px;display:flex;gap:4px}.brand br{display:none}.brand small{display:none}.nav-label{display:none}.sidebar nav{display:flex;margin:13px -5px 0;gap:0;justify-content:space-between}.nav-item{width:auto;padding:13px 8px;font-size:10px;border:0!important;gap:5px}.nav-item>span{font-size:15px;width:16px}.nav-item.active:before{top:auto;bottom:0;left:10px;right:10px;height:2px;width:auto}.sidebar-bottom{display:block;position:absolute;right:15px;top:8px;padding:0}.sidebar-bottom>div,.version{display:none}.sidebar-bottom .nav-item{margin:0;padding:10px 5px;font-size:0}.sidebar-bottom .nav-item>span{font-size:19px}.menu-stage{min-height:calc(100vh - 99px)}.masthead{height:45px;padding:0 20px}.masthead>span{font-size:6px;letter-spacing:1px}.online-badge{font-size:6px;letter-spacing:.3px}.intro{min-height:610px;align-items:start}.home-copy{padding:60px 25px 160px;max-width:100%}.home-art{background-position:65% center}.intro h1{font-size:72px;margin:28px 0 20px;letter-spacing:1px}.intro p{font-size:13px}.home-copy .eyebrow{font-size:6px;letter-spacing:1.7px}.home-actions{margin-top:27px}.big-button{min-width:265px;padding:17px 20px}.chapter-card{left:20px;right:20px;bottom:25px;gap:14px;padding:16px}.chapter-number{font-size:34px;width:25px;padding-right:16px}.chapter-card h3{font-size:17px}.chapter-card button{width:30px;height:30px}.chapter-card p{font-size:8px}.hero-section,.play-section{padding:25px 20px}.section-heading h2{font-size:27px}.section-heading .eyebrow{font-size:6px;line-height:1.8}.hero-selection{display:flex;flex-direction:column-reverse;gap:18px}.hero-detail{grid-template-columns:1fr 1fr;min-height:310px;padding:12px;gap:5px}.hero-detail>canvas{height:270px;max-height:270px}.hero-detail-copy{padding:10px 3px}.hero-detail-copy h2{font-size:25px;margin:8px 0 12px}.hero-detail-copy>.eyebrow{font-size:6px;letter-spacing:.8px}.hero-detail-copy>p{font-size:10px;line-height:1.7}.hero-stats{grid-template-columns:1fr;gap:10px;margin:16px 0}.hero-stat{font-size:7px}.starting-weapon{gap:7px;margin-bottom:14px;padding:12px 0}.starting-weapon strong{font-size:14px}.starting-weapon small{font-size:6px}.starting-weapon .icon{font-size:19px}.hero-detail-copy .primary{font-size:8px;line-height:1.6;padding:12px 8px}.hero-detail-copy .primary span{display:none}.portrait-runes{font-size:240px;left:-35px;top:20px}.hero-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.hero-card,.hero-card:last-child{display:flex;flex-direction:column;min-height:0}.hero-card canvas,.hero-card:last-child canvas{width:100%;height:95px}.hero-card .hero-copy,.hero-card:last-child .hero-copy{padding:5px 3px 9px;min-height:0;text-align:center}.hero-copy strong{font:10px Georgia,serif}.hero-copy span{display:none}.selected-check{width:10px;height:10px;right:4px;top:4px;font-size:6px}.expedition-heading h2{font-size:28px}.expedition-heading p{font-size:11px}.mission-card{min-height:310px}.mission-copy h3{font-size:29px}.mission-copy p{max-width:55%;font-size:10px}.mission-facts{gap:8px;font-size:8px}.selected-summary{padding:10px;gap:8px}.selected-summary canvas{width:40px;height:65px}.selected-summary strong{font-size:16px}.selected-summary small{font-size:6px}.selected-summary .text-button{font-size:8px}.join-panel{padding:22px}.form-row{gap:10px}.join-panel h2{font-size:24px}.join-panel .primary,.join-panel .secondary{padding:14px 17px}.public-heading .eyebrow{font-size:6px}.checkbox{font-size:9px}#room-screen,#result{padding:1px 15px}.room-shell,.result-shell{margin:25px auto;padding:24px 18px}.room-shell h1,.result-shell h1{font-size:35px;letter-spacing:-1px}.room-code-box{gap:10px;flex-wrap:wrap}.room-code-box strong{font-size:25px}.room-code-box .secondary{margin-left:0;font-size:9px}.lobby-heading{align-items:start}.lobby-heading h2{font-size:22px}.lobby-heading>span{font-size:8px;max-width:120px;line-height:1.6}#room-players{grid-template-columns:1fr}.room-player{padding:10px}.room-player strong{font-size:17px}.room-player canvas{width:50px;height:65px}dialog{padding:23px 18px}.book-heading h2{font-size:28px}.book-heading .secondary{font-size:9px;padding:10px}.book-tabs{gap:18px}.book-tabs button{font-size:11px}.book-grid{grid-template-columns:repeat(2,1fr);gap:8px}.book-item{padding:14px}.book-item>strong{font-size:16px}.book-item p{font-size:10px;line-height:1.7}.book-item small{font-size:8px}.book-item>span{width:37px;height:37px;font-size:25px}.setting-row{gap:12px}.setting-row strong{font-size:18px}.setting-row p{font-size:9px}.setting-row input[type=range]{width:95px}.setting-row select{padding:9px;font-size:10px}.setting-row output{font-size:8px}.controls-sheet p{font-size:10px}#settings .book-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.menu-view,.home-art,.ember{animation:none}}

.biome-label{display:block;color:#cbb98b;font-size:11px;letter-spacing:.12em;margin:18px 0 8px}.biome-label select{display:block;width:100%;margin-top:8px;background:#132d26;color:#f0e5c8;border:1px solid #9b8853;padding:13px;border-radius:5px;font:inherit;font-size:14px;letter-spacing:0}

.hero-roster{max-height:680px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#aa9662 #13281f}.hero-grid{padding-right:4px}#reroll{margin:12px 0;padding:10px 18px}#dash-button{white-space:nowrap;font-size:10px}.book-tabs{flex-wrap:wrap;gap:14px}@media(max-width:600px){.hero-roster{max-height:none;overflow:visible}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-right:0}.hero-card canvas,.hero-card:last-child canvas{height:100px}#dash-button{position:fixed;left:18px;bottom:180px;padding:10px;background:#132b24}#bottom-hud{gap:5px}}

.book-item canvas{width:100%;height:130px;object-fit:contain;background:radial-gradient(ellipse,#63866822,transparent 65%);margin-bottom:12px}

#countdown-overlay{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#071811bb;backdrop-filter:blur(3px);pointer-events:none}#countdown-overlay[hidden]{display:none}#countdown-number{font:110px Georgia;color:#f0d29b;text-shadow:0 0 45px #d6b16d66;margin:25px}#countdown-overlay p{color:#bdceb3;font-size:14px}#buff-label{display:block;color:#e7c992;margin-top:5px}
/* Illustrated environments and pixel-art party title scene. */
.intro{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:25px;padding:30px 38px 140px;min-height:720px;align-items:center;background:radial-gradient(ellipse at 70% 45%,#42362933,transparent 65%),#10231e}
.home-art{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;aspect-ratio:16/9;background:url('/assets/title-meme-v2.png') center/contain no-repeat;animation:none;image-rendering:pixelated;border:1px solid #bba77955;box-shadow:0 20px 50px #0008;transform:none}
.home-copy{grid-column:1;grid-row:1;padding:20px 0;max-width:none;position:relative}
.intro h1{font-size:clamp(55px,5.6vw,87px)}
.home-actions{gap:12px}.home-actions .big-button{min-width:0;width:100%;max-width:320px}
.mission-art{background-image:linear-gradient(0deg,#10231f 10%,#10231f99 40%,#10231f00 80%),var(--mission-art,url('/assets/arena-v2.png'))}
@media(max-width:1150px){.intro{grid-template-columns:1fr;min-height:0;padding:30px 25px 140px;gap:0}.home-art{grid-column:1;grid-row:1;max-width:800px;margin:auto}.home-copy{grid-column:1;grid-row:2;padding:25px 0}.intro h1{font-size:60px;display:flex;gap:8px;margin:18px 0}.title-rule{display:none}.home-actions{margin-top:20px}.home-copy .eyebrow{font-size:8px}.intro .chapter-card{left:25px;right:25px;bottom:20px}.ember{display:none}}
@media(max-width:600px){.intro{padding:20px 20px 125px;gap:0}.home-art{background-position:center;aspect-ratio:16/9}.home-copy{padding:24px 0 10px}.intro h1{font-size:43px;letter-spacing:0;gap:4px}.home-copy p{font-size:12px}.home-copy .eyebrow{font-size:6px}.intro .chapter-card{left:20px;right:20px;bottom:20px}.home-actions .big-button{max-width:none}.tags{margin-top:20px}}

#upgrade-options .recommended-upgrade{border-color:#cfb66f99;background:linear-gradient(110deg,#425237,#243b2c)}.upgrade-recommendation{display:inline-block;font:10px Arial;color:#edd391;background:#ddc77913;border:1px solid #ceb87544;padding:4px 7px;border-radius:3px;margin:5px 0}#upgrade-options .recommendation-reason{color:#ddc999;font-size:10px;line-height:1.5;margin-top:5px}.recommended-upgrade strong{display:block}