:root{--p0:#ff4d5e;--p0-dark:#b8202f;--p1:#ffc531;--p1-dark:#c98a00;--ice:#e8f6ff;--accent:#5ad1ff;--ink:#0a1322;--glass:#0c182e9e;--glass-strong:#0a1428db;--line:#a0d2ff2e;--font:"Fredoka", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--pc:var(--p0)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;background:#e4edf5;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#stage{position:absolute;top:0;bottom:0;left:0;right:0}#stage canvas{display:block;width:100%!important;height:100%!important}.hidden{display:none!important}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}#drag-ui{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0;right:0}#drag-ui.on{opacity:1}#drag-line{stroke:#ffffffbf;stroke-width:3px;stroke-dasharray:2 8;stroke-linecap:round}#drag-origin{fill:none;stroke:#fff9;stroke-width:2px}#drag-knob{fill:color-mix(in srgb, var(--pc) 35%, transparent);stroke:var(--pc);stroke-width:3px}#drag-ui.cancel #drag-knob{stroke:#fff;fill:#ffffff1f}.topbar{left:50%;top:calc(10px + var(--safe-t));pointer-events:none;align-items:stretch;gap:10px;display:flex;position:absolute;transform:translate(-50%)}.pcard{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);opacity:.78;border-radius:16px;min-width:150px;padding:8px 14px 9px;transition:transform .25s,box-shadow .25s,border-color .25s,opacity .25s}.pcard[data-p="0"]{--c:var(--p0)}.pcard[data-p="1"]{--c:var(--p1)}.pcard.active{opacity:1;border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 40%, transparent), 0 8px 30px color-mix(in srgb, var(--c) 30%, transparent);transform:translateY(2px)}.pc-head{white-space:nowrap;letter-spacing:.06em;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.pc-dot{background:var(--c);width:10px;height:10px;box-shadow:0 0 10px var(--c);border-radius:50%}.pc-hammer{width:18px;height:18px;color:var(--c);opacity:0;margin-left:auto;transition:opacity .2s}.pc-hammer.on{opacity:1}.pc-hammer svg{width:100%;height:100%}.pc-row{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.pc-score{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1}.pc-score.bump{animation:.6s cubic-bezier(.2,1.6,.4,1) bump}.pc-stones{gap:4px;display:flex}.pc-stones i{background:var(--c);border-radius:50%;width:11px;height:11px;transition:opacity .3s,transform .3s;box-shadow:inset 0 -2px #00000040}.pc-stones i.used{opacity:.18;transform:scale(.75)}.endinfo{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 4px;display:flex}.endnum{letter-spacing:.08em;background:var(--glass);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.shot-pill{letter-spacing:.1em;background:var(--glass);opacity:0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;transition:opacity .25s;display:flex}.shot-pill.on{opacity:1}.shot-dot{background:#fff;border-radius:50%;width:9px;height:9px}@keyframes bump{0%{transform:scale(1)}40%{color:var(--c);transform:scale(1.6)}to{transform:scale(1)}}.corner-btns{left:12px;top:calc(12px + var(--safe-t));gap:8px;display:flex;position:absolute}.icon-btn{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:13px;place-items:center;width:42px;height:42px;transition:transform .15s,background .15s;display:grid}.icon-btn:active{transform:scale(.92)}.icon-btn svg{fill:#fff;width:22px;height:22px}#btn-mute .snd-off,#btn-mute.muted .snd-on{display:none}#btn-mute.muted .snd-off{display:block}#minimap{right:12px;top:calc(12px + var(--safe-t));border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#0812248c;border-radius:14px;width:96px;height:200px;position:absolute;box-shadow:0 8px 30px #0000004d}#banner{pointer-events:none;justify-content:center;display:flex;position:absolute;top:30%;left:0;right:0}.banner-text{letter-spacing:.04em;text-align:center;text-shadow:0 4px 0 #00000040, 0 0 40px color-mix(in srgb, var(--bc,#fff) 60%, transparent);color:var(--bc,#fff);opacity:0;-webkit-text-stroke:1px #00000026;font-size:clamp(30px,7vw,64px);font-weight:700;transform:scale(.6)}.banner-text small{letter-spacing:.14em;color:#fff;opacity:.9;margin-top:4px;font-size:.38em;display:block}.banner-text.show{animation:1.5s cubic-bezier(.2,1.4,.4,1) forwards bannerIn}@keyframes bannerIn{0%{opacity:0;transform:scale(.6)translateY(10px)}14%{opacity:1;transform:scale(1.08)}24%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)translateY(-10px)}}#prompt{left:50%;bottom:calc(16px + var(--safe-b));text-align:center;border:1px solid var(--line);pointer-events:none;white-space:normal;background:#08122494;border-radius:999px;max-width:min(100vw - 620px,560px);padding:8px 16px;font-size:14px;font-weight:500;line-height:1.35;transition:opacity .25s;position:absolute;transform:translate(-50%)}#prompt:empty{opacity:0}#prompt.hot{background:color-mix(in srgb, var(--pc) 75%, #000 10%);border-color:#0000;font-size:17px;font-weight:700;animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{transform:translate(-50%)scale(1.06)}}.controls{left:12px;right:12px;bottom:calc(12px + var(--safe-b));pointer-events:none;grid-template-rows:auto auto;grid-template-columns:minmax(0,290px) 1fr minmax(0,240px);gap:8px 10px;display:grid;position:absolute}.controls>*{pointer-events:auto}.ctl.power{grid-area:1/1}.ctl.spin{grid-area:2/1}.ctl.brush{grid-area:2/3;align-self:end}.ctl{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:10px 14px 12px;transition:opacity .25s,border-color .25s}.ctl.dim{opacity:.45}.ctl.live{border-color:color-mix(in srgb, var(--pc) 70%, transparent)}.ctl-label{letter-spacing:.12em;color:#cfe6ff;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:12px;font-weight:600;display:flex}.ctl-label b{color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:14px}.pbar,.bbar{background:#ffffff14;border-radius:8px;height:16px;position:relative;overflow:hidden}.pzones{position:absolute;top:0;bottom:0;left:0;right:0}.pzones span{position:absolute;top:0;bottom:0}.pfill{mix-blend-mode:normal;opacity:.9;background:linear-gradient(90deg,#ffffff8c,#fff);border-radius:8px;width:50%;transition:width 50ms linear;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #fff9}.pmark{background:var(--pc);width:3px;box-shadow:0 0 8px var(--pc);border-radius:2px;margin-left:-1.5px;position:absolute;top:-2px;bottom:-2px;left:50%}.pzone-labels{letter-spacing:.02em;color:#a9c7e6;height:14px;margin-top:4px;font-size:9px;font-weight:600;position:relative}.pzone-labels span{white-space:nowrap;position:absolute;transform:translate(-50%)}.spin-seg{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.spin-seg button{background:#ffffff12;border:1px solid #0000;border-radius:10px;place-items:center;height:36px;transition:background .15s,transform .15s,box-shadow .15s;display:grid}.spin-seg button svg{fill:none;stroke:#dcecff;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}@media (hover:hover){.spin-seg button:not(.on):hover{background:#ffffff24}}.spin-seg button:active{transform:scale(.92)}.spin-seg button.on{background:color-mix(in srgb, var(--pc) 85%, #000 0%);box-shadow:0 0 16px color-mix(in srgb, var(--pc) 60%, transparent)}.bfill{background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 60%, #fff 0%), var(--pc));border-radius:8px;width:100%;transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.bregen{background:repeating-linear-gradient(135deg,#ffffff59 0 4px,#0000 4px 8px);border-radius:8px;position:absolute;top:0;bottom:0}.bbar.sweeping .bfill{box-shadow:0 0 16px var(--pc);animation:.2s linear infinite flicker}@keyframes flicker{50%{filter:brightness(1.3)}}.bwindow{letter-spacing:.1em;color:#8fb0d1;align-items:center;gap:6px;margin-top:6px;font-size:10px;font-weight:600;display:flex}.bw-light{background:#3b4a63;border-radius:50%;width:9px;height:9px;transition:background .2s,box-shadow .2s}.bwindow.open .bw-light{background:#45f0a0;box-shadow:0 0 10px #45f0a0}.screen{z-index:10;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.screen.passthrough{pointer-events:none}.screen.passthrough>*{pointer-events:auto}#screen-title{background:radial-gradient(at 50% 40%,#f0f7fc40,#d6e5f1d1 75%)}#screen-help,#screen-pause,#screen-result{-webkit-backdrop-filter:blur(6px);background:#050a169e}.title-wrap{text-align:center;flex-direction:column;align-items:center;gap:18px;animation:.8s cubic-bezier(.2,1.2,.4,1) rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.logo{letter-spacing:.02em;filter:drop-shadow(0 10px 30px #00000073);flex-direction:column;align-items:center;font-weight:700;line-height:.86;display:flex}.logo-curl{background:linear-gradient(#2f7fd0 10%,#1a4f96 70%,#123a73);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,15vw,132px)}.logo-clash{background:linear-gradient(90deg, var(--p0), #ff8a4d 50%, var(--p1));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,13vw,116px);transform:skew(-6deg)}.tagline{color:#2b4a6e;letter-spacing:.08em;margin:0;font-size:clamp(15px,3.6vw,19px)}.ends-pick{align-items:center;gap:12px;display:flex}.ends-label{letter-spacing:.14em;color:#3c5d82;font-size:13px;font-weight:600}.seg{background:var(--glass);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:flex}.seg button{color:#cfe6ff;border-radius:10px;min-width:64px;padding:9px 12px;font-size:15px;font-weight:600;transition:background .15s,color .15s}.seg button.on{color:var(--ink);background:#fff}.title-row{gap:10px;display:flex}.vs-row{opacity:.9;align-items:center;gap:14px;margin-top:4px;display:flex}.vs{background:radial-gradient(circle at 35% 30%,#c3c8d0,#6b7079);border-radius:50%;width:34px;height:34px;position:relative;box-shadow:0 6px 14px #0006}.vs:after{content:"";background:var(--c);box-shadow:0 0 12px var(--c);border-radius:50%;position:absolute;top:9px;bottom:9px;left:9px;right:9px}.vs.p0{--c:var(--p0)}.vs.p1{--c:var(--p1)}.vs-x{letter-spacing:.1em;color:#3c5d82;font-weight:700}.btn{letter-spacing:.06em;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;min-width:180px;padding:13px 26px;font-size:17px;font-weight:600;transition:transform .12s,background .15s,box-shadow .15s}.btn:active{transform:scale(.96)}.btn.primary{color:#04223a;background:linear-gradient(#6fe0ff,#2ba8e6);border-color:#0000;box-shadow:0 8px 28px #3cbeff73,inset 0 -3px #00000026}.btn.primary:hover{box-shadow:0 10px 36px #3cbeffa6,inset 0 -3px #00000026}.btn.big{border-radius:20px;min-width:240px;padding:16px 44px;font-size:22px}.btn.ghost{background:0 0;min-width:0}.panel{background:var(--glass-strong);border:1px solid var(--line);text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:12px;width:min(560px,100%);max-height:calc(100% - 20px);padding:26px 24px 24px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:flex;overflow:auto;box-shadow:0 30px 80px #00000080}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.panel h2{letter-spacing:.08em;margin:0 0 6px;font-size:26px}.panel.small{width:min(340px,100%)}.panel.small .btn{width:100%}.panel.help{width:min(760px,100%)}.help-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-bottom:8px;display:grid}.hcard{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:18px;padding:14px 16px}.hcard h3{margin:6px 0 4px;font-size:18px}.hcard p{color:#c6dcf2;margin:0;font-size:14px;line-height:1.5}.hicon{width:52px;height:52px}.hicon svg{width:100%;height:100%}.f-ice{fill:#cfd6df}.f-acc{fill:var(--p0)}.f-blue{fill:#1f6fd6}.f-white{fill:#f5f9fc}.f-red{fill:#e0313f}.s-acc{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.s-dash{fill:none;stroke:#fff;stroke-width:3px;stroke-dasharray:3 6;stroke-linecap:round}.end-card{background:var(--glass-strong);border:1px solid var(--line);margin-top:24vh;margin-bottom:calc(20px + var(--safe-b));border-radius:24px;flex-direction:column;align-self:end;align-items:center;gap:8px;padding:18px 28px 20px;animation:.4s cubic-bezier(.2,1.4,.4,1) pop;display:flex;box-shadow:0 24px 60px #00000073}.end-title{letter-spacing:.14em;color:#9fc0e0;font-size:15px;font-weight:600}.end-sub{color:var(--ec,#fff);text-shadow:0 0 30px color-mix(in srgb, var(--ec,#fff) 50%, transparent);font-size:clamp(26px,6vw,40px);font-weight:700}.end-score{font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex}.es.p0{color:var(--p0)}.es.p1{color:var(--p1)}.es-sep{opacity:.5}.result{width:min(520px,100%)}.trophy{width:74px;height:74px;color:var(--wc,#fff);filter:drop-shadow(0 0 22px var(--wc,#fff));animation:1.2s cubic-bezier(.2,1.4,.4,1) trophy}.trophy svg{fill:currentColor;width:100%;height:100%}@keyframes trophy{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}.result-title{color:var(--wc,#fff);letter-spacing:.03em;font-size:clamp(30px,7vw,46px);font-weight:700}.result-score{font-variant-numeric:tabular-nums;align-items:center;gap:16px;font-size:56px;font-weight:700;line-height:1;display:flex}.rs.p0{color:var(--p0)}.rs.p1{color:var(--p1)}.rs-sep{opacity:.45}.scoreboard{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;margin:6px 0 8px;font-size:14px;overflow:hidden}.scoreboard th,.scoreboard td{text-align:center;font-variant-numeric:tabular-nums;padding:7px 11px}.scoreboard th{color:#9fc0e0;letter-spacing:.08em;background:#ffffff0a;font-size:12px;font-weight:600}.scoreboard td.name{text-align:left;white-space:nowrap;font-weight:600}.scoreboard td.tot{background:#ffffff0f;font-weight:700}.scoreboard td.hit{color:#fff;font-weight:700}.result-btns{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.confetti{pointer-events:none;z-index:11;border-radius:2px;width:10px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translate3d(var(--dx), 110vh, 0) rotate(var(--rot))}}@media (max-width:640px){.pcard{border-radius:13px;min-width:0;padding:6px 10px 7px}.pc-head{gap:5px;font-size:11px}.pc-score{font-size:26px}.pc-stones i{width:8px;height:8px}.pc-stones{gap:3px}.topbar{top:calc(60px + var(--safe-t));gap:6px}.endnum{padding:4px 9px;font-size:11px}#minimap{width:64px;height:134px;top:calc(122px + var(--safe-t));border-radius:10px;right:8px}.controls{left:8px;right:8px;bottom:calc(8px + var(--safe-b));grid-template-rows:auto;grid-template-columns:1.15fr 1fr .9fr;gap:6px}.ctl.power,.ctl.spin,.ctl.brush{grid-row:1;align-self:stretch}.ctl.spin{grid-column:2}.ctl{border-radius:12px;padding:7px 8px 8px}.ctl-label{letter-spacing:.06em;margin-bottom:5px;font-size:10px}.ctl-label b{font-size:12px}.spin-seg{gap:2px}.spin-seg button{border-radius:8px;height:32px}.spin-seg button svg{width:17px;height:17px}.pzone-labels{letter-spacing:0;font-size:8px}.bwindow{letter-spacing:.04em;font-size:8px}#prompt{bottom:calc(104px + var(--safe-b));border-radius:14px;max-width:calc(100vw - 24px);padding:6px 12px;font-size:12px}#prompt.hot{font-size:15px}.help-grid{grid-template-columns:1fr}.hcard p{font-size:13px}.panel{padding:20px 16px}.btn.big{min-width:200px}}@media (max-height:520px) and (orientation:landscape){.topbar{gap:6px;top:6px}.pcard{border-radius:11px;min-width:0;padding:4px 9px 5px}.pc-head{gap:5px;font-size:10px}.pc-dot{width:7px;height:7px}.pc-hammer{width:13px;height:13px}.pc-score{font-size:20px}.pc-stones i{width:7px;height:7px}.pc-stones{gap:3px}.endnum{padding:3px 8px;font-size:10px}.shot-pill{padding:2px 7px;font-size:9px}.corner-btns{gap:6px;top:6px;left:8px}.icon-btn{border-radius:10px;width:32px;height:32px}.icon-btn svg{width:17px;height:17px}#minimap{border-radius:9px;width:54px;height:112px;top:6px;right:8px}.controls{grid-template-columns:minmax(0,190px) 1fr minmax(0,150px);gap:5px 8px;bottom:6px;left:8px;right:8px}.ctl{border-radius:10px;padding:5px 8px 6px}.ctl-label{letter-spacing:.06em;margin-bottom:4px;font-size:9px}.ctl-label b{font-size:11px}.pbar,.bbar{border-radius:5px;height:10px}.pzone-labels{letter-spacing:0;height:10px;margin-top:2px;font-size:7.5px}.spin-seg{gap:2px}.spin-seg button{border-radius:7px;height:24px}.spin-seg button svg{width:15px;height:15px}.bwindow{letter-spacing:.04em;margin-top:4px;font-size:7.5px}.bw-light{width:7px;height:7px}#prompt{border-radius:12px;max-width:calc(100vw - 380px);padding:5px 10px;font-size:11px;bottom:6px}#prompt.hot{font-size:13px}.banner-text{font-size:34px}.end-card{gap:4px;margin-bottom:8px;padding:10px 18px 12px}.end-sub{font-size:24px}.end-score{font-size:22px}.panel{gap:8px;padding:14px 16px}.result-score{font-size:38px}.trophy{width:46px;height:46px}.btn{min-width:140px;padding:9px 18px;font-size:14px}.btn.big{min-width:180px;padding:11px 30px;font-size:17px}.title-wrap{gap:10px}.logo-curl{font-size:58px}.logo-clash{font-size:50px}}#hud.summary .controls,#hud.summary #prompt{opacity:0;pointer-events:none}.controls{transition:opacity .3s}#screen-title .btn.ghost{background:#0c182e9e;border-color:#0000}#screen-title .seg{background:#0c182e9e}.mode-btns{flex-direction:column;align-items:center;gap:10px;display:flex}.btn.big .mode-sub{letter-spacing:.08em;opacity:.75;margin-top:2px;font-size:12px;font-weight:600;display:block}.btn.big.alt{padding:12px 36px;font-size:18px}.panel.settings .set-row{flex-direction:column;align-items:center;gap:10px;margin:6px 0 18px;display:flex}.panel.settings .set-label{letter-spacing:.12em;opacity:.8;font-size:13px;font-weight:700}.panel.settings .seg{width:100%}.panel.settings .seg button{flex:1;min-width:0}.panel.settings .set-note{opacity:.75;text-align:center;min-height:2.4em;margin:0;font-size:13px}@media (max-height:520px) and (orientation:landscape){.mode-btns{flex-direction:row}.btn.big.alt{padding:12px 24px}}.cpu-turn .ctl{pointer-events:none}#screen-title .btn.big.alt{color:#fff;background:#0c182eb3;border-color:#0000}#screen-settings{-webkit-backdrop-filter:blur(6px);background:#0c182e59}#btn-peek{right:30px;top:calc(222px + var(--safe-t));pointer-events:auto;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0c182e9e;border:1px solid #ffffff2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:52px;height:52px;transition:background .15s,transform .15s,opacity .2s;display:flex;position:absolute;box-shadow:0 6px 18px #0a142840}#btn-peek svg{fill:currentColor;width:22px;height:22px}#btn-peek span{letter-spacing:.04em;font-size:9px;font-weight:700}#btn-peek.on{color:#10203f;background:#5ac8ff;transform:scale(1.08)}#btn-peek.off{opacity:0;pointer-events:none}@media (max-width:640px){#btn-peek{width:44px;height:44px;right:18px;top:calc(266px + var(--safe-t))}#btn-peek svg{width:20px;height:20px}#btn-peek span{display:none}}@media (max-height:520px) and (orientation:landscape){#btn-peek{width:40px;height:40px;top:126px;right:15px}#btn-peek svg{width:19px;height:19px}#btn-peek span{display:none}}#screen-title .mode-btns{align-items:stretch}#screen-title .mode-btns .seg{margin-bottom:4px}#screen-title .mode-btns .seg button{flex:1;min-width:0}#screen-title .btn.big.alt{color:#3a0d12;background:linear-gradient(#ffb36b,#ff6f6f);border-color:#0000;box-shadow:0 8px 28px #ff786466,inset 0 -3px #00000026}#screen-title .btn.big.alt:hover{box-shadow:0 10px 36px #ff786499,inset 0 -3px #00000026}.scoreboard th,.scoreboard td.tot{background:0 0}#screen-settings .set-row{align-self:stretch}#screen-settings .seg{box-sizing:border-box;width:100%}#screen-settings .seg button{white-space:nowrap;text-align:center;flex:1 1 0;justify-content:center;align-items:center;min-width:0;padding-left:2px;padding-right:2px;display:flex;overflow:hidden}#screen-settings #diff-seg button{font-size:13.5px}.pcard[data-p="0"] .pc-row{flex-direction:row-reverse}:root{--l-panel:#fffffff7;--l-glass:#ffffffc7;--l-line:#1e467821;--l-ink:#10203f;--l-soft:#4a6a90;--l-chip:#e8f0f8;--l-chip-hover:#dbe7f3;--l-shadow:0 30px 80px #1e3c6440;--l-shadow-sm:0 6px 20px #1e3c6429;--p0-ink:#e33447;--p1-ink:#c48600}#screen-help,#screen-pause,#screen-result,#screen-settings{background:#dceaf68c}.panel,.end-card{background:var(--l-panel);border-color:var(--l-line);box-shadow:var(--l-shadow);color:var(--l-ink)}.panel h2{color:var(--l-ink)}.hcard{border-color:var(--l-line);background:#f2f7fc}.hcard h3{color:var(--l-ink)}.hcard p{color:var(--l-soft)}.s-dash{stroke:#7f9cbf}.end-title{color:var(--l-soft)}.end-sub{color:color-mix(in srgb, var(--ec,var(--l-ink)) 78%, #000);text-shadow:none}.result-title{color:color-mix(in srgb, var(--wc,var(--l-ink)) 78%, #000)}.es.p0,.rs.p0{color:var(--p0-ink)}.es.p1,.rs.p1{color:var(--p1-ink)}.scoreboard{border-color:var(--l-line);color:var(--l-ink)}.scoreboard th{color:var(--l-soft)}.scoreboard tr.p0 td.name{color:var(--p0-ink)}.scoreboard tr.p1 td.name{color:var(--p1-ink)}.scoreboard td.hit{color:var(--l-ink)}.scoreboard td.zero{color:#9db1c9}.panel.settings .set-label,.panel.settings .set-note{color:var(--l-soft);opacity:1}.btn{background:var(--l-chip);border-color:var(--l-line);color:#1d3a63}.btn:hover{background:var(--l-chip-hover)}.btn.ghost{color:var(--l-soft);background:0 0}.panel .btn.ghost,.end-card .btn.ghost{border-color:var(--l-line)}#screen-title .btn.ghost{background:var(--l-glass);border-color:var(--l-line);color:#1d3a63;box-shadow:var(--l-shadow-sm);-webkit-backdrop-filter:blur(8px)}#screen-title .btn.ghost:hover{background:#fff}.seg,#screen-title .seg{background:var(--l-chip);border-color:var(--l-line)}#screen-title .seg{background:var(--l-glass);box-shadow:var(--l-shadow-sm);-webkit-backdrop-filter:blur(8px)}.seg button{color:var(--l-soft)}.seg button:hover{color:var(--l-ink)}.seg button.on{color:#04223a;background:linear-gradient(#6fe0ff,#2ba8e6);box-shadow:0 3px 10px #3cbeff59}.pcard,.endnum,.shot-pill,.icon-btn,.ctl,#minimap,#prompt,#btn-peek{background:var(--l-glass);border-color:var(--l-line);color:var(--l-ink);box-shadow:var(--l-shadow-sm)}.pcard{opacity:.85}.pcard.active{opacity:1}.pcard[data-p="0"] .pc-head{color:var(--p0-ink)}.pcard[data-p="1"] .pc-head{color:var(--p1-ink)}.pc-dot{box-shadow:none}.pc-stones i{box-shadow:inset 0 -2px #0000002e}.pc-stones i.used{opacity:.22}.shot-dot{box-shadow:0 0 0 1px #10203f33}.icon-btn:hover{background:#fff}.icon-btn svg{fill:#1d3a63}#btn-mute svg path[fill=none]{stroke:#1d3a63}#btn-peek{color:#1d3a63}#btn-peek.on{color:#10203f;background:#5ac8ff}#minimap{background:#ffffffb3}#prompt.hot{color:#fff}.ctl-label{color:var(--l-soft)}.ctl-label b{color:var(--l-ink)}.pbar,.bbar{background:#10203f1a}.pfill{background:linear-gradient(90deg,#2ba8e673,#2ba8e6);box-shadow:0 0 10px #2ba8e673}.pzone-labels{color:#7390b3}.spin-seg button{background:var(--l-chip)}@media (hover:hover){.spin-seg button:not(.on):hover{background:var(--l-chip-hover)}}.spin-seg button svg{stroke:#2f5583}.spin-seg button.on svg{stroke:#fff}.bregen{background:repeating-linear-gradient(135deg,#10203f2e 0 4px,#0000 4px 8px)}.bwindow{color:#7390b3}.bw-light{background:#c4d2e2}.bwindow.open{color:#12804f}#multi{pointer-events:none;z-index:5;--mc:#ff4d5e;--mc2:color-mix(in srgb, var(--mc) 60%, #ff8a4d);position:absolute;top:0;bottom:0;left:0;right:0}.mt-rays{aspect-ratio:1;opacity:0;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--mc) 32%, transparent) 0 6deg, transparent 6deg 18deg);width:min(130vw,1100px);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.4);-webkit-mask:radial-gradient(circle,#000 10%,#0000 62%);mask:radial-gradient(circle,#000 10%,#0000 62%)}.mt-text{text-align:center;opacity:0;position:absolute;top:27%;left:0;right:0}.mt-big{letter-spacing:.04em;background:linear-gradient(180deg, #fff 0%, var(--mc) 45%, var(--mc2));color:#0000;-webkit-text-stroke:3px #ffffffe6;filter:drop-shadow(0 8px 0 #0000002e) drop-shadow(0 0 40px color-mix(in srgb, var(--mc) 60%, transparent));-webkit-background-clip:text;background-clip:text;font-size:clamp(72px,15vw,160px);font-weight:700;line-height:1;display:inline-block;transform:rotate(-4deg)}.mt-sub{letter-spacing:.35em;color:#fff;text-shadow:0 2px 10px #00000059;margin-top:12px;font-size:clamp(15px,2.4vw,26px);font-weight:700}.mt-stones{justify-content:center;gap:14px;margin-top:14px;display:flex}.mt-stones i{opacity:0;background:radial-gradient(circle at 35% 30%,#d6dae0,#7a7f88);border-radius:50%;width:38px;height:38px;position:relative;transform:scale(.3);box-shadow:0 4px 10px #0000004d}.mt-stones i:before{content:"";background:var(--mv,#ffc531);border-radius:50%;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.mt-stones i:after{content:"";background:var(--mc);border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:-6px;right:-6px;transform:rotate(-35deg);box-shadow:0 0 0 2px #fff}#multi.show .mt-rays{animation:2.2s ease-out forwards mtRays}#multi.show .mt-text{animation:2.2s cubic-bezier(.2,1.4,.4,1) forwards mtText}#multi.show .mt-stones i{animation:.35s cubic-bezier(.2,1.6,.4,1) forwards mtStone}#multi.show .mt-stones i:nth-child(2){animation-delay:.1s}#multi.show .mt-stones i:nth-child(3){animation-delay:.2s}#multi.show .mt-stones i:nth-child(4){animation-delay:.3s}#multi.show .mt-stones i:nth-child(5){animation-delay:.4s}@keyframes mtRays{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(0)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)rotate(25deg)}}@keyframes mtText{0%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1.1)}22%{transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)translateY(-12px)}}@keyframes mtStone{to{opacity:1;transform:scale(1)}}@media (max-height:520px) and (orientation:landscape){.mt-text{top:18%}.mt-big{font-size:72px}.mt-stones i{width:26px;height:26px}.mt-stones i:before{top:7px;bottom:7px;left:7px;right:7px}}#screen-title .btn.big.chal{color:#053b22;background:linear-gradient(#7ee8b0,#2fbf7a);border-color:#0000;padding:12px 36px;font-size:18px;box-shadow:0 8px 28px #2fbf7a61,inset 0 -3px #00000026}#screen-title .btn.big.chal:hover{box-shadow:0 10px 36px #2fbf7a94,inset 0 -3px #00000026}#screen-title .btn.big .mode-sub:empty{display:none}#screen-title .title-row .btn{min-width:0;padding:11px 18px}#screen-levels,#screen-looks,#screen-chal{background:#dceaf68c}.star-total{color:var(--l-soft);margin:-4px 0 4px;font-size:14px;font-weight:600}.panel.levels{width:min(640px,100%)}.level-grid{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;margin-bottom:6px;display:grid}.level-card{background:var(--l-chip);border:1px solid var(--l-line);color:var(--l-ink);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;transition:transform .12s,background .15s,box-shadow .15s;display:flex}.level-card:hover:not(:disabled){box-shadow:var(--l-shadow-sm);background:#fff}.level-card:active:not(:disabled){transform:scale(.95)}.level-card.done{background:#fff}.level-card.locked{opacity:.45;cursor:default}.lv-n{color:#1d3a63;font-size:26px;font-weight:700;line-height:1}.level-card.locked .lv-n:after{content:" 🔒";font-size:14px}.lv-name{color:var(--l-soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.lv-stars{gap:2px;display:flex}.lv-stars i,.chal-stars i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#cdd9e6;width:14px;height:14px;display:block}.lv-stars i.on,.chal-stars i.on{background:linear-gradient(#ffd85a,#f4a300)}.chal-level{letter-spacing:.1em;color:var(--l-soft);font-size:13px;font-weight:700}.chal-stars{gap:10px;margin:2px 0 4px;display:flex}.chal-stars i{width:54px;height:54px}.chal-stars i.on{animation:.45s cubic-bezier(.2,1.6,.4,1) both starPop}@keyframes starPop{0%{transform:scale(0)rotate(-40deg)}}.chal-sub{color:var(--l-soft);margin:0 0 6px;font-size:14px}.panel.looks{width:min(600px,100%)}.look-row{flex-direction:column;align-items:center;gap:8px;width:100%;margin-bottom:6px;display:flex}.look-row .set-label{letter-spacing:.12em;color:var(--l-soft);font-size:13px;font-weight:700}.look-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.look-card{background:var(--l-chip);color:var(--l-ink);border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 7px;transition:background .15s,border-color .15s;display:flex}.look-card:hover:not(:disabled){background:#fff}.look-card.on{background:#fff;border-color:#2ba8e6;box-shadow:0 4px 14px #2ba8e640}.look-card.locked{cursor:default}.look-card.locked .lk-swatch{filter:grayscale(.8)brightness(1.1);opacity:.5}.lk-swatch{border-radius:10px;width:100%;max-width:92px;height:40px;box-shadow:inset 0 0 0 1px #10203f14}.lk-name{font-size:13px;font-weight:600}.lk-cost{color:#c48600;min-height:1em;font-size:11px;font-weight:700}.lk-cost:empty{display:none}.theme-glacier .lk-swatch{background:linear-gradient(#9fd0f0,#e8f4fb 55%,#cfe3ef)}.theme-dawn .lk-swatch{background:linear-gradient(#7fb2e5,#f6dccb 55%,#f3c9b4)}.theme-twilight .lk-swatch{background:linear-gradient(#2e2a5c,#8d6fb0 55%,#e7a6a0)}.theme-stadium .lk-swatch{background:linear-gradient(#1b2533,#45607e 55%,#a9bccd)}.skin-granite .lk-swatch{background:radial-gradient(circle at 35% 30%,#d6dae0,#7a7f88)}.skin-ice .lk-swatch{background:radial-gradient(circle at 35% 30%,#fff,#a9dcf6 60%,#6fb8e0)}.skin-obsidian .lk-swatch{background:radial-gradient(circle at 35% 30%,#6b7080,#1f222b)}.skin-gold .lk-swatch{background:radial-gradient(circle at 35% 30%,#fff1b8,#f2c14e 50%,#a8761a)}.trail-classic .lk-swatch{background:linear-gradient(90deg,#0000,#ff4d5eb3),#eef4fa}.trail-rainbow .lk-swatch{background:linear-gradient(90deg,#ff5e5e,#ffb84d,#f7f26a,#5ee08a,#4db8ff,#a77bff)}.trail-starlight .lk-swatch{background:radial-gradient(circle at 25% 40%,#fff 0 2px,#0000 3px),radial-gradient(circle at 70% 60%,#fff 0 2px,#0000 3px),linear-gradient(90deg,#9ed0ff,#fff1a8)}.trail-fire .lk-swatch{background:linear-gradient(90deg,#f02c14,#ff8a1f 60%,#ffd23f)}#hud.challenge .pcard[data-p="1"],#hud.challenge .endinfo,#hud.challenge .pc-hammer{display:none}#hud.challenge .topbar{transform:translate(calc(-100% - 5px))}#chal-goal{left:calc(50% + 5px);top:calc(10px + var(--safe-t));background:var(--l-glass);border:1px solid var(--l-line);width:max-content;max-width:min(420px,50vw - 130px);box-shadow:var(--l-shadow-sm);color:var(--l-ink);text-align:left;pointer-events:none;-webkit-backdrop-filter:blur(8px);border-radius:16px;padding:8px 14px;position:absolute}#chal-goal b{letter-spacing:.08em;color:#2fbf7a;font-size:13px;display:block}#chal-goal span{margin-top:2px;font-size:14px;font-weight:500;line-height:1.35;display:block}#btn-special{right:18px;top:calc(286px + var(--safe-t));pointer-events:auto;min-width:76px;color:var(--l-ink);background:var(--l-glass);border:2px solid var(--l-line);box-shadow:var(--l-shadow-sm);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;font-size:12px;font-weight:700;transition:transform .15s,background .15s,border-color .15s;display:flex;position:absolute}#btn-special .sp-dot{width:26px;height:26px;box-shadow:0 0 0 3px var(--kc), 0 0 12px var(--kc);background:radial-gradient(circle at 35% 30%,#d6dae0,#7a7f88);border-radius:50%}#btn-special[data-kind=heavy]{--kc:#8b5cf6}#btn-special[data-kind=curve]{--kc:#22d3ee}#btn-special[data-kind=bomb]{--kc:#ff7a1a}#btn-special.armed{border-color:var(--kc);background:#fff;animation:1s ease-in-out infinite armed;transform:scale(1.06)}#btn-special.cpu{pointer-events:none}@keyframes armed{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--kc) 35%, transparent), var(--l-shadow-sm)}}#special-tip{right:108px;top:calc(298px + var(--safe-t));background:var(--l-glass);border:1px solid var(--l-line);max-width:220px;box-shadow:var(--l-shadow-sm);color:var(--l-ink);pointer-events:none;border-radius:12px;padding:7px 12px;font-size:13px;font-weight:600;position:absolute}@media (max-width:640px){.level-grid{grid-template-columns:repeat(5,1fr);gap:6px}.level-card{border-radius:12px;padding:9px 2px 8px}.lv-n{font-size:20px}.lv-name{font-size:10px}.lv-stars i{width:10px;height:10px}.look-grid{gap:5px}.lk-name{font-size:11px}#chal-goal{top:calc(60px + var(--safe-t));border-radius:12px;max-width:calc(50vw - 16px);padding:5px 9px}#chal-goal b{font-size:11px}#chal-goal span{font-size:12px}#btn-special{right:8px;top:calc(320px + var(--safe-t));min-width:60px;padding:6px;font-size:10px}#special-tip{right:80px;top:calc(326px + var(--safe-t));max-width:170px;font-size:11px}#screen-title .title-row .btn{padding:9px 12px;font-size:15px}}@media (max-height:520px) and (orientation:landscape){#screen-title .btn.big.chal{padding:11px 24px;font-size:16px}#chal-goal{max-width:calc(50vw - 120px);padding:4px 10px;top:6px}#chal-goal b{font-size:10px}#chal-goal span{font-size:11px}#btn-special{min-width:56px;padding:5px;font-size:9px;top:126px;right:70px}#btn-special .sp-dot{width:18px;height:18px}#special-tip{font-size:10px;top:130px;right:136px}.level-grid{gap:6px}.level-card{padding:6px 2px}.lv-n{font-size:18px}.look-row{gap:4px;margin-bottom:0}.lk-swatch{height:24px}}