:root{--bg:#03040a;--panel:#060a1ac7;--panel-strong:#050816f0;--line:#35f2ff42;--line-strong:#35f2ff99;--cyan:#35f2ff;--cyan-2:#b8fbff;--magenta:#ff3fd0;--violet:#9b6bff;--gold:#ffd36a;--gold-2:#fff0c2;--red:#ff3b5c;--accent:#35f2ff;--text:#e8f6ff;--muted:#8a9bb8;--f-display:"Dela Gothic One", "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--f-tech:"Orbitron", "Zen Kaku Gothic New", sans-serif;--f-body:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--sprite:none;--cut:12px;--shadow:0 18px 50px #0009;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--ad-h:0px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}body{color:var(--text);font-family:var(--f-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{inset:0 0 var(--ad-h) 0;position:fixed}body.has-ad{--ad-h:calc(64px + env(safe-area-inset-bottom,0px));--safe-b:0px}#ad-strip{height:var(--ad-h);padding-bottom:env(safe-area-inset-bottom,0px);z-index:1;background:#010207;border-top:1px solid #35f2ff29;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}#ad-strip[hidden]{display:none}#ad-strip .ad-slot{flex:none;width:320px;height:50px}#ad-strip .ad-label{font-family:var(--f-body);letter-spacing:.3em;color:#56637c;writing-mode:vertical-rl;font-size:10px;display:none}#ad-strip .ad-dummy{color:#56637c;font-family:var(--f-tech);border:1px dashed #56637c;place-items:center;font-size:12px;display:grid}@media (min-width:560px) and (min-height:560px){body.has-ad{--ad-h:calc(76px + env(safe-area-inset-bottom,0px))}#ad-strip .ad-slot{width:468px;height:60px}#ad-strip .ad-label{display:block}}@media (min-width:860px) and (min-height:700px){body.has-ad{--ad-h:calc(106px + env(safe-area-inset-bottom,0px))}#ad-strip .ad-slot{width:728px;height:90px}}body.has-ad .decide{bottom:112px}body.has-ad #title{padding-bottom:30px}@media (max-height:479px){body.has-ad{--ad-h:0px;--safe-b:env(safe-area-inset-bottom,0px)}#ad-strip{display:none}body.has-ad .decide{bottom:calc(18px + var(--safe-b))}body.has-ad #title{padding-bottom:calc(16px + var(--safe-b))}}#gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#gl.pointer{cursor:pointer}#ui{pointer-events:none;position:absolute;inset:0}#ui .pe,#ui button,#ui select,#ui input,#ui .screen:not(.hidden),#ui .modal-back:not(.hidden){pointer-events:auto}.hidden{display:none!important}svg.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em;display:block}.fatal{text-align:center;color:#fff;background:var(--bg);pointer-events:auto;place-content:center;padding:24px;font-size:17px;display:grid;position:absolute;inset:0}.cut{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut))}.cimg{aspect-ratio:100/162;background-image:var(--sprite);background-size:1000% 500%;border-radius:5%/3%;flex:none;box-shadow:0 0 0 1px #35f2ff40,0 2px 8px #0009}.btn{--c:var(--cyan);font-family:var(--f-body);letter-spacing:.08em;color:var(--text);cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 55%, transparent);background:linear-gradient(135deg,#35f2ff1f,#9b6bff14),#050918d9;border:none;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex;position:relative}.btn:after{content:"";background:linear-gradient(90deg, transparent, var(--c), transparent);opacity:.7;height:2px;position:absolute;bottom:0;left:10px;right:10px}.btn:hover{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--c) 28%, transparent), #9b6bff24), #050918e6;box-shadow:inset 0 0 0 1px var(--c), inset 0 0 22px color-mix(in srgb, var(--c) 30%, transparent);text-shadow:0 0 10px var(--c);transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.4;pointer-events:none}.btn.primary{--c:var(--magenta);color:#fff;text-shadow:0 1px 6px #50003c99;background:linear-gradient(135deg,#ff3fd0,#7a3bff);box-shadow:inset 0 0 0 1px #ffc8fa99,0 0 24px #ff3fd059}.btn.primary:hover{background:linear-gradient(135deg,#ff6fe0,#9463ff)}.btn.gold{--c:var(--gold);color:#1d1204;text-shadow:none;background:linear-gradient(135deg,#fff0b8,#ffc24a 60%,#ff9a3c);box-shadow:inset 0 0 0 1px #fffadccc}.btn.gold:hover{color:#1d1204;text-shadow:none;background:linear-gradient(135deg,#fff6d0,#ffd06a 60%,#ffab52)}.btn.ghost{--c:var(--muted);background:#ffffff08}.btn.small{padding:9px 14px;font-size:14px}.btn .sub{font-family:var(--f-tech);opacity:.85;letter-spacing:.06em;font-size:11px;font-weight:400}.icon-btn{background:var(--panel);width:44px;height:44px;color:var(--cyan);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);border:none;place-items:center;font-size:21px;transition:box-shadow .15s,transform .15s,color .15s;display:grid}.icon-btn:hover{box-shadow:inset 0 0 0 1px var(--cyan), inset 0 0 16px #35f2ff4d;color:#fff;transform:translateY(-1px)}.icon-btn.off{color:var(--muted)}.icon-btn.lit{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold), inset 0 0 16px #ffd36a59}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--f-body);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#35f2ff0d;border:none;padding:8px 15px;font-size:14px;font-weight:700;transition:all .15s}.chip:hover{box-shadow:inset 0 0 0 1px var(--cyan)}.chip.on{background:linear-gradient(135deg, var(--cyan), #3a8bff);color:#031018;box-shadow:none}#loading{z-index:50;background:radial-gradient(at 50% 40%,#0c1030 0%,#03040a 70%);place-content:center;justify-items:center;gap:18px;transition:opacity .8s;display:grid;position:absolute;inset:0}#loading:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px);position:absolute;inset:0}#loading.fade{opacity:0;pointer-events:none}#loading .logo{font-family:var(--f-display);color:#fff;font-size:clamp(64px,12vw,120px);line-height:1}#loading .bar{background:#35f2ff1f;width:min(300px,60vw);height:3px;overflow:hidden}#loading .bar i{background:linear-gradient(90deg, var(--magenta), var(--cyan));width:0;height:100%;box-shadow:0 0 12px var(--cyan);transition:width .2s;display:block}#loading .msg{font-family:var(--f-tech);color:var(--cyan);letter-spacing:.3em;font-size:11px}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.glitch:before{color:var(--cyan);mix-blend-mode:screen;opacity:.8;animation:3.2s step-end infinite glitchA;transform:translate(-3px)}.glitch:after{color:var(--magenta);mix-blend-mode:screen;opacity:.8;animation:2.7s step-end infinite glitchB;transform:translate(3px)}@keyframes glitchA{0%,86%,to{clip-path:inset(0);transform:translate(-2px)}88%{clip-path:inset(10% 0 55%);transform:translate(-8px)}91%{clip-path:inset(62% 0 8%);transform:translate(6px)}94%{clip-path:inset(35% 0 40%);transform:translate(-5px)}}@keyframes glitchB{0%,80%,to{clip-path:inset(0);transform:translate(2px)}83%{clip-path:inset(50% 0 20%);transform:translate(9px)}86%{clip-path:inset(5% 0 75%);transform:translate(-7px)}89%{clip-path:inset(70% 0 5%);transform:translate(4px)}}#title{padding:calc(28px + var(--safe-t)) calc(48px + var(--safe-r)) calc(28px + var(--safe-b)) calc(48px + var(--safe-l));background:linear-gradient(90deg,#03040a0d 30%,#03040ac7 75%);grid-template-columns:1fr minmax(320px,440px);align-items:center;animation:.9s both fadeIn;display:grid;position:absolute;inset:0}#title .brand{align-self:end;padding-bottom:6vh}#title .kanji{font-family:var(--f-display);color:#fff;text-shadow:0 0 30px #35f2ff73,0 0 80px #ff3fd040;align-items:flex-end;gap:.12em;font-size:clamp(88px,15vw,196px);line-height:.95;display:flex}#title .seal{font-family:var(--f-body);writing-mode:vertical-rl;color:#fff;letter-spacing:.2em;box-shadow:inset 0 0 0 1px var(--magenta), 0 0 22px #ff3fd08c;text-shadow:0 0 10px var(--magenta);background:linear-gradient(#ff3fd059,#7a3bff59);margin-bottom:.3em;padding:12px 7px;font-size:clamp(15px,2vw,24px);font-weight:700}#title .en{font-family:var(--f-tech);letter-spacing:.5em;color:var(--cyan);text-shadow:0 0 10px #35f2ffb3;margin-top:16px;font-size:clamp(11px,1.2vw,14px);font-weight:600}#title .tag{color:var(--muted);letter-spacing:.08em;margin-top:10px;font-size:14px}#title .menu{gap:12px;display:grid}#title .menu .btn{justify-content:space-between;width:100%;font-size:17px}#title .menu .row{grid-template-columns:1fr 1fr;gap:12px;display:grid}#title .menu .row.three{grid-template-columns:1.2fr 1fr 1fr}#title .menu .row .btn{justify-content:center}.btn.beginbtn{color:var(--gold-2);box-shadow:inset 0 0 0 1px var(--gold), 0 0 14px #ffd36a38}.btn.beginbtn:hover{box-shadow:inset 0 0 0 1px var(--gold-2), 0 0 20px #ffd36a66}#title .foot{font-family:var(--f-tech);color:var(--muted);text-align:right;letter-spacing:.12em;margin-top:10px;font-size:10.5px}#title .foot a{color:inherit;font-family:var(--f-body);letter-spacing:.06em}#title .foot a:hover{color:var(--cyan-2)}@media (max-aspect-ratio:11/10){#title{background:linear-gradient(#03040a0d 25%,#03040ad9 60%);grid-template-columns:1fr;align-content:space-between}#title .brand{align-self:start;padding:4vh 0 0}#title .menu{align-self:end}}.modal-back{-webkit-backdrop-filter:blur(4px);z-index:30;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#02030a99;place-items:center;animation:.25s both fadeIn;display:grid;position:absolute;inset:0}.modal-back.clear{-webkit-backdrop-filter:none;background:0 0}.panel{--cut:18px;background:linear-gradient(180deg, #35f2ff12, transparent 120px), repeating-linear-gradient(0deg, #ffffff05 0 1px, transparent 1px 3px), var(--panel-strong);max-width:min(880px,100%);max-height:100%;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:inset 0 0 0 1px var(--line-strong), inset 0 0 40px #35f2ff0f;scrollbar-color:#35f2ff99 transparent;scrollbar-width:thin;padding:24px 26px;animation:.35s cubic-bezier(.2,.9,.3,1.2) both rise;position:relative;overflow:auto}.panel:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--magenta), transparent);width:42%;height:3px;box-shadow:0 0 14px var(--cyan);position:absolute;top:0;left:0}.panel h2{font-family:var(--f-display);color:#fff;letter-spacing:.08em;text-shadow:0 0 14px #35f2ff80;align-items:center;gap:12px;margin:0 0 14px;font-size:24px;font-weight:400;display:flex}.panel h2:after{content:"";background:linear-gradient(90deg, var(--line-strong), transparent);flex:1;height:1px}.panel h3{font-family:var(--f-tech);color:var(--cyan);letter-spacing:.18em;margin:22px 0 10px;font-size:13px;font-weight:600}.panel p{color:#cfdcef;margin:8px 0;font-size:14.5px;line-height:1.8}.panel .close{width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--line);color:var(--text);cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#35f2ff0d;border:none;place-items:center;font-size:20px;display:grid;position:absolute;top:14px;right:14px}.panel .close:hover{box-shadow:inset 0 0 0 1px var(--magenta);color:var(--magenta)}.panel .actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.tabs{gap:8px;margin-bottom:16px;display:flex}.hud{pointer-events:none;position:absolute;inset:0}.pbox{--cut:14px;background:linear-gradient(135deg, #35f2ff1a, transparent 60%), var(--panel);-webkit-backdrop-filter:blur(10px);min-width:214px;max-width:300px;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:inset 0 0 0 1px var(--line);padding:10px 14px 11px;transition:box-shadow .3s;position:absolute}.pbox:after{content:"";background:linear-gradient(90deg, var(--cyan), transparent);opacity:.6;height:2px;position:absolute;top:0;left:14px;right:14px}.pbox.turn{box-shadow:inset 0 0 0 1px var(--cyan), inset 0 0 30px #35f2ff2e}.pbox.turn:after{opacity:1;background:linear-gradient(90deg, transparent, var(--cyan), var(--magenta), transparent);background-size:200% 100%;animation:1.6s linear infinite sweep}.pbox.cpu{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l))}.pbox.cpu:after{background:linear-gradient(90deg, var(--magenta), transparent)}.pbox.me{bottom:calc(12px + var(--safe-b));left:calc(12px + var(--safe-l))}.pbox.cpu2{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l))}.pbox.cpu2:after{background:linear-gradient(90deg, var(--violet), transparent)}.pbox.cpu2 .score{text-shadow:0 0 12px var(--violet)}.hud.p3 .pbox.cpu{left:auto;right:calc(232px + var(--safe-r))}.hud.p3 .pbox.cpu,.hud.p3 .pbox.cpu2{width:214px;min-width:0;padding:8px 12px 9px}.hud.p3 .pbox.cpu .counts,.hud.p3 .pbox.cpu2 .counts{display:none}.hud.p3 .pbox.cpu .score,.hud.p3 .pbox.cpu2 .score{font-size:22px}.hud.p3 .pbox.cpu .name,.hud.p3 .pbox.cpu2 .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud.p3 .pbox.cpu .badges,.hud.p3 .pbox.cpu2 .badges{margin-top:5px}.hud.p3 .pbox.cpu .badge.yaku,.hud.p3 .pbox.cpu2 .badge.yaku{padding:2px 6px;font-size:10.5px}@media (max-aspect-ratio:11/10){.hud.p3{--opp-w:calc((100vw - 134px - 16px - 6px - var(--safe-l) - var(--safe-r)) / 2)}.hud.p3 .pbox.cpu,.hud.p3 .pbox.cpu2{width:var(--opp-w);max-width:none;top:calc(8px + var(--safe-t));padding:5px 7px 6px}.hud.p3 .pbox.cpu2{left:calc(8px + var(--safe-l))}.hud.p3 .pbox.cpu{left:calc(8px + var(--safe-l) + var(--opp-w) + 6px);right:auto}.hud.p3 .pbox.cpu .av,.hud.p3 .pbox.cpu2 .av{display:none}.hud.p3 .pbox.cpu .name,.hud.p3 .pbox.cpu2 .name{min-width:0;font-size:12.5px}.hud.p3 .pbox.cpu .name small,.hud.p3 .pbox.cpu2 .name small{display:none}.hud.p3 .pbox.cpu .name small.onl.away,.hud.p3 .pbox.cpu2 .name small.onl.away{display:inline}.hud.p3 .pbox.cpu .score,.hud.p3 .pbox.cpu2 .score{font-size:17px}.hud.p3 .pbox.cpu .score small,.hud.p3 .pbox.cpu2 .score small{margin-left:1px;font-size:10px}.hud.p3 .pbox.cpu .badges,.hud.p3 .pbox.cpu2 .badges{flex-wrap:nowrap;gap:3px;margin-top:4px;overflow:hidden}.hud.p3 .pbox.cpu .badge,.hud.p3 .pbox.cpu2 .badge{white-space:nowrap;padding:2px 5px;font-size:10px}.hud.p3 .pbox.cpu .badge.yaku,.hud.p3 .pbox.cpu2 .badge.yaku{display:none}}@media (max-aspect-ratio:11/10) and (max-width:520px){.hud.p3 .pbox.cpu .badge.capchip,.hud.p3 .pbox.cpu2 .badge.capchip,.hud.hana .monthplate .m small{display:none}.hud.hana .pbox.me{max-width:calc(100vw - 146px)}}.pbox .top{align-items:center;gap:10px;display:flex}.pbox .av{width:36px;height:36px;font-family:var(--f-display);color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 35% 30%,#ff3fd073,#140a28e6);flex:none;place-items:center;font-size:17px;display:grid}.pbox.me .av{background:radial-gradient(circle at 35% 30%,#35f2ff8c,#051428e6)}.pbox .name{letter-spacing:.06em;font-size:15px;font-weight:700}.pbox .name small{font-family:var(--f-tech);color:var(--muted);letter-spacing:.1em;margin-left:5px;font-size:10px;font-weight:400}.pbox .score{font-family:var(--f-tech);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 12px var(--cyan);white-space:nowrap;margin-left:auto;font-size:28px;font-weight:800;line-height:1}.pbox.cpu .score{text-shadow:0 0 12px var(--magenta)}.pbox .score small{font-family:var(--f-body);color:var(--muted);text-shadow:none;margin-left:3px;font-size:12px;font-weight:500}.pbox .badges{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.badge{color:var(--cyan-2);box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#35f2ff14;padding:3px 9px;font-size:11.5px;font-weight:700}.badge.oya{background:linear-gradient(135deg, var(--magenta), #7a3bff);box-shadow:none;color:#fff}.badge.koi{box-shadow:none;color:#fff;background:linear-gradient(90deg,#ff3b5c,#ff3fd0);animation:.9s ease-in-out infinite pulse}.badge.yaku{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-2);background:#ffd36a29}.badge.yakusum{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-2);background:#ffd36a29;display:none}.pbox .counts{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;display:grid}.pbox .counts span{text-align:center;color:var(--muted);background:#35f2ff0d;padding:3px 0;font-size:11px}.pbox .counts b{font-family:var(--f-tech);color:var(--text);font-size:15px;display:block}.pbox .near{gap:3px;margin-top:7px;display:grid}.pbox .near div{color:#c8d6ea;align-items:center;gap:8px;font-size:12px;display:flex}.pbox .near .meter{background:#ffffff14;flex:1;height:4px;overflow:hidden}.pbox .near .meter i{background:linear-gradient(90deg, var(--magenta), var(--cyan));height:100%;box-shadow:0 0 8px var(--cyan);display:block}.pbox .near em{font-style:normal;font-family:var(--f-tech);color:var(--cyan-2);text-align:right;min-width:34px;font-size:11px}.monthplate{--cut:10px;top:calc(12px + var(--safe-t));background:var(--panel);-webkit-backdrop-filter:blur(10px);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:12px;padding:6px 16px 6px 8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.monthplate .cimg{width:24px;margin-left:8px}.monthplate .m{font-family:var(--f-display);letter-spacing:.1em;color:#fff;text-shadow:0 0 10px var(--accent);font-size:17px}.monthplate .m small{font-family:var(--f-body);color:var(--accent);margin-left:6px;font-size:13px;font-weight:700}.monthplate .r,.monthplate .deck{font-family:var(--f-tech);color:var(--muted);letter-spacing:.1em;font-size:11px}.monthplate .r{border-left:1px solid var(--line);padding-left:10px}.monthplate .bdeck{font-family:var(--f-body);color:var(--gold);letter-spacing:.04em;font-size:10.5px;font-weight:700;display:none}.pbox{cursor:pointer}.badge.capchip{color:var(--text);background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff2e}.badge.capchip i{color:var(--cyan);margin-left:4px;font-style:normal}.pbox:hover .badge.capchip{box-shadow:inset 0 0 0 1px var(--cyan)}.badge.capchip .sm{display:none}.pbox .badge.drow{color:var(--gold-2);background:#ffd36a1a;align-items:center;gap:5px;display:none;box-shadow:inset 0 0 0 1px #ffd36a66}.pbox .drow .pips{gap:3px;display:flex}.pbox .drow .pip{width:7px;height:7px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #ffd36a99}.pbox .drow .pip.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.tools{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));gap:8px;display:flex;position:absolute}.prompt{letter-spacing:.1em;color:var(--cyan-2);white-space:nowrap;text-shadow:0 0 8px #35f2ffb3;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);box-shadow:inset 0 0 0 1px var(--line-strong);-webkit-backdrop-filter:blur(6px);background:#030612b8;padding:8px 22px;font-size:14.5px;font-weight:700;transition:opacity .25s;position:absolute;left:50%;transform:translate(-50%,-50%)}.prompt:before{content:"▸ ";color:var(--magenta)}.prompt.off{opacity:0}.prompt .cancel{color:var(--magenta);cursor:pointer;pointer-events:auto;margin-left:10px;font-size:12px;text-decoration:underline}.tip{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);white-space:nowrap;pointer-events:none;background:#030612e6;padding:5px 10px;font-size:12.5px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.tip .k{margin-left:6px;font-weight:500}.toast{color:var(--cyan-2);box-shadow:inset 0 0 0 1px var(--line-strong), 0 0 24px #35f2ff33;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);white-space:nowrap;background:#030612db;padding:10px 22px;font-size:15px;font-weight:700;animation:2.2s both toast;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner{pointer-events:none;z-index:20;place-items:center;display:grid;position:absolute;inset:0}.banner .inner{text-align:center;position:relative}.banner .big{font-family:var(--f-display);color:#fff;text-shadow:0 0 24px #35f2ffb3,0 0 60px #35f2ff59;font-size:clamp(60px,11vw,140px);line-height:1.05;animation:.6s step-end both glitchIn,.6s cubic-bezier(.2,.9,.2,1) both scaleIn}.banner .sub{font-family:var(--f-body);letter-spacing:.3em;color:var(--cyan-2);text-shadow:0 0 10px #35f2ff99;margin-top:10px;font-size:clamp(13px,1.7vw,19px);font-weight:700;animation:.6s .25s both fadeUp}.banner.red .big{text-shadow:0 0 30px #ff3fd0f2,0 0 80px #ff3b5c99}.banner.red .sub{color:#ffc2ef;text-shadow:0 0 10px var(--magenta)}.banner.gold .big{text-shadow:0 0 30px #ffd36af2,0 0 80px #ff9a3c80}.banner.gold .sub{color:var(--gold-2);text-shadow:0 0 10px var(--gold)}.banner.out .inner{animation:.35s both fadeOut}.banner .ink{background:repeating-linear-gradient(0deg,#35f2ff0d 0 1px,#0000 1px 4px),linear-gradient(90deg,#0000,#030510d9 20% 80%,#0000);height:min(30vw,250px);animation:.4s both barIn;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 -1px #35f2ff59,0 1px #ff3fd059}.banner.red .ink{box-shadow:0 -1px #ff3fd099,0 1px #ff3b5c99}.banner.gold .ink{box-shadow:0 -1px #ffd36a99,0 1px #ff9a3c99}.yakuname{text-align:center;pointer-events:none;z-index:21;position:absolute;top:10%;left:50%;transform:translate(-50%)}.yakuname .who{font-family:var(--f-tech);letter-spacing:.4em;color:var(--cyan);text-shadow:0 0 8px var(--cyan);font-size:12px;animation:.4s both fadeUp}.yakuname .name{font-family:var(--f-display);color:#fff8e0;text-shadow:0 0 24px #ffd36af2,0 0 70px #ff3fd073;font-size:clamp(50px,8.5vw,104px);line-height:1.1;animation:.55s step-end both glitchIn,.55s cubic-bezier(.2,.9,.2,1) both scaleIn}.yakuname .pts{font-family:var(--f-tech);color:var(--gold-2);text-shadow:0 0 12px var(--gold);font-size:clamp(20px,2.6vw,30px);font-weight:800;animation:.5s .2s both fadeUp}.yakuname .pts small{font-family:var(--f-body);color:var(--muted);text-shadow:none;margin-left:4px;font-size:.55em}.decide{left:50%;bottom:calc(18px + var(--safe-b));z-index:25;width:min(680px,100% - 24px);position:absolute;transform:translate(-50%)}.decide .panel{max-width:none;padding:18px 20px}.decide .ylist{flex-wrap:wrap;gap:8px 16px;margin:4px 0 12px;display:flex}.decide .ylist div{font-family:var(--f-display);font-size:17px}.decide .ylist div b{font-family:var(--f-tech);color:var(--gold-2);text-shadow:0 0 8px var(--gold);margin-left:6px;font-size:15px}.decide .sum{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.7}.decide .sum b{color:var(--text)}.decide .warn{color:#ff9ad8}.decide .choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.decide .choices .btn{font-family:var(--f-display);flex-direction:column;gap:2px;padding:14px;font-size:24px;font-weight:400}.decide .choices .btn .sub{font-family:var(--f-body);font-size:12.5px;font-weight:700}.result h2 .who{font-family:var(--f-tech);color:var(--muted);letter-spacing:.1em;font-size:12px}.result .headline{font-family:var(--f-display);text-align:center;margin:4px 0 8px;font-size:clamp(38px,6vw,62px)}.result .headline.win{color:#fff8e0;text-shadow:0 0 26px #ffd36acc,0 0 60px #ff3fd059}.result .headline.lose{color:#b9c6e0;text-shadow:0 0 20px #35f2ff4d}.result .lines{gap:6px;max-width:420px;margin:10px auto;display:grid}.result .line{border-bottom:1px dashed #35f2ff33;justify-content:space-between;padding:6px 4px;font-size:15.5px;font-weight:700;display:flex}.result .line b{font-family:var(--f-tech);color:var(--cyan-2)}.result .line.mult{color:#ffc2ef}.result .line.mult b{color:var(--magenta)}.result .line.total{border-bottom:none;border-top:1px solid var(--line-strong);margin-top:4px;padding-top:10px;font-size:21px}.result .line.total b{color:var(--gold-2);text-shadow:0 0 10px var(--gold)}.result .cards{flex-wrap:wrap;justify-content:center;gap:4px;margin:10px 0 4px;display:flex}.result .cards .cimg{width:36px}.sheet{border-collapse:collapse;width:100%;margin-top:14px;font-size:13px}.sheet th,.sheet td{text-align:center;border:1px solid #35f2ff29;padding:6px 4px}.sheet th{color:var(--cyan);background:#35f2ff0f;font-weight:700}.sheet td{font-family:var(--f-tech);font-size:12.5px}.sheet td.now{background:#ff3fd029}.sheet td.win{color:var(--gold-2);text-shadow:0 0 8px var(--gold)}.sheet td.total{color:#fff;text-shadow:0 0 10px var(--cyan);font-size:16px;font-weight:800}.sheet-wrap{overflow-x:auto}.ygrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.ycard{--cut:10px;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(135deg,#35f2ff0f,#9b6bff0a);padding:12px}.ycard.off{opacity:.4}.ycard .hd{align-items:baseline;gap:8px;display:flex}.ycard .nm{font-family:var(--f-display);font-size:19px}.ycard .ym{color:var(--muted);font-size:11px}.ycard .pt{font-family:var(--f-tech);color:var(--gold-2);text-shadow:0 0 8px #ffd36a99;margin-left:auto;font-size:17px;font-weight:800}.ycard .pt small{font-family:var(--f-body);color:var(--muted);text-shadow:none;margin-left:2px;font-size:11px}.ycard .cs{flex-wrap:wrap;gap:3px;margin:8px 0 6px;display:flex}.ycard .cs .cimg{width:30px}.ycard .ds{color:#c8d6ea;font-size:12.5px;line-height:1.6}.ycard .tag{font-family:var(--f-tech);box-shadow:inset 0 0 0 1px var(--magenta);color:var(--magenta);letter-spacing:.08em;margin-left:4px;padding:1px 7px;font-size:9.5px}.ycard .cnt{color:var(--cyan);margin-top:4px;font-size:11.5px}.mgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.mrow{box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#35f2ff0a;padding:10px}.mrow .mh{font-family:var(--f-display);margin-bottom:6px;font-size:15px}.mrow .mh small{font-family:var(--f-body);color:var(--cyan);margin-left:6px;font-size:12px;font-weight:700}.mrow .mc{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.mrow .mc figure{text-align:center;margin:0}.mrow .mc figcaption{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.3}.kind-hikari{color:#ffe27a!important}.kind-tane{color:#7dffc4!important}.kind-tan{color:#ff8fb8!important}.kind-kasu{color:#9fb4d8!important}.form{gap:10px;display:grid}.field-row{border-bottom:1px dashed #35f2ff24;grid-template-columns:200px 1fr;align-items:center;gap:12px;padding:8px 0;display:grid}.field-row .lb{font-size:14.5px;font-weight:700}.field-row .ds{color:var(--muted);grid-column:1/-1;margin-top:-4px;font-size:12px;line-height:1.6}.toggle{width:52px;height:26px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:#ffffff14;transition:background .2s;position:relative}.toggle:after{content:"";background:#8a9bb8;width:18px;height:18px;transition:transform .2s,background .2s,box-shadow .2s;position:absolute;top:4px;left:4px}.toggle.on{box-shadow:inset 0 0 0 1px var(--cyan);background:#35f2ff33}.toggle.on:after{background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:translate(26px)}input[type=range]{width:100%;accent-color:var(--cyan)}.readonly .chip,.readonly .toggle{pointer-events:none;opacity:.7}.stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.stat{box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#35f2ff0d;padding:10px 12px}.stat .v{font-family:var(--f-tech);color:#fff;text-shadow:0 0 10px var(--cyan);font-size:24px;font-weight:800}.stat .k{color:var(--muted);font-size:12px}.panel.wide{width:min(860px,100%)}.panel.transfer{width:min(640px,100%)}.cloudchip{letter-spacing:.04em;color:var(--muted);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.cloud-dot{background:var(--muted);flex:none;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 0 1px #fff3}.cloud-dot[data-status=synced]{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.cloud-dot[data-status=syncing],.cloud-dot[data-status=idle]{background:var(--gold);box-shadow:0 0 10px var(--gold);animation:.8s ease-in-out infinite pulse}.cloud-dot[data-status=error]{background:var(--red);box-shadow:0 0 10px var(--red)}#title .menu .cloudbtn{justify-content:space-between;padding:10px 18px;font-size:14px}.cloudline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;display:flex}.trrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.trcode{font-family:var(--f-tech);letter-spacing:.12em;color:#fff;box-shadow:inset 0 0 0 1px var(--line-strong);text-shadow:0 0 10px #35f2ffb3;-webkit-user-select:all;user-select:all;background:#35f2ff12;padding:10px 14px;font-size:clamp(15px,2.4vw,20px)}.trinput{min-width:220px;font-family:var(--f-tech);letter-spacing:.1em;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);-webkit-user-select:text;user-select:text;background:#030612cc;border:none;outline:none;flex:1;padding:11px 14px;font-size:16px}.trinput:focus{box-shadow:inset 0 0 0 1px var(--cyan), 0 0 16px #35f2ff40}.panel .note{color:var(--muted);margin-top:8px;font-size:12.5px}.panel .note.warn{color:#ff9ad8}.panel .trmsg{color:#ffb4a8;min-height:1.4em;font-weight:700}.panel .trmsg.ok{color:var(--cyan)}.sheet.recent td{font-family:var(--f-body);font-size:13px}.sheet.recent td.res.w{color:var(--gold-2);text-shadow:0 0 8px var(--gold);font-weight:700}.sheet.recent td.res.l{color:var(--muted)}:root{--real:#ffa04a;--dream:#9b7bff}.gtxt.g0,.gm.g0{color:var(--real);text-shadow:0 0 8px #ffa04a99}.gtxt.g1,.gm.g1{color:var(--dream);text-shadow:0 0 8px #9b7bffb3}.chip:disabled{opacity:.35;pointer-events:none}#title .modehead{font-family:var(--f-tech);letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 8px #35f2ff99;align-items:baseline;gap:10px;margin-top:4px;font-size:10.5px;display:flex}#title .modehead span{font-family:var(--f-body);letter-spacing:.12em;color:var(--muted);text-shadow:none;font-size:12px;font-weight:700}#title .menu .modebtn{text-align:left;flex-wrap:wrap;row-gap:4px;padding:14px 20px}.modebtn .mt{gap:3px;display:grid}.modebtn .mt b{font-family:var(--f-display);letter-spacing:.08em;white-space:nowrap;align-items:center;gap:6px;font-size:20px;font-weight:400;display:flex}@media (max-width:520px){#title .menu .modebtn{padding:11px 16px}.modebtn .mt b{letter-spacing:.04em;font-size:18px}.modebtn .mt small{font-size:11px}#title .menu .modebtn .sub{width:100%}}.modebtn .mt small{font-family:var(--f-body);letter-spacing:.06em;opacity:.85;font-size:11.5px;font-weight:700}#title{overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}#title::-webkit-scrollbar{display:none}@media (max-aspect-ratio:11/10) and (max-height:900px){#title{padding-top:calc(12px + var(--safe-t))}#title .brand{padding:0}#title .kanji{font-size:clamp(54px,16vw,72px)}#title .seal{padding:7px 4px;font-size:12px}#title .en{letter-spacing:.14em;white-space:nowrap;margin-top:8px;font-size:10px}#title .tag{display:none}#title .menu{gap:8px;margin-top:12px}#title .menu .row{gap:8px}#title .menu>.btn,#title .menu .row .btn{padding-top:11px;padding-bottom:11px}#title .menu .modebtn{grid-template-columns:1fr auto;align-items:center;gap:1px 10px;padding:8px 14px;display:grid}#title .menu .modebtn .mt{display:contents}#title .menu .modebtn .mt b{letter-spacing:.02em;grid-area:1/1;font-size:17px}#title .menu .modebtn .sub{white-space:nowrap;grid-area:1/2;width:auto}#title .menu .modebtn .mt small{grid-area:2/1/auto/-1}#title .menu .row .btn{white-space:nowrap;justify-content:center;padding-left:10px;padding-right:10px;font-size:15px}#title .menu .cloudbtn{padding:8px 14px}#title .foot{margin-top:2px}#title .foot .keys{display:none}}@media (max-aspect-ratio:11/10) and (max-width:520px){#title{padding-left:calc(24px + var(--safe-l));padding-right:calc(24px + var(--safe-r));grid-template-columns:minmax(0,1fr)}#title .en{font-size:clamp(8px,2.6vw,10px)}}@media (min-aspect-ratio:11/10) and (max-height:720px){#title{padding-top:calc(16px + var(--safe-t));padding-bottom:calc(16px + var(--safe-b))}#title .menu,#title .menu .row{gap:8px}#title .menu .modebtn{row-gap:2px;padding:9px 18px}#title .menu>.btn,#title .menu .row .btn{padding-top:11px;padding-bottom:11px}#title .menu .modebtn{padding-top:9px;padding-bottom:9px}#title .foot{margin-top:4px}}.btn.dualbtn{--c:#c9a0ff;color:#fff;text-shadow:0 1px 6px #28003cb3;background:linear-gradient(90deg,#ffa04a8c,#ff5fa859 50%,#9b7bff99),#0a0618e6;box-shadow:inset 0 0 0 1px #ffdcbe8c,0 0 24px #9b7bff59}.btn.dualbtn:hover{background:linear-gradient(90deg,#ffaa5ab3,#ff6eb473 50%,#aa8cffbf),#0a0618e6}.btn.dualbtn .gm{font-size:13px}.btn.dualbtn .gm.g0{color:#ffd2a8}.btn.dualbtn .gm.g1{color:#ddd0ff}.modetag.normal{box-shadow:inset 0 0 0 1px var(--line-strong);background:#35f2ff2e}.modetag{font-family:var(--f-body);letter-spacing:.1em;color:#fff;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);text-shadow:none;background:linear-gradient(135deg,#ffa04a8c,#9b7bff8c);padding:3px 10px;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff59}.bimg{aspect-ratio:480/778;object-fit:cover;border-radius:5%/3%;display:block;box-shadow:0 0 0 1px #ffd36a66,0 2px 8px #0009}.bpanel{--cut:12px;top:calc(64px + var(--safe-t));background:linear-gradient(135deg, #ffa04a1a, #9b7bff1a), var(--panel);-webkit-backdrop-filter:blur(10px);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));grid-template-columns:auto auto auto;grid-template-areas:"bh bpub buses""bnums bpub buses""bsel bsel bsel";align-items:center;gap:2px 14px;padding:7px 14px;font-size:12px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffd36a59}.bpanel .bh{font-family:var(--f-display);color:var(--gold-2);text-shadow:0 0 8px var(--gold);grid-area:bh;align-items:baseline;gap:6px;font-size:14px;display:flex}.bpanel .bh em{font-family:var(--f-tech);letter-spacing:.2em;color:var(--gold);opacity:.8;font-size:9px;font-style:normal}.bpanel .bpub{grid-area:bpub;gap:8px;display:flex}.bpanel .bc{align-items:center;gap:5px;padding:2px 6px 2px 2px;display:flex;box-shadow:inset 0 0 0 1px #ffd36a33}.bpanel .bc.sel{box-shadow:inset 0 0 0 1px var(--gold), 0 0 14px #ffd36a59;background:#ffd36a1a}.bpanel .bc .bimg{width:20px}.bpanel .bc span{font-size:11.5px;font-weight:700;line-height:1.25;display:grid}.bpanel .bc b{color:var(--gold);font-size:10.5px}.bpanel .bnone{color:var(--muted);font-size:11px}.bpanel .bnums{color:var(--muted);grid-area:bnums;gap:10px;font-size:11px;display:flex}.bpanel .bnums b{font-family:var(--f-tech);color:var(--text)}.bpanel .buses{grid-area:buses;gap:3px;display:grid}.bpanel .buses>div{align-items:center;gap:7px;display:flex}.bpanel .buses .nm{min-width:44px;font-size:11.5px;font-weight:700}.bpanel .pips{gap:3px;display:flex}.bpanel .pip{width:9px;height:9px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #ffd36a80}.bpanel .pip.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.bpanel .res{color:var(--muted);padding:1px 6px;font-size:10.5px;box-shadow:inset 0 0 0 1px #ffffff1f}.bpanel .res.on{color:#fff;box-shadow:none;background:linear-gradient(90deg,#ffa04a80,#9b7bff80)}.bpanel .bsel{color:#e9dcc0;border-top:1px dashed #ffd36a40;grid-area:bsel;max-width:460px;margin-top:3px;padding-top:3px;font-size:11.5px;line-height:1.5}.bpanel .bsel b{color:var(--gold-2);margin-right:8px}#ui .gchoice{pointer-events:none;z-index:5;position:absolute;inset:0}.gbtn{--g:var(--real);--cut:10px;text-align:left;min-width:190px;font-family:var(--f-body);color:var(--text);cursor:pointer;background:linear-gradient(135deg, color-mix(in srgb, var(--g) 22%, transparent), #05091833 70%), #050816e0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--g) 60%, transparent);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));-webkit-backdrop-filter:blur(8px);border:none;gap:3px;padding:6px 11px 7px;transition:transform .15s,box-shadow .15s,background .15s;animation:.2s both fadeIn;display:grid;position:absolute;transform:translate(-50%,-100%)}.gbtn.g1{--g:var(--dream)}.gbtn.below{transform:translate(-50%)}.gbtn.al{transform:translate(calc(-100% - 4px),-100%)}.gbtn.ar{transform:translate(4px,-100%)}.gbtn.below.al{transform:translate(calc(-100% - 4px))}.gbtn.below.ar{transform:translate(4px)}.gbtn:hover{box-shadow:inset 0 0 0 1px var(--g), inset 0 0 26px color-mix(in srgb, var(--g) 35%, transparent), 0 0 20px color-mix(in srgb, var(--g) 30%, transparent)}.gbtn:disabled{opacity:.45;cursor:default}.gbtn .gh{align-items:center;gap:6px;display:flex}.gbtn .gh .key{font-family:var(--f-tech);color:#0b0614;background:var(--g);place-items:center;width:17px;height:17px;font-size:10px;display:grid}.gbtn .gh .gm{color:var(--g)}.gbtn .gh b{font-family:var(--f-display);color:#fff;text-shadow:0 0 10px var(--g);font-size:16px;font-weight:400}.gbtn .gh em{font-family:var(--f-tech);letter-spacing:.2em;color:var(--g);margin-left:auto;font-size:9px;font-style:normal}.gbtn .gl{flex-wrap:wrap;align-items:center;gap:5px;min-height:20px;font-size:12px;display:flex}.gbtn .gl .lb{color:#0b0614;background:var(--cyan);padding:1px 6px;font-size:10.5px;font-weight:700}.gbtn .gl .lb.put{background:var(--muted)}.gbtn .gl.deck .lb{background:#fffc}.gbtn .gl .cimg{width:15px}.gbtn .gl .or{color:var(--muted);font-size:10px;font-style:normal}.gbtn .gl small{color:var(--muted);font-size:11px}.gbtn .gl.err{color:#ff9ad8;font-size:11.5px}.gbtn .gl.deck b{font-weight:700}.hud.dual .prompt{z-index:6}.tip .td{color:var(--muted);white-space:normal;max-width:280px;margin-top:2px;font-size:11.5px;font-weight:500}.kind-bnd{color:var(--gold)!important}.banner.dual .big{background:linear-gradient(90deg,#ffc68a,#fff,#c9b4ff);color:#0000;text-shadow:none;filter:drop-shadow(0 0 18px #ffa04ab3)drop-shadow(0 0 30px #9b7bffb3);-webkit-background-clip:text;background-clip:text}.banner.dual .sub{color:#f1e6ff;text-shadow:0 0 10px var(--dream)}.banner.dual .ink{box-shadow:0 -1px #ffa04ab3,0 1px #9b7bffb3}.ycard.dualy{box-shadow:inset 0 0 0 1px #ffa04a59,inset 0 0 24px #9b7bff1f}.ycard .tag.dual{box-shadow:inset 0 0 0 1px var(--dream);color:#c9b4ff}.bgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.bitem{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,#ffa04a0f,#9b7bff0f);align-items:flex-start;gap:10px;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #ffd36a38}.bitem .bimg{flex:none;width:62px}.bitem .bn{font-family:var(--f-display);font-size:16px}.bitem .be{font-family:var(--f-body);color:#1d1204;background:var(--gold);vertical-align:2px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:700}.bitem .bd{color:#c8d6ea;margin-top:4px;font-size:12px;line-height:1.6}.panel h3.dualh{color:#ffc68a}.sheet.recent .rmode{color:var(--muted);margin-left:6px;padding:0 5px;font-size:10.5px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff26}.sheet.recent .rmode.dual{color:#fff;box-shadow:none;background:linear-gradient(90deg,#ffa04a73,#9b7bff73)}.toast{white-space:normal;text-align:center;max-width:calc(100vw - 32px)}.btn.koibtn{--c:var(--cyan);color:#fff;background:linear-gradient(135deg,#35f2ff47,#3a8bff4d),#050918e6;box-shadow:inset 0 0 0 1px #a0faff8c,0 0 20px #35f2ff38}.btn.koibtn:hover{background:linear-gradient(135deg,#35f2ff6b,#3a8bff6b),#050918e6}.modetag.hana{background:linear-gradient(135deg,#ff3fd08c,#7a3bff8c)}.badge.hanapts{color:#fff;box-shadow:none;font-family:var(--f-tech);background:linear-gradient(90deg,#ff3fd073,#7a3bff73)}.badge.hanapts small{font-family:var(--f-body);opacity:.85;margin-left:2px;font-size:.85em}.panel h3.hanah{color:#ff9ae4}.ycard.hanay .pt{color:#ffc2ef;text-shadow:0 0 8px #ff3fd099}.result .hnote{text-align:center;color:var(--muted);margin:0 0 8px;font-size:12.5px}.result .hgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result .hcol{box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#35f2ff0a;padding:10px 12px}.result .hcol.won{background:#ffd36a14;box-shadow:inset 0 0 0 1px #ffd36a99,inset 0 0 26px #ffd36a1f}.result .hcol h3{font-family:var(--f-display);letter-spacing:.06em;color:#fff;align-items:center;gap:8px;margin:0 0 6px;font-size:17px;font-weight:400;display:flex}.result .hcol .wmark{font-family:var(--f-tech);letter-spacing:.2em;color:#1d1204;background:var(--gold);padding:2px 7px;font-size:10px}.result .hcol .line{padding:5px 2px;font-size:14px}.result .hcol .line span small{color:var(--muted);font-size:11px;font-weight:500;display:block}.result .hcol .line.none{color:var(--muted);font-weight:500}.result .hcol .line.total{font-size:18px}.capview .hpts{font-family:var(--f-tech);color:#ffc2ef;text-shadow:0 0 8px #ff3fd099;margin-left:auto;font-size:18px}.capview .hpts small{font-family:var(--f-body);color:var(--muted);text-shadow:none;margin-left:4px;font-size:11px}.capview .kl small{color:var(--muted);font-size:10.5px;font-weight:500}.result .hgrid.n3{grid-template-columns:repeat(3,1fr);gap:8px}.result .hgrid.n3 .hcol{padding:8px 9px}.result .hgrid.n3 .hcol h3{font-size:15px}.result .hcol .line.calc{color:var(--muted);border-top:none;padding:2px;font-size:12.5px}.result .hcol .line.calc b{font-family:var(--f-tech);color:var(--cyan-2)}.result .lines .rk{font-style:normal;font-family:var(--f-tech);color:var(--gold-2);letter-spacing:.06em;margin-right:10px;font-size:12px}.result .headline.lose+.lines .rk{color:var(--muted)}.result h2 .modetag{white-space:nowrap}@media (max-width:520px){.result .hgrid{grid-template-columns:1fr}.result .hgrid.n3{grid-template-columns:1fr;gap:6px}.result .hgrid.n3 .hcol{padding:6px 10px 7px}.result .hgrid.n3 .hcol h3{margin-bottom:2px}.result .hgrid.n3 .hcol .line{padding:2px;font-size:12.5px}.result .hgrid.n3 .hcol .line span small{margin-left:6px;font-size:10.5px;display:inline}.result .hgrid.n3 .hcol .line.calc{padding:1px 2px;font-size:11.5px}.result .hgrid.n3 .hcol .line.total{font-size:15px}.result:has(.hgrid.n3) .headline{margin:0 0 4px;font-size:30px}.result:has(.hgrid.n3) .hnote{margin:0 0 8px;font-size:11px}}.yakuname .detail{letter-spacing:.08em;color:var(--cyan-2);text-shadow:0 0 8px #35f2ff99;margin-top:6px;font-size:clamp(12px,1.5vw,15px);font-weight:700;animation:.5s .3s both fadeUp}.decide .ylist div small{font-family:var(--f-body);color:var(--muted);letter-spacing:.04em;font-size:11.5px;display:block}.result .line.sub{color:var(--muted);border-bottom-style:dotted;padding-top:0;font-size:13.5px;font-weight:500}.result .line.sub b{color:var(--cyan)}.panel.capview{width:min(720px,100%)}.capview .capsec{border-top:1px solid var(--line);padding:12px 0 14px}.capview .capsec:first-of-type{border-top:none;padding-top:0}.capview .capsec h3{font-family:var(--f-display);letter-spacing:.08em;color:#fff;align-items:baseline;gap:10px;margin:6px 0 8px;font-size:18px;font-weight:400;display:flex}.capview .capsec.cpu h3{text-shadow:0 0 10px var(--magenta)}.capview .capsec.me h3{text-shadow:0 0 10px var(--cyan)}.capview .capsec h3 small{font-family:var(--f-body);color:var(--muted);letter-spacing:.04em;font-size:12px}.capview .ys{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.capview .krow{border-bottom:1px dashed #35f2ff1f;grid-template-columns:52px 1fr;align-items:center;gap:8px;padding:6px 0;display:grid}.capview .kl{align-items:baseline;gap:5px;font-size:13px;font-weight:700;display:flex}.capview .kl b{font-family:var(--f-tech);color:var(--text);font-size:15px}.capview .kc{flex-wrap:wrap;gap:4px;display:flex}.capview .kc .cimg{width:44px}.capview .none{color:var(--muted);font-size:12px}.capview .near{gap:4px;max-width:420px;margin-top:10px;display:grid}.capview .near .nh{color:var(--cyan);letter-spacing:.1em;font-size:11px}.capview .near>div:not(.nh){color:#c8d6ea;align-items:center;gap:8px;font-size:12.5px;display:flex}.capview .near .meter{background:#ffffff14;flex:1;height:4px;overflow:hidden}.capview .near .meter i{background:linear-gradient(90deg, var(--magenta), var(--cyan));height:100%;display:block}.capview .near em{font-style:normal;font-family:var(--f-tech);color:var(--cyan-2);font-size:11px}@media (max-width:520px){.capview .krow{grid-template-columns:44px 1fr}.capview .kc .cimg{width:calc(16.6667vw - 22.6667px);max-width:44px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0;filter:blur(4px);transform:scale(1.04)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes pulse{50%{filter:brightness(1.45)}}@keyframes sweep{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{filter:blur(8px);transform:scale(1.3)}to{filter:blur();transform:scale(1)}}@keyframes glitchIn{0%{opacity:0;clip-path:inset(0 0 100%)}15%{opacity:1;clip-path:inset(40% 0 35%);transform:translate(-12px)}30%{clip-path:inset(10% 0 60%);transform:translate(10px)}45%{clip-path:inset(70% 0 5%);transform:translate(-6px)}60%{clip-path:inset(-60% -30%);transform:translate(3px)}75%,to{clip-path:inset(-60% -30%);opacity:1;transform:none}}@keyframes barIn{0%{opacity:0;transform:translateY(-50%)scaleY(.1)}to{opacity:1;transform:translateY(-50%)scaleY(1)}}@media (max-width:760px),(max-height:520px){.pbox{min-width:0;max-width:220px;padding:8px 10px}.pbox .score{font-size:22px}.pbox .av{width:30px;height:30px;font-size:14px}.pbox .near{display:none}.pbox .counts b{font-size:13px}.monthplate{gap:8px;padding:4px 12px 4px 6px}.monthplate .m{font-size:14px}.monthplate .deck{display:none}.icon-btn{width:38px;height:38px;font-size:18px}.panel{padding:18px 16px}.field-row{grid-template-columns:1fr;gap:6px}.prompt{padding:6px 16px;font-size:13px}.bpanel{grid-template-columns:auto auto;grid-template-areas:"bh bnums""bpub bpub""buses buses""bsel bsel";gap:3px 10px;padding:6px 10px}.bpanel .bc span{font-size:10.5px}.gbtn{min-width:0;padding:5px 8px 6px}.gbtn .gh b{font-size:14px}.gbtn .gh em{display:none}.gbtn .gl{font-size:11px}}@media (max-height:520px){.pbox .counts{display:none}}@media (max-aspect-ratio:11/10){.pbox .counts{display:none}.pbox.cpu{top:calc(8px + var(--safe-t))}.monthplate{top:auto;bottom:calc(10px + var(--safe-b));left:auto;right:calc(10px + var(--safe-r));transform:none}.monthplate .r{display:none}.tools{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));gap:6px}.icon-btn{width:34px;height:34px;font-size:16px}.pbox{--cut:10px;padding:6px 9px 7px}.tools [data-t=yaku]{display:none}.pbox.cpu{left:calc(8px + var(--safe-l));max-width:calc(100vw - 134px)}.pbox.me{bottom:calc(8px + var(--safe-b));left:calc(8px + var(--safe-l));max-width:calc(100vw - 184px)}.pbox .top{gap:7px}.pbox .av{width:26px;height:26px;font-size:12px}.pbox .name{white-space:nowrap;font-size:13px}.pbox .score{font-size:20px}.pbox .badges{gap:4px;margin-top:5px}.pbox .badge{padding:2px 6px;font-size:10.5px}.pbox .badge.drow{display:inline-flex}.pbox .badges{flex-wrap:nowrap;align-items:center;min-height:21px;overflow:hidden}.pbox .badge{white-space:nowrap;flex:none}.pbox .near{display:none}.pbox .name{text-overflow:ellipsis;min-width:0;overflow:hidden}.badge.capchip .lg{display:none}.badge.capchip .sm{display:inline}.monthplate{bottom:calc(8px + var(--safe-b));right:calc(8px + var(--safe-r))}.monthplate .bdeck{display:block}.hud .bpanel{display:none!important}.prompt{white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 24px)}.gbtn{width:min(50vw - 12px,180px)}.gbtn .gh .key{display:none}}.panel.guide-panel{width:min(960px,100%);max-width:min(960px,100%);padding:22px 24px 20px}.guide h2 .gm{font-size:18px}.guide .gfirst{color:var(--gold-2);box-shadow:inset 3px 0 0 var(--gold);background:#ffd36a14;margin:0 0 10px;padding:8px 12px}.guide .gtop{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.guide .gvoice{font-family:var(--f-tech);letter-spacing:.12em;color:var(--muted);font-size:11px}.guide .gtoc{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.guide .gtoc .chip{padding:5px 9px;font-size:12px}.guide .gtoc .chip b{font-family:var(--f-tech);opacity:.75;margin-right:5px;font-size:10px}.guide .gnum{font-family:var(--f-tech);letter-spacing:.18em;color:var(--cyan);align-items:baseline;gap:10px;font-size:11px;display:flex}.guide .gnum em{color:var(--muted);font-style:normal}.guide .gtitle{font-family:var(--f-display);letter-spacing:.04em;color:var(--text);margin:4px 0 12px;font-size:22px}.guide .gfig{box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#35f2ff0d,#0000 60%),repeating-linear-gradient(90deg,#35f2ff0a 0 1px,#0000 1px 24px),#02040c99;justify-items:center;gap:12px;padding:14px 12px;display:grid}.guide .gfig p.gcap{color:var(--muted);text-align:center;margin:0;font-size:13px}.guide .gpair{justify-content:center;align-items:stretch;gap:10px;width:100%;display:flex}.guide .gpair>.gd{flex:1 1 0;max-width:380px}.guide .gmid{flex:none;place-items:center;display:grid}.guide .gd{--g:var(--real);background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--g) 10%, transparent) 0 1px, transparent 1px 7px), color-mix(in srgb, var(--g) 9%, #040610d9);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--g) 65%, transparent), 0 0 18px color-mix(in srgb, var(--g) 12%, transparent);align-content:start;gap:8px;padding:8px 10px 10px;display:grid}.guide .gd.g1{--g:var(--dream);background:radial-gradient(circle, color-mix(in srgb, var(--g) 22%, transparent) 1px, transparent 1.6px) 0 0 / 9px 9px, color-mix(in srgb, var(--g) 9%, #040610d9)}.guide .gdh{color:var(--g);align-items:baseline;gap:6px;font-size:13.5px;font-weight:700;display:flex}.guide .gdh em{font-family:var(--f-tech);letter-spacing:.2em;opacity:.8;margin-left:auto;font-size:9px;font-style:normal}.guide .gdc{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;min-height:64px;display:flex}.guide .gdc .empty{color:var(--muted);align-self:center;font-size:12px}.guide .gdn{color:color-mix(in srgb, var(--g) 70%, white);text-align:center;font-size:11.5px}.guide .gc{justify-items:center;gap:3px;display:grid}.guide .gc .cimg,.guide .gc .cback,.guide .gc .bimg{width:42px}.guide .gc .tg{color:#cfdcef;text-align:center;max-width:76px;font-size:10.5px;line-height:1.2}.guide .gc.take .cimg{box-shadow:0 0 0 2px var(--gold), 0 0 14px #ffd36acc;animation:1.6s ease-in-out infinite guidePulse}.guide .gc.take .tg{color:var(--gold-2);font-weight:700}.guide .gc.put .cimg{box-shadow:0 0 0 2px var(--cyan), 0 0 12px #35f2ff99}.guide .gc.sel .cimg{box-shadow:0 0 0 2px var(--cyan-2), 0 0 16px #35f2ffb3;transform:translateY(-3px)}.guide .gc.fade .cimg{opacity:.35;filter:grayscale(.6)}.guide .gc.new .cimg{animation:2.4s ease-in-out infinite guideIn,1.6s ease-in-out infinite guidePulse}.guide .gc.bnd .tg{color:var(--gold-2)}.guide .cback{aspect-ratio:100/162;box-shadow:0 0 0 1px var(--magenta), 0 0 10px #ff3fd066;background:repeating-linear-gradient(45deg,#3a0c2e 0 4px,#1a0616 4px 8px);border-radius:5%/3%}.guide .gact{justify-content:center;align-items:flex-start;gap:14px;display:flex}.guide .garr{font-family:var(--f-tech);color:var(--gold-2);white-space:nowrap;text-shadow:0 0 8px var(--gold);font-size:12px;animation:1.4s ease-in-out infinite guideNudge}.guide .gres{font-family:var(--f-display);color:var(--gold-2);box-shadow:inset 0 0 0 1px var(--gold), 0 0 18px #ffd36a59;background:#ffd36a1a;place-items:center;padding:8px 10px;display:grid}.guide .gres b{font-family:var(--f-tech);color:var(--gold);font-size:20px}.guide .gsteps{counter-reset:gs;gap:4px;width:100%;max-width:640px;margin:0;padding:0;list-style:none;display:grid}.guide .gsteps li{counter-increment:gs;color:#dfe9f7;gap:8px;font-size:13.5px;line-height:1.6;display:flex}.guide .gsteps li:before{content:counter(gs);width:20px;height:20px;font-family:var(--f-tech);color:#031018;background:var(--cyan);flex:none;place-items:center;margin-top:2px;font-size:11px;display:grid}.guide .gthree,.guide .gtips{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:680px;display:grid}.guide .gthree>div,.guide .gtips>div{text-align:center;box-shadow:inset 0 0 0 1px var(--line);background:#35f2ff0d;justify-items:center;gap:4px;padding:10px 8px;font-size:13.5px;line-height:1.5;display:grid}.guide .gthree b,.guide .gtips b{font-family:var(--f-tech);color:#031018;background:var(--gold);place-items:center;width:22px;height:22px;font-size:12px;display:grid}.guide .gtips strong{color:var(--gold-2)}.guide .gthree small,.guide .gtips small{color:var(--muted);font-size:12px}.guide .gscreen{width:100%;max-width:640px;box-shadow:inset 0 0 0 1px var(--line-strong);background:#0000004d;gap:8px;padding:8px;display:grid}.guide .gs-top{color:var(--gold-2);justify-self:center;padding:3px 12px;font-size:12px;box-shadow:inset 0 0 0 1px #ffd36a80}.guide .gs-top small{color:var(--muted);margin-left:6px}.guide .gs-mid{align-items:stretch;gap:8px;display:flex}.guide .gs-mid>.gd{flex:1 1 0}.guide .gs-bnd{align-content:center;justify-items:center;gap:4px;padding:0 4px;display:grid}.guide .gs-bnd .gc .bimg{width:30px}.guide .gs-bnd small{color:var(--gold-2);font-size:10.5px}.guide .gs-hand{justify-content:center;align-items:flex-end;gap:4px;display:flex}.guide .gs-hand .cimg{width:28px}.guide .gs-hand small{color:var(--cyan-2);margin-left:6px;font-size:11px}.guide .gmock{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.guide .gbtn.demo{cursor:default;animation:none;position:static;transform:none}.guide .gdiags{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.guide .gdiags figure{justify-items:center;gap:4px;margin:0;display:grid}.guide .gdiags figcaption{text-align:center;font-size:13px}.guide .gdiag{width:100%;max-width:320px;height:auto}.guide .gdiag .gd-deck{animation:1s linear infinite guideDash}.guide .gbgrid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.guide .gbk{background:#ffd36a0d;justify-items:center;gap:4px;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #ffd36a4d}.guide .gbk .imgs{gap:8px;display:flex}.guide .gbk>b{font-family:var(--f-display);color:var(--gold-2);font-size:17px}.guide .gbk>small{color:#cfdcef;text-align:center;font-size:12px}.guide .grules{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.guide .grules span{color:var(--cyan-2);box-shadow:inset 0 0 0 1px var(--line-strong);padding:3px 9px;font-size:12px}.guide .gflow{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.guide .gflow .st{min-width:88px;box-shadow:inset 0 0 0 1px var(--line-strong);background:#35f2ff0f;justify-items:center;gap:2px;padding:8px 10px;font-weight:700;display:grid}.guide .gflow .st b{font-family:var(--f-tech);color:#031018;background:var(--cyan);place-items:center;width:20px;height:20px;font-size:11px;display:grid}.guide .gflow .st small{color:var(--muted);text-align:center;font-size:11px;font-weight:400;line-height:1.4}.guide .gflow i{color:var(--cyan);font-style:normal}.guide .gkeys{flex-wrap:wrap;justify-content:center;gap:8px 16px;font-size:13px;display:flex}.guide .gkeys span{align-items:center;gap:5px;display:inline-flex}.guide kbd{font-family:var(--f-tech);text-align:center;min-width:22px;color:var(--cyan-2);box-shadow:inset 0 0 0 1px var(--line-strong), 0 2px 0 #35f2ff40;background:#35f2ff14;border-radius:3px;padding:2px 6px;font-size:11px}.guide .glead{box-shadow:inset 3px 0 0 var(--magenta), inset 0 0 0 1px #ff3fd040;background:linear-gradient(90deg,#ff3fd014,#0000 70%),#05081699;grid-template-columns:auto 1fr;align-items:start;gap:6px 14px;margin-top:14px;padding:12px 14px 10px;transition:box-shadow .3s;display:grid}.guide .glead.on{box-shadow:inset 3px 0 0 var(--magenta), inset 0 0 0 1px var(--magenta), 0 0 22px #ff3fd040}.guide .glead p{color:var(--text);grid-column:2;margin:0;font-size:15.5px;line-height:1.95}.guide .glead.novoice p{grid-column:1/-1}.guide .gplay{font-family:var(--f-body);color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg, var(--magenta), #8a3bff);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:none;grid-row:1;padding:8px 12px;font-size:13px;font-weight:700}.guide .gplay:hover{filter:brightness(1.15)}.guide .gbar{background:#ff3fd026;grid-column:1/-1;height:2px}.guide .gbar i{background:var(--magenta);width:0;height:100%;box-shadow:0 0 8px var(--magenta);display:block}.guide .gpts{gap:4px;margin:12px 0 0;padding-left:1.3em;display:grid}.guide .gpts li{color:#b9c8de;font-size:13.5px;line-height:1.7}.guide .gpts li::marker{color:var(--cyan)}.guide .gnav{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.guide .gpos{font-family:var(--f-tech);color:var(--muted);letter-spacing:.1em;font-size:12px}.btn.guidebtn{text-align:left;width:100%;box-shadow:inset 0 0 0 1px var(--gold), 0 0 14px #ffd36a33;color:var(--gold-2);justify-items:start;gap:2px;margin:6px 0 2px;display:grid}.guide .bcs{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.guide .bcs .cimg{width:var(--cw,30px)}.guide .bchips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.guide .bchips span{color:var(--cyan-2);box-shadow:inset 0 0 0 1px var(--line-strong);padding:3px 10px;font-size:12.5px}.guide .bfan{justify-content:center;padding:8px 0 4px;display:flex}.guide .bfc{transform:rotate(calc(var(--i) * 7deg)) translateY(calc(var(--i) * var(--i) * 2.5px));transform-origin:50% 120%;margin:0 -6px}.guide .bfc .cimg{width:64px;box-shadow:0 0 0 1px var(--gold), 0 6px 18px #000000b3, 0 0 18px #ffd36a40}.guide .bmonths{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.guide .bm{box-shadow:inset 0 0 0 1px var(--line);background:#35f2ff0a;justify-items:center;gap:4px;padding:6px 4px 8px;display:grid}.guide .bmh{color:var(--text);align-items:baseline;gap:6px;font-size:13px;font-weight:700;display:flex}.guide .bmh b{font-family:var(--f-tech);color:var(--cyan-2);font-size:15px}.guide .bmh b small{font-family:var(--f-body);margin-left:1px;font-size:10px}.guide .bm .bcs{flex-wrap:nowrap;gap:3px}.guide .bm .bcs .cimg{width:34px}.guide .blines{gap:6px;width:100%;max-width:680px;display:grid}.guide .bline{box-shadow:inset 0 0 0 1px var(--line);background:#35f2ff09;grid-template-columns:92px 1fr;align-items:center;gap:4px 10px;padding:6px 8px;display:grid}.guide .bline .bl{color:var(--gold-2);gap:1px;font-size:14px;font-weight:700;display:grid}.guide .bline .bl small{font-family:var(--f-tech);color:var(--text);font-size:12px;font-weight:400}.guide .bline .bl b{font-size:16px}.guide .bline .bcs{justify-content:flex-start}.guide .bline .bn{color:var(--muted);grid-column:2;font-size:11.5px}.guide .bscene{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.guide .bpart{justify-items:center;gap:6px;display:grid}.guide .bph{color:var(--cyan-2);letter-spacing:.04em;font-size:12px}.guide .bph b{color:var(--gold-2)}.guide .bfield{justify-content:center;gap:6px;display:flex}.guide .barr{font-family:var(--f-body);color:var(--gold-2);text-shadow:0 0 8px var(--gold);font-size:16px;font-weight:700;animation:1.4s ease-in-out infinite guideNudgeR}.guide .btwo{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:640px;display:grid}.guide .bpanel{box-shadow:inset 0 0 0 1px var(--line);background:#35f2ff0a;justify-items:center;gap:8px;padding:10px 8px;display:grid}.guide .btable{width:100%;max-width:520px;box-shadow:inset 0 0 0 1px var(--line-strong);background:#0000004d;gap:8px;padding:10px;display:grid}.guide .btable span{color:var(--cyan-2);font-size:11.5px}.guide .bt-opp,.guide .bt-me{justify-items:center;gap:4px;display:grid}.guide .bbacks{gap:3px;display:flex}.guide .bbacks .cback{width:20px}.guide .bt-mid{justify-content:center;align-items:center;gap:10px;display:flex}.guide .bt-deck{justify-items:center;gap:3px;display:grid}.guide .bt-deck .cback{width:28px}.guide .bt-field{justify-items:center;gap:4px;display:grid}.guide .bt-field .bcs{max-width:240px}.guide .bdeal{border-collapse:collapse;font-size:13px}.guide .bdeal th,.guide .bdeal td{text-align:center;box-shadow:inset 0 -1px 0 var(--line);padding:4px 10px}.guide .bdeal th{color:var(--muted);font-size:11.5px;font-weight:400}.guide .bdeal td:first-child{text-align:left;color:var(--text);font-weight:700}.guide .bpts{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:520px;display:grid}.guide .bpts>div{box-shadow:inset 0 0 0 1px var(--line);background:#35f2ff0a;justify-items:center;gap:5px;padding:8px 4px;display:grid}.guide .bpts .bpk{font-size:14px;font-weight:700}.guide .bpts .cimg{width:44px}.guide .bpts b{font-family:var(--f-tech);color:#fff;text-shadow:0 0 10px var(--cyan);font-size:22px}.guide .bpts b small{font-family:var(--f-body);color:var(--muted);text-shadow:none;margin-left:2px;font-size:11px}.guide .bsum{justify-items:center;gap:6px;display:grid}.guide .bcalc{font-family:var(--f-tech);color:var(--text);font-size:14px}.guide .bcalc b{color:var(--gold-2);text-shadow:0 0 10px var(--gold);font-size:20px}.guide .bdecide{justify-items:center;gap:10px;display:grid}.guide .bdecide .bph{color:var(--gold-2);font-size:14px;font-weight:700}.guide .bbtns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.guide .bbtn{text-align:center;justify-items:center;gap:4px;min-width:150px;padding:10px 14px;display:grid}.guide .bbtn b{font-family:var(--f-display);letter-spacing:.08em;font-size:20px;font-weight:400}.guide .bbtn small{color:#cfdcef;font-size:12px;line-height:1.5}.guide .bbtn.stop{box-shadow:inset 0 0 0 1px var(--cyan);background:linear-gradient(135deg,#35f2ff38,#3a8bff38)}.guide .bbtn.koi{box-shadow:inset 0 0 0 1px var(--magenta);background:linear-gradient(135deg,#ff3b5c4d,#ff3fd04d)}.guide .bstart{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:560px;display:grid}.guide .bstart .btn{text-align:left;justify-items:start;gap:3px;padding:14px 16px;display:grid}.guide .bstart .btn b{font-size:17px}@keyframes guideNudgeR{50%{transform:translate(4px)}}@keyframes guidePulse{50%{box-shadow:0 0 0 2px var(--gold), 0 0 24px #ffd36a}}@keyframes guideIn{0%,20%{opacity:.2;transform:translate(60px)}45%,to{opacity:1;transform:none}}@keyframes guideNudge{50%{transform:translate(-4px)}}@keyframes guideDash{to{stroke-dashoffset:-18px}}@media (max-width:640px){.panel.guide-panel{padding:18px 14px 16px}.guide .gtoc{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.guide .gtoc .chip{flex:none}.guide .gtitle{font-size:19px}.guide .gc .cimg,.guide .gc .cback,.guide .gc .bimg{width:34px}.guide .gc .tg{max-width:60px;font-size:9.5px}.guide .gpair{gap:6px}.guide .gd{padding:6px}.guide .gdc{gap:5px}.guide .gmid .garr{writing-mode:vertical-rl;font-size:11px}.guide .gdiags,.guide .gbgrid,.guide .gthree,.guide .gtips,.guide .glead{grid-template-columns:1fr}.guide .glead p{grid-column:1;font-size:15px}.guide .gplay{justify-self:start}.guide .gs-hand .cimg{width:20px}.guide .gs-bnd .gc .bimg{width:22px}.guide .bmonths{grid-template-columns:1fr 1fr;gap:6px}.guide .bm .bcs .cimg{width:30px}.guide .bfc .cimg{width:50px}.guide .bline{grid-template-columns:1fr;padding:6px}.guide .bline .bl{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:8px}.guide .bline .bn{grid-column:1}.guide .bline .bcs .cimg{width:calc(min(var(--cw,30px), (100vw - 150px) / 10))}.guide .bscene{gap:6px}.guide .barr{font-size:14px}.guide .btwo,.guide .bstart{grid-template-columns:1fr}.guide .bbtns{flex-wrap:nowrap;gap:8px}.guide .bbtn{flex:1 1 0;min-width:0;padding:8px 6px}.guide .bbtn b{font-size:17px}.guide .bpts{gap:5px}.guide .bpts .cimg{width:36px}.guide .bpts b{font-size:18px}.guide .bdeal{font-size:12px}.guide .bdeal th,.guide .bdeal td{padding:4px 6px}}@media (max-width:360px){#title .menu .row.three .btn{padding-left:6px;padding-right:6px;font-size:13px}}@media (prefers-reduced-motion:reduce){.guide .gc.take .cimg,.guide .gc.new .cimg,.guide .garr,.guide .gdiag .gd-deck{animation:none}}a.btn.movebtn{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none;display:flex}a.btn.movebtn .sub{font-family:var(--f-body);letter-spacing:.04em;white-space:normal;font-size:12px;font-weight:700;line-height:1.5}.online .omembers{gap:6px;margin:10px 0 2px;padding:0;list-style:none;display:grid}.online .omembers li{box-shadow:inset 0 0 0 1px var(--line);background:#35f2ff0d;align-items:center;gap:10px;padding:7px 12px;font-weight:700;display:flex}.online .omembers li i{font-style:normal;font-family:var(--f-tech);color:var(--cyan);text-align:center;width:16px;font-size:12px}.online .omembers li small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:500}.online .omembers li.empty{color:var(--muted);background:0 0;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff14}.btn.onlinebtn{--c:#7dffb0;color:#fff;background:linear-gradient(135deg,#3ce69652,#35b4ff4d),#040c14e6;box-shadow:inset 0 0 0 1px #96ffc88c,0 0 20px #3ce69638}.btn.onlinebtn:hover{background:linear-gradient(135deg,#3ce6967a,#35b4ff70),#040c14e6}.modetag.online{background:linear-gradient(135deg,#3ce6968c,#35b4ff8c);margin-left:10px}.panel.online-panel{width:min(640px,100%)}@media (max-width:520px){.online h2{flex-wrap:wrap;row-gap:6px;padding-right:40px}.online h2 .modetag{margin-left:0}}.online .otext{box-sizing:border-box;width:100%;font-family:var(--f-body);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);-webkit-user-select:text;user-select:text;background:#030612cc;border:none;outline:none;padding:11px 14px;font-size:16px;font-weight:700}.online .otext:focus{box-shadow:inset 0 0 0 1px var(--cyan), 0 0 16px #35f2ff40}.online .oname{border-bottom:none;grid-template-columns:130px 1fr}.online .otabs{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 4px;display:grid}.online .otabs .chip{text-align:center;justify-content:center;padding:10px 8px;font-size:14.5px}.online .omodes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.online .omode{text-align:left;cursor:pointer;color:var(--text);font-family:var(--f-body);box-shadow:inset 0 0 0 1px var(--line);background:#050918b3;border:none;gap:3px;padding:10px;transition:box-shadow .15s,background .15s;display:grid}.online .omode b{font-family:var(--f-display);letter-spacing:.06em;font-size:16px;font-weight:400}.online .omode small{color:var(--muted);font-size:11px;line-height:1.45}.online .omode:hover{box-shadow:inset 0 0 0 1px var(--cyan)}.online .omode.on{box-shadow:inset 0 0 0 1px var(--cyan), 0 0 16px #35f2ff33;background:linear-gradient(135deg,#35f2ff38,#3a8bff33),#050918cc}.online .omode.hana.on{box-shadow:inset 0 0 0 1px var(--magenta), 0 0 16px #ff3fd033;background:linear-gradient(135deg,#ff3fd04d,#7a3bff47),#050918cc}.online .omode.dual.on{background:linear-gradient(90deg,#ffa04a52,#9b7bff5c),#050918cc;box-shadow:inset 0 0 0 1px #c9a0ff,0 0 16px #9b7bff40}.online .ocode{font-family:var(--f-tech);letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:26px}.online .opeek{min-height:24px;margin-top:8px;font-size:14px;line-height:1.6}.online .opeek .dim{color:var(--muted);font-size:13px}.online .opeek .err{color:#ff8fa3}.online .opeek em{margin-left:8px;padding:1px 8px;font-size:12px;font-style:normal;font-weight:700}.online .opeek em.ok{color:#06140c;background:#7dffb0}.online .opeek em.ng{color:#fff;background:#ff3b5cb3}.online .omsg{color:#ffb0bd;min-height:20px;margin:8px 0 0;font-size:13.5px}.online .omsg.ok{color:#7dffb0;text-align:center}.online .ocodebig{justify-content:center;gap:8px;margin:14px 0 12px;display:flex}.online .ocodebig span{width:52px;height:64px;font-family:var(--f-tech);color:#eafff3;text-shadow:0 0 12px #7dffb0cc;-webkit-user-select:text;user-select:text;background:linear-gradient(#3ce6962e,#050918d9);place-items:center;font-size:34px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #96ffc899,0 0 18px #3ce69640}.online .ocodebig span:nth-child(3){margin-right:12px}.online .oshare{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.owait{color:var(--cyan-2);justify-content:center;align-items:center;gap:10px;margin:16px 0 4px;font-weight:700;display:flex}.ospin{border:2px solid #35f2ff40;border-top-color:var(--cyan);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite ospin}@keyframes ospin{to{transform:rotate(360deg)}}.pbox .name small.onl{color:#7dffb0;align-items:center;gap:4px;display:inline-flex}.pbox .name small.onl i{background:#7dffb0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #7dffb0}.pbox .name small.onl.away{color:#ffb347}.pbox .name small.onl.away i{background:#ffb347;animation:1s steps(2,end) infinite blink;box-shadow:0 0 6px #ffb347}@keyframes blink{50%{opacity:.25}}.tools .stampbtn{display:none}.hud.online .tools .stampbtn{display:grid}.hud.online .tools [data-t=hint]{display:none}.stamps{z-index:6;top:calc(60px + var(--safe-t));right:calc(12px + var(--safe-r));background:var(--panel-strong);width:min(300px,100vw - 24px);box-shadow:inset 0 0 0 1px var(--line-strong), 0 12px 30px #0009;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);grid-template-columns:1fr 1fr;gap:6px;padding:10px;display:grid;position:absolute}.stamps .chip{text-align:center;justify-content:center;padding:9px 6px;font-size:13.5px}.sbubble{z-index:8;pointer-events:none;white-space:nowrap;color:#06140c;background:linear-gradient(135deg,#b9ffd6,#7dffb0);border-radius:14px;padding:8px 16px;font-size:16px;font-weight:700;animation:3.4s both sbubble;position:absolute;transform:translate(-50%);box-shadow:0 6px 22px #00000080,0 0 18px #7dffb080}.sbubble.p0{color:#1a0614;background:linear-gradient(135deg,#ffd0f2,#ff9be4);transform:translate(-50%,-100%);box-shadow:0 6px 22px #00000080,0 0 18px #ff3fd073}@keyframes sbubble{0%{opacity:0;scale:.6}8%{opacity:1;scale:1.08}14%{scale:1}88%{opacity:1}to{opacity:0}}@media (max-width:520px){.online .omodes{grid-template-columns:1fr}.online .omode{grid-template-columns:auto 1fr;align-items:baseline;gap:10px}.online .oname{grid-template-columns:1fr}.online .ocodebig{gap:5px}.online .ocodebig span{width:42px;height:54px;font-size:28px}.online .ocodebig span:nth-child(3){margin-right:8px}.stamps{top:calc(50px + var(--safe-t));right:calc(8px + var(--safe-r))}}