:root{--bg:#0B101A;--bg-soft:#0F1624;--panel:#141C2C;--glass:rgba(255,255,255,.045);--glass-2:rgba(255,255,255,.08);--line:rgba(255,255,255,.09);--txt:#E9EEF6;--mut:#93A0B4;--accent:#F0B454;--accent-soft:rgba(240,180,84,.14);--hit:#34D399;--partial:#FB923C;--miss:#5B6B80;--danger:#F87171;--r-lg:18px;--r-md:12px;--fs:1rem}body.cvd{--hit:#38BDF8}body.big{--fs:1.1rem }body.small{--fs:.92rem }*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent-soft)}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);font-family:system-ui,-apple-system,sans-serif;font-size:var(--fs);overflow:hidden}.num,.sora{font-family:Sora,system-ui,sans-serif;font-variant-numeric:tabular-nums}button{font-family:inherit;color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}:root{--sat:env(safe-area-inset-top,0px)}.app{display:grid;grid-template-rows:calc(64px + var(--sat)) 1fr;grid-template-columns:76px 1fr;height:100vh;height:100dvh}.titlebar{grid-column:1/3;display:flex;align-items:center;gap:14px;padding:var(--sat) 11px 0;background:#ffffff05;border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none}.tb-name{font-family:Sora;font-weight:700;font-size:.86rem;letter-spacing:.02em;display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0}.tb-name em{font-style:normal;color:var(--accent)}.tb-lockup{height:34px;width:auto;display:block;flex:none;margin-left:-1px}.tb-home{display:flex;align-items:center;flex:none;border-radius:8px;text-decoration:none}.tb-home:hover{opacity:.85}.tb-home:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:700px){.tb-lockup{height:28px}}.tb-chip{margin-left:auto;font-size:.7rem;color:var(--mut);border:1px solid var(--line);border-radius:99px;padding:3px 10px;letter-spacing:.06em}.rail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0;border-right:1px solid var(--line);background:#ffffff04;position:relative;z-index:2}.rail button{width:54px;height:54px;border-radius:15px;cursor:pointer;font-size:1.35rem;display:grid;place-items:center;position:relative;color:var(--mut);background:linear-gradient(180deg,#202b40,#131b2b);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #00000047,0 3px 8px #00000059;transition:transform .15s,border-color .15s,box-shadow .15s,filter .15s}.rail button{filter:grayscale(.55) brightness(.92)}.rail button:hover{transform:translateY(-2px);filter:none;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #00000047,0 6px 14px #00000073}.rail button:active{transform:translateY(0) scale(.96)}.rail button.on{filter:none;color:var(--accent);background:linear-gradient(180deg,#f0b4544d,#f0b45414 60%,#f0b45429);border-color:#f0b45499;box-shadow:inset 0 1px #ffffff38,inset 0 -2px #0003,0 0 16px #f0b45447}body.still .rail button{transition:none}.rail button .tip{position:absolute;left:54px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#1d2739;border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .12s;z-index:50;color:var(--txt)}.rail button:hover .tip{opacity:1}.rail .spacer{flex:1}body.show-labels .rail button{height:60px;flex-direction:column;display:flex;align-items:center;justify-content:center}body.show-labels .rail button .lbl{display:block;font-size:.55rem;margin-top:1px}.rail button .lbl{display:none}main{overflow:hidden;position:relative}.page{height:100%;overflow-y:auto;padding:26px 30px}h1{font-family:Sora,system-ui;font-weight:800;font-size:1.5rem;letter-spacing:.01em}h2{font-family:Sora,system-ui;font-weight:700;font-size:1.05rem}.eyebrow{font-family:Sora;font-weight:600;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.mut{color:var(--mut)}.small{font-size:.82rem}.btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass);padding:12px 20px;cursor:pointer;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,background .15s,box-shadow .15s}.btn:hover{background:var(--glass-2);transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#f6c46e,#e8a63c);color:#231604;border:none;box-shadow:0 4px 24px #f0b45440}.btn.primary:hover{box-shadow:0 6px 30px #f0b45466}.btn.ghost{background:none}.btn:disabled{opacity:.4;cursor:default;transform:none}.sidepanel .panel-cta:disabled{opacity:1;cursor:default;transform:none;box-shadow:none;background:#2a3446;color:#7e8ba0}body.still .btn{transition:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--glass);border-radius:99px;padding:4px 12px;font-size:.78rem;font-weight:600}.home-grid{display:grid;grid-template-columns:1fr 380px;grid-template-rows:1fr auto auto;gap:20px;max-width:1440px;margin:0 auto;min-height:100%}.hero{grid-column:1/3;position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);min-height:320px;display:flex;align-items:flex-end}.hero .bgimg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 30%;filter:blur(14px) brightness(.55) saturate(.9);transform:scale(1.15)}.hero .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b101aeb,#0b101a8c 45%,#0b101a26)}.hero .inner{position:relative;padding:28px;display:flex;flex-direction:column;gap:14px;max-width:560px}.hero h1{font-size:1.9rem}.hero .row{display:flex;gap:12px;margin-top:6px;align-items:center;flex-wrap:wrap}.hero .peek{position:absolute;right:26px;top:26px;bottom:26px;width:34%;border-radius:14px;overflow:hidden;border:1px solid var(--glass-2)}.hero .peek img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:blur(10px) brightness(.8);transform:scale(1.2)}.hero .peek:after{content:"?";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Sora;font-weight:800;font-size:3rem;color:#ffffffd9;background:#0b101a40}.mode-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;min-height:200px;padding:28px}.hero .row .btn,.mode-card .push .btn{min-width:300px;justify-content:center}.mode-card .bgimg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(16px) brightness(.4);transform:scale(1.2)}.mode-card>*:not(.bgimg){position:relative}.mode-card .push{margin-top:auto}.statrow{display:flex;gap:10px;flex-wrap:wrap}.stat{flex:1;text-align:center;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 8px}.stat b{font-family:Sora;font-size:1.3rem;display:block}.stat span{font-size:.72rem;color:var(--mut)}.linkrow{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;padding:14px 16px;grid-column:1/3}.home-side{display:flex;flex-direction:column;gap:20px}.home-grid.nospot{grid-template-columns:1fr}.home-grid.nospot .hero,.home-grid.nospot .linkrow{grid-column:auto}.home-grid.nospot .home-side{flex-direction:row;align-items:stretch}.home-grid.nospot .home-side>.card{flex:1}p.mut>a,.mut a{display:inline-block;padding:12px 0}.linkrow button,.linkrow a{display:inline-flex;align-items:center;min-height:44px;background:none;border:none;color:var(--mut);font-size:.84rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit}.gamewrap{display:grid;grid-template-columns:1fr 340px;height:100%}.stagearea{position:relative;background:#0b101a;overflow:hidden;display:flex;align-items:center;justify-content:center}.stagearea img.art{width:100%;height:100%;object-fit:contain}.sidepanel{border-left:1px solid var(--line);background:var(--panel);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.panel-split,.reveal-split .panel-scroll{display:flex;flex-direction:column;gap:16px}.steps{display:flex;gap:6px}.steps i{flex:1;height:4px;border-radius:99px;background:var(--glass-2)}.steps i.done{background:var(--accent)}.phase-head{display:flex;align-items:center;gap:10px}.phase-head .ic{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;font-size:1.1rem;flex:none}.ring{position:relative;width:84px;height:84px;margin:6px auto}.ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.ring .t{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Sora;font-weight:800;font-size:1.6rem}.timerbar{height:6px;background:var(--glass-2);border-radius:99px;overflow:hidden}.timerbar i{display:block;height:100%;background:var(--accent);transition:width .5s linear}.mapwrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e1930;cursor:crosshair;touch-action:none}.mapwrap svg{width:100%;height:100%;display:block;touch-action:none}.map-ocean{fill:#0e1930}.map-grid{stroke:#ffffff0d;stroke-width:.6}.map-land{fill:#25382b}.t-plain{fill:#2b4232}.t-wet{fill:#234a3c}.t-plateau{fill:#3c3629}.t-mtn{fill:#4c3a2b}.t-desert{fill:#57452a}.t-tundra{fill:#31414b}.map-glacier{fill:#a7bccc}.map-lake{fill:#153350}.map-river{fill:none;stroke:#2f6c9a;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.85}.map-city{fill:#8fa5bc;stroke:#0b101a;stroke-width:.6;vector-effect:non-scaling-stroke}.map-label{fill:#e9eef685;font-family:Sora,sans-serif;font-weight:600;letter-spacing:.14em;text-anchor:middle;text-transform:uppercase;pointer-events:none}.map-label.ocean{fill:#5a82aabf;font-style:italic;text-transform:none;letter-spacing:.24em;font-weight:400}.map-pin circle.dot{fill:var(--accent);stroke:#0b101a;stroke-width:2;vector-effect:non-scaling-stroke}.map-pin circle.pulse{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;animation:pinfade 1.4s ease-out infinite}@keyframes pinfade{0%{opacity:.8}to{opacity:0}}body.still .map-pin circle.pulse{animation:none;opacity:0}.map-true circle{fill:var(--hit);stroke:#0b101a;stroke-width:2;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}.map-true.pop circle{animation:truepop .45s cubic-bezier(.2,1.9,.4,1) both}@keyframes truepop{0%{transform:scale(0)}to{transform:scale(1)}}body.still .map-true.pop circle{animation:none}.map-line{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 5;opacity:.85;vector-effect:non-scaling-stroke}.bet-ring{fill:#f0b45412;stroke:var(--accent);stroke-width:1.2;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;pointer-events:none}.map-hintbar{position:absolute;left:50%;transform:translate(-50%);bottom:16px;background:#0b101acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:.78rem;color:var(--mut);pointer-events:none;white-space:nowrap;z-index:6}.map-ctrl{position:absolute;right:16px;bottom:18px;display:flex;flex-direction:column;gap:6px;z-index:6}.map-ctrl button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#0b101ad1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--txt);font-size:1.05rem;cursor:pointer;font-family:Sora,system-ui}.map-ctrl button:hover{border-color:var(--accent);color:var(--accent)}.map-legend{position:absolute;left:14px;bottom:16px;display:flex;gap:10px;flex-wrap:wrap;z-index:5;background:#0b101ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:99px;padding:5px 14px;font-size:.68rem;color:var(--mut);pointer-events:none}.map-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:4px;vertical-align:-1px}.zoomcover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;aspect-ratio:16/9;max-height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);pointer-events:none;z-index:3}.zoomcover i{background:#0d1622;border:1px solid rgba(255,255,255,.035);opacity:1;transition:opacity .7s ease}.zoomcover i.open{opacity:0}body.still .zoomcover i{transition:none}.thumb-wrap{position:relative}.thumb-wrap .zoomcover{width:100%;height:100%;aspect-ratio:auto;left:0;top:0;transform:none}.thumb{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}.thumb img{width:100%;display:block}.thumb.clickable{cursor:zoom-in;position:relative}.thumb.clickable:after{content:"🔍 " attr(data-zoom);position:absolute;right:8px;bottom:8px;font-size:.66rem;color:var(--txt);background:#0b101ab8;border:1px solid var(--line);padding:2px 9px;border-radius:99px;pointer-events:none}.peek-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0b101af7;cursor:zoom-out;display:flex;align-items:center;justify-content:center}.peek-overlay img{max-width:96%;max-height:96%;object-fit:contain;border-radius:8px}.bet-chips{display:flex;gap:8px;margin-top:8px}.bet-chip{flex:1;border:1px solid var(--line);border-radius:10px;padding:8px 4px;background:var(--glass);cursor:pointer;text-align:center;font-size:.72rem;color:var(--mut)}.bet-chip b{display:block;font-family:Sora,system-ui;font-size:.95rem;color:var(--txt)}.bet-chip.sel{border-color:var(--accent);background:var(--accent-soft)}.bet-chip.sel b{color:var(--accent)}.scorecard{display:flex;flex-direction:column;gap:7px}.scorerow{display:flex;justify-content:space-between;font-size:.87rem;color:var(--mut)}.scorerow b{color:var(--txt)}.scorerow.total{border-top:1px solid var(--line);padding-top:10px;font-size:1rem;color:var(--txt)}.scorerow.total b{color:var(--accent);font-family:Sora;font-size:1.2rem}.result-wrap{max-width:520px;margin:4vh auto;display:flex;flex-direction:column;gap:16px}.bigscore{font-family:Sora;font-weight:800;font-size:3.4rem;text-align:center;color:var(--accent);letter-spacing:.01em}.pctbar{height:10px;border-radius:99px;background:var(--glass-2);overflow:hidden;margin:10px 0 6px}.pctbar i{display:block;height:100%;background:linear-gradient(90deg,#e8a63c,#f6c46e);border-radius:99px;transition:width .8s cubic-bezier(.2,.8,.2,1)}.sharecard{border:1px dashed var(--glass-2);border-radius:var(--r-md);padding:16px;text-align:center;font-family:Sora,system-ui;letter-spacing:.04em;background:var(--bg-soft);font-size:.92rem}.blocks{font-size:1.35rem;letter-spacing:.14em;margin:8px 0}.share-actions{display:flex;gap:10px;margin-top:12px}.share-actions .btn{flex:1}.share-actions .btn.primary{flex:1.4}.mapwrap svg:focus{outline:none}.mapwrap svg:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mapwrap:has(svg:focus-visible):before,.mapwrap:has(svg:focus-visible):after{content:"";position:absolute;left:50%;top:50%;pointer-events:none;z-index:3;background:var(--accent);box-shadow:0 0 0 1px #0b101acc}.mapwrap:has(svg:focus-visible):before{width:26px;height:2px;transform:translate(-50%,-50%)}.mapwrap:has(svg:focus-visible):after{width:2px;height:26px;transform:translate(-50%,-50%)}.fitbox{position:relative;width:min(100%,820px);max-height:100%;aspect-ratio:16/9;margin:auto}.fitbox img.art{width:100%;height:100%;display:block;object-fit:cover}.fitbox.crosshair{cursor:crosshair}.tries{display:flex;gap:8px;justify-content:center;font-size:1.3rem}.tries span{opacity:.22;filter:grayscale(1)}.tries span.left{opacity:1;filter:none}.reason-list{display:flex;flex-direction:column;gap:10px}.reason-list .btn{justify-content:flex-start;gap:12px;padding:14px;text-align:left}.reason-list .big{font-size:1.4rem}.spot-x{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--danger);z-index:4;pointer-events:none;display:grid;place-items:center;color:var(--danger);font-weight:800}.palm{position:absolute;z-index:3;pointer-events:none}.basic-line{display:flex;align-items:center;gap:8px;font-size:1.2rem;padding:12px 0 4px;flex-wrap:wrap}.basic-line .arr{color:var(--mut);font-size:.85rem}.why{background:none;border:none;color:var(--accent);font-weight:700;font-size:.8rem;cursor:pointer;padding:6px 0}.deep{display:none;font-size:.83rem;line-height:1.8;color:var(--mut);border-left:2px solid var(--accent);padding-left:12px;margin-top:6px}.deep.on{display:block}.deep b{color:var(--txt)}.duel-wrap{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.duel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.duel-imgs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.duel-card{position:relative;border:2px solid var(--line);border-radius:16px;overflow:hidden;padding:0;cursor:pointer;background:#000;transition:transform .15s,border-color .15s}.duel-card:hover{transform:translateY(-3px);border-color:var(--glass-2)}.duel-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.duel-card.right{border-color:var(--hit)}.duel-card.wrong{border-color:var(--danger)}.duel-card .val{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#0b101ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:99px;padding:6px 16px;font-family:Sora;font-weight:700;font-size:.95rem;opacity:0;transition:opacity .2s;white-space:nowrap}.duel-card.reveal .val{opacity:1}.duel-card:disabled{cursor:default}.duel-card:disabled:hover{transform:none}.synccode-box{margin-top:12px;display:flex;flex-direction:column;gap:10px;background:var(--bg-soft);border:1px dashed var(--glass-2);border-radius:var(--r-md);padding:16px}.synccode{font-size:1.35rem;font-weight:800;letter-spacing:.08em;color:var(--accent);text-align:center;-webkit-user-select:all;user-select:all}.syncinput{flex:1;min-width:0;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md);color:var(--txt);padding:10px 14px;font-size:.95rem;letter-spacing:.05em}.syncinput:focus{outline:2px solid var(--accent);outline-offset:1px}.explorer-card{display:flex;gap:22px;align-items:flex-start}.avatar-box{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}.avatar-medal{position:relative;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#223049,#101827);border:3px solid;display:grid;place-items:center}.avatar-medal .pet{font-size:2.6rem;line-height:1}.avatar-medal .hat{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:1.5rem}.avatar-medal .badge{position:absolute;right:-6px;bottom:-2px;font-size:1.3rem}.avatar-medal .gear{position:absolute;left:-8px;bottom:2px;font-size:1.2rem}.item-groups{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.item-group{display:flex;align-items:center;gap:12px}.item-group>.mut{width:86px;flex:none}.item-row{display:flex;gap:8px;flex-wrap:wrap}.item-chip{position:relative;min-width:44px;height:44px;padding:0 10px;border-radius:12px;cursor:pointer;background:var(--glass);border:1px solid var(--line);font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--txt)}.item-chip.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 10px #f0b45440}.item-chip.lock{opacity:.55;filter:grayscale(.4)}.item-chip .need{position:absolute;right:-6px;top:-8px;font-size:.58rem;background:#1d2739;border:1px solid var(--line);border-radius:99px;padding:1px 6px;color:var(--mut)}.item-chip .swatch{width:20px;height:20px;border-radius:6px;display:inline-block}.rank-row{display:flex;align-items:center;gap:14px}.rank-icon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.badge-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:16px}@media(max-width:900px){.badge-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:460px){.badge-grid{grid-template-columns:repeat(2,1fr)}}.badge-tile{background:var(--glass-2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.badge-tile .bico{font-size:1.6rem;line-height:1;filter:grayscale(1);opacity:.35}.badge-tile.t1 .bico,.badge-tile.t2 .bico,.badge-tile.t3 .bico{filter:none;opacity:1}.badge-tile.t1{border-color:#cd7f328c;background:linear-gradient(180deg,rgba(205,127,50,.07),transparent 60%),var(--glass-2)}.badge-tile.t2{border-color:#d6e2f0bf;background:linear-gradient(180deg,rgba(214,226,240,.1),transparent 60%),var(--glass-2);box-shadow:0 0 0 1px #d6e2f01f inset}.badge-tile.t3{border-color:#f0b454d9;background:linear-gradient(180deg,rgba(240,180,84,.14),transparent 62%),var(--glass-2);box-shadow:0 0 0 1px #f0b45440 inset,0 0 16px #f0b45424}.badge-tile .bname{font-size:.76rem;color:var(--mut)}.badge-tile .bbar{width:100%;height:4px;background:var(--glass-2);border-radius:99px;overflow:hidden}.badge-tile .bbar i{display:block;height:100%;background:var(--accent);border-radius:99px}.pips{display:inline-flex;gap:4px;align-items:center}.pips i{width:7px;height:7px;border-radius:50%;background:#ffffff24;display:block}.badge-tile.t1 .pips i.on{background:#cd7f32}.badge-tile.t2 .pips i.on{background:#c6cfdd}.badge-tile.t3 .pips i.on{background:#f0b454}.region-row .pips i.on{background:var(--accent)}.region-bars{display:flex;flex-direction:column;gap:8px;margin-top:16px}.region-row{display:flex;align-items:center;gap:12px}.region-row .rname{width:104px;flex:none}.region-row .pips{flex:none}.region-row .rec-bar .fam{background:#34d399}.rec-wrap{max-width:760px;display:flex;flex-direction:column;gap:16px}.rec-list{display:flex;flex-direction:column;gap:10px}.rec-row{display:flex;align-items:center;gap:14px;padding:12px 16px}.rec-row .date{width:104px;flex:none;color:var(--mut);font-size:.84rem}.rec-row .issue{width:52px;flex:none;color:var(--accent);font-weight:700}.rec-bar{flex:1;height:8px;background:var(--glass-2);border-radius:99px;overflow:hidden}.rec-bar i{display:block;height:100%;background:linear-gradient(90deg,#e8a63c,#f6c46e);border-radius:99px}.rec-row .score{width:70px;text-align:right;flex:none}.rec-row .pct{flex:none}@media(max-width:700px){.rec-row{flex-wrap:wrap;row-gap:6px}.rec-row .rec-bar{order:5;flex-basis:100%}.explorer-card{flex-direction:column;align-items:center}.item-group{flex-direction:column;align-items:flex-start;gap:6px}}.issue-list{display:flex;flex-direction:column;gap:12px;max-width:640px}.issue-row{display:flex;align-items:center;gap:16px;padding:16px 20px}.issue-row .no{font-family:Sora;font-weight:800;font-size:1.15rem;color:var(--accent);width:64px;flex:none}.issue-row .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.issue-row .date{font-size:.82rem;color:var(--mut)}.issue-row .acts{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}.issue-row.locked{opacity:.45}.set-wrap{max-width:640px;display:flex;flex-direction:column;gap:16px}.setrow{display:flex;flex-wrap:wrap;row-gap:10px;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--line)}.setrow .seg{margin-left:auto}.setrow:last-child{border-bottom:none}.setrow .desc{font-size:.78rem;color:var(--mut);margin-top:4px}.switch{width:46px;height:26px;border-radius:99px;background:var(--glass-2);position:relative;cursor:pointer;flex:none;border:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.switch.on{background:var(--hit)}.switch.on:after{left:23px}.switch:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}.seg{display:flex;flex:none;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border:none;background:none;padding:7px 16px;min-height:44px;cursor:pointer;font-weight:600;font-size:.85rem;color:var(--mut)}.seg button.sel{background:var(--accent-soft);color:var(--accent)}.about-wrap{max-width:680px;display:flex;flex-direction:column;gap:16px}.about-wrap p{font-size:.9rem;line-height:1.85;color:var(--mut)}.about-wrap b{color:var(--txt)}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);z-index:99;background:#1d2739;border:1px solid var(--line);color:var(--txt);padding:10px 22px;border-radius:99px;font-size:.85rem;opacity:0;transition:opacity .25s;pointer-events:none;box-shadow:0 8px 30px #00000080}.toast.on{opacity:1}.page,.gamewrap{animation:fadein .25s ease both}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}}body.still .page,body.still .gamewrap{animation:none}.gamewrap{animation:none;transform:none}@media(max-width:900px){.home-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:0;max-width:640px;margin:0 auto}.hero,.linkrow{grid-column:auto}.home-grid.nospot .home-side{flex-direction:column}.hero .peek{width:30%}.gamewrap{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.sidepanel{border-left:none;border-top:1px solid var(--line);max-height:50dvh;padding:12px;gap:12px}.sidepanel .card{padding:14px}.ring{width:68px;height:68px}.ring .t{font-size:1.3rem}.duel-head{flex-direction:column;align-items:flex-start}.duel-head>div:last-child{align-self:stretch}.duel-head .stat{flex:1}.map-legend{display:none}}@media(max-width:700px){.app{grid-template-columns:1fr;grid-template-rows:calc(52px + var(--sat)) minmax(0,1fr) auto}.titlebar{grid-column:1;padding:var(--sat) 14px 0;gap:10px}.tb-name .mut{overflow:hidden;text-overflow:ellipsis}@media(max-width:420px){.tb-lockup{height:24px}.tb-name>.mut{display:none}}main{grid-row:2;grid-column:1}.rail{grid-row:3;grid-column:1;flex-direction:row;justify-content:space-around;align-items:stretch;border-right:none;border-top:1px solid var(--line);padding:5px 6px calc(5px + env(safe-area-inset-bottom));gap:2px}.rail .spacer{display:none}.rail button{width:auto;flex:1;height:48px;border-radius:10px;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.rail button .lbl{display:block;font-size:.56rem;margin-top:1px}.rail button .tip{display:none}.page{padding:16px 14px}h1{font-size:1.3rem}.hero{min-height:210px}.hero .inner{padding:20px;gap:10px}.mode-card{padding:20px}.hero .row .btn,.mode-card .push .btn{min-width:0;width:100%}.hero h1{font-size:1.35rem}.hero .peek{display:none}.mode-card{min-height:140px}.sidepanel{max-height:52dvh}.sidepanel .card.split,.sidepanel .panel-split{display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}.sidepanel .reveal-split{flex:1}.sidepanel .reveal-split .panel-scroll{display:flex;flex-direction:column;gap:12px}.sidepanel .reveal-split .panel-scroll>*{flex:none}.sidepanel .reveal-split .panel-scroll{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent)}.sidepanel .panel-scroll{flex:1;min-height:0;overflow-y:auto}.sidepanel .panel-cta{position:sticky;bottom:0;z-index:6}.sidepanel .card.split .panel-cta,.sidepanel .panel-split .panel-cta{position:relative}.sidepanel .panel-cta:before,.sidepanel .panel-cta:after{content:"";position:absolute;left:-16px;right:-16px;z-index:-1;pointer-events:none}.sidepanel .panel-cta:before{bottom:100%;height:24px;background:linear-gradient(to top,var(--panel),rgba(20,28,44,0))}.sidepanel .panel-cta:after{top:100%;height:32px;background:var(--panel)}.sidepanel>.card:not(.split)>.panel-cta{position:static}.sidepanel>.card:not(.split)>.panel-cta:before,.sidepanel>.card:not(.split)>.panel-cta:after{display:none}.sidepanel .panel-cta.ghost{background:#212b3e;border-color:#f0b45466;color:var(--accent)}.hint-verbose,.sidepanel.answering .modechip,.sidepanel .head-sub,.sidepanel.answering .panel-scroll .phase-head{display:none}.map-hintbar{font-size:.68rem;max-width:92%;white-space:normal;text-align:center;border-radius:14px;bottom:12px;padding:5px 12px}.map-ctrl{right:10px;bottom:12px}.map-ctrl button{width:38px;height:38px}.duel-wrap{height:100%;gap:10px}.duel-head{gap:6px}.duel-head h1{font-size:1.15rem}.duel-head .stat{padding:8px 6px}.duel-head .stat b{font-size:1.05rem}.duel-imgs{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:10px;flex:1;min-height:0}.duel-card{min-height:0}.duel-card img{height:100%;aspect-ratio:auto;object-fit:contain}.duel-card:hover{transform:none}.issue-list{max-width:none}.issue-row{padding:12px 14px;gap:10px}.issue-row .no{width:50px;font-size:1rem}.issue-row .info b{font-size:.9rem}.issue-row{flex-wrap:wrap;row-gap:10px}.issue-row .info{flex:1 1 auto}.issue-row .acts{flex:1 0 100%;justify-content:flex-end;margin-left:0}.result-wrap{margin:6px auto}.bigscore{font-size:2.6rem}.blocks{font-size:1.15rem}.share-actions{display:grid;grid-template-columns:1fr 1fr}.share-actions .btn,.share-actions .btn.primary{flex:none;padding:12px 8px;font-size:.9rem;line-height:1.25;text-align:center}.share-actions .btn.primary{grid-column:1 / -1}.share-actions .btn.primary:last-child{grid-column:auto}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.statrow>.stat{padding:10px 4px}.statrow>.stat:last-child:nth-child(3n+1){grid-column:span 3}.statrow>.stat:last-child:nth-child(3n+2){grid-column:span 2}.stat b{font-size:1.15rem}.stat span{display:block;line-height:1.25;min-height:2.5em}.setrow{gap:12px}.toast{bottom:calc(70px + env(safe-area-inset-bottom));max-width:92%;text-align:center}}@media(hover:none){.btn:hover,.duel-card:hover,.rail button:hover{transform:none}.rail button .tip{display:none}}.langpick{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:4px 10px 4px 12px;background:#ffffff05;cursor:pointer;transition:border-color .15s,background .15s;min-height:44px}.langpick:hover{border-color:var(--glass-2);background:#ffffff0a}.langpick:focus-within{outline:2px solid var(--accent);outline-offset:2px}.langpick span{font-size:.85rem;line-height:1;opacity:.75}.langpick select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;cursor:pointer;color:var(--txt);font-family:inherit;font-size:.8rem;padding:0 2px}.langpick option{background:var(--panel);color:var(--txt)}@media(max-width:700px){.langpick{padding:3px 8px 3px 10px}.langpick select{font-size:.74rem;max-width:88px}}.setrow-stack{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:12px}.langgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.langgrid button{border:1px solid var(--line);border-radius:10px;background:#ffffff05;padding:9px 10px;cursor:pointer;font-weight:600;font-size:.84rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s,color .15s,background .15s}.langgrid button:hover{border-color:var(--glass-2);color:var(--txt)}.langgrid button.sel{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}@media(max-width:700px){.langgrid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.langgrid button{font-size:.78rem;padding:8px 6px}}.sync-more{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.sync-more>summary{cursor:pointer;font-size:.82rem;color:var(--mut);list-style:none;padding:4px 0;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:6px}.sync-more>summary::-webkit-details-marker{display:none}.sync-more>summary:before{content:"▸";transition:transform .15s;display:inline-block}.sync-more[open]>summary:before{transform:rotate(90deg)}.sync-more>summary:hover{color:var(--txt)}.card.nudge{border-color:var(--accent-soft);background:linear-gradient(0deg,#ffffff04,#ffffff04),var(--panel)}.rail button{position:relative}.rail-dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg);animation:railpulse 2.4s ease-in-out infinite}@keyframes railpulse{0%,to{opacity:1}50%{opacity:.45}}body.still .rail-dot{animation:none}@media(max-width:700px){.rail-dot{top:6px;right:calc(50% - 16px)}}.sticker{display:inline-block;object-fit:contain;-webkit-user-select:none;user-select:none}.nudge-row{display:flex;gap:16px;align-items:flex-start}.nudge-row .nudge-pic{flex:none;margin-top:2px}@media(max-width:700px){.nudge-row{flex-direction:column;gap:10px}.nudge-row .nudge-pic{align-self:center}}