:root{--vo-safe-top:max(env(safe-area-inset-top,0px), 59px);--vo-safe-right:env(safe-area-inset-right,0px);--vo-safe-bottom:env(safe-area-inset-bottom,0px);--vo-safe-left:env(safe-area-inset-left,0px);--vo-cutout-bottom:51px;--vo-ear-side:22px;--vo-ear:max(0px, calc(50vw - 116px))}@media (aspect-ratio>=501/1000){:root{--vo-safe-top:env(safe-area-inset-top,0px);--vo-cutout-bottom:0px;--vo-ear-side:0px;--vo-ear:50vw}}:root{color:#f5eee2;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0c0b09;--panel:#15110ded;--panel-raised:#211a13f2;--paper:#f5eee2;--paper-dim:#b9ae9e;--paper-faint:#887e70;--gold:#d5a75e;--gold-bright:#edc77f;--red:#d6483c;--green:#6bc79a;--line:#d6b57742;--line-strong:#d6b57782;--control-shadow:0 9px 28px #0008, inset 0 1px #fff1;--shadow:0 22px 70px #000c;--r-card:clamp(12px, 1.1vw, 20px);--r-panel:14px;--pop:0 4px 0 #00000073, 0 12px 26px #0009;--pop-gold:0 4px 0 #7a5722, 0 12px 26px #000a;--cta-h:clamp(44px, 6.4vh, 58px);--top:var(--vo-safe-top,0px);--bottom:var(--vo-safe-bottom,0px);--left:var(--vo-safe-left,0px);--right:var(--vo-safe-right,0px);--ul-roster-x:5.42vw;--ul-roster-w:15.94vw;--ul-roster-row:7.5vh;--ul-shop-w:70vw;--ul-shop-h:46vh;--ul-bench-w:51.46vw;--ul-bench-h:14.77vh;--ul-toggle:clamp(46px, 5.625vw, 108px);--ul-toggle-right:8.8vw;--ul-toggle-top:2.48vh;background:#0c0b09;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);-webkit-tap-highlight-color:transparent;min-width:320px}body:after{z-index:4;content:"";pointer-events:none;background:linear-gradient(#0000004d,#0000 20% 74%,#00000038),radial-gradient(circle at 50% 44%,#0000 58%,#06050440 100%);position:fixed;inset:0}button{appearance:none;color:inherit;font:inherit;background:0 0;border:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:default;filter:grayscale(.5);opacity:.34}button:focus-visible{outline-offset:2px;outline:2px solid #fff}img{user-select:none;-webkit-user-drag:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}#stage,#app{width:100%;height:100%;position:fixed;inset:0}#stage{cursor:grab;touch-action:none;display:block}#stage:focus-visible{outline:2px solid var(--gold-bright);outline-offset:-4px}#stage.is-holding{cursor:grabbing}#stage.is-covered{visibility:hidden}#app{z-index:6;pointer-events:none}#app button,#app [draggable=true]{pointer-events:auto}.shell{position:absolute;inset:0}.shopfront{z-index:5;background:radial-gradient(#ffffff09 1px,#0000 1.4px) 0 0/30px 30px,radial-gradient(92vw 64vh at 50% 26%,#d5a75e16,#0000 72%) 0 0/100% 100%,radial-gradient(135vw 105vh at 50% -12%,#3a3226 0%,#1a1512 56%,#0d0b09 100%) 0 0/100% 100%;position:absolute;inset:0}.coin{background:radial-gradient(circle at 34% 30%, #ffe6ac, var(--gold) 62%, #8a6224);vertical-align:-1px;border-radius:50%;width:11px;height:11px;display:inline-block;box-shadow:0 0 0 1px #00000059}.heart{background:var(--red);width:10px;height:10px;clip-path:path("M5 9.5 0.9 5.4a2.9 2.9 0 1 1 4.1-4.1 2.9 2.9 0 1 1 4.1 4.1z");vertical-align:-1px;display:inline-block}.floor-mark{border:1px solid var(--gold);vertical-align:0;background:#d5a75e2e;border-radius:1px;width:11px;height:8px;display:inline-block}.hearts{gap:4px;display:inline-flex}.hearts s{width:11px;height:11px;clip-path:path("M5.5 10.5 1 6a3.2 3.2 0 1 1 4.5-4.5A3.2 3.2 0 1 1 10 6z");background:#ffffff1c;transition:background .22s}.hearts s.on{background:var(--red);box-shadow:0 0 10px #d6483c66}.dots{gap:3px;display:inline-flex}.dots s{background:#ffffff26;border-radius:50%;width:4px;height:4px}.dots s.on{background:var(--gold-bright)}.rail{z-index:12;right:var(--ul-roster-x);width:var(--ul-roster-w);height:var(--ul-bench-h);flex-wrap:wrap;place-content:center flex-end;align-items:center;gap:.6vh .4vw;padding:0;display:flex;position:absolute;bottom:0}.rail__chip--sound{margin-left:0}.rail__chip .cap--tight{display:none}.rail__chip{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-raised), var(--panel));min-height:clamp(30px,4.6vh,41px);box-shadow:var(--control-shadow);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:6px;padding:0 13px;display:inline-flex}.rail__chip>i{color:var(--paper-faint);letter-spacing:.08em;font-size:10px;font-style:normal;font-weight:800}.rail__chip>b{color:var(--paper);font-size:clamp(16px,1.55vw,30px);font-weight:900;line-height:1}:where(.rail__chip>b) em{color:var(--paper-faint);font:inherit;font-size:13px;font-style:normal}.rail__chip--deep{border-color:#6f86b855}.rail__chip--dawn{background:linear-gradient(#2b2a2ce8,#3a3126e8);border-color:#d6b577aa}.rail__chip--dawn>i,.rail__chip--gold>b{color:var(--gold-bright)}.rail__chip--floor{gap:7px}.round{z-index:13;top:max(var(--top), 1.8vh);left:max(var(--left), var(--ul-roster-x));border:1px solid var(--line);color:var(--paper);background:linear-gradient(180deg, var(--panel-raised), var(--panel));box-shadow:var(--control-shadow);pointer-events:none;text-shadow:0 2px 8px #000;border-radius:999px;align-items:baseline;gap:8px;padding:9px 18px;display:inline-flex;position:absolute}.round>span{color:var(--paper-dim);letter-spacing:.14em;font-size:clamp(9px,.8vw,14px);font-weight:850}.round>b{font-size:clamp(15px,1.4vw,26px);font-weight:900;line-height:1}.lockdoors{z-index:14;top:max(var(--top), var(--ul-toggle-top));height:var(--cta-h);color:#241a0b;box-shadow:inset 0 1px #fff9, var(--pop-gold);pointer-events:auto;background:linear-gradient(#f2d18d,#d5a75e 55%,#c08f47);border:0;border-radius:999px;align-items:center;padding:0 clamp(20px,1.8vw,34px);transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.lockdoors>b{letter-spacing:.12em;white-space:nowrap;font-size:clamp(11px,.95vw,17px);font-weight:900}.lockdoors:hover,.lockdoors:focus-visible{filter:brightness(1.07)}.lockdoors:active{transform:translate(-50%,3px);box-shadow:inset 0 1px #fff9,0 1px #7a5722,0 6px 14px #0009}.flank{z-index:10;top:max(var(--top), 3.38vh);width:var(--ul-roster-w);pointer-events:none;gap:7px;display:grid;position:absolute}.flank--left{left:max(var(--left), var(--ul-roster-x));justify-items:start}.flank--right{top:calc(max(var(--top), var(--ul-toggle-top)) + var(--cta-h) + 1.6vh);right:max(var(--right), var(--ul-toggle-right));justify-items:end}.shell--shop .flank--right{right:auto;left:calc(50% + var(--ul-shop-w) / 2 + 1vw);justify-items:start}.flank .rail__chip--gold{min-height:clamp(34px,5.2vh,46px);padding:0 13px}.flank .rail__chip--gold .coin{width:clamp(12px,1vw,17px);height:clamp(12px,1vw,17px)}.flank .rail__chip--gold>b{font-size:clamp(20px,2vw,38px)}.reroll{border:1px solid var(--line-strong);background:linear-gradient(180deg, var(--panel-raised), var(--panel));min-height:clamp(34px,5vh,46px);box-shadow:var(--pop);pointer-events:auto;backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:transform .12s,box-shadow .12s;display:inline-flex}.reroll:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #00000073,0 6px 14px #0009}.reroll>i{color:var(--gold-bright);font-size:clamp(14px,1.2vw,22px);font-style:normal;line-height:1}.reroll>span{color:var(--paper);letter-spacing:.12em;white-space:nowrap;font-size:clamp(8px,.7vw,13px);font-weight:850}.reroll__cost{border-left:1px solid var(--line);color:var(--gold-bright);align-items:center;gap:4px;padding-left:8px;display:inline-flex}.reroll:hover:not(:disabled){border-color:var(--gold)}.next{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px);gap:6px;padding:7px 9px;display:grid}.next__who{align-items:baseline;gap:6px;display:flex}.next__who i{color:var(--paper-faint);text-transform:uppercase;font-size:10px;font-style:normal;font-weight:800}.next__who b{color:var(--paper);font:400 15px Georgia,serif}.next__team{gap:4px;display:flex}.next__team img{border-bottom:2px solid var(--look);object-fit:cover;filter:saturate(.85);width:26px;height:26px}.next__team .unknown{border:1px dashed var(--line-strong);width:26px;height:26px;color:var(--paper-faint);place-items:center;font-size:12px;text-decoration:none;display:grid}.speaker{clip-path:polygon(0 34%,30% 34%,58% 6%,58% 94%,30% 66%,0 66%);background:currentColor;width:13px;height:13px;display:block}.rail__chip--sound.is-off{color:var(--paper-faint)}.rail__chip--sound.is-off .speaker{clip-path:none;background:0 0;position:relative}.rail__chip--sound.is-off .speaker:before,.rail__chip--sound.is-off .speaker:after{content:"";position:absolute;inset:0}.rail__chip--sound.is-off .speaker:before{clip-path:polygon(0 34%,30% 34%,58% 6%,58% 94%,30% 66%,0 66%);opacity:.7;background:currentColor}.rail__chip--sound.is-off .speaker:after{border-top:2px solid var(--red,#c4483c);height:0;top:50%;transform:rotate(-45deg)}.standings{border:1px solid var(--line);border-radius:var(--r-panel);background:linear-gradient(180deg, var(--panel-raised), var(--panel) 16%);width:100%;box-shadow:var(--control-shadow);backdrop-filter:blur(8px);padding:6px;display:grid;position:relative}.standings__round{border-bottom:1px solid var(--line);color:var(--gold-bright);letter-spacing:.18em;justify-content:center;margin:0 4px 4px;padding:6px 0 5px;font-size:clamp(9px,.7vw,13px);font-weight:850;display:flex}.standing{width:100%;min-height:var(--ul-roster-row);color:var(--paper-faint);text-align:left;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:0 .65vw;display:flex;position:relative}.standing>b{flex:1;min-width:0}.standing__vs{border:1px solid var(--gold);color:var(--gold-bright);letter-spacing:.12em;border-radius:2px;padding:2px 5px;font-size:clamp(7px,.55vw,10px);font-style:normal;font-weight:850}.standing:hover,.standing.is-on{color:var(--paper);background:#ffffff0b}.standing--next{box-shadow:3px 0 0 var(--gold) inset;background:#d5a75e0d}.standing>b{letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:clamp(10px,1.05vw,20px);font-weight:600;overflow:hidden}.standing>em{color:#ffffff42;font:400 11px Georgia,serif}.standing--you>b{color:var(--gold-bright)}.standing--out{opacity:.42}.standing--out>b{text-decoration:line-through}.standing .hearts s{width:clamp(5px,.55vw,11px);height:clamp(5px,.55vw,11px)}.verdict__gone{color:var(--paper-faint);justify-content:center;gap:10px;font:400 13px Georgia,serif;display:flex}.verdict__gone s{text-decoration:line-through}.auto{background:#ffffff1f;border:0;justify-self:center;width:min(320px,60vw);height:3px;padding:0;display:block}.auto>i{background:var(--gold);transform-origin:0;width:100%;height:100%;animation:auto-run var(--ms,3s) linear forwards;display:block}button.auto{cursor:pointer}@keyframes auto-run{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.bench{min-height:var(--ul-bench-h);z-index:10;padding:0 0 max(var(--bottom), 0px);pointer-events:none;justify-content:center;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.bench>:where(.pick){bottom:calc(max(var(--bottom), 1.2vh) + var(--ul-bench-h) + 10px);width:min(480px,56vw);min-width:0;position:absolute;left:50%;transform:translate(-50%)}.bench>:where(.tray){flex:none}.tray{width:var(--ul-bench-w);height:var(--ul-bench-h);border:1px solid var(--line);border-radius:var(--r-panel) var(--r-panel) 0 0;background:linear-gradient(180deg, var(--panel-raised), var(--panel) 32%);box-shadow:var(--control-shadow);backdrop-filter:blur(10px);grid-template-columns:repeat(8,minmax(0,1fr));gap:.35vw;padding:.9vh .5vw;display:grid;position:relative}.tray__label{border:1px solid var(--line);background:var(--panel-raised);height:23px;color:var(--paper-dim);pointer-events:none;border-bottom:0;border-radius:9px 9px 0 0;align-items:center;gap:7px;padding:0 10px;display:inline-flex;position:absolute;top:-23px;left:10px}.tray__label b{letter-spacing:.14em;font-size:9px;font-weight:850}.tray__label em{color:var(--gold-bright);font-size:10px;font-style:normal;font-weight:800}.tray--full .tray__label{border-color:#d6483c99}.tray--full .tray__label em{color:#f08a80}.slot{background:#05040373;border:1px solid #d6b57724;border-radius:10px;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.slot--unit{background:#17110c}.slot img{object-fit:cover;width:100%;height:100%}.slot--unit img{border-bottom:2px solid var(--look)}.slot__stars{gap:1px;display:flex;position:absolute;bottom:4px;right:2px}.slot__stars s{clip-path:polygon(50% 0,61% 35%,100% 35%,68% 57%,79% 100%,50% 74%,21% 100%,32% 57%,0 35%,39% 35%);background:#ffffff35;width:4px;height:4px}.slot__stars s.on{background:var(--gold-bright)}.slot.is-on{border-color:var(--gold-bright);box-shadow:0 0 0 2px #edc77f5c,0 0 18px #edc77f42}.slot--flash{animation:.65s ease-out slot-flash}@keyframes slot-flash{0%{transform:scale(1.12);box-shadow:0 0 0 3px #edc77fd9,0 0 26px #edc77f99}to{transform:scale(1);box-shadow:0 0 #edc77f00}}.slot--unit:hover{border-color:var(--gold)}.is-hint{animation:1.5s ease-in-out infinite hint}@keyframes hint{0%,to{box-shadow:0 0 #edc77f00}50%{box-shadow:0 0 0 3px #edc77f5e,0 0 20px #edc77f4d}}.shop{z-index:11;width:var(--ul-shop-w);height:var(--ul-shop-h);grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;align-items:stretch;gap:.8vw;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.card{border:2px solid var(--line-strong);border-radius:var(--r-card);width:100%;height:100%;box-shadow:var(--pop);background:#16120e;align-content:end;gap:0;padding:0;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.card:before{z-index:2;background:var(--look);content:"";height:4px;position:absolute;top:0;left:0;right:0}.card img{object-fit:cover;width:100%;height:100%;transition:transform .26s;position:absolute;inset:0}.card:after{content:"";background:linear-gradient(#0000 38%,#0d0a08f0 92%);position:absolute;inset:0}.card>b{z-index:3;text-overflow:ellipsis;white-space:nowrap;color:var(--paper);text-align:left;text-shadow:0 2px 10px #000;padding:0 .7vw .6vh;font:400 clamp(13px,1.35vw,26px) Georgia,serif;position:relative;overflow:hidden}.card__cost{z-index:3;aspect-ratio:1;background:radial-gradient(circle at 34% 28%, #ffe6ac, var(--gold) 62%, #b07f35);color:#241a0b;border:2px solid #7a5722;border-radius:50%;place-items:center;width:clamp(24px,2.2vw,42px);font-size:clamp(12px,1.15vw,22px);font-weight:900;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 3px #0006}.card__up{z-index:3;background:var(--gold-bright);color:#22180a;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 3px 12px #0009}.card__up>i{font-size:10px;font-style:normal;line-height:1}.card__up>em{letter-spacing:.09em;white-space:nowrap;font-size:clamp(7px,.55vw,10px);font-style:normal;font-weight:850}.card__blocked{z-index:4;color:var(--paper-dim);letter-spacing:.08em;text-align:center;white-space:nowrap;background:#0c0a08e8;border:1px solid #f5eee23b;border-radius:999px;padding:5px 9px;font-size:clamp(7px,.62vw,12px);font-weight:850;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card--blocked img{filter:saturate(.45)brightness(.62)}.card:disabled{filter:none;opacity:.78}.card:hover:not(:disabled) img{transform:scale(1.06)}.card:hover:not(:disabled){transform:translateY(-5px)}.card:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:0 1px #00000073,0 6px 14px #0009}.card:hover:not(:disabled),.card--up{border-color:var(--gold)}.card--up{box-shadow:inset 0 0 22px #edc77f38}.card--gone{box-shadow:none;background:0 0;border-color:#0000}.card--gone:before,.card--gone:after{content:none}.shop--fresh .card:not(.card--gone){animation:.34s cubic-bezier(.2,.9,.3,1) both card-in}.shop--fresh .card:nth-child(2){animation-delay:45ms}.shop--fresh .card:nth-child(3){animation-delay:90ms}.shop--fresh .card:nth-child(4){animation-delay:.135s}.shop--fresh .card:nth-child(5){animation-delay:.18s}@keyframes card-in{0%{opacity:0;transform:translateY(-14px)}}.glyph{border:1px solid var(--line-strong);background:linear-gradient(180deg, var(--panel-raised), var(--panel));width:52px;height:52px;box-shadow:var(--control-shadow);pointer-events:auto;backdrop-filter:blur(8px);border-radius:50%;place-content:center;justify-items:center;display:grid;position:relative}.glyph>i{color:var(--paper);font-size:19px;font-style:normal;line-height:1}.glyph:hover:not(:disabled){border-color:var(--gold)}.glyph__badge{border:1px solid var(--gold);min-width:21px;height:21px;color:var(--gold-bright);background:#1a1207;border-radius:50%;place-content:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.glyph--small{width:40px;height:40px}.glyph--small>i{font-size:16px}.glyph--quit>i{font-size:21px}.view-toggle{z-index:14;top:max(var(--top), var(--ul-toggle-top));right:max(var(--right), var(--ul-toggle-right));height:var(--cta-h);color:#241a0b;box-shadow:inset 0 1px #fff9, var(--pop-gold);pointer-events:auto;background:linear-gradient(#f2d18d,#d5a75e 55%,#c08f47);border:0;border-radius:999px;align-items:center;gap:9px;padding:0 clamp(14px,1.3vw,24px);transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;position:absolute}.view-toggle>i{font-size:clamp(14px,1.15vw,21px);font-style:normal;font-weight:900;line-height:1}.view-toggle>b{letter-spacing:.1em;white-space:nowrap;font-size:clamp(10px,.85vw,15px);font-weight:900}.view-toggle:hover,.view-toggle:focus-visible{filter:brightness(1.07)}.view-toggle:active{transform:translateY(3px);box-shadow:inset 0 1px #fff9,0 1px #7a5722,0 6px 14px #0009}.view-toggle--quiet{border:1px solid var(--line-strong);background:linear-gradient(180deg, var(--panel-raised), var(--panel));color:var(--paper);box-shadow:var(--pop)}.view-toggle--quiet:hover,.view-toggle--quiet:focus-visible{filter:none;border-color:var(--gold)}.view-toggle--quiet:active{transform:translateY(2px);box-shadow:0 1px #00000073,0 6px 14px #0009}.restart{color:#241a0b;min-width:120px;box-shadow:inset 0 1px #fff9, var(--pop-gold);background:linear-gradient(#f2d18d,#d5a75e 55%,#c08f47);border:0;border-radius:999px;grid-auto-flow:column;place-content:center;align-items:center;gap:6px;padding:0 18px;display:grid}.restart:active{transform:translateY(3px);box-shadow:inset 0 1px #fff9,0 1px #7a5722}.restart>b{letter-spacing:.1em;font-size:15px;font-weight:850}.restart>i{font-size:15px;font-style:normal}.restart:hover{filter:brightness(1.07)}.pick{border:1px solid var(--line-strong);border-radius:var(--r-panel);background:linear-gradient(180deg, var(--panel-raised), var(--panel));max-width:min(720px,100%);box-shadow:var(--control-shadow);pointer-events:auto;backdrop-filter:blur(10px);align-items:center;gap:10px;padding:6px 8px 6px 6px;animation:.18s both pick-in;display:flex}@keyframes pick-in{0%{opacity:0;transform:translateY(6px)}}.pick>img{border-bottom:2px solid var(--look,var(--gold));object-fit:cover;border-radius:9px;width:42px;height:42px}.pick__id{gap:1px;min-width:0;display:grid}.pick__id b{color:var(--paper);white-space:nowrap;font:400 16px Georgia,serif}.pick__id small{color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pick__stars{gap:2px;display:inline-flex}.pick__stars s{clip-path:polygon(50% 0,61% 35%,100% 35%,68% 57%,79% 100%,50% 74%,21% 100%,32% 57%,0 35%,39% 35%);background:#ffffff2b;width:9px;height:9px}.pick__stars s.on{background:var(--gold-bright)}.pick__acts{gap:5px;margin-left:auto;display:inline-flex}.pick__acts button{border:1px solid var(--line-strong);min-width:34px;min-height:32px;color:var(--paper);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 11px;font-size:13px;display:inline-flex}.pick__acts button>span{letter-spacing:.09em;font-size:9px;font-weight:850}.pick__acts button>i:not(.coin){color:var(--paper-faint);font-size:10px;font-style:normal}.pick__acts button:hover{border-color:var(--gold)}.pick__acts img{object-fit:cover;width:16px;height:16px}button.pick__sell{color:var(--gold-bright);font-weight:800}.shop-guide{z-index:12;top:max(var(--top), 4vh);width:54vw;color:var(--paper);text-align:center;gap:8px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.shop-guide>b{font-size:clamp(13px,1.3vw,23px)}.shop-guide>span{color:var(--paper-dim);justify-content:center;gap:16px;font-size:clamp(10px,.9vw,16px);font-weight:800;display:flex}.shop-guide strong{color:var(--gold-bright)}.shop-guide i{font-style:normal}.shop-guide>small{color:var(--paper-dim);font-size:clamp(10px,.85vw,14px)}.coach{z-index:15;bottom:calc(max(var(--bottom), 0px) + var(--ul-bench-h) + 12px);border:1px solid var(--line-strong);background:linear-gradient(180deg, var(--panel-raised), var(--panel));width:max-content;max-width:54vw;min-height:34px;box-shadow:var(--control-shadow);color:var(--paper);pointer-events:none;border-radius:14px;align-items:center;gap:8px;margin:0;padding:8px 14px 8px 8px;font-size:clamp(11px,.9vw,16px);display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.coach>span{gap:3px;display:grid}.coach small{color:var(--paper-dim);font-size:.85em;line-height:1.35}.coach>i{color:#241a0b;background:linear-gradient(#f2d18d,#d5a75e);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;font-style:normal;font-weight:900;animation:1.4s ease-in-out infinite coach-bob;display:grid;box-shadow:0 2px #00000059}@keyframes coach-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.shell:has(.pick) .coach{bottom:calc(max(var(--bottom), 0px) + var(--ul-bench-h) + 76px)}.combat-help{bottom:calc(max(var(--bottom), 3px) + var(--ul-bench-h) / 2);width:52vw;color:var(--paper);text-align:center;text-shadow:0 2px 4px #000;margin:0;font-size:clamp(10px,.9vw,15px);position:absolute;left:50%;transform:translate(-50%)}.shell--offer{place-content:center;display:grid}.clash{z-index:13;top:max(var(--top), 1.8vh);border:1px solid var(--line);border-radius:var(--r-panel);background:linear-gradient(180deg, var(--panel-raised), var(--panel));box-shadow:var(--control-shadow);backdrop-filter:blur(8px);justify-content:center;align-items:center;gap:16px;padding:9px 18px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.clash__mid{justify-items:center;gap:2px;display:grid}.clash__mid>i{color:var(--paper-faint);letter-spacing:.14em;font-size:9px;font-style:normal;font-weight:850}.clash__mid>b{color:var(--paper);letter-spacing:.02em;font:400 15px Georgia,serif}.clash>.clash__bar{background:linear-gradient(90deg, var(--red), var(--gold));transform-origin:0;height:4px;transform:scaleX(var(--t,1));border-radius:2px;transition:transform .12s linear;display:block;position:absolute;bottom:0;left:6px;right:6px}.clash__side{align-items:center;gap:8px;display:inline-flex}.clash__side>b{color:var(--gold-bright);font-size:24px;font-weight:900;line-height:1}.clash__side--away>b{color:#f08a80}.clash__pips{gap:3px;display:inline-flex}.clash__pips s{background:#ffffff1f;border-radius:50%;width:7px;height:7px;transition:background .2s,box-shadow .2s}.clash__side .clash__pips s.on{background:var(--gold);box-shadow:0 0 9px #d5a75e7a}.clash__side--away .clash__pips s.on{background:var(--red);box-shadow:0 0 9px #d6483c7a}.lockdown{z-index:16;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);pointer-events:none;background:#0e0b09b8;padding:14px 30px;animation:1.25s ease-in-out both lockdown;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lockdown>b{color:var(--gold-bright);letter-spacing:.3em;text-shadow:0 2px 14px #000;white-space:nowrap;font-size:clamp(15px,2vw,28px);font-weight:850}@keyframes lockdown{0%{opacity:0;transform:translate(-50%,-50%)scale(1.06)}18%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.98)}}.verdict{border:1px solid var(--line-strong);box-shadow:var(--shadow);pointer-events:auto;backdrop-filter:blur(14px);background:#0e0b09e8;border-radius:22px;justify-items:center;gap:10px;padding:26px 34px;animation:.32s cubic-bezier(.2,.9,.25,1) both verdict-in;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes verdict-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}}.verdict>b{color:var(--paper);letter-spacing:.06em;font-size:clamp(38px,6vw,62px);font-weight:850;line-height:1}.verdict--win>b{color:var(--gold-bright)}.verdict--loss>b{color:#e8776b}.verdict__delta{color:var(--paper-dim);align-items:center;gap:6px;font-size:15px;font-weight:800;display:inline-flex}.verdict>button{color:#241a0b;letter-spacing:.12em;min-height:44px;box-shadow:inset 0 1px #fff9, var(--pop-gold);background:linear-gradient(#f2d18d,#d5a75e 55%,#c08f47);border:0;border-radius:999px;align-items:center;gap:8px;margin-top:6px;padding:0 24px;font-size:13px;font-weight:900;display:inline-flex}.verdict>button:active{transform:translateY(3px);box-shadow:inset 0 1px #fff9,0 1px #7a5722}.verdict>button i{font-style:normal}.offer{align-content:center;justify-items:center;gap:12px;width:100%;max-width:100%;padding:0 16px;display:grid}.offer__grid{width:100%;min-width:0}.offer__pick{border:1px solid var(--line-strong);background:var(--panel);color:var(--gold-bright);letter-spacing:.22em;padding:4px 10px;font-size:10px;font-weight:850}.offer__grid{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;width:100%;max-width:1000px;display:grid}.offer--item .offer__grid button{border:1px solid var(--line);background:#14110d;align-content:end;min-height:260px;padding:0;transition:border-color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.offer--item .offer__grid img{object-fit:cover;width:100%;height:100%;transition:transform .32s;position:absolute;inset:0}.offer--item .offer__grid button:after{content:"";background:linear-gradient(#0000 30%,#0c0a08f5 88%);position:absolute;inset:0}.offer--item .offer__grid button:hover{border-color:var(--gold);transform:translateY(-3px)}.offer--item .offer__grid button:hover img{transform:scale(1.05)}.offer--item .offer__grid span{z-index:2;text-align:left;gap:5px;padding:14px;display:grid;position:relative}.offer--item .offer__grid b{color:var(--paper);font:400 21px Georgia,serif}.offer--item .offer__grid small{color:var(--paper-dim);font-size:12px;line-height:1.45}.over{pointer-events:auto;align-content:center;justify-items:center;gap:18px;display:grid}.over__word{color:var(--gold-bright);letter-spacing:.04em;font-size:clamp(64px,13vw,150px);font-weight:850;line-height:.9}.over--loss .over__word{color:#e8776b}.over__stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:26px;padding:12px 4px;display:flex}.over__stats span{align-items:center;gap:7px;display:inline-flex}.over__stats i{color:var(--paper-faint);font-size:11px;font-style:normal;font-weight:800}.over__stats b{color:var(--paper);font:400 24px Georgia,serif}.over .restart{min-height:52px}.toast{z-index:18;bottom:calc(var(--bottom) + 96px);border:1px solid var(--line-strong);background:linear-gradient(180deg, var(--panel-raised), var(--panel));box-shadow:var(--control-shadow);color:var(--paper);letter-spacing:.06em;opacity:0;text-transform:uppercase;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:700;transition:opacity .18s,transform .18s;position:absolute;left:50%;transform:translate(-50%,8px)}.toast--visible{opacity:1;transform:translate(-50%)}@media (height<=520px){.card{width:84px;height:112px}}@media (width<=820px){.offer__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.offer--item .offer__grid button{min-height:168px}.offer--item .offer__grid b{font-size:17px}.offer--item .offer__grid small{font-size:11px}}.card__form{z-index:3;color:var(--look,#cfc6b6);letter-spacing:.1em;text-align:left;text-shadow:0 2px 8px #000;text-transform:uppercase;white-space:nowrap;opacity:.82;align-items:baseline;gap:6px;padding:0 .7vw 1vh;font-size:clamp(8px,.8vw,15px);display:flex;position:relative;overflow:hidden}.card__form>em{color:var(--paper-dim);letter-spacing:.14em;margin-left:auto;font-size:clamp(7px,.6vw,11px);font-style:normal;font-weight:800}@media (pointer:coarse){:root{--panel:#100e0bf2}.rail__chip,.next,.standings,.tray,.glyph,.reroll,.restart,.pick,.coach,.clash,.verdict{backdrop-filter:none}.glyph{background:#17130ff2}.verdict{background:#0e0b09f7}}@media (width<=1000px) and (height<=600px) and (orientation:landscape){:root{--phone-edge:8px;--phone-tray-w:min(52vw, 460px);--phone-dock-h:56px}body:after{background:linear-gradient(#00000038,#0000 17% 80%,#0000002e),radial-gradient(circle at 50% 46%,#0000 65%,#06050432 100%)}.round{top:max(var(--top), var(--phone-edge));left:max(var(--left), var(--phone-edge));padding:6px 12px}.round>span{font-size:8px}.round>b{font-size:14px}.lockdoors{height:40px;padding:0 16px}.lockdoors>b{font-size:10px}.flank{top:max(var(--top), var(--phone-edge));gap:4px;width:118px}.flank--left{left:max(var(--left), var(--phone-edge))}.flank--right{top:calc(max(var(--top), var(--phone-edge)) + 58px);right:max(var(--right), var(--phone-edge))}.shell--shop .flank--right{left:auto;right:max(var(--right), var(--phone-edge))}.flank .rail__chip--gold{min-height:30px;padding:0 8px}.flank .rail__chip--gold>b{font-size:17px}.reroll{gap:5px;min-height:30px;padding:0 8px}.reroll>i{font-size:13px}.reroll>span{font-size:7px}.reroll__cost{padding-left:5px}.standings{padding:4px}.standings__round{padding:4px 0 3px;font-size:8px}.standing{gap:4px;min-height:27px;padding:0 6px}.standing>b{font-size:9px}.standing .hearts{gap:2px}.standing .hearts s{width:6px;height:6px}.bench{min-height:var(--phone-dock-h);padding-bottom:max(var(--bottom), 3px)}.tray{width:var(--phone-tray-w);height:var(--phone-dock-h);gap:3px;padding:4px}.tray__label{gap:5px;height:17px;padding:0 5px;top:-17px}.tray__label b{font-size:7px}.tray__label em{font-size:8px}.bench>.pick{right:auto;bottom:calc(max(var(--bottom), 3px) + var(--phone-dock-h) + 5px);width:min(60vw,360px);left:50%;transform:translate(-50%)}.pick{gap:7px;min-height:44px;padding:4px 6px 4px 4px}.pick>img{width:36px;height:36px}.pick__id b{font-size:13px}.pick__id small{font-size:9px}.pick__acts button{min-width:30px;min-height:30px;padding:0 6px}.pick__acts button>span{font-size:8px}.rail{right:max(var(--right), var(--phone-edge));bottom:max(var(--bottom), 3px);width:180px;height:var(--phone-dock-h);flex-wrap:nowrap;align-content:center;gap:3px}.rail .dots--xp,.rail__chip .cap--wide{display:none}.rail__chip .cap--tight{display:inline}.rail__chip{gap:4px;min-height:32px;padding:0 6px}.rail__chip>b{font-size:18px}.rail__chip>b em{font-size:10px}.glyph--small{flex:0 0 32px;width:32px;height:32px}.view-toggle{top:max(var(--top), var(--phone-edge));right:max(var(--right), var(--phone-edge));gap:6px;height:40px;padding:0 13px}.view-toggle>i{font-size:12px}.view-toggle>b{font-size:9px}.shop{gap:6px;width:min(66vw,560px);height:clamp(120px,44vh,176px)}.card{width:100%;height:100%}.card>b{padding:0 6px 3px;font-size:clamp(10px,1.8vw,14px)}.card__form{padding:0 6px 5px;font-size:clamp(7px,1.1vw,10px)}.card__cost{border-width:1.5px;width:22px;font-size:11px;top:5px;right:5px}.card__up{padding:2px 4px;top:4px;left:4px}.card__up>em{display:none}.card__blocked{white-space:normal;max-width:calc(100% - 8px);padding:3px 4px;font-size:7px}.coach{bottom:calc(max(var(--bottom), 3px) + var(--phone-dock-h) + 8px);gap:6px;min-height:28px;padding:6px 9px 6px 6px;font-size:11px}.shop-guide{top:max(var(--top), 10px);gap:4px}.shop-guide>small{font-size:9px}.combat-help{bottom:calc(max(var(--bottom), 3px) + var(--phone-dock-h) / 2)}.coach>i{width:19px;height:19px;font-size:9px}.shell:has(.pick) .coach{bottom:calc(max(var(--bottom), 3px) + var(--phone-dock-h) + 58px)}.clash{top:max(var(--top), 5px);gap:9px;padding:5px 10px 9px}.clash__side{gap:5px}.clash__side>b{font-size:19px}.clash__mid>i{font-size:7px}.clash__mid>b{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.clash>.clash__bar{height:3px}.toast{bottom:calc(max(var(--bottom), 3px) + var(--phone-dock-h) + 42px)}}@media (width<=700px) and (height<=600px) and (orientation:landscape){.bench{padding-left:max(var(--left), var(--phone-edge));justify-content:flex-start}}:root{--ui-edge-left:max(var(--left), var(--ul-roster-x));--ui-edge-right:max(var(--right), var(--ul-roster-x))}.round,.flank--left{left:var(--ui-edge-left)}.flank--right{right:var(--ui-edge-right)}.shell--shop .flank--right{right:var(--ui-edge-right);left:auto}.view-toggle{right:var(--ui-edge-right)}.shell--board .lockdoors{top:max(var(--top), 1.8vh);right:var(--ui-edge-right);left:auto;transform:none}.shell--board .lockdoors:active{transform:translateY(3px)}.shell--board .view-toggle{top:calc(max(var(--top), 1.8vh) + var(--cta-h) + 12px)}.shell--board .flank--right{top:calc(max(var(--top), 1.8vh) + var(--cta-h) + var(--cta-h) + 23px)}.rail{right:var(--ui-edge-right);bottom:max(var(--bottom), 1.6vh)}@media (width>=1001px){.shell--board .coach{bottom:max(var(--bottom), 1.6vh);left:var(--ui-edge-left);width:var(--ul-roster-w);max-width:var(--ul-roster-w);transform:none}.shell--board:has(.pick) .coach{bottom:max(var(--bottom), 1.6vh)}.shell--board .bench>.pick{bottom:calc(max(var(--bottom), 1.6vh) + var(--ul-bench-h) + 10px);left:var(--ui-edge-left);width:var(--ul-roster-w);transform:none}.shell--board .bench>.pick .pick__id{flex:1}}@media (width<=1000px) and (height<=600px) and (orientation:landscape){:root{--ui-edge-left:max(var(--left), var(--phone-edge));--ui-edge-right:max(var(--right), var(--phone-edge))}.round,.flank--left{left:auto;right:var(--ui-edge-right)}.flank--left{grid-template-columns:minmax(0,1fr)}.view-toggle,.shell--shop .flank--right,.shell--board .flank--right,.shell--combat .flank--right{left:var(--ui-edge-left);justify-items:start;right:auto}.shell--shop .shop{--phone-shop-w:min(66vw, 560px, calc(100vw - var(--ui-edge-left) - 126px - var(--ui-edge-right)));width:var(--phone-shop-w);left:max(50%, calc(var(--ui-edge-left) + 126px + var(--phone-shop-w) / 2))}.shell--board .lockdoors{top:max(var(--top), var(--phone-edge));left:var(--ui-edge-left);right:auto}.shell--board .view-toggle{top:calc(max(var(--top), var(--phone-edge)) + 40px + 8px);left:var(--ui-edge-left);right:auto}.shell--board .flank--right{top:calc(max(var(--top), var(--phone-edge)) + 40px + 40px + 16px)}}#rotate{display:none}@media (orientation:portrait){#stage,#app{visibility:hidden}#rotate{z-index:60;background:var(--ink);text-align:center;align-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}#rotate>i{border:2px solid var(--gold);border-radius:7px;width:46px;height:74px;animation:2.4s ease-in-out infinite rotate-hint}#rotate>b{color:var(--paper);letter-spacing:.12em;text-transform:uppercase;font-size:17px;font-weight:850}#rotate>small{color:var(--paper-faint);font-size:12px}}@keyframes rotate-hint{0%,30%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}
