html,body{margin:0;padding:0;background:#0d1117}.sf-game{background:linear-gradient(180deg,#131a22,#0d1117);border-radius:14px;color:#e8e4da;padding:18px 14px 22px;font-family:inherit}.sf-title{font-size:34px;font-weight:800;letter-spacing:6px;text-align:center;color:#e8b04b;margin-top:4px}.sf-subtitle{text-align:center;color:#9aa4ae;font-size:14px;margin:2px 0 14px}.sf-hero{width:100%;border-radius:10px;display:block;margin-bottom:14px}.sf-panel{background:#ffffff0a;border:1px solid rgba(232,176,75,.18);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.sf-panel h2{margin:0;font-size:19px;color:#e8b04b}.sf-center{text-align:center;align-items:center}.sf-hint{color:#9aa4ae;font-size:13px;line-height:1.45;margin:0}.sf-nickrow{display:flex;justify-content:space-between;align-items:center;font-size:14px}.sf-zlabel{font-size:13px;color:#9aa4ae;margin-top:2px}.sf-btn{border:none;border-radius:10px;padding:13px 16px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit}.sf-btn:disabled{opacity:.45;cursor:default}.sf-btn-main{background:#e8b04b;color:#191204}.sf-btn-alt{background:#2a3644;color:#e8e4da}.sf-btn-ghost{background:transparent;color:#9aa4ae;font-weight:500;padding:8px;font-size:14px}.sf-btn-small{padding:7px 12px;font-size:13px;background:#2a3644;color:#e8e4da}.sf-wargrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sf-warcard{background:#1a222c;border:2px solid transparent;border-radius:10px;padding:0 0 6px;overflow:hidden;cursor:pointer;color:#e8e4da;font-size:12px;font-family:inherit;display:flex;flex-direction:column;gap:4px;align-items:center}.sf-warcard img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block}.sf-warcard.is-sel{border-color:#e8b04b}.sf-zones{display:flex;flex-direction:column;gap:8px}.sf-zrow{display:flex;gap:8px;flex-wrap:wrap}.sf-zone{flex:1;min-width:90px;padding:12px 8px;border-radius:10px;border:2px solid #2a3644;background:#1a222c;color:#e8e4da;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.sf-zone.is-sel{border-color:#e8b04b;background:#2c2413}.sf-zone-atk.is-sel{border-color:#d9534f;background:#33171518;background:#33201c}.sf-zone-def.is-sel{border-color:#4f9dd9;background:#1c2833}.sf-vsrow{display:flex;align-items:center;justify-content:space-between;gap:8px}.sf-fighter{flex:1;text-align:center}.sf-fighter img{width:100%;max-width:150px;border-radius:10px;aspect-ratio:2 / 3;object-fit:cover}.sf-vsrow-compact .sf-fighter img{max-width:96px}.sf-flip{transform:scaleX(-1)}.sf-fname{font-weight:700;font-size:14px;margin-top:4px}.sf-fwar{font-size:12px;color:#9aa4ae}.sf-vsbadge{font-weight:800;color:#e8b04b;font-size:15px;background:#e8b04b1f;border-radius:999px;padding:8px 12px;white-space:nowrap}.sf-fighter-empty{border:2px dashed #2a3644;border-radius:10px;min-height:140px;display:flex;align-items:center;justify-content:center}.sf-waiting{color:#9aa4ae;font-size:14px;text-align:center;animation:sf-pulse 1.6s ease-in-out infinite}@keyframes sf-pulse{0%,to{opacity:.5}50%{opacity:1}}.sf-qr{width:190px;height:190px;display:block;margin:0 auto;border-radius:8px}.sf-linkrow{display:flex;gap:8px}.sf-linkrow input{flex:1;min-width:0;background:#10161d;border:1px solid #2a3644;border-radius:8px;color:#9aa4ae;font-size:11px;padding:8px;font-family:inherit}.sf-netstatus{font-size:12px;color:#9aa4ae;text-align:right}.sf-net-online{color:#7bc47f}.sf-net-limited,.sf-net-retrying{color:#e8b04b}.sf-banner{border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}.sf-banner-warn{background:#e8b04b1f;border:1px solid rgba(232,176,75,.4);color:#e8b04b}.sf-banner-bad{background:#d9534f1f;border:1px solid rgba(217,83,79,.45);color:#e8908d}.sf-score{display:flex;align-items:center;justify-content:center;gap:12px}.sf-score-num{font-weight:800;font-size:18px;color:#e8b04b}.sf-pips{display:inline-flex;gap:4px}.sf-pip{width:10px;height:10px;border-radius:50%;background:#2a3644;display:inline-block}.sf-pip.is-on{background:#e8b04b}.sf-reveal{border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.sf-reveal-title{font-size:17px;font-weight:800}.sf-reveal-row{font-size:14px;line-height:1.4}.sf-reveal-me{background:#7bc47f24;border:1px solid rgba(123,196,127,.5)}.sf-reveal-peer{background:#d9534f24;border:1px solid rgba(217,83,79,.5)}.sf-reveal-both{background:#e8b04b1f;border:1px solid rgba(232,176,75,.5)}.sf-reveal-none{background:#9aa4ae1a;border:1px solid rgba(154,164,174,.4)}.sf-final{text-align:center;display:flex;flex-direction:column;gap:10px;padding:8px 0}.sf-final-title{font-size:22px;font-weight:800}.sf-final-win .sf-final-title{color:#7bc47f}.sf-final-lose .sf-final-title{color:#e8908d}.sf-final-score{font-size:30px;font-weight:800;color:#e8b04b}.sf-waitmove{display:flex;align-items:center;gap:10px;justify-content:center;color:#9aa4ae;font-size:14px;padding:18px 6px;text-align:center}.sf-spinner{width:20px;height:20px;flex:none;border:3px solid #2a3644;border-top-color:#e8b04b;border-radius:50%;animation:sf-spin .9s linear infinite}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-rules{font-size:13px;color:#9aa4ae}.sf-rules summary{cursor:pointer;color:#e8b04b;font-weight:600;padding:4px 0}.sf-rules ol{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;line-height:1.45}.sf-tappick{display:flex;gap:10px}.sf-tapside{flex:1;min-width:0}.sf-taptitle{font-size:12px;color:#9aa4ae;text-align:center;margin-bottom:4px;min-height:22px;display:flex;align-items:center;justify-content:center}.sf-tapframe{position:relative;border-radius:10px;overflow:hidden;background:#1a222c}.sf-tapframe img{width:100%;aspect-ratio:4 / 5;object-fit:contain;background:#10161e;display:block}.sf-tapnoimg{width:100%;aspect-ratio:4 / 5}.sf-tapdot{position:absolute;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;border:2px dashed rgba(232,228,218,.55);background:#0d111773;cursor:pointer;padding:0;font-family:inherit}.sf-tapdot-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#e8e4da;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.sf-tapdot-atk.is-sel{border:3px solid #d9534f;background:#d9534f80}.sf-tapdot-def.is-sel{border:3px solid #4caf6d;background:#4caf6d8c}.sf-tapdot:active{transform:translate(-50%,-50%) scale(.94)}.sf-history{font-size:13px;color:#9aa4ae;border-top:1px solid rgba(232,176,75,.18);padding-top:8px}.sf-history summary{cursor:pointer;color:#e8b04b;font-weight:600;padding:4px 0}.sf-hlist{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto}.sf-hrow{line-height:1.35}@media(max-width:640px){.sf-game{padding:10px 8px 14px;border-radius:10px;min-height:calc(100dvh - 20px);box-sizing:border-box}.sf-title{font-size:22px;letter-spacing:4px;margin-top:0}.sf-subtitle{font-size:12px;margin:0 0 8px}.sf-panel{padding:10px;gap:8px}.sf-fighter img{max-width:110px}.sf-vsrow-compact .sf-fighter img{max-width:72px}.sf-fname{font-size:12px;margin-top:2px}.sf-fwar{font-size:11px}.sf-vsbadge{font-size:13px;padding:6px 10px}.sf-qr{width:140px;height:140px}.sf-btn{padding:11px 14px;font-size:15px}.sf-zone{min-width:70px;padding:9px 6px;font-size:13px}.sf-netstatus{font-size:11px}.sf-hint{font-size:12px}.sf-score-num{font-size:16px}.sf-final-title{font-size:18px}.sf-final-score{font-size:24px}.sf-waitmove{padding:10px 4px;font-size:13px}.sf-reveal{padding:10px;gap:6px}.sf-reveal-title{font-size:14px}.sf-reveal-row{font-size:12px}.sf-tapdot{width:40px;height:40px}.sf-hero{margin-bottom:8px}}.sf-title-mini{font-size:15px;letter-spacing:3px;margin:0 0 6px}.sf-battop{display:flex;align-items:center;justify-content:center;gap:10px}.sf-battop .sf-vsbadge{font-size:13px;padding:5px 10px}@media(max-height:740px){.sf-game{padding-top:6px}.sf-title-mini{font-size:13px;margin-bottom:4px}.sf-panel{padding:8px;gap:6px}.sf-taptitle{min-height:22px;font-size:11px;margin-bottom:3px}.sf-tapframe img,.sf-tapnoimg{aspect-ratio:4 / 5}.sf-tapdot{width:36px;height:36px}.sf-tapdot-name{font-size:9px}.sf-btn{padding:9px 12px;font-size:14px}.sf-history{font-size:12px}.sf-hlist{max-height:140px}.sf-netstatus{font-size:11px}.sf-banner{font-size:12px;padding:6px 8px}.sf-reveal{padding:8px;gap:4px}.sf-waitmove{padding:8px 4px;font-size:12px}}@media(max-height:740px){.sf-tapframe img,.sf-tapnoimg{aspect-ratio:1 / 1}.sf-tapframe img{object-fit:contain;background:#10161e}}@media(max-height:740px){.sf-title-mini{display:none}.sf-tapframe img,.sf-tapnoimg{aspect-ratio:6 / 5}.sf-taptitle{min-height:18px;font-size:11px;margin-bottom:2px}.sf-battop{margin:-2px 0}.sf-netstatus{font-size:10px}}.sf-banner-ok{background:#1b3d24;border:1px solid #2e7d4f;color:#9fe3b8}.sf-copyblock{margin:12px 0 4px}.sf-copyblock .sf-copylabel{font-size:13px;font-weight:700;color:#e8e2d4;margin-bottom:6px}.sf-page{min-height:100dvh;background:linear-gradient(180deg,#131a22,#0d1117);color:#e8e4da;padding:10px 8px 16px;box-sizing:border-box}.sf-closing{max-width:560px;margin:14px auto 0;padding:10px 6px 4px;font-size:12px;line-height:1.45;color:#b3ac9c;text-align:center}