@font-face{font-family:Table;src:local('Georgia')}*{box-sizing:border-box}html{color-scheme:dark;background:#292521}body{margin:0;color:#f5edda;font:16px/1.45 'Trebuchet MS',Arial,sans-serif;background:radial-gradient(ellipse at 48% 20%,#514739 0,#35302a 50%,#211f1c 100%);min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #a99471;border-radius:5px;padding:9px 17px;color:#f6edda;background:#454034;box-shadow:0 2px 0 #181613;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#62543d}button:active:not(:disabled){transform:translateY(2px);box-shadow:none}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ffe596;outline-offset:4px}.primary{background:#e5ad4c;color:#241d12;border:1px solid #f5d28b;font-weight:bold}.primary:hover:not(:disabled){background:#f2c772}.confirm{background:#427447;color:white;border-color:#95be82;font-weight:bold}.confirm:hover:not(:disabled){background:#558c52}.quiet{background:transparent;box-shadow:none;border-color:#8f816b}.danger{color:#ffc5b6}input,select{min-height:44px;max-width:100%;background:#f5ecd7;color:#29251f;border:2px solid #948061;border-radius:4px;padding:9px 12px}a{color:#f1cc7a}h1,h2,h3,p{margin:0 0 14px}h1,h2,h3{font-family:Georgia,serif;line-height:1.12}h1{font-size:clamp(2.8rem,6vw,6.5rem);font-weight:900;letter-spacing:-.045em}h2{font-size:clamp(1.65rem,3vw,2.5rem)}h3{font-size:1.3rem}.muted{color:#d1c3a7}.small{font-size:.83rem}.toolbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4vw,56px);border-bottom:1px solid #6f604b;background:#26231ee8}.brand{font-family:Georgia,serif;font-weight:bold;font-size:1.25rem;line-height:1.1;max-width:180px}.brand span{color:#e7b75e}.tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tools button{padding:8px 12px}.flag{padding:7px!important;width:51px;display:grid;place-items:center}.flag svg{width:31px;height:21px}.flag[aria-pressed=true]{outline:2px solid #e8bd65;outline-offset:2px}.connection{font-size:.8rem;color:#cbdaba;display:flex;align-items:center;gap:6px}.connection::before{content:'';width:8px;height:8px;background:#a7c787;border-radius:50%}.connection.off{color:#ffbba6}.connection.off::before{background:#ed8d76}.home{min-height:calc(100dvh - 76px);display:grid;grid-template-columns:minmax(330px,.9fr) minmax(400px,1.2fr);gap:30px;align-items:center;max-width:1440px;margin:auto;padding:35px 5vw}.home-copy{z-index:1;padding:20px 0}.eyebrow{color:#f3cc7e;font-size:.95rem;margin-bottom:20px}.home h1 span{display:block;color:#efbb60}.intro{font-size:1.15rem;max-width:400px}.entry{margin-top:28px;width:min(100%,390px)}.entry label{display:block;margin:12px 0 5px}.entry input{width:100%}.entry-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.entry-buttons .primary{grid-column:1/-1}.join-row{display:flex;gap:8px;margin-top:12px}.join-row input{min-width:0;flex:1}.home-art{position:relative;min-height:560px;display:grid;place-items:center}.home-boss{width:min(100%,620px);transform:rotate(-5deg);border:7px solid #eee5d4;border-radius:10px;box-shadow:0 22px 35px #15130fc0}.mini-card{position:absolute;width:clamp(100px,12vw,160px);border-radius:7px;box-shadow:0 12px 23px #15130fb0;bottom:0}.mini-card.a{left:0;transform:rotate(-16deg)}.mini-card.b{left:26%;bottom:20px;transform:rotate(-5deg)}.mini-card.c{left:52%;bottom:22px;transform:rotate(9deg)}.mini-card.d{right:0;transform:rotate(17deg)}.home-caption{position:absolute;top:7%;right:0;border:1px solid #9d8662;background:#2c2821;padding:12px 20px;transform:rotate(4deg);font-family:Georgia,serif;font-size:1.2rem}.credit{font-size:.75rem;color:#c7bba4;margin-top:24px;max-width:420px}.room-wrap{max-width:1450px;margin:auto;padding:22px clamp(16px,3vw,42px)}.room-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.room-head h2{margin-bottom:5px}.invite{display:flex;gap:8px;align-items:center}.room-code{font-family:monospace;font-size:1.1rem;letter-spacing:.12em;padding:8px}.lobby{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:30px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-choice{padding:0;border:3px solid transparent;position:relative;overflow:hidden;background:#eee9dd;box-shadow:0 5px 9px #14121070}.hero-choice img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}.hero-choice .hero-label{display:flex;justify-content:space-between;align-items:center;gap:5px;background:#f4ead3;color:#2f281e;padding:8px 10px;font-size:.9rem}.hero-choice.chosen{border-color:#b8da91}.hero-choice:disabled{opacity:.45}.hero-choice .check{position:absolute;top:8px;right:8px;color:#fff;background:#427447;padding:3px 8px;border-radius:3px}.party-list{display:grid;gap:8px;margin:16px 0}.seat{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #75664e;min-width:0}.portrait{width:68px;height:68px;border-radius:50%;background-color:#eee7d7;background-repeat:no-repeat;background-size:auto 115%;background-position:50% 10%;border:2px solid var(--hero,#a79776);flex:none}.seat-name{font-weight:bold;overflow-wrap:anywhere}.seat-info{min-width:0;flex:1}.seat .small{color:#d9caaa}.deck-count{display:flex;gap:12px;font-size:.77rem;margin-top:3px}.deck-count span{white-space:nowrap}.online-dot{width:7px;height:7px;border-radius:50%;background:#acc78d;display:inline-block;margin-right:4px}.online-dot.off{background:#eea68d}.side{padding:10px 0}.side .primary{width:100%;margin-top:12px}.side>label{display:block;margin-top:20px;margin-bottom:6px}.side select{width:100%}.boss-preview{width:100%;border:5px solid #eee5d4;box-shadow:0 7px 12px #17140e77;transform:rotate(1deg);border-radius:5px;margin-top:18px}.party-actions{display:flex;gap:7px;flex-wrap:wrap}.ability-description{min-height:40px;color:#d9caaa}.battle{display:grid;grid-template-columns:225px minmax(0,1fr);gap:26px;max-width:1540px;margin:auto;padding:18px 3vw 0}.party-rail{padding-top:10px}.party-rail h3{color:#d9c9aa;font-size:1.05rem}.party-rail .seat{align-items:flex-start}.party-rail .portrait{width:53px;height:53px}.arena{min-width:0}.arena-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.boss-title{font:1.15rem Georgia,serif}.timer{font-family:Georgia,serif;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,5vw,4rem);font-weight:bold;line-height:1;color:#ffe4a7;min-width:160px;text-align:right}.timer.urgent{color:#ffc0ac}.timer.paused{color:#cce7bb}.timer-caption{text-align:right;font-size:.75rem;color:#ddcdb0;margin:4px 0}.progress{height:7px;background:#191714;border-radius:3px;overflow:hidden;margin-bottom:15px}.progress>div{height:100%;background:#e8b861;transition:width .3s}.encounter-zone{position:relative;display:grid;grid-template-columns:minmax(120px,.7fr) minmax(200px,1.1fr) minmax(180px,1fr);align-items:center;gap:24px;min-height:335px}.deck-stack{width:135px;max-width:100%;position:relative;transform:rotate(-7deg);justify-self:center}.deck-stack img{width:100%;display:block;border-radius:7px;box-shadow:5px 5px 0 #aaa391,9px 10px 0 #655d4c,14px 19px 22px #15120e88}.stack-count{display:block;text-align:center;margin-top:18px;font-size:.85rem;color:#d8cbae}.threat-wrap{display:grid;place-items:center;position:relative}.threat{max-height:min(41dvh,410px);width:auto;max-width:100%;border-radius:9px;box-shadow:0 13px 20px #100e0bb0;cursor:zoom-in}.threat.boss{max-height:360px;width:100%;border:4px solid #eee5d4}.threat-entry{animation:reveal .32s ease-out}.threat-info{padding:12px 0;min-width:0}.type-label{font-size:.82rem;color:#eac98a}.threat-name{font:1.5rem/1.16 Georgia,serif;margin:8px 0 18px}.requirements{display:flex;flex-wrap:wrap;gap:8px}.requirement{width:60px;display:grid;justify-items:center;gap:2px}.symbol{width:40px;height:40px;display:inline-block;vertical-align:middle}.symbol img{width:100%;height:100%;object-fit:contain}.requirement .counts{font-size:1.05rem;font-weight:bold;white-space:nowrap}.requirement.done{opacity:.45}.requirement.done .counts{color:#c9e3b0}.paid-strip{display:flex;gap:6px;min-height:65px;margin-top:16px;align-items:flex-start;overflow:hidden;max-width:100%}.played-card{width:40px;border-radius:3px;transform:rotate(var(--angle));animation:card-in .25s ease-out}.need-hint{font-size:.83rem;color:#d6c8b0;margin-top:15px}.hand-zone{margin-top:18px;border-top:1px solid #9f8860;background:#29251ff2;padding:15px clamp(16px,3vw,46px) 22px;box-shadow:0 -9px 25px #17140e35}.hand-top{max-width:1450px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.hand-heading{display:flex;gap:12px;align-items:center}.hand-heading h3{margin:0}.hand-meta{color:#d5c4a5;font-size:.83rem}.ability-button{max-width:420px;display:flex;gap:15px;align-items:center;text-align:left}.ability-button small{display:block;font-size:.72rem;color:#e6d6b7}.hand-scroller{display:flex;justify-content:center;align-items:flex-end;gap:9px;min-height:195px;padding:18px 8px 12px;overflow-x:auto;scroll-padding:25px;touch-action:pan-x}.hand-card{padding:0;border:2px solid transparent;border-radius:7px;width:clamp(95px,9.8vw,145px);min-width:100px;flex:none;position:relative;box-shadow:0 7px 9px #0c0a0777;transform:rotate(var(--angle));background:#ebe5d7;transition:transform .16s,border-color .16s;touch-action:pan-x}.hand-card img{width:100%;display:block;border-radius:5px;pointer-events:none}.hand-card:hover:not(:disabled){transform:translateY(-10px) rotate(0deg);z-index:2}.hand-card.selected{border-color:#9fce80;transform:translateY(-13px);box-shadow:0 0 0 2px #427447}.hand-card.useful{border-bottom-color:#eac878}.hand-card .key{position:absolute;bottom:4px;right:4px;min-width:20px;font-size:.72rem;padding:1px 4px;background:#29241d;color:white;border-radius:2px}.hand-card:disabled{opacity:.7}.card-caption{position:absolute;left:5px;right:5px;bottom:27px;background:#29251feb;color:#f8efd9;font-size:.66rem;padding:3px;pointer-events:none}.selection-bar{max-width:1150px;margin:auto;min-height:62px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.selection-bar .hint{color:#d6c5a5;font-size:.9rem}.selection-bar select{max-width:200px}.selection-bar .confirm{font-size:1rem;padding:10px 25px}.target-chip[aria-pressed=true]{background:#566d3d;outline:2px solid #b5d093}.event-panel{background:#f2e7ce;color:#30281f;border:3px solid #b28d53;border-radius:6px;padding:15px;margin:12px 0}.event-panel h3{margin-bottom:6px}.event-panel p{font-size:.95rem}.event-panel .muted{color:#65523b}.event-panel button{margin:4px}.event-panel .symbol img{filter:none}.event-status{margin-top:10px;font-size:.8rem}.history-feed{margin-top:20px;font-size:.8rem;color:#d8c6a6}.history-feed p{margin-bottom:9px}.history-feed strong{color:#f4dfb3}.reconnecting{position:sticky;top:0;z-index:10;padding:8px;background:#845235;color:#fff;text-align:center}.empty-hand{padding:30px;max-width:500px;text-align:center;color:#dfcbaa}.selected-label{color:#d5e9bf}.result{max-width:1200px;padding:28px 4vw;margin:auto;text-align:center}.result .boss-final{width:min(600px,100%);margin:15px auto;display:block;border:7px solid #f1e5ce;border-radius:7px;box-shadow:0 18px 35px #17130da8}.result h1{font-size:clamp(2.3rem,5vw,4.5rem);margin:14px 0}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0}.result-stats{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:22px 0}.result-person{max-width:190px}.result-person .portrait{margin:0 auto 8px;width:80px;height:80px}.campaign-track{display:flex;gap:10px;justify-content:center;overflow:auto;margin:22px 0}.campaign-step{width:110px;flex:none;opacity:.35}.campaign-step.complete{opacity:1}.campaign-step img{width:100%;border:3px solid #c3ab81;border-radius:4px}.campaign-step span{display:block;font-size:.7rem;margin-top:3px}.replay-line{min-height:42px;font:1.2rem Georgia,serif;color:#f2cf8a}.stamp{font:1.2rem Georgia,serif;color:#d5e9bf;margin:10px}.settings{display:grid;gap:18px}.setting-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.setting-row label{display:block;font-weight:bold}.setting-row input[type=range]{display:block;width:100%;padding:0;accent-color:#e1ac4e;border:none;background:none}.setting-row .slider-wrap{grid-column:1/-1}.setting-row input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:#d6a44f}.setting-row output{font-variant-numeric:tabular-nums}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-head h2{margin:0}dialog{width:min(680px,calc(100% - 30px));max-height:90dvh;overflow:auto;border:2px solid #ac8c55;border-radius:8px;background:#332e25;color:#f3e9d4;padding:25px;box-shadow:0 25px 80px #0009}dialog::backdrop{background:#14120ed9}dialog .wide-art{width:100%;max-height:68dvh;object-fit:contain}dialog .help-list{padding-left:22px}dialog .help-list li{margin:14px 0}.rules-reference{font-size:.8rem;color:#d5c3a2}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);padding:12px 20px;background:#f2e7cd;color:#35281b;border:2px solid #ac8c55;border-radius:5px;box-shadow:0 4px 20px #0005;z-index:200;opacity:0;pointer-events:none;transition:opacity .15s}#toast.visible{opacity:1}.drag-follower{position:fixed;z-index:100;pointer-events:none;opacity:1;border-radius:5px;box-shadow:0 15px 25px #0009}.drop-active .threat-wrap{outline:3px dashed #b2d18e;outline-offset:12px}.drop-hover .threat-wrap{outline-style:solid;background:#48734033}.footer-hint{text-align:center;color:#c9b799;font-size:.75rem;padding:0 10px 10px}.card-detail-text{padding:14px 0;font-size:1.05rem}.played-flash{animation:threat-hit .28s ease-out}.party-ping{color:#e8cf97}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes reveal{from{opacity:.3;transform:translateY(-15px) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:.2;transform:translateY(55px) rotate(-10deg)}to{opacity:1;transform:rotate(var(--angle))}}@keyframes threat-hit{50%{transform:translateX(3px)}}@media(min-width:1100px) and (min-height:850px){.hand-scroller{min-height:230px}.hand-card{width:150px}.encounter-zone{min-height:380px}}@media(max-width:1100px){.battle{grid-template-columns:1fr;padding-top:12px}.party-rail{display:flex;align-items:center;gap:16px;overflow:auto;padding:0 0 8px}.party-rail h3,.party-rail .history-feed{display:none}.party-rail .seat{border:none;min-width:145px;padding:0;align-items:center}.party-rail .portrait{width:41px;height:41px}.party-rail .deck-count{gap:5px}.arena-head{margin-top:4px}.encounter-zone{min-height:300px;grid-template-columns:.55fr 1fr .9fr}.threat{max-height:330px}.home{grid-template-columns:1fr 1.1fr;padding:20px 4vw}.home-art{min-height:460px}.home-caption{top:2%}.lobby{gap:20px}.hand-card{width:120px}.battle{gap:3px}.toolbar{min-height:65px}.hand-zone{margin-top:14px}}@media(max-width:720px){.toolbar{padding:10px 14px;gap:10px}.brand{font-size:1rem;max-width:120px}.tools{gap:5px}.tools button{padding:7px 9px;font-size:.85rem}.flag{width:43px}.connection{display:none}.home{display:flex;flex-direction:column;padding:24px 22px;gap:10px;align-items:stretch}.home-copy{padding:5px 0}h1{font-size:4rem}.eyebrow{margin-bottom:12px}.intro{font-size:1rem}.entry{width:100%;max-width:430px;margin-top:18px}.home-art{min-height:340px;max-width:520px;width:100%;align-self:center;margin-top:10px}.home-boss{width:95%}.mini-card{width:100px}.home-caption{top:0;font-size:1rem}.credit{margin-top:18px}.room-wrap{padding:18px 14px}.room-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.invite{width:100%;justify-content:space-between}.lobby{grid-template-columns:1fr}.hero-grid{gap:9px}.hero-choice .hero-label{font-size:.77rem;padding:6px;flex-wrap:wrap}.side{display:flex;flex-direction:column}.side .boss-preview{max-width:400px;align-self:center}.party-list{gap:3px}.party-list .seat{padding:6px 0}.portrait{width:52px;height:52px}.arena{padding:0 4px}.battle{padding:10px 10px 0}.party-rail .seat{min-width:130px}.party-rail .seat-name{font-size:.8rem}.party-rail .small{font-size:.7rem}.party-rail .deck-count{font-size:.65rem}.arena-head{gap:8px;margin-bottom:8px}.boss-title{font-size:.95rem}.timer{min-width:100px;font-size:2.7rem}.timer-caption{font-size:.66rem}.progress{margin-bottom:12px}.encounter-zone{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:14px;min-height:240px}.deck-stack{display:none}.threat{max-height:275px;max-width:100%}.threat-name{font-size:1.2rem;margin:6px 0 12px}.type-label{font-size:.7rem}.requirement{width:46px}.symbol{width:31px;height:31px}.requirements{gap:4px}.requirement .counts{font-size:.9rem}.need-hint{font-size:.73rem;margin-top:10px}.paid-strip{min-height:42px;margin-top:10px}.played-card{width:28px}.hand-zone{padding:10px 10px 15px;margin-top:12px}.hand-top{align-items:flex-start;gap:8px}.hand-heading{gap:7px;align-items:flex-start;flex-direction:column}.hand-heading h3{font-size:1.05rem}.hand-meta{font-size:.7rem}.ability-button{font-size:.78rem;padding:7px 10px;gap:5px;max-width:210px;min-height:48px}.ability-button small{font-size:.65rem}.hand-scroller{justify-content:flex-start;min-height:185px;padding:20px 9px 10px;gap:8px}.hand-card{width:106px;min-width:106px}.selection-bar{gap:6px;min-height:60px}.selection-bar .hint{font-size:.77rem;text-align:center}.selection-bar .confirm{font-size:.9rem;padding:9px 17px}.selection-bar select{font-size:.85rem;max-width:150px}.event-panel{margin:8px 0;padding:12px;font-size:.85rem}.event-panel p{font-size:.82rem}.footer-hint{font-size:.65rem}.result{padding:22px 18px}.result-stats{gap:18px}.result-person{max-width:120px}.result-person .portrait{width:60px;height:60px}.result-actions button{flex:1}.result .boss-final{max-width:480px}.campaign-step{width:88px}.card-caption{font-size:.6rem;bottom:23px}.hand-scroller:has(.hand-card:nth-child(6)){scroll-snap-type:x proximity}.hand-card{scroll-snap-align:center}.event-status{font-size:.75rem}.room-head .primary{min-width:100px}}@media(max-width:380px){.toolbar{padding:8px}.brand{max-width:94px;font-size:.87rem}.tools button{padding:7px;font-size:.8rem}.flag{width:39px}.flag svg{width:27px}.encounter-zone{gap:8px}.requirement{width:40px}.threat{max-height:245px}.threat-name{font-size:1.05rem}.hand-card{width:100px;min-width:100px}.hand-top .ability-button{max-width:185px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body.calm *,body.calm *::before,body.calm *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}