@font-face{font-family:Dela Gothic One;font-style:normal;font-display:swap;font-weight:400;src:url(./dela-gothic-one-japanese-400-normal-De8ccvZQ.woff2)format("woff2"),url(./dela-gothic-one-japanese-400-normal-B8vM98KW.woff)format("woff")}@font-face{font-family:Dela Gothic One;font-style:normal;font-display:swap;font-weight:400;src:url(./dela-gothic-one-latin-400-normal-AgyGD05y.woff2)format("woff2"),url(./dela-gothic-one-latin-400-normal-qxqiosUh.woff)format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:500;src:url(./zen-kaku-gothic-new-japanese-500-normal-Ddd6B-De.woff2)format("woff2"),url(./zen-kaku-gothic-new-japanese-500-normal-NJ2o_-I0.woff)format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:700;src:url(./zen-kaku-gothic-new-japanese-700-normal-cK9DHEuw.woff2)format("woff2"),url(./zen-kaku-gothic-new-japanese-700-normal-CFB9h1Q4.woff)format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:900;src:url(./zen-kaku-gothic-new-japanese-900-normal-1g7WkMq8.woff2)format("woff2"),url(./zen-kaku-gothic-new-japanese-900-normal-CiBe0GPb.woff)format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:500;src:url(./zen-kaku-gothic-new-latin-500-normal-Dfjj7AIU.woff2)format("woff2"),url(./zen-kaku-gothic-new-latin-500-normal-BIfs0Bhs.woff)format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:700;src:url(./zen-kaku-gothic-new-latin-700-normal-Dgv0FPyh.woff2)format("woff2"),url(./zen-kaku-gothic-new-latin-700-normal-zPVyND5l.woff)format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:900;src:url(./zen-kaku-gothic-new-latin-900-normal-Br6kKb4x.woff2)format("woff2"),url(./zen-kaku-gothic-new-latin-900-normal-3FroWknk.woff)format("woff")}:root{--font-display:"Dela Gothic One", "Zen Kaku Gothic New", sans-serif;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif}*{box-sizing:border-box}html,body,#root{background:#050a1f;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}button{cursor:pointer;font-family:inherit}.viewport{background:#050a1f;position:fixed;inset:0;overflow:clip}.stage{color:#fff;width:844px;height:390px;font-family:var(--font-body);background:radial-gradient(70% 80% at 48%,#1f3f9e 0%,#132a72 40%,#0a1647 75%,#060d2e 100%);position:absolute;top:50%;left:50%;overflow:clip}.abs{position:absolute}.arena-bg{pointer-events:none;position:absolute;top:0;left:0}.table-wrap{perspective:760px;perspective-origin:50%;width:748px;height:266px;position:absolute;top:62px;left:6px}.table-plane{transform-origin:50%;position:absolute;inset:0;transform:rotateX(28deg)}.table-grid{background:repeating-linear-gradient(0deg,#78d2ff24 0 1px,#0000 1px 36px),repeating-linear-gradient(90deg,#78d2ff24 0 1px,#0000 1px 36px);border-radius:30px;position:absolute;inset:-40px -70px}.table-gold{border:2px solid #ffbe5a8c;border-radius:50%;position:absolute;inset:-8px 20px;box-shadow:0 0 18px #ffbe5a66,inset 0 0 18px #ffbe5a38}.table-mid{background:linear-gradient(90deg,#0000,#8cdcffe6,#0000);height:2px;position:absolute;top:132px;left:20px;right:20px;box-shadow:0 0 10px #8cdcffcc}.field-row{align-items:center;gap:12px;height:106px;padding:0 10px;display:flex;position:absolute;left:0;right:0}.field-row.top{top:8px}.field-row.bottom{bottom:8px}.breed{background:#ffa03c1f;border:1.5px dashed #ffbe6ebf;border-radius:8px;flex:none;justify-content:center;align-items:center;width:80px;height:106px;display:flex;position:relative;box-shadow:inset 0 0 18px #ffa03c4d}.breed-lb{text-align:center;color:#ffd29699;letter-spacing:.3em;margin-top:-8px;font-size:11px;font-weight:900;position:absolute;top:50%;left:0;right:0}.battle-area{background:#46aaff1a;border:1.5px solid #82d2ff80;border-radius:8px;flex:1;justify-content:center;align-items:center;height:106px;display:flex;position:relative;box-shadow:inset 0 0 20px #5abeff4d}.empty-lb{color:#a0d2ff73;letter-spacing:.3em;font-size:11px;font-weight:900}.cface{background:var(--bd);box-shadow:0 0 10px var(--glow);border-radius:6px;padding:2px;transition:transform .25s,opacity .25s,box-shadow .2s;position:relative}.cface img{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.cface .nm{text-align:center;word-break:break-word;background:#123;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;padding:2px;font-size:8px;font-weight:900;line-height:1.15;display:flex;overflow:hidden}.cface .nm .num{opacity:.75;font-size:7px}.cface.down{transform:rotate(90deg)scale(.78)}.cface.sel{box-shadow:0 0 0 2px #fff, 0 0 18px 5px var(--glow)}.cface.ready{box-shadow:0 0 0 1px #bfeaffe6,0 0 14px 3px #50c8ffb3}.cface.atk{box-shadow:0 0 0 2px #ffd24a,0 0 24px 6px #ffd24ad9}.cface.tgt{box-shadow:0 0 0 2px #ff3b3b,0 0 24px 6px #ff3b3bcc}.cface.cand{animation:.9s ease-in-out infinite pulse-gold}.cface.dim{opacity:.35}.stack{touch-action:none;width:68px;height:95px;position:relative}.stack .under{background:var(--bd);opacity:.55;width:68px;height:95px;box-shadow:0 0 6px var(--glow);border-radius:6px;position:absolute;top:-6px;left:5px}.stack .under2{z-index:-1;background:#bfeaff59;border-radius:6px;width:68px;height:95px;position:absolute;top:-6px;left:5px}.stack>.cface{position:absolute;top:0;left:0}.dp{height:18px;font-family:var(--font-display);text-align:center;color:#fff;text-shadow:0 0 6px #3ca8ff;pointer-events:none;background:linear-gradient(#050a2899,#050a28eb);border-radius:0 0 4px 4px;font-size:13px;line-height:18px;position:absolute;bottom:2px;left:2px;right:2px}.dp.up{color:#b8ffcf;text-shadow:0 0 6px #22d36b}.dp.down{color:#ffb0b0;text-shadow:0 0 6px #ff3b3b}.src-badge{min-width:18px;height:18px;font-family:var(--font-display);text-align:center;color:#fff;pointer-events:none;background:radial-gradient(circle at 40% 35%,#ffd08a,#ff8a2a 55%,#b83e0a);border:1.5px solid #ffe2a8;border-radius:9px;padding:0 3px;font-size:10px;line-height:15px;position:absolute;top:-6px;right:-6px}.zone-badge{color:#bfeaff;white-space:nowrap;pointer-events:none;background:#0c1a3dd9;border:1px solid #7fd4ff;border-radius:5px;padding:1px 4px;font-size:8px;font-weight:700;position:absolute;top:2px;left:2px}.hand-item{transform-origin:50% 130%;touch-action:none;width:58px;height:81px;transition:transform .2s;position:absolute}.hand-fan{touch-action:none}.hand-fan.expanded{z-index:60}.hand-fan.expanded .hand-item{transition:left .2s,transform .2s}.hand-expand-bg{pointer-events:none;background:#060c24bf;border:1px solid #a0d2ff59;border-radius:10px;position:absolute;inset:-14px;box-shadow:0 -6px 24px #00000080}.cback{background:radial-gradient(circle,#3a5cc8 0 26%,#122266 27% 100%);border:1px solid #8fd0ff;border-radius:3px;position:relative;box-shadow:0 0 5px #78c8ff8c}.cback.deck{border:2px solid #bfe6ff;border-radius:5px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #78c8ff99}.cback.deck span{font-family:var(--font-display);color:#fff;text-shadow:0 0 6px #1d5fd6;font-size:16px}.cback.tama{background:radial-gradient(circle at 50% 45%,#ffcf7a 0 22%,#8a3d0f 23% 100%);border-color:#ffd8a0;box-shadow:0 0 10px #ffaa5099}.cback.tama span{text-shadow:0 0 6px #b84a0a}.piles{gap:6px;display:flex;position:absolute;left:6px}.pile{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.pile .lb{color:#cfe8ff;font-size:8px;font-weight:900}.pile.trash{color:#fff;background:0 0;border:none;padding:0}.pile.trash .cface{box-shadow:0 0 8px var(--glow)}.pile.trash .cnt{text-align:center;width:40px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:1px #3a1060;paint-order:stroke fill;text-shadow:0 0 6px #b36bff;pointer-events:none;font-size:16px;position:absolute;top:16px;left:0}.trash-empty{background:#783cc826;border:1.5px dashed #c8a0ff99;border-radius:5px;width:36px;height:50px}.plate{width:190px;height:64px;position:absolute;left:320px}.plate.top{top:2px}.plate.bottom{top:326px}.plate.targetable{cursor:pointer;filter:drop-shadow(0 0 10px #ff3b3b)drop-shadow(0 0 4px #ff3b3b);animation:.9s ease-in-out infinite pulse}.plate-bg{width:90px;height:48px;position:absolute;left:50px}.plate.top .plate-bg{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:linear-gradient(#ff6fb0 0%,#b3226e 100%);top:0}.plate.bottom .plate-bg{clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);background:linear-gradient(#4fc0ff 0%,#1a4fbf 100%);height:50px;top:14px}.name-plate{width:110px;height:18px;font-family:var(--font-display);color:#1b2a5c;background:linear-gradient(#fff,#d6e4f5);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;left:40px}.plate.top .name-plate{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);top:36px}.plate.bottom .name-plate{clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);top:14px}.hex-clip{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.badge-hex{background:#bfeaff;border:none;width:46px;height:42px;padding:0;position:absolute}.badge-hex>div{font-family:var(--font-display);color:#fff;background:radial-gradient(circle,#3fa6ff 0%,#1543a8 80%);justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:3px}.plate.top .badge-hex{top:4px;left:2px}.plate.bottom .badge-hex{top:12px;left:144px}.badge-dia{pointer-events:none;background:linear-gradient(135deg,#fff,#9aa9c4);width:28px;height:28px;padding:2px;position:absolute;transform:rotate(45deg)}.badge-dia>div{background:linear-gradient(135deg,#2b3a6e,#121c40);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.badge-dia span{font-family:var(--font-display);color:#fff;font-size:14px;transform:rotate(-45deg)}.plate.top .badge-dia{top:10px;left:150px}.plate.bottom .badge-dia{top:20px;left:8px}.tiny-label{color:#bfeaff;white-space:nowrap;pointer-events:none;font-size:7px;font-weight:900;position:absolute}.plate.top .tiny-label.sec{top:47px;left:0}.plate.top .tiny-label.hand{color:#dfe6f5;top:47px;left:152px}.plate.bottom .tiny-label.sec{top:2px;left:144px}.plate.bottom .tiny-label.hand{color:#dfe6f5;top:4px;left:10px}.sec-mini{pointer-events:none;display:flex;position:absolute}.sec-mini .cback{border-radius:2px}.memory{z-index:5;pointer-events:none;background:#050a288c;border-radius:11px;align-items:center;gap:2px;height:22px;padding:0 4px;display:flex;position:absolute;top:181px;left:172px;box-shadow:0 0 12px #50a0ff59}.mlb{white-space:nowrap;margin:0 3px;font-size:8px;font-weight:900}.mlb.opp{color:#ffb8da}.mlb.own{color:#a8dcff}.mcell{text-align:center;color:#fff9;border-radius:3px;width:16px;height:16px;font-size:8px;font-weight:900;line-height:14px;position:relative}.mcell.opp{background:#ff4fa340;border:1px solid #ff8cc873}.mcell.own{background:#3fa6ff40;border:1px solid #8cc8ff80}.mcell.zero{color:#fff;background:#ffffff40;border:1px solid #ffffffb3}.mcell .orb{z-index:2;width:28px;height:28px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:1px #7a2a00;paint-order:stroke fill;background:radial-gradient(circle at 40% 35%,#ffd08a 0%,#ff8a2a 45%,#b83e0a 100%);border:2px solid #ffe2a8;border-radius:50%;margin:-14px 0 0 -14px;font-size:13px;line-height:24px;transition:left .3s;position:absolute;top:50%;left:50%;box-shadow:0 0 14px #ff8c28e6}.left-col{z-index:10;pointer-events:none;flex-direction:column;gap:6px;width:168px;height:258px;display:flex;position:absolute;top:66px;left:4px}.left-col>*{pointer-events:auto}.reminder{background:#081030f0;border:1px solid #ffd24a;flex:none;margin-right:6px;animation:.3s ease-out slide-in;box-shadow:0 0 14px #ffd24a73}.reminder .head{background:linear-gradient(90deg,#8a5a05,#d99a1a);flex-wrap:wrap;align-items:center;gap:2px 4px;padding:3px 6px;display:flex}.reminder .who{font-family:var(--font-display);font-size:10px}.reminder .nm{white-space:nowrap;text-overflow:ellipsis;flex:1 0 auto;min-width:0;max-width:100%;font-size:10px;font-weight:900;overflow:hidden}.reminder .lb{color:#5a3a00;white-space:normal;background:#fff3c4;border-radius:7px;padding:1px 5px;font-size:8px;font-weight:900;line-height:1.3}.reminder .x{scrollbar-width:none;max-height:116px;padding:5px 7px;font-size:10px;font-weight:700;line-height:1.4;overflow-y:auto}.reminder .foot{justify-content:flex-end;align-items:center;gap:6px;padding:0 6px 6px;display:flex}.reminder .foot .wait{color:#ffe08a;text-align:right;font-size:10px;font-weight:700}.reminder .head .lb{color:#ffe08a;font-size:9px;font-weight:900}.picker{flex-direction:column;gap:4px;padding:0 6px 6px;display:flex}.pick-chip{text-align:left;white-space:normal;color:#fff;background:linear-gradient(#285ac8f2,#0e226ef2);border:1px solid #b4e1ffd9;border-radius:4px;align-items:center;gap:5px;padding:4px 6px;font-size:10px;font-weight:900;line-height:1.3;display:flex}.reminder .more-n{color:#ffe08a;font-size:9px}.reminder .chip{width:76px}.pending-thumb{object-fit:cover;border:1px solid #fff3c4;border-radius:3px;flex:none;width:20px;height:20px}.pick-chip.held{background:linear-gradient(#78500af2,#3c2805f2);border-color:#ffd24ad9}.reminder .head .chip{width:auto;padding:1px 6px;font-size:8px}.detail{flex-direction:column;flex:1;min-height:0;display:flex}.detail .head{clip-path:polygon(0 0,100% 0,93% 100%,0 100%);background:linear-gradient(90deg,#0b1740,#243f96);flex:none;align-items:center;gap:6px;height:26px;padding-left:6px;display:flex}.detail .head .cost{width:20px;height:20px;font-family:var(--font-display);color:#fff;box-shadow:0 0 6px var(--glow);background:#0b1230;border:1.5px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;display:flex}.detail .head .nm{color:#fff;white-space:nowrap;text-overflow:ellipsis;padding-right:12px;font-size:12px;font-weight:900;overflow:hidden}.detail .art{background:#0a1647;flex:none;height:80px;position:relative;overflow:hidden}.detail .art:after{content:"";background:var(--bd);width:3px;position:absolute;top:0;bottom:0;right:0}.detail .art img{opacity:.9;width:100%;position:absolute;top:-36px;left:0}.detail .art .col-k{font-family:var(--font-display);color:#fff;-webkit-text-stroke:2px #0b1740;paint-order:stroke fill;font-size:20px;line-height:1;position:absolute;top:4px;right:8px}.detail .art .stats{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:4px;left:8px}.detail .art .stats>div{flex-direction:column;display:flex}.detail .art .stats .lb{color:#d6ecff;text-shadow:0 0 3px #000;font-size:8px;font-weight:900}.detail .art .stats .v{font-family:var(--font-display);color:#fff;-webkit-text-stroke:1.5px #0b1740;paint-order:stroke fill;font-size:20px;line-height:1}.detail .boxes{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.detail .boxes::-webkit-scrollbar{display:none}.detail .box{clip-path:polygon(0 0,94% 0,100% 16px,100% 100%,0 100%);background:#081030e0;border:1px solid #a0d2ff73;margin-top:4px;margin-right:10px;padding:5px 8px}.detail .box.inh{border-color:#ffaa7899}.detail .box .t{color:#7fd4ff;font-size:9px;font-weight:900}.detail .box.inh .t{color:#ffb48a}.detail .box .x{color:#fff;font-size:10px;font-weight:700;line-height:1.4}.detail .more{clip-path:polygon(0 0,100% 0,92% 100%,0 100%);color:#152a66;background:linear-gradient(90deg,#e6f3ff,#9fc9ef);border:none;flex:none;align-items:center;gap:6px;width:150px;height:24px;margin-top:4px;padding-left:8px;font-size:10px;font-weight:900;display:flex}.sq-btn{background:#0a1646d9;border:1px solid #b4e1ffcc;border-radius:6px;justify-content:center;align-items:center;width:36px;height:32px;padding:0;display:flex;position:absolute;box-shadow:0 0 8px #78c8ff80}.phase-banner{clip-path:polygon(10% 0,100% 0,100% 100%,10% 100%,0 50%);background:linear-gradient(90deg,#f2f9ff 0%,#b5dcff 100%);flex-direction:column;justify-content:center;width:160px;height:46px;padding-left:24px;animation:.45s ease-out banner-in;display:flex;position:absolute;top:92px;left:650px}.phase-banner .ph{font-family:var(--font-display);color:#16338a;white-space:nowrap;font-size:15px;line-height:1.1}.phase-banner .tn{color:#3a5aa8;white-space:nowrap;font-size:9px;font-weight:900}.turn-btn{filter:drop-shadow(0 0 10px #50c8ffe6);background:0 0;border:none;width:80px;height:72px;padding:0;position:absolute;top:240px;left:758px}.turn-btn:disabled{filter:grayscale(.7)drop-shadow(0 0 4px #50c8ff66);opacity:.55;cursor:default}.turn-btn .o{background:#dff6ff;width:80px;height:72px;position:absolute;top:0;left:0}.turn-btn .i{text-align:center;background:linear-gradient(160deg,#5fd8ff 0%,#1d6fe0 55%,#0f2f8f 100%);justify-content:center;align-items:center;width:72px;height:64px;display:flex;position:absolute;top:4px;left:4px}.turn-btn.armed .i{background:linear-gradient(160deg,#ffd08a 0%,#e0701d 55%,#8f2f0f 100%)}.turn-btn .i span{font-family:var(--font-display);color:#fff;-webkit-text-stroke:1px #0b2466;paint-order:stroke fill;white-space:pre-line;font-size:15px;line-height:1.15}.turn-btn.armed .i span{-webkit-text-stroke-color:#5a1c00;font-size:11px}.chips{grid-template-columns:1fr 1fr;gap:4px;width:160px;display:grid;position:absolute;top:144px;left:650px}.chip{color:#fff;text-align:center;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;background:linear-gradient(#285ac8f2,#0e226ef2);border:1px solid #b4e1ffd9;border-radius:4px;min-height:24px;padding:2px 6px;font-size:10px;font-weight:900;line-height:1.2;box-shadow:0 0 8px #78c8ff80}.chip.gold{background:linear-gradient(#d99a1a,#8a5a05);border-color:#ffe08a;box-shadow:0 0 8px #ffd24a99}.chip.red{background:linear-gradient(#b52a2a,#5a0f0f);border-color:#ff9c9c}.chip:disabled{opacity:.4;cursor:default}.hint{color:#ffe08a;text-shadow:0 0 6px #000000e6;text-align:right;grid-column:1/-1;font-size:10px;font-weight:900}.chips .chip{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-box-orient:vertical;justify-content:center;align-items:center;height:32px;display:-webkit-box;overflow:hidden}.atk-panel{z-index:40;text-align:center;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(#3c141ef2,#14081ef2);border:1px solid #ff8a8a;flex-direction:column;align-items:center;gap:6px;width:220px;padding:8px 10px;animation:.2s ease-out fade-in;display:flex;position:absolute;top:150px;left:305px;box-shadow:0 0 24px #ff3b3b80}.atk-panel.reveal{top:64px}.atk-panel .title{font-family:var(--font-display);color:#ffd0d0;letter-spacing:.06em;font-size:15px}.atk-panel .sub{color:#ffe6e6;font-size:10px;font-weight:700;line-height:1.4}.atk-panel .chip{min-width:110px}.atk-panel .row{gap:6px;display:flex}.atk-panel .checks{align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.atk-panel .checks b{font-family:var(--font-display);color:#ffd24a;margin:0 2px;font-size:18px}.atk-panel .flip{animation:.5s ease-out flip-in}.icon-btn{color:#fff;background:#0a1646d9;border:1px solid #b4e1ff99;border-radius:4px;width:22px;height:22px;padding:0;font-size:13px;line-height:1}.search-panel{z-index:40;text-align:center;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(#142c5af7,#08123cf7);border:1px solid #7fd4ff;flex-direction:column;align-items:center;gap:6px;width:310px;padding:8px 10px;animation:.2s ease-out fade-in;display:flex;position:absolute;top:60px;left:262px;box-shadow:0 0 24px #50a0ff80}.search-panel .title{font-family:var(--font-display);color:#dff2ff;letter-spacing:.05em;font-size:14px}.search-panel .sub{color:#cfe8ff;font-size:10px;font-weight:700;line-height:1.4}.search-panel .cards{gap:8px;display:flex}.search-panel .one{flex-direction:column;align-items:center;gap:3px;display:flex}.search-panel .one .row{gap:3px;display:flex}.search-panel .one .chip{min-height:20px;padding:1px 5px;font-size:9px}.ribbon{z-index:45;pointer-events:none;background:linear-gradient(90deg,#286eff00 0%,#286effcc 20%,#6ebeffeb 50%,#286effcc 80%,#286eff00 100%);justify-content:center;align-items:center;width:560px;height:34px;animation:1.6s ease-out forwards ribbon;display:flex;position:absolute;top:178px;left:140px;box-shadow:0 0 24px #50a0ff99}.ribbon span{font-family:var(--font-display);color:#fff;-webkit-text-stroke:1.5px #1a3fa8;paint-order:stroke fill;letter-spacing:.08em;white-space:nowrap;font-size:22px;font-style:italic;transform:skew(-10deg)}.toast{z-index:60;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#0a1646f2;border:1px solid #b4e1ffcc;border-radius:16px;max-width:90%;padding:6px 16px;font-size:12px;font-weight:900;animation:.15s fade-in;position:absolute;top:24px;left:50%;overflow:hidden;transform:translate(-50%)}.action-banner{color:#fff;text-shadow:0 1px 2px #0009;z-index:55;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#d99a1a,#8a5a05);border:1px solid #ffd24a;border-radius:14px;max-width:94%;padding:5px 18px;font-size:12px;font-weight:900;position:absolute;top:2px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 10px #ffd24a80}.crash{text-align:center;background:#0d1b2a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.crash .title{font-family:var(--font-display);color:#ffb0b0;font-size:18px}.crash .msg{color:#9fc4ee;word-break:break-word;max-width:500px;font-size:11px}.backdrop{z-index:50;background:#03081eb8;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:absolute;inset:0}.dialog{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(#142c78fa,#08123cfa);border:1px solid #a0d2ff99;min-width:300px;max-width:620px;max-height:360px;padding:14px 18px 16px;position:relative;overflow:auto;box-shadow:0 0 30px #50a0ff80}.dialog.wide{width:620px}.dialog h3,.zoom h3{color:#fff;letter-spacing:.04em;margin:0 0 8px;font-size:15px;font-weight:900}.dialog h3 .tag{color:#3a2a00;vertical-align:middle;background:#ffd24a;border-radius:9px;margin-left:8px;padding:1px 8px;font-size:10px}.dialog h4{color:#7fd4ff;letter-spacing:.06em;margin:10px 0 6px;font-size:11px;font-weight:900}.dialog p{color:#e6f2ff;margin:6px 0;font-size:13px;font-weight:700;line-height:1.6}.sub{color:#9fc4ee;font-size:10px;font-weight:700}.dialog p.sub{font-size:10px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.edit-row{flex-wrap:wrap;gap:6px;display:flex}.card-grid{flex-wrap:wrap;gap:8px;display:flex}.card-grid>div{cursor:pointer}.card-grid .top-card .cface{box-shadow:0 0 0 2px #ffd24a, 0 0 12px var(--glow)}.status-list{flex-wrap:wrap;gap:6px;display:flex}.status-chip{color:#152a66;background:linear-gradient(#ffe9a8,#ffcf6b);border:1px solid #ffdb8a;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.log-list{color:#dfeaff;font-size:11px;line-height:1.6}.log-list .turn{color:#7fd4ff;margin-top:4px;font-weight:900}.stepper{justify-content:center;align-items:center;gap:12px;margin:6px 0;display:flex}.stepper .v{text-align:center;min-width:40px;font-family:var(--font-display);font-size:24px}.zoom{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(#142c78fa,#08123cfa);border:1px solid #a0d2ff99;gap:14px;max-width:640px;padding:12px;display:flex;box-shadow:0 0 30px #50a0ff80}.zoom-text{width:340px;max-height:330px;overflow-y:auto}.ctext{flex-direction:column;gap:4px;display:flex}.ctext .eff{background:#081030b3;border-left:3px solid #7fd4ff;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.5}.ctext .eff.inh{border-left-color:#ffb48a}.ctext .eff .t{color:#7fd4ff;margin-right:6px;font-size:9px;font-weight:900;display:inline-block}.ctext .eff.inh .t{color:#ffb48a}.btn{text-align:center;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;color:#fff;background:linear-gradient(#3264dcf2,#0e226ef2);border:1px solid #b4e1ffd9;border-radius:4px;min-height:30px;padding:4px 16px;font-size:12px;font-weight:900;line-height:1.25;box-shadow:0 0 8px #78c8ff66}.btn.primary{background:linear-gradient(160deg,#5fd8ff 0%,#1d6fe0 55%,#0f2f8f 100%);border-color:#dff6ff}.btn.gold{background:linear-gradient(#d99a1a,#8a5a05);border-color:#ffe08a}.btn.danger{background:linear-gradient(#b52a2a,#5a0f0f);border-color:#ff9c9c}.btn:disabled{opacity:.4;cursor:default}.btn.sm{min-height:26px;padding:2px 10px;font-size:11px}.home-title{text-align:center;position:absolute;top:90px;left:0;right:0}.home-title .t{font-family:var(--font-display);letter-spacing:.08em;color:#fff;-webkit-text-stroke:2px #0d3a7a;paint-order:stroke fill;text-shadow:0 0 24px #78c8ffe6;font-size:40px}.home-title .s{letter-spacing:.3em;color:#bfe0ff;margin-top:4px;font-size:12px;font-weight:900}.beta-badge{vertical-align:middle;font-family:var(--font-body);letter-spacing:.05em;color:#0a1647;-webkit-text-stroke:0;text-shadow:none;background:linear-gradient(#ffe08a,#d99a1a);border-radius:10px;margin-left:8px;padding:3px 8px;font-size:11px;font-weight:900;display:inline-block}.home-menu{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:176px;left:0;right:0}.home-menu .btn{width:220px;min-height:34px;font-size:14px}.intro-page{color:#fff;font-family:var(--font-body);-webkit-user-select:text;user-select:text;background:#050a1f radial-gradient(90% 50% at 50% 0,#1f3f9e 0%,#132a72 38%,#0a1647 68%,#050a1f 100%);position:fixed;inset:0;overflow-y:auto}.lp-eyebrow{color:#7fd4ff;letter-spacing:.08em;margin:0 0 10px;font-size:12px;font-weight:900}.lp-title{font-family:var(--font-display);letter-spacing:.05em;color:#fff;-webkit-text-stroke:1.5px #0d3a7a;paint-order:stroke fill;text-shadow:0 0 28px #78c8ffd9;margin:0 0 14px;font-size:48px}.lp-lead{color:#ffffffd9;max-width:440px;margin:0 0 24px;font-size:15px;line-height:1.8}.lp-cta{letter-spacing:.1em;min-height:48px;padding:0 36px;font-size:16px;box-shadow:0 0 20px #50a0ff8c}.lp-notice{color:#ffe08a;background:#d99a1a1f;border:1px solid #ffe08a66;border-radius:6px;max-width:440px;margin:14px 0 0;padding:10px 14px;font-size:12px;line-height:1.7}.lp-hero{align-items:center;gap:48px;max-width:1080px;margin:0 auto;padding:56px 24px 40px;display:flex}.lp-hero-text{flex:380px;min-width:280px}.lp-hero-shot{flex:420px;min-width:260px}.lp-hero-shot img{border:1px solid #a0d2ff59;border-radius:10px;width:100%;display:block;box-shadow:0 0 32px #3c78ff40}.lp-section{max-width:1080px;margin:0 auto;padding:36px 24px}.lp-h2{color:#fff;text-align:center;letter-spacing:.04em;font-size:20px;font-family:var(--font-display);margin:0 0 24px;font-weight:400}.lp-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.lp-feature{background:#081030d1;border:1px solid #a0d2ff59;border-radius:10px;padding:20px;box-shadow:0 0 16px #3c78ff1f}.lp-feature h3{color:#7fd4ff;margin:0 0 8px;font-size:14px}.lp-feature p{color:#ffffffd1;margin:0;font-size:13px;line-height:1.7}.lp-shots{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.lp-shots figure{margin:0}.lp-shots img{border:1px solid #a0d2ff4d;border-radius:8px;width:100%;display:block;box-shadow:0 0 16px #3c78ff26}.lp-shots figcaption{text-align:center;color:#bfe0ff;letter-spacing:.05em;margin-top:8px;font-size:12px}.lp-steps{flex-direction:column;gap:14px;max-width:560px;margin:0 auto;padding:0;list-style:none;display:flex}.lp-steps li{background:#08103099;border:1px solid #a0d2ff40;border-radius:8px;grid-template-columns:32px 1fr;gap:2px 14px;padding:12px 16px;display:grid}.lp-step-no{background:linear-gradient(160deg,#5fd8ff 0%,#1d6fe0 55%,#0f2f8f 100%);border-radius:50%;grid-row:1/3;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex}.lp-step-t{color:#fff;font-size:14px;font-weight:900}.lp-step-d{color:#ffffffbf;font-size:12px;line-height:1.6}.lp-cta-bottom{text-align:center}.lp-footer{max-width:1080px;margin:0 auto;padding:24px 24px 56px}.lp-footer ul{margin:0;padding-left:18px}.lp-footer li{color:#c8dcff99;font-size:11px;line-height:1.8}.lp-version{color:#c8dcff66;letter-spacing:.05em;margin:14px 0 0;font-size:10px}.home-version{color:#ffffff59;letter-spacing:.03em;font-size:9px;position:absolute;bottom:4px;right:8px}@media (width<=760px){.lp-hero{text-align:center;flex-direction:column;padding-top:40px}.lp-hero-text,.lp-hero-shot{flex:none;width:100%;min-width:0}.lp-lead{margin-left:auto;margin-right:auto}.lp-title{font-size:36px}}.lp-footer-links{flex-wrap:wrap;gap:18px;margin-top:14px;display:flex}.lp-footer-links a{color:#7fd4ff;letter-spacing:.03em;font-size:11px;text-decoration:underline}.lp-footer-links a:hover{color:#bfe0ff}.invite-gate{color:#fff;font-family:var(--font-body);background:#050a1f radial-gradient(90% 50% at 50% 0,#1f3f9e 0%,#132a72 38%,#0a1647 68%,#050a1f 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.invite-box{text-align:center;background:#081030d9;border:1px solid #a0d2ff59;border-radius:10px;width:100%;max-width:320px;padding:28px 24px;box-shadow:0 0 24px #3c78ff33}.invite-title{font-family:var(--font-display);margin:0 0 10px;font-size:18px;font-weight:400}.invite-lead{color:#ffffffc7;margin:0 0 18px;font-size:12px;line-height:1.7}.invite-input{text-align:center;letter-spacing:.1em;width:100%;min-height:40px;margin-bottom:10px;font-size:14px}.invite-error{color:#ff9c9c;margin:0 0 10px;font-size:11px}.invite-submit{width:100%;min-height:42px}.legal-inner{max-width:720px;margin:0 auto;padding:32px 24px 56px}.legal-back{color:#7fd4ff;margin-bottom:20px;font-size:12px;display:inline-block}.legal-title{font-family:var(--font-display);margin:0 0 6px;font-size:24px;font-weight:400}.legal-updated{color:#c8dcff99;margin:0 0 28px;font-size:11px}.legal-section{margin-bottom:22px}.legal-section h2{color:#7fd4ff;letter-spacing:.04em;border-left:3px solid #4fd6ff;margin:0 0 10px;padding-left:10px;font-size:14px;font-weight:900}.legal-section p,.legal-section li{color:#ffffffd9;font-size:13px;line-height:1.8}.legal-section ul{margin:0;padding-left:20px}.legal-section li+li{margin-top:6px}.lp-ad-test{color:#bee0ffbf;letter-spacing:.05em;background:#3264dc1f;border:1px dashed #7fd4ff80;border-radius:6px;justify-content:center;align-items:center;max-width:728px;height:90px;margin:0 auto;padding:0 24px;font-size:11px;display:flex}.home-ad-test{color:#ffffffbf;letter-spacing:.05em;text-align:center;background:#ffffff1f;border:1px dashed #ffffff80;border-radius:4px;justify-content:center;align-items:center;width:160px;height:160px;padding:0 8px;font-size:11px;display:flex;position:absolute;top:200px;left:560px}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.topbar{flex:none;align-items:center;gap:10px;height:36px;padding:0 10px;display:flex}.topbar h2{font-family:var(--font-display);letter-spacing:.05em;color:#fff;text-shadow:0 0 10px #50a0ffe6;flex:1;margin:0;font-size:15px;font-weight:400}.feedback-link{white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.screen-body{flex:1;gap:8px;min-height:0;padding:0 10px 10px;display:flex}.panel{background:#081030d1;border:1px solid #a0d2ff66;border-radius:6px;min-height:0;padding:6px 8px;overflow:auto}.panel h4{color:#7fd4ff;letter-spacing:.05em;margin:0 0 6px;font-size:10px;font-weight:900}.field{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.field label{color:#9fc4ee;font-size:9px;font-weight:900}.row{gap:6px;display:flex}.row>*{flex:1;min-width:0}input[type=text],select{color:#fff;background:#040a24e6;border:1px solid #a0d2ff73;border-radius:4px;height:24px;padding:0 6px;font-size:11px}textarea.memo{color:#fff;resize:vertical;background:#040a24e6;border:1px solid #a0d2ff73;border-radius:4px;width:100%;padding:6px;font-family:inherit;font-size:11px}.list-item{background:#1e3c964d;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;margin-bottom:3px;padding:3px 5px;display:flex}.list-item.on{background:#285ad280;border-color:#7fd4ff}.list-item .nm{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10px;font-weight:900;overflow:hidden}.list-item .st{color:#9fc4ee;white-space:nowrap;font-size:9px}.record-list{flex-direction:column;gap:6px;display:flex}.record-item{cursor:pointer;background:#142c6e8c;border:1px solid #a0d2ff59;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.record-item:active{background:#285ad299}.record-item .main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.record-item .title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.record-item .title .vs{color:#9fc4ee;margin:0 4px;font-size:10px;font-weight:700}.record-item .meta{color:#9fc4ee;font-size:10px;font-weight:700}.record-item .memo-preview{color:#cfe0ff;opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.wbadge{white-space:nowrap;text-align:center;color:#3a2a00;background:linear-gradient(#ffe08a,#d99a1a);border:1px solid #ffe8b0;border-radius:6px;flex:none;padding:4px 8px;font-size:10px;font-weight:900}.wbadge.draw{color:#e6f2ff;background:linear-gradient(#3c508ce6,#141e46e6);border-color:#a0d2ff80}.record-item .play-btn{flex:none;min-height:36px;padding:4px 14px;font-size:12px}.icon-btn{color:#fff;background:#0a1646d9;border:1px solid #b4e1ff99;border-radius:4px;flex:none;width:20px;height:20px;padding:0;font-size:12px;line-height:1}.msg{color:#ffb0b0;min-height:12px;font-size:10px;font-weight:700}.empty{color:#9fc4ee;font-size:10px;line-height:1.6}.seg{gap:4px;margin-bottom:6px;display:flex}.seg button{color:#9fc4ee;background:#0a1646b3;border:1px solid #a0d2ff80;border-radius:4px;flex:1;min-height:24px;padding:2px 4px;font-size:10px;font-weight:900;line-height:1.2}.seg button.on{color:#fff;background:linear-gradient(#2f66d8,#143a9c);border-color:#dff6ff}.seg-label{color:#9fc4ee;font-size:10px;font-weight:900}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.5)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 1px #ffd24a,0 0 10px 2px #ffd24a80}50%{box-shadow:0 0 0 2px #ffd24a,0 0 22px 6px #ffd24ae6}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@keyframes banner-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes ribbon{0%{opacity:0;transform:scaleX(.2)}14%{opacity:1;transform:scaleX(1)}80%{opacity:1}to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateY(90deg)scale(.8)}to{opacity:1;transform:none}}.replay-bar{z-index:70;background:#050a28e0;border:1px solid #b4e1ff99;border-radius:18px;align-items:center;gap:8px;padding:4px 12px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #50a0ff80}.replay-bar button{color:#fff;background:linear-gradient(#3264dcf2,#0e226ef2);border:1px solid #b4e1ffd9;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;line-height:1;display:flex}.replay-bar button.main{background:linear-gradient(160deg,#5fd8ff 0%,#1d6fe0 55%,#0f2f8f 100%)}.replay-bar button:disabled{opacity:.35}.replay-bar .info{color:#dfeaff;white-space:nowrap;font-size:9px;font-weight:900}.mini-row{flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:3px;display:flex}.mini{color:#9fc4ee;white-space:nowrap;background:#0a1646b3;border:1px solid #a0d2ff80;border-radius:4px;flex:none;min-width:0;height:22px;padding:0 6px;font-size:10px;font-weight:900;line-height:1}.mini.on{color:#fff;background:linear-gradient(#2f66d8,#143a9c);border-color:#dff6ff}.mini-dot{border-radius:10px;flex:none;width:20px;height:20px;padding:0}