:root{--bg:#0d0e11;--surface:#16181d;--surface-2:#1e2128;--surface-3:#272b33;--line:#ffffff12;--line-strong:#ffffff24;--text:#f4f1ea;--muted:#9a9ea6;--faint:#6b6f78;--gold:#f2b83b;--gold-ink:#241a03;--gold-soft:#f2b83b1f;--crimson:#e5484d;--ok:#3ecf8e;--radius:14px;--radius-sm:10px;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--body:"Barlow", system-ui, sans-serif;--shadow:0 18px 50px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 var(--body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:700;line-height:1.05}p{margin:0}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.stack{gap:12px;display:grid}.warn{color:#ffb020;font-size:13px}.error{color:var(--crimson);font-size:14px}.eyebrow{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.btn{border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:background .15s,transform 60ms,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--gold);color:var(--gold-ink)}.btn.primary:hover{background:#ffc955;box-shadow:0 6px 24px #f2b83b40}.btn.ghost{color:var(--muted);background:0 0}.btn.ghost:hover{color:var(--text);background:var(--surface-2)}.btn.danger{color:var(--crimson)}.btn.sm{border-radius:8px;padding:6px 11px;font-size:13px}.btn.lg{font-size:21px;font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;border-radius:12px;padding:15px 24px}.btn.block{width:100%}.btn svg{flex:none}.icon-btn{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;transition:background .15s,color .15s;display:inline-grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.on{color:var(--gold);background:var(--gold-soft)}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);color:#fff;font:600 12px var(--body);white-space:nowrap;pointer-events:none;z-index:60;background:#000;border-radius:6px;padding:5px 9px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.x-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;display:inline-grid}.x-btn:hover{color:var(--text);background:var(--surface-3)}.input,select.input{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid #0000;outline:none;width:100%;padding:10px 13px}.input:focus{border-color:var(--gold);background:var(--surface)}.input.big{font-family:var(--display);background:0 0;padding:8px 12px;font-size:26px;font-weight:700}.input.big:hover{background:var(--surface-2)}.search{position:relative}.search svg{color:var(--faint);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search .input{padding-left:40px}label.field{color:var(--muted);gap:7px;font-size:13px;font-weight:500;display:grid}input[type=range]{accent-color:var(--gold);width:100%}.check{cursor:pointer;align-items:center;gap:10px;display:flex}.toggle{appearance:none;background:var(--surface-3);cursor:pointer;border-radius:11px;flex:none;width:38px;height:22px;margin:0;transition:background .15s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle:checked{background:var(--gold)}.toggle:checked:after{left:19px}.seg{background:var(--surface-2);border-radius:11px;flex-wrap:wrap;justify-self:start;gap:4px;padding:4px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #00000059}.chip{background:var(--surface-2);cursor:pointer;color:var(--muted);border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip:hover{color:var(--text)}.chip.on{background:var(--gold-soft);color:var(--gold)}.tag{background:var(--gold-soft);color:var(--gold);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#0d0e11e6;align-items:center;gap:6px;height:60px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:22px;font-weight:800;display:flex}.brand img{width:30px;height:30px}.topbar .sep{background:var(--line-strong);width:1px;height:24px;margin:0 6px}select.input.lang-select{width:auto;color:var(--muted);background:0 0;padding:7px 10px;font-weight:600}select.input.lang-select:hover{background:var(--surface-2);color:var(--text)}.menu-wrap{position:relative}.menu{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);min-width:290px;box-shadow:var(--shadow);z-index:50;gap:2px;padding:6px;animation:.12s pop;display:grid;position:absolute;top:calc(100% + 8px);right:0}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;grid-template-columns:36px 1fr;align-items:center;gap:1px 12px;padding:9px 10px;display:grid}.menu-item:hover{background:var(--surface-2)}.menu-item:disabled{opacity:.4;cursor:not-allowed}.menu-item .ico{background:var(--surface-2);width:36px;height:36px;color:var(--gold);border-radius:9px;grid-row:span 2;place-items:center;display:grid}.menu-item b{font-size:14px;font-weight:600}.menu-item small{color:var(--muted);font-size:12px;line-height:1.3}.menu-item.danger b,.menu-item.danger .ico{color:var(--crimson)}.drawer-back{z-index:70;background:#00000080;animation:.15s fade;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--line);z-index:71;grid-template-rows:auto 1fr;width:min(440px,100vw);animation:.2s ease-out slide;display:grid;position:fixed;top:0;bottom:0;right:0}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.drawer-head h2{font-size:28px}.drawer-body{padding:4px 18px 40px;overflow:auto}.drawer-section{border-bottom:1px solid var(--line);gap:12px;padding:18px 0;display:grid}.drawer-section:last-child{border-bottom:none}.drawer-section>h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.setting{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}@keyframes slide{0%{opacity:0;transform:translate(40px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.modal-back{z-index:80;background:#0009;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);width:min(560px,100%);max-height:90vh;box-shadow:var(--shadow);border-radius:18px;gap:16px;padding:20px;animation:.18s ease-out pop;display:grid;overflow:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:28px}.choice-grid{grid-template-columns:repeat(auto-fill, minmax(var(--min,220px), 1fr));gap:12px;display:grid}.choice-card{text-align:left;border-radius:var(--radius);background:var(--surface);cursor:pointer;border:2px solid #0000;align-content:start;gap:6px;padding:16px;transition:border-color .15s,background .15s;display:grid;position:relative}.choice-card:hover,.choice-card.alt{background:var(--surface-2)}.choice-card.alt:hover{background:var(--surface-3)}.choice-card.on{border-color:var(--gold)}.choice-card.on:after{content:"";background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23241a03' stroke-width='28' stroke-linecap='round' stroke-linejoin='round' d='M48 136l56 56 104-112'/%3E%3C/svg%3E") center / 14px no-repeat;border-radius:50%;width:22px;height:22px;position:absolute;top:10px;right:10px}.choice-card:disabled{opacity:.4;cursor:not-allowed}.choice-card h3{font-size:23px}.choice-card p{color:var(--muted);font-size:14px}.choice-card .ex{color:var(--faint);margin-top:2px;font-size:12px}.choice-card .art{background:radial-gradient(120% 120% at 30% 20%,#22324b 0%,#11151c 70%);border-radius:10px;place-items:center;height:120px;margin-bottom:8px;display:grid;overflow:hidden}.choice-card.compact{gap:2px;padding:10px}.choice-card.compact h3{font-size:17px}.choice-card.compact .art{height:84px;margin-bottom:6px}.choice-card .tag{z-index:1;background:var(--gold);color:var(--gold-ink);position:absolute;top:10px;left:10px}.choice-card .ico{color:var(--gold)}.badge-stack{align-items:center;display:flex}.badge-stack img{object-fit:contain;filter:drop-shadow(0 4px 10px #0009);width:54px;height:54px;margin-left:-12px}.badge-stack img:first-child{margin-left:0}.badge-stack.flags img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:46px;height:46px;margin-left:-14px}.silhouette{width:88%;height:88%}.silhouette path{fill:#3a4d68;stroke:#1b2738;stroke-width:.5px;vector-effect:non-scaling-stroke;transition:fill .15s}.choice-card.on .silhouette path,.choice-card:hover .silhouette path{fill:var(--gold);stroke:#6b4f12}.home{gap:24px;max-width:1240px;margin:0 auto;padding:32px 20px 80px;display:grid}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.home-head h1{text-transform:uppercase;font-size:clamp(40px,6vw,64px);font-weight:800}.games{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.game-card{border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:transform .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.game-card .thumb{aspect-ratio:16/9;background:#0b2a46 50%/cover;position:relative}.game-card .thumb .tag{color:#fff;background:#000000b3;position:absolute;bottom:10px;left:10px}.game-card .thumb .tag.gold{background:var(--gold);color:var(--gold-ink)}.game-card .meta{gap:4px;padding:12px 14px 14px;display:grid}.game-card h3{font-size:22px}.game-card .menu-wrap{z-index:2;position:absolute;top:8px;right:8px}.game-card .menu-wrap>.icon-btn{color:#fff;background:#0009}.new-card{border-radius:var(--radius);border:2px dashed var(--line-strong);cursor:pointer;text-align:center;min-height:250px;color:var(--muted);background:0 0;place-content:center;justify-items:center;gap:10px;padding:20px;transition:border-color .15s,color .15s;display:grid}.new-card:hover{border-color:var(--gold);color:var(--text)}.new-card .plus{background:var(--gold);width:60px;height:60px;color:var(--gold-ink);border-radius:50%;place-items:center;display:grid}.new-card h3{color:var(--text);font-size:26px}.empty-hero{background:radial-gradient(90% 140% at 100% 0%, #f2b83b29, transparent 55%), var(--surface);border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:44px;display:grid}.empty-hero h1{text-transform:uppercase;font-size:clamp(44px,7vw,84px);font-weight:800}.empty-hero h1 span{color:var(--gold)}.empty-hero p{color:var(--muted);max-width:560px;margin:14px 0 22px;font-size:19px}.hero-badges{grid-template-columns:repeat(4,64px);gap:14px;display:grid;transform:rotate(-6deg)}.hero-badges img{object-fit:contain;filter:drop-shadow(0 8px 18px #0009);width:64px;height:64px}.wizard{gap:22px;max-width:1240px;margin:0 auto;padding:20px 20px 130px;display:grid}.wizard-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;display:flex}.wizard-head h1{font-size:42px}.wizard-head .sub{color:var(--muted);margin-top:6px;font-size:16px}.stepper{flex-wrap:wrap;gap:2px;display:flex}.stepper button{color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;font-weight:600;display:flex}.stepper button .n{background:var(--surface-2);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.stepper button.done{color:var(--muted)}.stepper button.done .n{background:var(--surface-3);color:var(--gold)}.stepper button.on{color:var(--text);background:var(--surface)}.stepper button.on .n{background:var(--gold);color:var(--gold-ink)}.stepper button:disabled{cursor:default}.panel{background:var(--surface);border-radius:var(--radius);align-content:start;gap:14px;padding:18px;display:grid}.panel-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-title h2{font-size:24px}.split{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);align-items:start;gap:18px;display:grid}.sticky{position:sticky;top:76px}.wizard-foot{border-top:1px solid var(--line);z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0e11f0;padding:14px 20px;position:fixed;bottom:0;left:0;right:0}.wizard-foot .inner{align-items:center;gap:10px;max-width:1240px;margin:0 auto;display:flex}.summary{flex-wrap:wrap;gap:8px;margin-right:auto;display:flex}.summary span{background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.summary span svg{color:var(--gold)}.summary span b{color:var(--text)}.league-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px;display:grid}.league-tile{background:var(--surface-2);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;gap:10px;padding:12px;display:grid;position:relative}.league-tile:hover{background:var(--surface-3)}.league-tile.on{border-color:var(--gold)}.league-tile .badge-stack img{filter:drop-shadow(0 2px 6px #0009);width:32px;height:32px;margin-left:-8px}.league-tile .badge-stack img:first-child{margin-left:0}.league-tile b{font-size:15px;line-height:1.2}.league-tile small{color:var(--muted);font-size:12px}.league-tile .count{position:absolute;top:10px;right:10px}.team-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.team-pick{background:var(--surface-2);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:12px;align-content:start;justify-items:center;gap:6px;padding:12px 6px 10px;font-size:12px;font-weight:600;line-height:1.15;display:grid;position:relative}.team-pick:hover{background:var(--surface-3)}.team-pick.on{border-color:var(--gold);background:var(--gold-soft)}.team-pick img,.team-pick .badge-ph{object-fit:contain;width:44px;height:44px}.team-pick span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.badge-ph{color:#fff;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.wall{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;max-height:58vh;padding:2px;display:grid;overflow:auto}.wall-item{aspect-ratio:1;cursor:pointer;background:var(--surface-2);border:none;border-radius:12px;place-items:center;padding:0;display:grid;position:relative}.wall-item:before{content:"";background:var(--c);border-radius:2px;height:4px;position:absolute;bottom:5px;left:10px;right:10px}.wall-item img,.wall-item .badge-ph{object-fit:contain;width:58%;height:58%;margin-bottom:4px}.wall-item:hover{background:var(--surface-3)}.wall-item.on{outline:2px solid var(--gold)}.wall-empty{border:2px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:12px;justify-items:center;gap:8px;padding:34px 16px;font-size:14px;display:grid}.popover{z-index:90;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);width:270px;box-shadow:var(--shadow);gap:12px;padding:14px;animation:.12s pop;display:grid;position:fixed}.popover .who{font-weight:700;font-family:var(--display);align-items:center;gap:10px;font-size:20px;display:flex}.popover .who img{object-fit:contain;width:40px;height:40px}.swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch-dot{cursor:pointer;border:2px solid #0000;border-radius:8px;width:30px;height:30px;padding:0}.swatch-dot.on{border-color:#fff}.swatch-input{cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:none;border-radius:8px;width:30px;height:30px;padding:0}.swatch-input::-webkit-color-swatch-wrapper{padding:0}.swatch-input::-webkit-color-swatch{opacity:0;border:none;border-radius:8px}.unit-list{gap:2px;max-height:440px;padding-right:4px;display:grid;overflow:auto}.unit-group{margin-top:10px}.unit-group>.row{background:var(--surface);z-index:1;padding:4px 0;position:sticky;top:0}.unit{cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:5px 8px;font-size:14px;display:flex}.unit:hover{background:var(--surface-2)}.unit input{accent-color:var(--gold)}.mini-map{aspect-ratio:16/10;background:#0c2a47;border-radius:12px;width:100%;display:block}.rule-row{border-bottom:1px solid var(--line);gap:8px;padding:12px 0;display:grid}.rule-row:last-child{border-bottom:none}.rule-row>span{font-size:14px;font-weight:600}.note{background:var(--gold-soft);color:#ffe2a3;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.note svg{color:var(--gold);flex:none}.stage-box{place-items:center;width:100%;height:100%;min-height:240px;display:grid;position:relative;overflow:hidden}.stage-box canvas{touch-action:manipulation;border-radius:12px;display:block;box-shadow:0 24px 70px #0000008c}.stage-box.pick canvas{cursor:pointer}.spinner{color:var(--muted);font-family:var(--display);letter-spacing:.05em;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.play{grid-template-rows:auto 1fr;height:100%;display:grid}.play-main{grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.play-stage{min-height:0;padding:16px;display:grid}.game-title{font-family:var(--display);background:0 0;border:none;border-radius:8px;outline:none;width:100%;max-width:420px;padding:4px 8px;font-size:22px;font-weight:700}.game-title:hover,.game-title:focus{background:var(--surface-2)}.sidebar{border-left:1px solid var(--line);background:var(--surface);grid-template-rows:auto auto 1fr;min-height:0;display:grid}.progress-head{gap:10px;padding:16px 18px 0;display:grid}.progress-head .row{justify-content:space-between}.progress-head b{font-family:var(--display);font-size:22px}.bar{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.bar>div{background:var(--gold);height:100%;transition:width .4s}.phases{gap:4px;display:flex}.phases div{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 6px;font-size:12px;font-weight:700;display:flex}.phases div.on{color:var(--gold-ink);background:var(--gold)}.phases div.done{color:var(--muted)}.action{border-bottom:1px solid var(--line);gap:12px;padding:16px 18px 18px;display:grid}.who{font-family:var(--display);align-items:center;gap:12px;font-size:28px;font-weight:700;line-height:1;display:flex}.who img{object-fit:contain;width:54px;height:54px}.hint{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.versus{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;display:grid}.versus .vs{font-family:var(--display);color:var(--faint);align-self:center;font-size:18px;font-weight:800}.win-btn{border:2px solid var(--surface-3);background:var(--surface-2);cursor:pointer;text-align:center;border-radius:14px;align-content:start;justify-items:center;gap:8px;padding:14px 8px 12px;transition:border-color .15s,transform .1s;display:grid}.win-btn:hover{border-color:var(--gold);transform:translateY(-2px)}.win-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.win-btn img,.win-btn .badge-ph{object-fit:contain;width:64px;height:64px}.win-btn b{font-family:var(--display);font-size:19px;line-height:1.05}.win-btn small{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}kbd{background:var(--surface-3);color:var(--muted);border-radius:5px;padding:1px 6px;font:600 11px ui-monospace,monospace}.score-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.score-row input{text-align:center;font-family:var(--display);padding:6px;font-size:22px;font-weight:700}.link-btn{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;justify-self:center;padding:0;font-size:13px;text-decoration:underline}.link-btn:hover{color:var(--text)}.side-tabs{gap:4px;padding:12px 18px 0;display:flex}.side-tabs button{color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-weight:700}.side-tabs button.on{color:var(--text);background:var(--surface-2)}.side-body{align-content:start;gap:2px;padding:8px 12px 30px;display:grid;overflow:auto}.rank{border-radius:10px;grid-template-columns:22px 30px 1fr auto;align-items:center;gap:9px;padding:7px 6px;display:grid}.rank:hover{background:var(--surface-2)}.rank .pos{color:var(--faint);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.rank img,.rank .badge-ph{object-fit:contain;width:30px;height:30px}.rank .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.rank .mini{border-radius:2px;min-width:3px;height:4px;margin-top:4px}.rank .num{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;font-size:13px}.rank .sub{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rank.out{opacity:.5}.section-label{margin:14px 6px 4px}.hist{background:var(--surface-2);border-radius:10px;gap:6px;margin-bottom:4px;padding:10px;font-size:13px;display:grid}.hist .vs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hist img{object-fit:contain;width:22px;height:22px}.hist .w{color:var(--gold);font-weight:700}.empty{color:var(--muted);text-align:center;padding:20px 6px;font-size:14px}.clean .topbar,.clean .sidebar{display:none}.clean .play-main{grid-template-columns:1fr}.clean .play-stage{padding:0}.clean .stage-box canvas{box-shadow:none;border-radius:0}.clean-exit{z-index:40;opacity:0;transition:opacity .2s;position:fixed;top:12px;right:12px}.clean:hover .clean-exit{opacity:1}.stage-window{background:#000;height:100%}.stage-window canvas{box-shadow:none!important;border-radius:0!important}.theme-swatch{border-radius:9px;height:58px;position:relative;overflow:hidden}.theme-swatch i{border-radius:42% 58% 46% 54%;width:44%;height:60%;position:absolute;top:20%;left:28%}.format-art{place-items:center;height:64px;display:grid}.format-art div{color:var(--muted);border:2px solid;border-radius:5px}.choice-card.on .format-art div{color:var(--gold)}.draw-result{background:var(--surface-2);border-radius:12px;gap:8px;min-height:60px;padding:16px;font-size:16px;display:grid}.draw-result .big{font-family:var(--display);color:var(--gold);text-align:center;font-size:48px;font-weight:800}.coin{width:120px;height:120px;font-family:var(--display);color:#3b2a00;background:radial-gradient(circle at 35% 30%,#fff1c2,#e0a800 60%,#7a5600);border-radius:50%;place-items:center;margin:0 auto;font-size:24px;font-weight:800;display:grid;box-shadow:0 8px 30px #00000080}.coin.flip{animation:1.2s cubic-bezier(.2,.7,.2,1) flip}@keyframes flip{0%{transform:rotateY(0)scale(.8)}to{transform:rotateY(1800deg)scale(1)}}.keys{grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;font-size:14px;display:grid}.final{gap:20px;max-width:1100px;margin:0 auto;padding:28px 20px 80px;display:grid}.final-hero{text-align:center;background:radial-gradient(60% 90% at 50% 0,#f2b83b38,#0000 70%);border-radius:22px;justify-items:center;gap:10px;padding:30px 0;display:grid}.final-hero img{filter:drop-shadow(0 12px 34px #f2b83b66)}.final-hero h1{text-transform:uppercase;font-size:clamp(40px,6vw,72px);font-weight:800}.final-hero h1 span{color:var(--gold)}.awards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.award{background:var(--surface);border-radius:var(--radius);align-items:center;gap:12px;padding:16px;display:flex}.award small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;display:block}.award b{font-family:var(--display);font-size:20px}table.ranking{border-collapse:collapse;width:100%;font-size:14px}table.ranking th,table.ranking td{border-bottom:1px solid var(--line);text-align:left;padding:9px 8px}table.ranking th{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}table.ranking td.n{font-variant-numeric:tabular-nums}table.ranking img{object-fit:contain;vertical-align:middle;width:22px;height:22px;margin-right:8px}.table-wrap{overflow-x:auto}.progress{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.progress div{background:var(--gold);height:100%}@media (width<=1000px){.play-main{grid-template-rows:auto auto;grid-template-columns:1fr}.play,.play-stage .stage-box{height:auto}.sidebar{border-left:none;border-top:1px solid var(--line)}.split{grid-template-columns:1fr}.sticky{position:static}.topbar .hide-sm{display:none}.empty-hero{grid-template-columns:1fr}.hero-badges{display:none}}.stage-toolbar .input.big{flex:1;width:auto;min-width:220px}.btn.primary kbd{color:var(--gold-ink);background:#241a0329}