@font-face{font-family:"Noto Color Emoji";src:url(/fonts/NotoColorEmoji-subset.ttf) format("truetype");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFF5EE;--card: #FFFFFF;--primary: #FF6B8A;--primary-light: #FFB3C6;--primary-dark: #E85A7A;--text: #2D2D2D;--text-secondary: #767676;--border: #F0E0D8;--success: #4CAF50;--danger: #FF5252;--warning: #FF9F00;--radius: 14px;--shadow: 0 2px 16px rgba(0, 0, 0, .06);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);font-family:-apple-system,BlinkMacSystemFont,Pretendard,Segoe UI,"Noto Color Emoji",sans-serif}html{overscroll-behavior:none;-webkit-text-size-adjust:100%}body{background:#000;color:var(--text);min-height:100dvh;display:flex;justify-content:center;-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none}#root{width:100%;max-width:430px;min-height:100dvh;background:#000;position:relative;overflow:hidden;transform:translateZ(0)}button{font-family:inherit;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;min-height:44px;touch-action:manipulation}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.home,.game,.result{-webkit-user-select:none;user-select:none}[data-theme=retro]{--bg: #0F0B1E;--card: #1C1535;--primary: #FF2D78;--primary-light: #FF80AB;--primary-dark: #C51162;--text: #F0E6FF;--text-secondary: #B8A4D8;--border: #3A2460;--shadow: 0 2px 16px rgba(255, 45, 120, .15)}[data-theme=retro] body,[data-theme=retro] #root{background:var(--bg)}@media(min-width:480px){body{background:#101018}#root{box-shadow:0 0 60px #00000073,0 0 0 1px #ffffff0f}}.levelup-modal{padding-top:24px}.levelup-title{font-size:20px;font-weight:900;color:#ffb700;text-shadow:0 0 10px rgba(255,215,0,.45);margin-bottom:2px;animation:levelup-modal-pop .45s cubic-bezier(.34,1.56,.64,1)}.levelup-range{font-size:17px;font-weight:800;color:var(--text);margin-bottom:16px}.levelup-arrow{color:var(--text-secondary);margin:0 4px}.levelup-rewards{display:flex;flex-direction:column;gap:8px;padding:12px 0;margin-bottom:16px;border-top:1px solid rgba(0,0,0,.07);border-bottom:1px solid rgba(0,0,0,.07)}.levelup-reward-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.levelup-reward-label{font-size:14px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.levelup-reward-value{font-size:15px;font-weight:800;color:var(--text)}.levelup-reward-titles{align-items:flex-start}.levelup-title-list{font-size:13px;text-align:right;line-height:1.4;word-break:keep-all}@keyframes levelup-modal-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tier-card{background:#1418208c;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;color:#fff;min-width:180px}.tier-card-compact{padding:7px 10px;min-width:150px;gap:4px}.tier-card-head{display:flex;align-items:center;gap:7px}.tier-card-emoji{font-size:20px}.tier-card-compact .tier-card-emoji{font-size:16px}.tier-card-label{font-size:15px;font-weight:900;color:#ffe08a}.tier-card-compact .tier-card-label{font-size:13px}.tier-card-trophy{margin-left:auto;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}.tier-card-compact .tier-card-trophy{font-size:12px}.tier-card-bar{height:8px;border-radius:4px;background:#ffffff29;overflow:hidden}.tier-card-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ffcf3d,#ff8a4c);transition:width .4s ease}.tier-card-range{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#ffffff80;font-variant-numeric:tabular-nums}.tier-card[data-tier="1"],.tier-accent[data-tier="1"]{--tier-accent: #cfd4da;--tier-ink: #5f646b;--tier-bd: rgba(150,158,168,.6);--tier-bg1: rgba(118,124,134,.24);--tier-glow: none;--tier-fill: linear-gradient(90deg, #d2d6db, #9aa0a8)}.tier-card[data-tier="2"],.tier-accent[data-tier="2"]{--tier-accent: #e7ecf2;--tier-ink: #6b7684;--tier-bd: rgba(178,192,208,.64);--tier-bg1: rgba(150,166,184,.24);--tier-glow: 0 0 8px rgba(200,214,228,.3);--tier-fill: linear-gradient(90deg, #eef2f6, #b6c1ce)}.tier-card[data-tier="3"],.tier-accent[data-tier="3"]{--tier-accent: #ffe08a;--tier-ink: #b9820c;--tier-bd: rgba(232,188,74,.72);--tier-bg1: rgba(200,155,40,.28);--tier-glow: 0 0 10px rgba(255,205,80,.34);--tier-fill: linear-gradient(90deg, #ffe58f, #f0b53a)}.tier-card[data-tier="4"],.tier-accent[data-tier="4"]{--tier-accent: #d6b8ff;--tier-ink: #7838cc;--tier-bd: rgba(155,115,255,.74);--tier-bg1: rgba(110,80,190,.32);--tier-glow: 0 0 14px rgba(155,115,255,.44);--tier-fill: linear-gradient(90deg, #c9a8ff, #8a6bff)}.tier-card[data-tier="5"],.tier-accent[data-tier="5"]{--tier-accent: #ffcf5c;--tier-ink: #a86a08;--tier-bd: rgba(255,186,50,.86);--tier-bg1: rgba(190,135,25,.34);--tier-glow: 0 0 18px rgba(255,190,50,.56);--tier-fill: linear-gradient(90deg, #ffd873, #ff9f22)}.tier-card[data-tier=grand],.tier-accent[data-tier=grand]{--tier-accent: #ff9edb;--tier-ink: #cf1a86;--tier-bd: rgba(255,120,200,.85);--tier-glow: 0 0 19px rgba(255,120,200,.45);--tier-fill: linear-gradient(90deg, #ff8ac6, #8fa8ff, #7fe0cf)}.tier-card[data-tier]{background:linear-gradient(160deg,var(--tier-bg1, transparent),rgba(20,24,32,.62));border-color:var(--tier-bd, rgba(255, 255, 255, .16));box-shadow:var(--tier-glow, none)}.tier-card[data-tier=grand]{background:linear-gradient(135deg,#ff5aa047,#788cff42,#5adcc842),#1418209e}.tier-card[data-tier] .tier-card-label{color:var(--tier-accent, #ffe08a)}.tier-card[data-tier] .tier-card-fill{background:var(--tier-fill, linear-gradient(90deg, #ffcf3d, #ff8a4c))}.tier-accent[data-tier]{color:var(--tier-ink, var(--primary, #ff8a4c));font-weight:800}.profile-overlay{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto}.profile-modal{background:#141428f7;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:24px 20px;width:100%;max-width:360px;position:relative;display:flex;flex-direction:column;gap:16px;margin:auto}[data-channel=ait] .profile-overlay{padding-top:calc(var(--safe-top) + var(--ait-nav-offset, 58px))}.profile-close{position:absolute;top:14px;right:14px;background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px}.profile-loading{text-align:center;color:#fff9;font-size:14px;padding:24px}.profile-header{display:flex;align-items:center;gap:14px;padding-top:4px}.profile-avatar-large{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,215,0,.4);flex-shrink:0;background:#ffffff0d}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-header-info{display:flex;flex-direction:column;gap:4px}.profile-nick{font-size:16px;font-weight:700;color:#ffffffe6}.profile-level-badge{font-size:22px;font-weight:900;color:gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.profile-exp-section{display:flex;flex-direction:column;gap:4px}.profile-exp-bar-wrap{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.profile-exp-bar{height:100%;background:linear-gradient(90deg,gold,#ff6b35);border-radius:4px;transition:width .4s ease}.profile-exp-text{font-size:12px;color:#fff9}.profile-next-level{font-size:11px;color:#ffd70080}.profile-title-display{font-size:13px;font-weight:700;color:#ffffffd9;background:#ffd7001f;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,215,0,.3);text-align:center}.profile-section-label{font-size:12px;font-weight:700;color:#ffffff73;letter-spacing:.5px;margin:0 0 8px}.profile-records-section{display:flex;flex-direction:column}.profile-records-list{display:flex;flex-direction:column;gap:6px}.profile-record-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0d}.profile-record-icon{font-size:16px;flex-shrink:0}.profile-record-name{flex:1;font-size:13px;color:#ffffffb3}.profile-record-score{font-size:13px;font-weight:700;color:gold}.profile-multi-section{display:flex;flex-direction:column;gap:8px}.friend-profile-overlay{z-index:220}.profile-friend-note{font-size:12px;color:#ffffff73;text-align:center;margin-top:2px}.profile-title-section{display:flex;flex-direction:column}.profile-title-list{display:flex;flex-wrap:wrap;gap:8px}.profile-title-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:6px 12px;font-size:12px;color:#ffffffbf;cursor:pointer;transition:all .15s ease}.profile-title-btn:active{transform:scale(.96)}.profile-title-btn.selected{background:#ffd7002e;border-color:#ffd70099;color:gold;font-weight:700}.profile-avatar-section{display:flex;flex-direction:column}.profile-avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.profile-avatar-btn{aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;padding:0;cursor:pointer;transition:border-color .12s,transform .08s}.profile-avatar-btn img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-btn:active{transform:scale(.92)}.profile-avatar-btn.selected{border-color:gold;box-shadow:0 0 0 2px #ffd7004d}.profile-title-btn{position:relative}.profile-title-new{position:absolute;top:-6px;right:-6px;background:#ff4757;color:#fff;border-radius:50%;width:16px;height:16px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.mission-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 16px}.mission-panel{position:relative;width:100%;max-width:340px;max-height:80dvh;overflow-y:auto;background:#141428f7;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:20px 16px 16px;display:flex;flex-direction:column;gap:10px}.mission-close{flex-shrink:0;background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px;line-height:1}.mission-header{display:flex;align-items:center;gap:8px}.mission-title{font-size:15px;font-weight:700;color:#ffffffe6;flex:1}.mission-count{font-size:12px;color:#ffffff80}.mission-earned{font-size:11px;font-weight:700;color:gold;background:#ffd7001f;padding:2px 7px;border-radius:10px}.mission-list{display:flex;flex-direction:column;gap:10px}.mission-section{display:flex;flex-direction:column;gap:6px}.mission-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 1px}.mission-section-title{font-size:12px;font-weight:800;color:#ffffffb8;letter-spacing:.3px}.mission-section-count{font-size:11px;font-weight:700;color:#ffffff73}.mission-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#ffffff0f;transition:opacity .2s}.mission-item.done{opacity:.6}.mission-check{font-size:16px;flex-shrink:0}.mission-info{flex:1;display:flex;flex-direction:column;gap:1px}.mission-label{font-size:13px;font-weight:700;color:#ffffffd9}.mission-desc{font-size:11px;color:#ffffff73}.mission-exp{font-size:11px;font-weight:700;color:gold;white-space:nowrap}.mission-bonus{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#ffb70014;border:1px solid rgba(255,183,0,.2);margin-top:4px;opacity:.5}.mission-bonus.ready{opacity:1;background:#ffb70026;border-color:#ffb70080}.mission-bonus.done{opacity:.6}.mission-reset-time{text-align:center;font-size:11px;color:#ffffff59;margin:4px 0 0}.settings-overlay{position:fixed;inset:0;background:#0000008c;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px 16px}.settings-modal{position:relative;width:100%;max-width:320px;margin:auto;background:#141428f7;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:24px 20px 20px;display:flex;flex-direction:column;gap:10px}.settings-close{position:absolute;top:14px;right:14px;background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px;line-height:1}.settings-title{font-size:17px;font-weight:800;color:#ffffffe6;margin:0 0 8px}.settings-menu{display:flex;flex-direction:column;gap:8px}.settings-menu-btn{width:100%;padding:15px 16px;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s}.settings-menu-btn:active{background:#ffffff24}.settings-menu-btn:disabled{opacity:.5;cursor:not-allowed}.settings-boardside{display:flex;flex-direction:column;gap:8px;padding:4px 2px 0}.settings-boardside-label{font-size:13px;font-weight:600;color:#ffffffbf}.settings-boardside-seg{display:flex;gap:8px}.settings-boardside-btn{flex:1;min-height:44px;padding:12px 0;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:14px;font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.settings-boardside-btn:active{background:#ffffff24}.settings-boardside-btn.active{background:#ff6b8a38;border-color:#ff6b8ab3;color:#fff}.settings-menu-btn.danger{color:#ff6b6b;border-color:#ff6b6b33;background:#ff6b6b12}.settings-menu-btn.danger:active{background:#ff6b6b24}.settings-back{background:none;border:none;color:#ffffff8c;font-size:13px;font-weight:600;cursor:pointer;padding:0;text-align:left;margin-bottom:4px}.settings-back:active{color:#ffffffd9}.settings-sound,.settings-account{display:flex;flex-direction:column;gap:10px}.settings-account-info{display:flex;flex-direction:column;gap:4px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.settings-account-nick{font-size:16px;font-weight:700;color:#ffffffe6}.settings-account-type{font-size:12px;color:#ffffff73}.settings-modal .volume-row{display:flex;align-items:center;gap:8px}.settings-modal .volume-label{font-size:13px;font-weight:600;color:#ffffffbf;min-width:52px;white-space:nowrap}.settings-modal .volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;outline:none}.settings-modal .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary, #FF6B8A);border:2px solid white;box-shadow:0 1px 4px #0000004d;cursor:pointer}.settings-modal .volume-value{font-size:12px;font-weight:600;color:#ffffff80;min-width:32px;text-align:right}.settings-modal .volume-mute-btn{margin-top:2px;padding:10px 0;border-radius:10px;font-size:13px;font-weight:600;background:#ffffff12;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);text-align:center;cursor:pointer}.settings-modal .volume-mute-btn:active{background:#ffffff24}.settings-modal .settings-version{margin-top:6px;text-align:center;font-size:11px;letter-spacing:.2px;color:#ffffff6b;-webkit-user-select:text;user-select:text}.notice-overlay{position:fixed;inset:0;background:#0009;z-index:400;display:flex;align-items:center;justify-content:center;padding:24px 16px}.notice-modal{width:100%;max-width:340px;margin:auto;max-height:80dvh;background:#141428f7;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.notice-header{display:flex;align-items:center;justify-content:space-between}.notice-badge{font-size:12px;font-weight:700;color:gold;background:#ffd7001f;padding:3px 10px;border-radius:20px;border:1px solid rgba(255,215,0,.3)}.notice-close{background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px;line-height:1}.notice-title{font-size:17px;font-weight:800;color:#fffffff2;margin:0;line-height:1.3}.notice-content{font-size:13px;color:#ffffffb3;line-height:1.7;white-space:pre-wrap;word-break:keep-all}.notice-confirm-btn{width:100%;padding:14px 0;border-radius:12px;background:var(--primary, #FF6B8A);color:#fff;font-size:15px;font-weight:700;border:none;cursor:pointer;margin-top:4px;transition:opacity .12s}.notice-confirm-btn:active{opacity:.85}.store-cta{margin:0;padding:16px 14px 14px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left}.store-cta-title{margin:0;font-size:15px;font-weight:800;line-height:1.35;color:var(--text);word-break:keep-all}.store-cta-sub{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--text-secondary);word-break:keep-all}.store-cta-btn--toss{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:12px;min-height:48px;padding:12px 14px;border:none;border-radius:var(--radius);background:#3182f6;color:#fff;font-size:15px;font-weight:800;transition:background .15s,transform .1s}.store-cta-btn--toss:active{background:#1b64da;transform:scale(.985)}.store-cta-badge{padding:3px 7px;border-radius:999px;background:#ffffff38;font-size:11px;font-weight:700;letter-spacing:-.2px}.store-cta-hint{margin:8px 0 0;font-size:12.5px;font-weight:700;line-height:1.4;color:#b45309;word-break:keep-all}.store-cta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.store-cta-btn--store{flex:1 1 130px;min-height:42px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);font-size:13px;font-weight:700;transition:background .15s}.store-cta-btn--store:active{background:#7f7f7f24}.store-cta-later{display:block;width:100%;margin-top:6px;padding:8px 0;background:none;border:none;font-size:13px;color:var(--text-secondary);cursor:pointer}.store-prompt-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000008c;animation:store-prompt-fade .18s ease-out}@keyframes store-prompt-fade{0%{opacity:0}to{opacity:1}}.store-prompt-modal{width:100%;max-width:340px}.store-prompt-modal .store-cta{margin:0;padding:20px 16px 14px;border-radius:16px;box-shadow:0 12px 32px #00000059}[data-theme=retro] .store-cta{border:2px solid var(--border);border-radius:2px;box-shadow:4px 4px #4a0080}[data-theme=retro] .store-cta-title{letter-spacing:.3px}[data-theme=retro] .store-cta-btn--toss{border:2px solid #6BB6FF;border-radius:2px;box-shadow:3px 3px #12406e;letter-spacing:.5px}[data-theme=retro] .store-cta-btn--toss:active{transform:translate(3px,3px);box-shadow:none}[data-theme=retro] .store-cta-badge{border-radius:2px;background:#00000047}[data-theme=retro] .store-cta-btn--store{background:#0f0023d9;color:#b76eff;border:2px solid rgba(183,110,255,.6);border-radius:2px;box-shadow:2px 2px #4a0080}[data-theme=retro] .store-cta-btn--store:active{transform:translate(2px,2px);box-shadow:none}[data-theme=retro] .store-cta-hint{color:#ffd166}[data-theme=retro] .store-prompt-modal .store-cta{box-shadow:6px 6px #4a0080}.tsl-root{position:fixed;inset:0;z-index:300;pointer-events:none}.tsl-hole{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #0000009e;pointer-events:none;animation:tsl-fade-in .22s ease-out}.tsl-block{position:fixed;pointer-events:auto}.tsl-block--full{inset:0}.tsl-arrow{position:fixed;transform:translate(-50%);font-size:22px;line-height:26px;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.9));animation:tsl-pulse 1s ease-in-out infinite alternate}.tsl-card{position:fixed;left:50%;transform:translate(-50%);width:min(88vw,340px);box-sizing:border-box;padding:14px 16px;border-radius:var(--radius, 14px);background:#fff;color:var(--text, #202632);text-align:center;font-size:15px;font-weight:700;line-height:1.45;box-shadow:0 6px 24px #00000047;pointer-events:none;animation:tsl-fade-in .22s ease-out}.tsl-card b{color:var(--primary, #3182f6)}.tsl-card .tsl-sub{display:block;margin-top:4px;font-size:13px;font-weight:600;color:var(--text-secondary, #767676)}.tsl-card .tsl-note{display:block;margin-top:8px;font-size:11px;font-weight:500;line-height:1.35;color:var(--text-secondary, #767676)}@keyframes tsl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tsl-pulse{0%{opacity:.7;transform:translate(-50%) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1.08)}}@media(prefers-reduced-motion:reduce){.tsl-hole,.tsl-card,.tsl-arrow{animation:none}}.home{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:0 24px;padding-top:calc(var(--safe-top) + 40px);padding-bottom:calc(var(--safe-bottom) + 24px)}.home-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.home-logo{width:120px;height:120px;border-radius:24px;margin-bottom:4px}@keyframes title-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}@keyframes title-color{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.home-title{font-size:42px;font-weight:900;letter-spacing:-1.5px;background:linear-gradient(90deg,#ff6b8a,#ff9f00,#ffd166,#ff9f00,#ff6b8a);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;animation:title-float 3s ease-in-out infinite,title-color 5s ease-in-out infinite}[data-theme=retro] .home-title{background:linear-gradient(135deg,#ff2d78,#c0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-subtitle{font-size:14px;color:var(--text-secondary);margin-top:-4px}.home-stats{display:flex;gap:24px;background:var(--card);padding:16px 32px;border-radius:var(--radius);box-shadow:var(--shadow)}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:12px;color:var(--text-secondary)}.stat-value{font-size:20px;font-weight:700;color:var(--text)}@keyframes btn-pulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #ff6b8a66}50%{transform:scale(1.03);box-shadow:0 6px 28px #ff6b8ab3}}.home-start-btn{width:100%;max-width:280px;padding:16px 0;background:var(--primary);color:#fff;font-size:18px;font-weight:700;border-radius:var(--radius);margin-top:12px;transition:background .15s,transform .1s;animation:btn-pulse 2s ease-in-out infinite}.home-start-btn:active{background:var(--primary-dark);animation:none;transform:scale(.97)}.home-start-btn:disabled{animation:none}.home-play-row{display:flex;gap:10px;width:100%;max-width:280px;margin-top:12px}.home-play-row .home-play-btn{flex:1}.home-play-btn{width:100%;padding:16px 0;background:var(--primary);color:#fff;font-size:17px;font-weight:800;border-radius:var(--radius);transition:background .15s,transform .1s}.home-play-btn:active{background:var(--primary-dark);transform:scale(.97)}.home-play-btn.versus{background:linear-gradient(90deg,#ff8a4c,#ff5a5a)}.home-play-btn.versus:active{filter:brightness(.94)}.home-play-btn.locked{background:#9aa7b8}.home-play-btn.locked:active{background:#8592a4;transform:none}.home-versus-popup{display:flex;flex-direction:column;gap:10px}.home-versus-popup .modal-text{margin-bottom:4px}.home-versus-help{position:relative;width:100%;padding:12px 0;background:#0000000d;color:var(--text-secondary);font-size:15px;font-weight:700;border-radius:var(--radius)}.home-versus-help:active{background:#0000001a}.home-versus-new{position:absolute;top:6px;right:12px;background:#ff3b30;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;letter-spacing:.5px}.home-versus-toast{margin-top:2px;text-align:center;font-size:13px;font-weight:700;color:var(--text-secondary)}.home-versus-help-overlay{z-index:210!important}.home-diff-btn{display:flex;flex-direction:column;gap:2px;padding:12px 0}.home-diff-label{font-size:16px;font-weight:800}.home-diff-desc{font-size:12px;font-weight:600;opacity:.9}.home-diff-btn.selected{outline:3px solid #ffd34d;outline-offset:-3px}.home-versus-popup .home-play-btn.locked{background:#e4e7ec;color:#4a5568}.home-versus-popup .home-play-btn.locked:active{background:#e4e7ec;transform:none;filter:none}.home-boardside-hint{font-size:12px;opacity:.85;text-align:center;margin:0}.home-leaderboard-btn{width:100%;max-width:280px;padding:12px 0;background:#ffffffd1;color:#cc3a58;font-size:15px;font-weight:600;border-radius:var(--radius);border:1.5px solid rgba(255,107,138,.35);transition:background .15s}.home-leaderboard-btn:active{background:#fffffff2}.home-howto{width:100%;background:var(--card);padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);margin-top:16px}.home-howto h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px}.home-howto ul{list-style:none;padding:0}.home-howto li{font-size:13px;color:var(--text-secondary);padding:4px 0 4px 16px;position:relative}.home-howto li:before{content:"•";position:absolute;left:0;color:var(--primary)}.home-ai-notice{font-size:10px;color:var(--text-secondary);margin-top:6px;opacity:.4}.home{position:relative}.home>*{position:relative;z-index:1}.home-bg-fixed{position:fixed;inset:0;background-size:cover;background-position:center top;background-repeat:no-repeat;z-index:0}.home-left-stack{position:fixed;top:calc(var(--safe-top) + 12px);left:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:10}.home-account-badge{min-height:32px;padding:0 8px;border-radius:16px;background:#fffffff2;box-shadow:0 4px #0000001a,0 2px 8px #00000024;border:1.5px solid rgba(255,255,255,.85);font-size:12px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:4px;z-index:10;cursor:pointer;transition:transform .08s,box-shadow .08s}.home-account-nick{max-width:36px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-account-badge:active{transform:translateY(2px);box-shadow:0 2px #0000001a,0 1px 4px #0000001f}.ranking-me-tag{font-size:11px;font-weight:700;color:#b8860b;opacity:.8}.home-theme-change-btn{width:100%;max-width:280px;padding:10px 0;background:#ffffffbf;color:var(--text);font-size:14px;font-weight:600;border-radius:var(--radius);border:1.5px solid rgba(0,0,0,.08);transition:background .15s}.home-theme-change-btn:active{background:#fffffff2}.theme-modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:300;display:flex;align-items:flex-end}.theme-modal{width:100%;max-height:85dvh;overflow-y:auto;background:var(--surface-1, #1a1f2e);border-radius:24px 24px 0 0;padding:20px 20px calc(var(--safe-bottom) + 24px);display:flex;flex-direction:column;gap:20px}.theme-modal-header{display:flex;align-items:center;gap:12px}.theme-modal-back{width:36px;height:36px;border-radius:50%;background:#ffffff14;color:var(--text-primary, #E0E8F0);font-size:18px;display:flex;align-items:center;justify-content:center}.theme-modal-title{font-size:18px;font-weight:700;color:var(--text-primary, #E0E8F0);margin:0}.theme-card-coming-soon{flex:1;min-height:120px;border-radius:16px;border:2px dashed rgba(255,255,255,.1);background:#ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#e0e8f040;font-size:13px}.theme-card-coming-soon span:first-child{font-size:24px;opacity:.4}.theme-cards{display:flex;gap:14px}.theme-card{flex:1;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.08);background:#ffffff0d;transition:border-color .15s,transform .1s;display:flex;flex-direction:column}.theme-card.active{border-color:var(--primary, #FF6B8A)}.theme-card.locked{opacity:.5;cursor:pointer;border:1.5px solid rgba(255,255,255,.1)}.theme-card.locked .theme-card-preview{filter:grayscale(70%)}.theme-card-preview{height:160px;width:100%;background-color:#ffffff0d}.theme-card-info{padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.theme-card-icon{font-size:22px}.theme-card-label{font-size:14px;font-weight:700;color:var(--text-primary, #E0E8F0)}.theme-card-desc{font-size:11px;font-weight:400;color:#e0e8f08c;text-align:center;line-height:1.4}.theme-card-badge{font-size:11px;font-weight:600;color:#7ed98f;background:#7ed98f26;padding:2px 8px;border-radius:20px}[data-theme=retro] .home-leaderboard-btn{background:#0f0023e6;color:#b76eff;border:2px solid rgba(183,110,255,.7);border-radius:2px;box-shadow:3px 3px #4a0080}[data-theme=retro] .home-leaderboard-btn:active{background:#1e003ce6;transform:translate(3px,3px);box-shadow:none}.home-ranking-panel{width:100%;background:#ffffffe0;border-radius:16px;padding:12px 16px;box-shadow:0 2px 12px #00000014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-ranking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.home-ranking-title{font-size:14px;font-weight:700;color:#333;display:flex;align-items:center;gap:6px}.home-ranking-more{font-size:12px;font-weight:600;color:var(--primary, #007AFF);padding:2px 8px;border-radius:10px;background:#007aff14}.home-ranking-list{display:flex;flex-direction:column;gap:4px}.home-ranking-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#00000005}.home-ranking-row.is-me{background:#ffb8002e;border:1.5px solid rgba(255,184,0,.55)}.home-ranking-row.is-me .ranking-nick{color:#b8860b;font-weight:700}.home-ranking-row.is-me .ranking-score{color:#b8860b;font-weight:800}.home-ranking-row.is-me .ranking-medal{font-weight:700;color:#b8860b}.home-ranking-row.my-rank-row{margin-top:6px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.12);border-radius:0 0 10px 10px}.ranking-medal{font-size:16px;width:28px;text-align:center;flex-shrink:0}.ranking-nick{flex:1;font-size:13px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-score{font-size:13px;font-weight:700;color:#555;white-space:nowrap}.home-ranking-skeleton{display:flex;flex-direction:column;gap:6px}.skeleton-row{height:28px;border-radius:8px;background:linear-gradient(90deg,#0000000f 25%,#0000001a,#0000000f 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ranking-loading-text{font-size:12px;color:#999;text-align:center;margin-top:6px}.home-mini-lb-row{display:flex;gap:10px;width:100%}.home-mini-lb-col{flex:1;min-width:0;background:#ffffffe0;border-radius:14px;padding:10px 10px 8px;box-shadow:0 2px 12px #00000014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:6px}.home-mini-lb-title{font-size:12px;font-weight:700;color:#333}.home-mini-lb-list{display:flex;flex-direction:column;gap:3px}.home-mini-lb-entry{display:flex;align-items:center;gap:5px;padding:4px 5px;border-radius:8px;background:#00000005;min-width:0}.home-mini-lb-entry.is-me{background:#ffb8002e;border:1px solid rgba(255,184,0,.5)}.home-mini-lb-entry.is-me .mini-lb-nick,.home-mini-lb-entry.is-me .mini-lb-score{color:#8a6508;font-weight:800}.mini-lb-rank{font-size:12px;font-weight:700;width:20px;text-align:center;flex-shrink:0}.mini-lb-nick{flex:1;min-width:0;font-size:11px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-lb-score{font-size:11px;font-weight:700;color:#555;white-space:nowrap;flex-shrink:0}.home-mini-lb-loading{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0}.home-mini-lb-loading .lb-loading-text{min-width:0;text-align:center}.home-mini-lb-empty,.home-mini-lb-locked{font-size:11px;color:#6b7280;text-align:center;padding:10px 0}[data-theme=retro] .home-mini-lb-col{background:#14002dd9;border:2px solid rgba(183,110,255,.5);box-shadow:2px 2px #4a0080}[data-theme=retro] .home-mini-lb-title{color:#b76eff}[data-theme=retro] .mini-lb-nick{color:#f0e6ff}[data-theme=retro] .mini-lb-score{color:#b8a4d8}[data-theme=retro] .home-mini-lb-entry.is-me{background:#ff2d782e;border-color:#ff2d788c}[data-theme=retro] .home-mini-lb-entry.is-me .mini-lb-nick,[data-theme=retro] .home-mini-lb-entry.is-me .mini-lb-score{color:#ff80ab}[data-theme=retro] .home-mini-lb-empty,[data-theme=retro] .home-mini-lb-locked{color:#8b97ab}.lb-modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 16px}.lb-modal{width:100%;max-width:400px;max-height:80dvh;background:#fff;border-radius:20px;padding:20px 16px;overflow-y:auto}.lb-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.lb-modal-title{font-size:17px;font-weight:700;color:#222}.lb-modal-close{width:32px;height:32px;min-width:32px;min-height:32px;aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;background:#00000012;font-size:14px;color:#555;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.lb-modal-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0}.lb-loading-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.15);border-top-color:#f8c545;border-radius:50%;animation:lb-spin .7s linear infinite}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-loading-text{font-size:13px;color:#aaa;min-width:140px;text-align:center}.lb-modal-empty{text-align:center;padding:40px 0;font-size:14px;color:#999}.lb-modal-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 0}.lb-error-icon{font-size:28px}.lb-error-text{font-size:14px;color:#ccc;font-weight:600}.lb-error-sub{font-size:12px;color:#888}.lb-retry-btn{margin-top:8px;padding:8px 20px;border:none;border-radius:8px;background:#f8c545;color:#1a1a2e;font-size:13px;font-weight:700;cursor:pointer}.lb-modal-list{display:flex;flex-direction:column;gap:4px}.lb-modal-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#00000005}.lb-modal-row.is-me{background:#ffb8001a;border:1px solid rgba(255,184,0,.3)}.lb-my-rank-row{margin-top:8px;border-top:1px dashed rgba(0,0,0,.1);border-radius:0 0 10px 10px}.lb-rank{width:36px;font-size:15px;font-weight:700;color:#555;text-align:center;flex-shrink:0}.lb-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#0000000f}.lb-nick{flex:1;font-size:14px;font-weight:600;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-modal-window{display:flex;flex-direction:column}.lb-modal-head{position:sticky;top:0;z-index:5;background:#fff;padding-bottom:4px}.lb-modal-rest{margin-top:2px}.lb-no-rank{padding:14px 0;font-size:13px}.lb-modal-gap-row{text-align:center;padding:8px 0;font-size:12px;color:#767676}.lb-modal-page-loading{display:flex;justify-content:center;padding:10px 0}.lb-loading-spinner-sm{width:18px;height:18px;border:2px solid rgba(0,0,0,.12);border-top-color:#c8860b}.lb-modal-end-hint{text-align:center;padding:10px 0 2px;font-size:11px;color:#767676}.lb-score{font-size:14px;font-weight:700;color:#555;white-space:nowrap}.theme-card.coming-soon{opacity:.72;cursor:pointer;border:1.5px dashed rgba(255,255,255,.18)}.theme-card.coming-soon .theme-card-preview{position:relative;display:flex;align-items:center;justify-content:center}.cs-preview-gray{background:#ffffff0d!important;background-image:none!important}.cs-preview-icon{font-size:44px;opacity:.5;pointer-events:none;filter:grayscale(1)}.theme-card-coming-badge{font-size:11px;font-weight:700;color:#a78bfa;background:#a78bfa26;padding:2px 8px;border-radius:20px;letter-spacing:.3px}@keyframes retro-btn-pulse{0%,to{box-shadow:4px 4px #7b2fbe}50%{box-shadow:4px 4px #ff2d78}}[data-theme=retro] .home-start-btn{background:#102;color:gold;border:2px solid #FF2D78;border-radius:2px;letter-spacing:1px;animation:retro-btn-pulse 1.5s ease-in-out infinite}[data-theme=retro] .home-start-btn:active{background:#1a0040;transform:translate(4px,4px);box-shadow:none;animation:none}[data-theme=retro] .home-start-btn:disabled{animation:none;opacity:.45}[data-theme=retro] .home-play-btn{background:#102;color:gold;border:2px solid #FF2D78;border-radius:2px;letter-spacing:1px}[data-theme=retro] .home-play-btn:active{background:#1a0040;transform:translate(3px,3px);box-shadow:none}[data-theme=retro] .home-play-btn.versus{background:#12002a;color:#b76eff;border-color:#7b2fbe}[data-theme=retro] .home-play-btn.locked{background:#14141e99;color:#8b97ab;border-color:#8b97ab8c}[data-theme=retro] .home-versus-help{background:#0f0023d9;color:#b76eff;border:2px solid rgba(183,110,255,.55);border-radius:2px;box-shadow:2px 2px #4a0080}[data-theme=retro] .home-versus-help:active{background:#1e003ce6;transform:translate(2px,2px);box-shadow:none}[data-theme=retro] .home-versus-toast{color:#b8a4d8}[data-theme=retro] .home-account-badge{background:#14002deb;color:#f0e6ff;border:2px solid rgba(183,110,255,.65);border-radius:6px;box-shadow:2px 2px #4a0080}[data-theme=retro] .home-hearts-pill{background:#14002deb;border:2px solid rgba(183,110,255,.65);border-radius:6px;box-shadow:2px 2px #4a0080}[data-theme=retro] .home-hearts-count{color:#ff80ab}[data-theme=retro] .home-inbox-btn{background:#ff2d78;border-radius:4px;box-shadow:2px 2px #7b0030}[data-theme=retro] .home-friends-btn{background:#7b2fbe;border-radius:4px;box-shadow:2px 2px #3a0080}[data-theme=retro] .home-theme-change-btn{background:#0f0023d9;color:#b76eff;border:2px solid rgba(183,110,255,.55);border-radius:2px;box-shadow:2px 2px #4a0080}[data-theme=retro] .home-theme-change-btn:active{background:#1e003ce6;transform:translate(2px,2px);box-shadow:none}[data-theme=retro] .home-ranking-more{background:#ff2d781f;color:#ff80ab;border-radius:3px}[data-theme=retro] .lb-modal-close{background:#ff2d781f;color:#ff80ab;border:1px solid rgba(255,45,120,.3);border-radius:50%}.home .modal-overlay{position:fixed;inset:0;background:#0000004d;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.home .modal{width:100%;max-width:300px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:28px 24px 20px;text-align:center;box-shadow:0 8px 32px #0000001f}.home .modal-text{font-size:16px;font-weight:600;color:var(--text);margin-bottom:16px}.home .modal-buttons{display:flex;gap:10px}.home .modal-btn{flex:1;padding:12px 0;border-radius:10px;font-size:15px;font-weight:600}.home .modal-cancel{background:var(--primary);color:#fff}.home .modal-cancel:active{background:var(--primary-dark)}.home .modal-confirm{background:#0000000d;color:var(--text-secondary)}.home .modal-confirm:active{background:#0000001a}[data-theme=retro] .home .modal{background:#1c1535;border-color:#ff2d7833}[data-theme=retro] .home .modal-text{color:#f0e6ff}[data-theme=retro] .home .modal-cancel{background:#ff2d78}[data-theme=retro] .home .modal-confirm{background:#ffffff0f;color:#b8a4d8}.home-topbar-left{position:fixed;top:calc(var(--safe-top) + 12px);right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:10}[data-channel=ait] .home-topbar-left{top:calc(var(--safe-top) + var(--ait-nav-offset, 58px))}.home-topbar-row1{display:flex;align-items:center;gap:6px}.home-hearts-pill{display:flex;align-items:center;gap:5px;background:#fffffff2;border-radius:20px;padding:6px 12px 6px 10px;box-shadow:0 4px #0000001a,0 2px 8px #0000002e;border:1.5px solid rgba(255,255,255,.85);min-height:36px}.home-hearts-icon{font-size:16px;line-height:1}.home-hearts-count{font-size:16px;font-weight:900;color:#ff4757;line-height:1}.home-reward-toast{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:700;text-align:center;cursor:pointer;animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.home-inbox-btn{position:relative;width:40px;height:40px;padding:0;border-radius:50%;font-size:0;border:none;background:#ff6b6b;color:#fff;cursor:pointer;box-shadow:0 4px #b4282873,0 2px 8px #00000040;display:flex;align-items:center;justify-content:center;transition:transform .08s,box-shadow .08s}.home-inbox-btn:active{transform:translateY(2px);box-shadow:0 2px #b4282873,0 1px 4px #0003}.home-inbox-icon{font-size:20px;line-height:1}.home-friends-wrapper{display:flex;flex-direction:column;align-items:center;gap:3px}[data-channel=ait] .home-friends-wrapper,[data-channel=ait] .home-mission-wrapper{width:36px}.home-friends-btn{min-width:36px;min-height:36px;aspect-ratio:1 / 1;padding:0;border-radius:999px;font-size:18px;border:1.5px solid rgba(255,255,255,.85);background:#fffffff2;color:#333;cursor:pointer;box-shadow:0 4px #0000001a,0 2px 8px #00000024;display:flex;align-items:center;justify-content:center;transition:transform .08s,box-shadow .08s}.home-friends-btn:active{transform:translateY(2px);box-shadow:0 2px #0000001a,0 1px 4px #0000001f}.home-friends-icon{font-size:18px;line-height:1;transform:translateY(-2px)}.home-friends-label{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);line-height:1}.home-inbox-badge,.home-friends-request-badge{position:absolute;top:-6px;right:-6px;background:#ff4757;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.lb-tabs{display:flex;gap:4px;margin-bottom:12px;background:#0000000d;border-radius:12px;padding:3px}.lb-tab{flex:1;padding:7px 0;border-radius:9px;font-size:13px;font-weight:600;color:#888;background:transparent;cursor:pointer}.lb-tab.active{background:#fff;color:#222;box-shadow:0 1px 4px #0000001a}.lb-empty-sub{display:block;font-size:12px;color:#bbb;margin-top:6px}.lb-title-badge{display:inline-block;font-size:10px;font-weight:600;color:#888;background:#00000012;border-radius:6px;padding:1px 5px;margin-left:4px;vertical-align:middle}.lb-weekly-theme-tabs{display:flex;gap:6px;padding:8px 12px 4px}.lb-weekly-theme-btn{flex:1;padding:5px 0;border:1.5px solid #ddd;border-radius:8px;background:transparent;font-size:12px;font-weight:500;color:#888;cursor:pointer}.lb-weekly-theme-btn.active{border-color:#3182f6;color:#3182f6;font-weight:700;background:#3182f60f}.lb-weekly-theme-btn.coming-soon{opacity:.45;cursor:not-allowed;border-style:dashed}.gift-inbox-overlay{position:fixed;inset:0;background:#0000008c;z-index:210;display:flex;align-items:center;justify-content:center;padding:24px 16px}.gift-inbox{width:100%;max-width:400px;max-height:80dvh;background:#fff;border-radius:20px;padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.gift-inbox-header{display:flex;justify-content:space-between;align-items:center}.gift-inbox-title{font-size:17px;font-weight:700;color:#222}.gift-inbox-capacity{font-size:12px;font-weight:500;color:#999;margin-left:4px}.gift-inbox-close{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;border-radius:50%;background:#00000012;font-size:14px;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-sizing:border-box}.gift-inbox-loading,.gift-inbox-empty{text-align:center;padding:40px 0;font-size:14px;color:#999}.gift-inbox-list{display:flex;flex-direction:column;gap:8px}.gift-inbox-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#00000008}.gift-inbox-row.near-expiry{background:#ff475712;border:1px solid rgba(255,71,87,.2)}.gift-inbox-info{display:flex;flex-direction:column;gap:2px}.gift-inbox-from{font-size:14px;font-weight:700;color:#222}.gift-inbox-time{font-size:11px;color:#888}.gift-inbox-claim-btn{padding:7px 14px;border-radius:20px;background:#ff6b6b;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.gift-inbox-claim-btn:disabled{opacity:.5;cursor:not-allowed}.gift-inbox-claim-all-btn{width:100%;padding:12px;border-radius:12px;background:#f8c545;color:#1a1a2e;font-size:14px;font-weight:700;cursor:pointer}.gift-inbox-claim-all-btn:disabled{opacity:.6;cursor:not-allowed}.gift-inbox-toast{text-align:center;font-size:13px;color:#555;padding:8px;background:#0000000d;border-radius:8px;animation:toast-in .3s ease}.friends-overlay{position:fixed;inset:0;background:#0000008c;z-index:210;display:flex;align-items:center;justify-content:center;padding:24px 16px}.friends-modal{width:100%;max-width:400px;max-height:80dvh;background:#fff;border-radius:20px;padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.friends-header{display:flex;justify-content:space-between;align-items:center}.friends-title{font-size:17px;font-weight:700;color:#222}.friends-close{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;border-radius:50%;background:#00000012;font-size:14px;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-sizing:border-box}.friends-invite-btn{width:100%;padding:12px;border-radius:12px;background:#4a90e2;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.friends-invite-btn.kakao{background:#fee500;color:#3c1e1e}.friends-loading,.friends-empty{text-align:center;padding:32px 0;font-size:14px;color:#999;display:flex;flex-direction:column;gap:6px}.friends-empty-sub{font-size:12px;color:#bbb}.friends-list{display:flex;flex-direction:column;gap:8px}.friends-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#00000008}.friends-info{display:flex;flex-direction:column;gap:2px}.friends-nick{font-size:14px;font-weight:700;color:#222}.friends-score{font-size:11px;color:#888}.friends-gift-btn{padding:7px 14px;border-radius:20px;background:#ff6b6b;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.friends-gift-btn.sent{background:#ccc;color:#666}.friends-gift-btn.done{background:#e0e0e0;color:#aaa}.friends-gift-btn:disabled{opacity:.5;cursor:not-allowed}.friends-actions{display:flex;gap:6px;align-items:center}.friends-remove-btn{padding:7px 12px;border-radius:20px;background:transparent;border:1px solid #ccc;color:#999;font-size:13px;cursor:pointer}.friends-remove-btn:disabled{opacity:.5;cursor:not-allowed}.friends-daily-done{text-align:center;font-size:13px;color:#ff6b6b;font-weight:700;padding:8px 12px;background:#fff0f0;border-radius:10px;margin-bottom:8px}.friends-toast{text-align:center;font-size:13px;color:#555;padding:8px;background:#0000000d;border-radius:8px;animation:toast-in .3s ease}.lb-add-friend-btn{margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600;color:#ff6b8a;background:#ff6b8a1f;border:1px solid rgba(255,107,138,.3);border-radius:20px;white-space:nowrap;flex-shrink:0;transition:background .15s,opacity .15s}.lb-add-friend-btn:disabled{opacity:.5}.lb-friend-badge{margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600;color:#7ed98f;background:#7ed98f1f;border:1px solid rgba(126,217,143,.3);border-radius:20px;white-space:nowrap;flex-shrink:0}.lb-local-toast{position:sticky;bottom:8px;margin:8px 0 0;padding:8px 14px;background:#1e1e28eb;color:#fff;font-size:13px;font-weight:600;border-radius:20px;text-align:center;animation:toast-in .25s ease}.friends-search-row{display:flex;gap:8px;margin:8px 0 4px}.friends-search-input{flex:1;padding:8px 12px;font-size:14px;font-weight:500;background:#0000000a;border:1.5px solid rgba(255,107,138,.5);border-radius:12px;color:#333;outline:none}.friends-search-input::placeholder{color:#bbb}.friends-search-input:focus{border-color:#ff6b8ae6}.friends-search-btn{padding:8px 16px;font-size:14px;font-weight:700;color:#fff;background:#ff6b8acc;border-radius:12px;white-space:nowrap;transition:opacity .15s}.friends-search-btn:disabled{opacity:.5}.friends-search-result{padding:10px 12px;border-radius:12px;font-size:13px;margin-bottom:4px}.friends-search-result.empty{color:#888;text-align:center;background:#0000000a}.friends-search-result.found{display:flex;align-items:center;justify-content:space-between;background:#00000008;border:1px solid rgba(0,0,0,.08)}.friends-search-nick{font-size:14px;font-weight:600;color:#333}.friends-search-add-btn{padding:6px 14px;font-size:13px;font-weight:700;color:#fff;background:#ff6b8acc;border-radius:20px;transition:opacity .15s}.friends-search-add-btn:disabled{opacity:.5}.lb-request-sent-badge{margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600;color:#0006;background:#0000000f;border:1px solid rgba(0,0,0,.15);border-radius:20px;white-space:nowrap;flex-shrink:0}.friends-requests-section{margin:8px 0 4px;background:#ffc8321f;border:1.5px solid rgba(255,180,30,.5);border-radius:14px;overflow:hidden}.friends-requests-title{padding:10px 14px 6px;font-size:12px;font-weight:700;color:#9a6700;letter-spacing:.02em}.friends-request-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid rgba(0,0,0,.06)}.friends-request-nick{font-size:14px;font-weight:600;color:#333}.friends-request-actions{display:flex;gap:6px}.friends-request-accept-btn{padding:5px 14px;font-size:13px;font-weight:700;color:#fff;background:#64c882cc;border-radius:20px;transition:opacity .15s}.friends-request-accept-btn:disabled{opacity:.5}.friends-request-decline-btn{padding:5px 12px;font-size:13px;font-weight:600;color:#666;background:#0000000d;border:1px solid rgba(0,0,0,.15);border-radius:20px;transition:opacity .15s}.friends-request-decline-btn:disabled{opacity:.5}.home-settings-btn{min-width:36px;min-height:36px;aspect-ratio:1 / 1;border-radius:999px;background:#fffffff2;box-shadow:0 4px #0000001a,0 2px 8px #00000024;border:1.5px solid rgba(255,255,255,.85);font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s,box-shadow .08s}.home-settings-btn:active{transform:translateY(2px);box-shadow:0 2px #0000001a,0 1px 4px #0000001f}[data-theme=retro] .home-settings-btn{background:#14002de6;border:2px solid rgba(183,110,255,.65);border-radius:6px;box-shadow:2px 2px #4a0080}.home-mission-wrapper{display:flex;flex-direction:column;align-items:center;gap:3px}.home-mission-btn{min-width:36px;min-height:36px;aspect-ratio:1 / 1;padding:0;border-radius:999px;border:1.5px solid rgba(255,255,255,.85);background:#fffffff2;color:#333;cursor:pointer;box-shadow:0 4px #0000001a,0 2px 8px #00000024;display:flex;align-items:center;justify-content:center;transition:transform .08s,box-shadow .08s}.home-mission-btn:active{transform:translateY(2px);box-shadow:0 2px #0000001a,0 1px 4px #0000001f}.home-mission-btn-icon,.home-mission-icon{font-size:26px;line-height:1}.home-mission-label{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);line-height:1}[data-theme=retro] .home-mission-btn{background:#14002de6;border-radius:4px}[data-theme=retro] .home-friends-btn,[data-theme=retro] .home-mission-btn{background:#14002de6;border:2px solid rgba(183,110,255,.65);border-radius:4px;box-shadow:2px 2px #4a0080;color:#f0e6ff}.home-account-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.home-account-avatar img{width:100%;height:100%;object-fit:cover;display:block}.home-account-level{font-size:.7rem;opacity:.75;font-weight:600;flex-shrink:0;white-space:nowrap}.home-account-badge-caret{flex-shrink:0}.home-alert-badge{position:absolute;top:-6px;right:-6px;background:#ff4757;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.skill-select{display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 10px) 16px calc(var(--safe-bottom) + 14px);min-height:100dvh;background:var(--home-bg, #1a1a2e);color:#fff;box-sizing:border-box;overflow-y:auto}.skill-select-header{position:relative;text-align:center;margin-bottom:10px;width:100%;max-width:360px}.skill-back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:1.2rem;padding:6px 12px;border-radius:10px;cursor:pointer;line-height:1}.skill-select-title{font-size:1.4rem;font-weight:800;margin:0 0 2px;background:linear-gradient(135deg,#ffd166,#ff8fab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skill-select-sub{font-size:.9rem;color:#fff9;margin:0}.skill-points-bar{display:flex;align-items:center;gap:8px;width:100%;max-width:360px;margin-bottom:8px;padding:6px 12px;border-radius:10px;background:#ffd7001a;border:1px solid rgba(255,215,0,.25)}.skill-points-label{font-size:.78rem;color:#ffffffb3;flex:1}.skill-points-count{font-size:.82rem;font-weight:700;color:gold}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:360px;margin-bottom:10px}.skill-card-wrap{display:flex;flex-direction:column;gap:4px}.skill-card-wrap.selected .skill-card{border-color:#ffd166;background:#ffd1662e;box-shadow:0 0 12px #ffd16659}.skill-card-wrap.dim .skill-card{opacity:.35;cursor:not-allowed}.skill-card-wrap.locked .skill-card{cursor:not-allowed;border-color:#ffffff14;background:#0003}.skill-card-wrap.evolved .skill-card{border-color:#ffd7004d}@keyframes skill-icon-sparkle{0%,to{filter:drop-shadow(0 0 3px #FFD700) drop-shadow(0 0 6px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 7px #FFD700) drop-shadow(0 0 14px rgba(255,215,0,.65))}}.skill-card-wrap.evolved .skill-card-icon{animation:skill-icon-sparkle 1.6s ease-in-out infinite}.skill-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 6px 6px;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;cursor:pointer;transition:all .15s ease;min-height:70px;width:100%;tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.skill-card:active{transform:scale(.95)}.skill-card-top{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:4px}.skill-lv-badge{position:absolute;left:0;top:0;font-size:.65rem;font-weight:700;color:#fffc;background:#0006;padding:1px 5px;border-radius:6px}.skill-lv-badge.max{color:gold;background:#ffd70033}.skill-upgrade-btn{width:100%;padding:4px 0;border-radius:7px;border:1px solid rgba(255,209,102,.45);background:#ffd1661f;color:#ffd166;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.skill-upgrade-btn:not(.disabled):active{background:#ffd1664d;transform:scale(.97)}.skill-upgrade-btn.disabled{opacity:.4;cursor:not-allowed}.skill-card-effect{display:none}.skill-reset-row{width:100%;max-width:360px;margin-bottom:8px;display:flex;justify-content:center}.skill-reset-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#ffffff8c;font-size:.78rem;padding:6px 16px;border-radius:20px;cursor:pointer;-webkit-tap-highlight-color:transparent}.skill-reset-confirm{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.skill-reset-confirm-text{font-size:.8rem;color:#ffffffbf}.skill-reset-confirm-btns{display:flex;gap:10px}.skill-reset-ok{padding:6px 20px;border-radius:10px;border:none;background:#ff6464b3;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer}.skill-reset-cancel{padding:6px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:none;color:#fff9;font-size:.8rem;cursor:pointer}.skill-card-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000008c;border-radius:12px;gap:4px}.skill-card-lock-icon{font-size:1.3rem}.skill-card-lock-cond{font-size:.65rem;color:#aaa;text-align:center;padding:0 6px;line-height:1.3}.skill-card-wrap.locked .skill-card-name,.skill-card-wrap.locked .skill-lv-badge{display:none}.skill-card-icon{width:26px;height:26px;object-fit:contain;margin-bottom:3px}.skill-preview-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle;margin-right:4px}.skill-card-name{font-size:.75rem;font-weight:700;text-align:center}.skill-card-desc{display:none}.skill-card-check{position:absolute;top:5px;right:7px;font-size:.85rem;color:#ffd166;font-weight:900}.skill-selected-preview{display:flex;gap:10px;margin-bottom:10px;min-height:30px;align-items:center}.skill-preview-chip{padding:6px 14px;border-radius:20px;background:#ffd16633;border:1.5px solid #ffd166;font-size:.82rem;font-weight:700;color:#ffd166;white-space:nowrap}.skill-preview-lv{font-size:.7rem;opacity:.75;margin-left:2px}.skill-confirm-btn{width:100%;max-width:300px;padding:12px;border-radius:14px;border:none;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .15s ease;background:linear-gradient(135deg,#ffd166,#ff8fab);color:#1a1a2e;letter-spacing:.02em}.skill-confirm-btn.disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.skill-confirm-btn:not(.disabled):active{transform:scale(.97)}.skill-card-wrap{position:relative}.skill-info-btn{position:absolute;top:6px;right:6px;width:20px;height:20px;min-width:20px;min-height:20px;aspect-ratio:1 / 1;border-radius:50%;box-sizing:border-box;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#ffffffbf;font-size:.65rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:5;padding:0;line-height:1;-webkit-tap-highlight-color:transparent}.skill-info-btn:active{background:#ffffff52}.skill-info-overlay{position:fixed;inset:0;background:#000000a6;z-index:500;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px}.skill-info-panel{width:100%;max-width:320px;margin:auto;background:#141428fa;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px}.skill-info-header{display:flex;align-items:center;gap:10px}.skill-info-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0}.skill-info-name{font-size:1rem;font-weight:800;color:#fff;flex:1}.skill-info-close{background:none;border:none;color:#ffffff80;font-size:1rem;cursor:pointer;padding:4px;line-height:1}.skill-info-desc{font-size:.78rem;color:#ffffffa6;line-height:1.6;white-space:pre-line;margin:0;padding:8px 10px;background:#ffffff0d;border-radius:10px}.skill-info-table{width:100%;border-collapse:collapse;font-size:.78rem}.skill-info-table th{font-size:.68rem;font-weight:700;color:#ffffff73;text-align:left;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.3px}.skill-info-table td{padding:7px 8px;color:#ffffffbf;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.skill-info-table tr:last-child td{border-bottom:none}.skill-info-lv{font-weight:700;color:#fff9;white-space:nowrap;min-width:52px}.skill-info-effect{color:#fffc}.skill-info-uses{text-align:right;font-weight:700;color:#ffd166;white-space:nowrap}.skill-info-current td{background:#ffd1661f}.skill-info-current .skill-info-lv{color:#ffd166}.skill-info-table tr.skill-info-current td:first-child{border-radius:6px 0 0 6px}.skill-info-table tr.skill-info-current td:last-child{border-radius:0 6px 6px 0}.skill-upgrade-btn{position:relative}.skill-upgrade-alert{position:absolute;top:-6px;right:-6px;background:#ff4757;color:#fff;border-radius:50%;width:16px;height:16px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.tut-dim{position:absolute;inset:0;background:#0000006b;pointer-events:none;animation:tut-fade-in .25s ease-out}.tut-dim--block{pointer-events:auto}.tut-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:3px dashed rgba(240,68,82,.9);border-radius:50%;background:#f0445224;box-shadow:0 0 18px #f0445273;pointer-events:none;animation:tut-ring-pop .45s ease-out,tut-ring-pulse 1.2s ease-in-out .45s infinite}.tut-hand{position:absolute;left:50%;top:50%;margin-left:-14px;margin-top:-10px;font-size:40px;line-height:1;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));animation:tut-pull 1.8s ease-in-out infinite}.tut-hand--nudge{animation:tut-pull 1.4s ease-in-out infinite;font-size:52px}.tut-msg{position:absolute;left:10px;right:10px;display:flex;justify-content:center;pointer-events:none;animation:tut-fade-in .25s ease-out}.tut-msg--top{top:12px}.tut-msg--bottom{bottom:14px}.tut-msg--mid{top:25%}.tut-title{margin:0;padding:10px 16px;max-width:100%;background:#0c0c12d1;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;font-size:15px;font-weight:700;line-height:1.45;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:0 4px 16px #00000059}.tut-title b{color:#ffd166}.tut-sub{display:block;margin-top:5px;font-size:13px;font-weight:600;color:#9be7ff}.tut-arrow{position:absolute;margin-left:-21px;font-size:42px;line-height:1;color:#7fe3ff;text-shadow:0 0 10px rgba(127,227,255,1),0 0 26px rgba(127,227,255,.75),0 2px 4px rgba(0,0,0,.55);pointer-events:none}.tut-arrow--c0{left:22%;animation-delay:0s}.tut-arrow--c1{left:50%;animation-delay:.18s}.tut-arrow--c2{left:78%;animation-delay:.36s}.tut-arrow--up{top:10px;animation:tut-arrow-up 1.5s ease-in-out infinite}.tut-arrow--down{bottom:14px;animation:tut-arrow-down 1.5s ease-in-out infinite}@keyframes tut-arrow-up{0%,to{transform:translateY(16px) scale(.9);opacity:.35}50%{transform:translateY(-8px) scale(1.15);opacity:1}}@keyframes tut-arrow-down{0%,to{transform:translateY(-16px) scale(.9);opacity:.35}50%{transform:translateY(8px) scale(1.15);opacity:1}}@keyframes tut-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tut-ring-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}70%{transform:translate(-50%,-50%) scale(1.12);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes tut-ring-pulse{0%,to{box-shadow:0 0 14px #f0445259}50%{box-shadow:0 0 26px #f04452b3}}@keyframes tut-pull{0%{transform:translate(0) scale(1);opacity:.95}35%{transform:translate(6px,34px) scale(.94);opacity:1}55%{transform:translate(6px,34px) scale(.94);opacity:1}70%{transform:translate(0) scale(1.1);opacity:1}to{transform:translate(0) scale(1);opacity:.95}}.tut-leaving{animation:tut-fade-out .26s ease-in forwards!important}@keyframes tut-fade-out{0%{opacity:1}to{opacity:0}}.game{width:100%;height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;position:relative}.bg-layer{position:absolute;inset:0;background-size:100% 100%;background-position:center top;background-repeat:no-repeat;transition:opacity .8s ease;z-index:0;pointer-events:none}.bg-layer.active{opacity:1}.bg-layer.hidden{opacity:0}@keyframes danger-pulse-red{0%,to{opacity:.7}50%{opacity:1}}.danger-vignette{position:fixed;inset:0;pointer-events:none;z-index:200;background:radial-gradient(ellipse at center,transparent 28%,rgba(220,25,25,.28) 62%,rgba(200,10,10,.72) 100%)}.danger-vignette--soft{opacity:.3}.danger-vignette--strong{opacity:.7;animation:danger-pulse-red .3s ease-in-out infinite}.game-hud-top{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:8px;padding-top:calc(var(--safe-top) + 8px);position:relative;z-index:1}.game-score-row{display:flex;justify-content:center}.game-actions-row{display:flex;justify-content:space-between;align-items:flex-end}.game-score-column{display:flex;flex-direction:column;align-items:stretch}.game-score-block{display:flex;flex-direction:column;gap:4px;align-items:center;padding:8px 20px;background:linear-gradient(180deg,#2e3a4f,#35465c,#3c425b);border-radius:12px 12px 0 0;border:3px solid #8B5E3C;border-bottom:1px solid rgba(196,149,106,.4);box-shadow:inset 0 0 0 2px #c4956a,0 -2px 8px #0000004d;color:#f4f8ff}.game-score-section{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:90px;width:100%}.game-score-value{font-size:50px;font-weight:800;line-height:1;display:inline-block;text-shadow:0 1px 3px rgba(0,0,0,.4)}.game-score-value.score-combo{font-size:35px}.game-score-value.score-bumping{animation:score-bump .3s ease-out}.game-score-value.new-record{animation:score-record-pulse 1s ease-in-out infinite alternate}.game-score-value.score-bumping.new-record{animation:score-bump .3s ease-out,score-record-pulse 1s ease-in-out .3s infinite alternate}@keyframes score-bump{0%{transform:scale(1)}30%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes score-record-pulse{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.game-new-record{text-align:center;font-size:12px;font-weight:900;letter-spacing:1.5px;color:#ffb800;text-shadow:0 0 8px rgba(255,184,0,.7),0 0 18px rgba(255,184,0,.4),0 1px 3px rgba(0,0,0,.5);padding:4px 0 2px;display:inline-block;transform-origin:center;animation:new-record-pulse .55s ease-in-out infinite alternate}@keyframes new-record-pulse{0%{transform:scale(.88);opacity:.6;filter:brightness(.9)}to{transform:scale(1.18);opacity:1;filter:brightness(1.3)}}.game-combo{font-size:13px;font-weight:800;line-height:1;color:#ffd166;text-shadow:0 1px 3px rgba(0,0,0,.4);animation:combo-pop .3s ease-out}@keyframes combo-pop{0%{transform:scale(.8);opacity:.5}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.game-golden-banner{display:flex;align-items:center;gap:4px;background:linear-gradient(90deg,#ffc800eb,#ff9600eb);border-radius:20px;padding:3px 10px 3px 6px;box-shadow:0 2px 8px #ffb40080,0 1px #fff3 inset;animation:golden-pulse .9s ease-in-out infinite alternate;margin-top:2px}.golden-banner-icon{width:16px;height:16px;filter:brightness(0) invert(1)}.golden-banner-text{font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.golden-banner-turns{font-size:11px;font-weight:700;color:#ffffffe0;margin-left:4px}@keyframes golden-pulse{0%{box-shadow:0 2px 8px #ffb40066}to{box-shadow:0 2px 14px #ffdc00d9}}[data-theme=retro] .game-golden-banner{background:linear-gradient(90deg,#b76effeb,#7800c8eb);box-shadow:0 2px 8px #b76eff80}.game-top-buttons{position:absolute;top:calc(var(--safe-top) + 56px);right:calc(var(--safe-right) + 8px);display:flex;gap:8px;z-index:50}.game-pause-btn{width:44px;height:44px;min-height:44px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid rgba(0,0,0,.08)}.game-pause-btn:active{background:#0000001a}.pause-overlay{position:fixed;inset:0;background:#0000009e;z-index:200;display:flex;align-items:center;justify-content:center}.pause-menu{background:#fff;border-radius:16px;padding:24px 20px;min-width:260px;max-width:300px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 32px #0003}.pause-title{font-size:20px;font-weight:800;text-align:center;margin:0 0 12px;color:#333}.pause-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:#00000008;border-radius:12px;font-size:16px;font-weight:600;color:#333;cursor:pointer}.pause-item:active{background:#00000014}.pause-item-exit{color:#e53935}.pause-icon{font-size:20px;width:28px;text-align:center}.pause-volume-panel{background:#00000008;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;margin:0 0 4px}.volume-row{display:flex;align-items:center;gap:8px}.volume-label{font-size:13px;font-weight:600;min-width:48px;white-space:nowrap}.volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#0000001a;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);border:2px solid white;box-shadow:0 1px 4px #0003;cursor:pointer}.volume-value{font-size:12px;font-weight:600;color:var(--text-secondary);min-width:32px;text-align:right}.volume-mute-btn{margin-top:2px;padding:8px 0;border-radius:8px;font-size:13px;font-weight:600;background:#0000000d;color:var(--text-secondary);border:none;text-align:center}.volume-mute-btn:active{background:#0000001a}.game-area{flex:1;display:flex;align-items:center;justify-content:center;padding:0 8px;min-height:0;position:relative;z-index:1}.game-canvas-wrapper{aspect-ratio:3 / 4;max-width:100%;max-height:100%;width:100%;border-radius:14px;overflow:hidden;position:relative}@keyframes countdown-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.08)}}.gameover-countdown{position:absolute;top:4px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#0000008c;padding:4px 14px;border-radius:16px;border:2px solid rgba(240,68,82,.6);z-index:20;pointer-events:none;animation:countdown-pulse .6s ease-in-out infinite}.gameover-countdown-num{font-size:22px;font-weight:900;color:#ff5252;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(255,50,50,.7);min-width:36px;text-align:center}.game-canvas{width:100%;height:100%;display:block;touch-action:none}.game-canvas-wrapper.shaking{animation:box-shake .8s ease-out}@keyframes box-shake{0%{transform:translate(-3px,2px) rotate(-.5deg)}10%{transform:translate(3px,-2px) rotate(.5deg)}20%{transform:translate(-2px,1px) rotate(-.3deg)}30%{transform:translate(2px,-1px) rotate(.3deg)}40%{transform:translate(-1px,1px) rotate(-.2deg)}50%{transform:translate(1px,-1px) rotate(.2deg)}60%{transform:translate(-1px) rotate(-.1deg)}70%{transform:translate(1px) rotate(.1deg)}80%,to{transform:translate(0) rotate(0)}}.game-hud-bottom{flex-shrink:0;height:calc(var(--safe-bottom) + 6px);position:relative;z-index:1}.game-next-section{display:flex;align-items:center;gap:8px}.game-next-label{font-size:14px;font-weight:600;letter-spacing:1px;color:#f4f8ff;text-shadow:0 1px 3px rgba(0,0,0,.3);background:#202a3abf;padding:1px 8px;border-radius:8px}.game-next-box{width:66px;height:66px;display:flex;align-items:center;justify-content:center;background:#5b6e82;border:1px solid #4E6175;border-radius:14px;font-size:36px;box-shadow:0 2px 6px #00000026}.game-next-block{display:flex;flex-direction:row;align-items:flex-end;gap:8px}.game-next-item{display:flex;flex-direction:column;align-items:center;gap:4px}.game-skills{display:flex;gap:8px}.skill-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:66px;min-height:66px;padding:4px;background:#5b6e82;border:1px solid #4E6175;border-radius:14px;transition:background .15s,opacity .26s ease;box-shadow:0 2px 6px #00000026;position:relative}.skill-btn:active:not(.disabled){background:#4e6175}.skill-btn.disabled{opacity:.3}.skill-btn.tutorial-focus{animation:skill-tutorial-focus 1.1s ease-in-out infinite}.skill-btn.tutorial-focus.disabled{opacity:.75}.skill-btn.tutorial-arrow:after{content:"⬆";position:absolute;top:calc(100% + 2px);left:50%;margin-left:-15px;width:30px;font-size:30px;line-height:1;color:#ffd166;text-shadow:0 0 10px rgba(255,209,102,1),0 0 24px rgba(255,209,102,.85),0 2px 4px rgba(0,0,0,.6);pointer-events:none;animation:skill-tutorial-arrow 1s ease-in-out infinite}@keyframes skill-tutorial-arrow{0%,to{transform:translateY(6px);opacity:.55}50%{transform:translateY(-2px);opacity:1}}.skill-btn.tutorial-focus.tutorial-leaving{animation:skill-tutorial-focus-out .26s ease-in forwards}.skill-btn.tutorial-arrow.tutorial-leaving:after{animation:skill-tutorial-arrow-out .26s ease-in forwards}@keyframes skill-tutorial-focus-out{0%{box-shadow:0 0 0 3px #ffd166e6,0 0 16px #ffd166a6}to{box-shadow:0 0 #ffd16600,0 0 #ffd16600}}@keyframes skill-tutorial-arrow-out{0%{opacity:1}to{opacity:0}}@keyframes skill-tutorial-focus{0%,to{box-shadow:0 0 0 2px #ffd166d9,0 0 10px #ffd16680;transform:scale(1)}50%{box-shadow:0 0 0 4px #ffd166,0 0 20px #ffd166cc;transform:scale(1.06)}}.skill-icon{width:28px;height:28px;object-fit:contain}.skill-name{font-size:12px;font-weight:600;color:#e0e8f0;white-space:nowrap;line-height:1}.skill-count{font-size:12px;font-weight:700;color:#ffd1e0;line-height:1}@keyframes skill-count-refund{0%{transform:scale(1);color:#ffd1e0}25%{transform:scale(1.6);color:#7ee07a}60%{transform:scale(1.15);color:#7ee07a}to{transform:scale(1);color:#7ee07a}}.skill-count.refunded{animation:skill-count-refund .55s ease-out forwards}@keyframes refund-badge-float{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-6px) scale(1.1);opacity:1}to{transform:translateY(-22px) scale(.9);opacity:0}}.skill-refund-badge{position:absolute;top:3px;right:3px;background:linear-gradient(135deg,#7ee07a,#4caf50);color:#fff;font-size:10px;font-weight:900;padding:2px 5px;border-radius:8px;line-height:1.2;pointer-events:none;animation:refund-badge-float .7s ease-out forwards;z-index:10}.game-rival-row{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 20px;background:linear-gradient(180deg,#35465c,#3c425b,#2e3a4f);border-radius:0 0 12px 12px;border:3px solid #8B5E3C;border-top:none;box-shadow:inset 0 0 0 2px #c4956a,0 2px 8px #0000004d;transition:all .3s}.game-rival-row.rival-beaten{background:linear-gradient(180deg,#ffb80026,#3c425b,#2e3a4f)}.rival-label{font-size:13px;font-weight:600;color:#f4f8ffb3;white-space:nowrap}.rival-nick{font-size:14px;font-weight:700;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.4)}.rival-all-clear{font-size:12px;font-weight:800;color:#ffb800;letter-spacing:.5px}.rival-empty{font-size:12px;font-weight:500;color:#f4f8ff66;letter-spacing:.2px}.rival-clear-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:150;pointer-events:none}.rival-clear-text{font-size:32px;font-weight:900;color:#ffb800;text-shadow:0 2px 8px rgba(255,184,0,.4),0 0 20px rgba(255,184,0,.2);animation:rival-pop 1.5s ease-out forwards}@keyframes rival-pop{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.2);opacity:1}40%{transform:scale(1)}80%{opacity:1}to{transform:scale(1) translateY(-20px);opacity:0}}.info-modal{width:100%;max-width:320px;max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.info-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06)}.info-title{font-size:17px;font-weight:700;color:var(--text);margin:0}.info-close{width:28px;height:28px;min-height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000000d;font-size:14px;color:var(--text-secondary)}.info-content{padding:16px 20px;overflow-y:auto;max-height:calc(80vh - 56px)}.info-section{margin-bottom:16px}.info-section:last-child{margin-bottom:0}.info-section h3{font-size:14px;font-weight:700;color:var(--text);margin:0 0 6px}.info-section p{font-size:13px;color:var(--text-secondary);margin:0 0 4px;line-height:1.5}.info-evolution{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 0}.info-emoji{font-size:20px}.info-arrow{font-size:12px;color:var(--text-secondary);opacity:.5}.onboarding-overlay{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center}.onboarding-content{text-align:center;color:#fff}.onboarding-hand{font-size:56px;animation:onboarding-drag 1.5s ease-in-out infinite}@keyframes onboarding-drag{0%,to{transform:translate(0)}25%{transform:translateY(-20px)}50%{transform:translate(30px,-40px)}75%{transform:translate(30px,-20px)}}.onboarding-text{font-size:20px;font-weight:700;margin:16px 0 8px;line-height:1.4}.onboarding-sub{font-size:14px;opacity:.6;animation:onboarding-pulse 1.5s ease-in-out infinite}@keyframes onboarding-pulse{0%,to{opacity:.4}50%{opacity:.8}}[data-theme=retro] .game-score-block{background:linear-gradient(180deg,#1a0a2e,#250d3d,#1e0a35);border-color:#7b2fbe;box-shadow:inset 0 0 0 2px #b76eff,0 -2px 8px #0006}[data-theme=retro] .game-rival-row{background:linear-gradient(180deg,#250d3d,#1e0a35,#1a0a2e);border-color:#7b2fbe;box-shadow:inset 0 0 0 2px #b76eff,0 2px 8px #0006}[data-theme=retro] .game-rival-row.rival-beaten{background:linear-gradient(180deg,#ff2d7826,#1e0a35,#1a0a2e)}[data-theme=retro] .game-combo{color:#ff2d78}.modal-overlay{position:fixed;inset:0;background:#0000004d;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:300px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:28px 24px 20px;text-align:center;box-shadow:0 8px 32px #0000001f}.modal-text{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.modal-warn{font-size:12px;color:#e57373;margin-bottom:16px}.modal-buttons{display:flex;gap:10px}.modal-btn{flex:1;padding:12px 0;border-radius:10px;font-size:15px;font-weight:600}.modal-cancel{background:var(--primary);color:#fff}.modal-cancel:active{background:var(--primary-dark)}.modal-confirm{background:#0000000d;color:var(--text-secondary)}.modal-confirm:active{background:#0000001a}.game-loading-guard{position:fixed;inset:0;z-index:200;background:#141414bf;cursor:not-allowed;display:flex;align-items:center;justify-content:center;animation:guard-fade .8s ease forwards}.game-loading-text{font-size:34px;font-weight:900;color:#fff;letter-spacing:3px;text-shadow:0 3px 16px rgba(0,0,0,.5);pointer-events:none;animation:loading-text-pop .35s ease-out}@keyframes loading-text-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes guard-fade{0%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes skill-active-glow{0%,to{box-shadow:0 0 6px #ffd16680,inset 0 0 0 2px #ffd16666}50%{box-shadow:0 0 14px #ffd166cc,inset 0 0 0 2px #ffd16699}}.skill-btn.active{background:#ffd1661f;border-color:#ffd16680;animation:skill-active-glow .8s ease-in-out infinite}.skill-btn.pending{background:#ff8c421f;border-color:#ff8c4299;box-shadow:0 0 10px #ff8c4266}.snipe-modal{padding:20px 16px 16px}.snipe-level-grid{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.snipe-level-btn{display:flex;flex-direction:column;align-items:center;gap:4px;width:52px;padding:8px 4px;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:11px;font-weight:600;color:var(--text-secondary);transition:background .12s,border-color .12s}.snipe-level-btn:active{background:rgba(var(--primary-rgb, 0, 122, 255),.08);border-color:rgba(var(--primary-rgb, 0, 122, 255),.3)}.pending-skill-hint{position:fixed;bottom:calc(var(--safe-bottom) + 80px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 16px;background:#14141ed1;border:1px solid rgba(255,255,255,.12);border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;white-space:nowrap;color:#f4f8ff;font-size:14px;font-weight:600;animation:combo-pop .25s ease-out}.pending-cancel-btn{padding:4px 12px;background:#ffffff1f;border-radius:14px;font-size:12px;font-weight:700;color:#f4f8ffcc;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.pending-cancel-btn:active{background:#fff3}[data-theme=retro] .skill-btn{background:#1e0a3cbf;border-color:#b76effb3;box-shadow:inset 0 0 0 1px #b76eff40}[data-theme=retro] .skill-btn:active:not(.disabled){background:#7b2fbe47}[data-theme=retro] .skill-name{color:#b8a4d8}[data-theme=retro] .skill-count{color:#ff80ab}@keyframes skill-active-glow-retro{0%,to{box-shadow:0 0 6px #ff2d7880,inset 0 0 0 2px #ff2d7866}50%{box-shadow:0 0 16px #ff2d78d9,inset 0 0 0 2px #ff2d78a6}}[data-theme=retro] .skill-btn.active{background:#ff2d7826;border-color:#ff2d788c;animation:skill-active-glow-retro .8s ease-in-out infinite}[data-theme=retro] .skill-btn.pending{background:#ff8c4226;border-color:#ff8c4299;box-shadow:0 0 10px #ff8c4266}[data-theme=retro] .game-next-box{background:#1e0a3cbf;border-color:#b76effb3;box-shadow:inset 0 0 0 1px #b76eff40}[data-theme=retro] .game-next-label{color:#b8a4d8}[data-theme=retro] .game-pause-btn{background:#7b2fbe33;border-color:#b76eff66;color:#f0e6ff}[data-theme=retro] .game-pause-btn:active{background:#7b2fbe59}[data-theme=retro] .pause-menu{background:#1c1535;border:1px solid rgba(123,47,190,.5);box-shadow:0 8px 32px #0009,0 0 24px #7b2fbe33}[data-theme=retro] .pause-title{color:#f0e6ff}[data-theme=retro] .pause-item{background:#7b2fbe1a;color:#f0e6ff}[data-theme=retro] .pause-item:active{background:#7b2fbe38}[data-theme=retro] .pause-item-exit{color:#ff2d78}[data-theme=retro] .pause-volume-panel{background:#7b2fbe1a}[data-theme=retro] .volume-label,[data-theme=retro] .volume-value{color:#b8a4d8}[data-theme=retro] .volume-mute-btn{color:#b8a4d8;background:#7b2fbe1f}[data-theme=retro] .info-modal{background:#1c1535;box-shadow:0 8px 32px #0009,0 0 24px #7b2fbe33}[data-theme=retro] .info-header{border-bottom-color:#7b2fbe4d}[data-theme=retro] .info-title{color:#f0e6ff}[data-theme=retro] .info-close{background:#7b2fbe26;color:#b8a4d8}[data-theme=retro] .info-section h3{color:#f0e6ff}[data-theme=retro] .info-section p{color:#b8a4d8}[data-theme=retro] .modal{background:#1c1535;border-color:#7b2fbe66;box-shadow:0 8px 32px #0009}[data-theme=retro] .modal-text{color:#f0e6ff}[data-theme=retro] .modal-cancel{background:#ff2d78}[data-theme=retro] .modal-confirm{background:#7b2fbe26;color:#b8a4d8}[data-theme=retro] .snipe-level-btn{background:#7b2fbe1f;border-color:#b76eff40;color:#b8a4d8}[data-theme=retro] .snipe-level-btn:active{background:#ff2d781f;border-color:#ff2d7866}.continue-overlay{position:absolute;inset:0;z-index:60;background:#000000d1;display:flex;align-items:center;justify-content:center}.continue-panel{background:var(--surface-1, #1a1f2e);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px 28px;width:min(320px,85vw);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 8px 32px #00000080}.continue-countdown{width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,150,50,.7);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#ffb060;font-variant-numeric:tabular-nums}.continue-title{font-size:20px;font-weight:700;color:var(--text-primary, #E0E8F0);margin:0}.continue-preview{width:100%;background:#ffffff0d;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.continue-preview-fruits{display:flex;gap:20px;justify-content:center}.continue-preview-fruit{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.continue-preview-fruit:after{content:"✕";position:absolute;top:-4px;right:-8px;font-size:12px;color:#ff6b6b}.continue-preview-name{font-size:11px;color:var(--text-secondary, #8A9BB8)}.continue-preview-desc{margin:0;font-size:13px;color:var(--text-secondary, #8A9BB8);text-align:center}.continue-preview-desc b{color:#7ed98f}.continue-badge{font-size:12px;color:var(--text-secondary, #8A9BB8);background:#ffffff14;padding:3px 10px;border-radius:20px}.continue-btn-heart{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s}.continue-btn-heart:active{opacity:.8}.continue-btn-watch{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#4a90e2,#7b52d4);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s}.continue-btn-watch:active{opacity:.8}.continue-btn-decline{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-secondary, #8A9BB8);font-size:14px;cursor:pointer;transition:background .15s}.continue-btn-decline:active{background:#ffffff0f}.bgtest-badge{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom, 0px) + 6px);z-index:400;padding:4px 10px;border-radius:999px;background:#000000b8;color:#ffe082;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none}.result{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-top:calc(var(--safe-top) + 24px);padding-bottom:calc(var(--safe-bottom) + 24px)}.result-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.result-label{font-size:14px;font-weight:700;color:var(--text-secondary);letter-spacing:2px}.result-record{font-size:16px;font-weight:800;color:var(--warning);animation:pulse .6s ease-in-out infinite alternate}.result-record-hearts{font-size:14px;font-weight:800;color:#ff6b6b;background:#ff6b6b24;border:1px solid rgba(255,107,107,.45);border-radius:10px;padding:5px 12px;white-space:nowrap;animation:levelup-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes pulse{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.result-score-section{display:flex;align-items:baseline;gap:8px}.result-emoji{font-size:40px}.result-score{font-size:48px;font-weight:800;color:var(--primary)}.result-unit{font-size:20px;font-weight:600;color:var(--text-secondary)}.result-stats{width:100%;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-stat{display:flex;flex-direction:column;gap:2px}.result-stat-label{font-size:12px;color:var(--text-secondary)}.result-stat-value{font-size:16px;font-weight:700;color:var(--text)}.result-fruits{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}.result-fruit-badge{font-size:22px}.result-fruit-next{font-size:14px;color:var(--text-secondary)}.result-rivals-summary{width:100%;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px;font-size:14px;font-weight:600;color:var(--text);text-align:center}.result-rivals-summary strong{color:#ffb800;font-size:16px}.result-history{width:100%;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.result-history-title{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.result-history-bars{display:flex;align-items:flex-end;gap:6px;height:40px}.history-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.history-bar{width:100%;min-height:4px;background:var(--primary-light);border-radius:3px 3px 0 0;opacity:.7}.history-bar-wrap:first-child .history-bar{background:var(--primary);opacity:1}.result-buttons{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:8px}.result-btn{border-radius:var(--radius);font-size:16px;font-weight:700;padding:14px 0}.result-btn-primary{width:100%;background:var(--primary);color:#fff}.result-btn-primary:active{background:var(--primary-dark)}.result-btn-row{display:flex;gap:10px}.result-btn-sub{flex:1;background:#ffffff1a;color:#ffffffd9;border:1px solid rgba(255,255,255,.2)}.result-btn-sub:active{background:#ffffff2e}.result-confetti{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.confetti-piece{position:absolute;top:-10px;width:8px;height:8px;border-radius:2px;animation:confetti-fall 2.5s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}.result-near-miss{width:100%;background:linear-gradient(135deg,#ff8c4214,#ff2d780f);border:1px solid rgba(255,140,66,.25);border-radius:12px;padding:12px 16px;text-align:center}.near-miss-main{font-size:14px;font-weight:700;color:#ff6b00;margin:0 0 4px;line-height:1.4}.near-miss-sub{font-size:12px;font-weight:500;color:var(--text-secondary);margin:0;line-height:1.5}.result-my-rank{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;background:#ffb80014;border:1px solid rgba(255,184,0,.25);border-radius:12px;cursor:pointer}.result-my-rank:active{background:#ffb80024}.my-rank-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.my-rank-value{font-size:20px;font-weight:900;color:#ffb800}.my-rank-cta{font-size:12px;font-weight:600;color:var(--primary, #007AFF);margin-left:auto}[data-theme=retro] .result-btn-primary{background:#ff2d78;border:2px solid #FF6BA3;border-radius:2px;box-shadow:4px 4px #7b2fbe;color:#fff;letter-spacing:.5px}[data-theme=retro] .result-btn-primary:active{background:#c4235e;transform:translate(4px,4px);box-shadow:none}[data-theme=retro] .result-btn-sub{background:#0f0023d9;color:#b76eff;border:2px solid rgba(183,110,255,.6);border-radius:2px;box-shadow:2px 2px #4a0080}[data-theme=retro] .result-btn-sub:active{background:#1e003cd9;transform:translate(2px,2px);box-shadow:none}.result-exp-row{display:flex;align-items:center;gap:8px;background:#ffffff1a;border-radius:12px;padding:8px 16px;border:1px solid rgba(255,215,0,.3)}.result-exp-label{font-size:12px;font-weight:700;color:#ffd700cc;letter-spacing:1px}.result-exp-value{font-size:18px;font-weight:800;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.result-levelup{font-size:18px;font-weight:900;color:gold;background:linear-gradient(135deg,#ffb70033,#ff6b3526);padding:6px 16px;border-radius:12px;border:2px solid rgba(255,215,0,.6);box-shadow:0 0 16px #ffd70059;text-shadow:0 0 8px rgba(255,215,0,.5);animation:levelup-pop .5s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes levelup-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.result-promo{display:flex;flex-direction:column;align-items:center;gap:4px;background:#3182f61f;border:1px solid rgba(49,130,246,.45);border-radius:12px;padding:8px 16px;max-width:100%}.result-promo-row{display:flex;align-items:center;gap:8px}.result-promo-label{font-size:12px;font-weight:700;color:#82b4ffe6;letter-spacing:.5px}.result-promo-value{font-size:18px;font-weight:900;color:#7eb6ff}.result-promo-note{margin:0;font-size:10px;line-height:1.45;text-align:center;color:#ffffff8c;word-break:keep-all}.result-missions{width:100%;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px;display:flex;flex-direction:column;gap:8px;animation:mission-fade-in .5s ease-out both}@keyframes mission-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-missions-head{display:flex;align-items:center;justify-content:space-between}.result-missions-title{font-size:13px;font-weight:800;color:var(--text)}.result-missions-progress{font-size:12px;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.result-mission-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.result-mission-check{flex-shrink:0}.result-mission-label{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-mission-exp{flex-shrink:0;font-weight:800;color:#ffb800;font-variant-numeric:tabular-nums}.result-mission-bonus .result-mission-label{color:#ff6b00;font-weight:700}.result-promo-hint{margin:8px 0 0;text-align:center;opacity:.85}.vsintro{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom);background:radial-gradient(circle at 50% 50%,#2a3350,#12151f);color:#fff;animation:vsintro-in .25s ease-out}@keyframes vsintro-in{0%{opacity:0}to{opacity:1}}.vsintro-side{display:flex;flex-direction:column;align-items:center;gap:6px;animation:vsintro-slide .35s ease-out}@keyframes vsintro-slide{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.vsintro-emoji{font-size:44px}.vsintro-nick{font-size:28px;font-weight:900;letter-spacing:-.3px}.vsintro-stats{display:flex;gap:12px;font-size:12px;font-weight:700;color:#ffffffbf}.vsintro-vs{font-size:40px;font-weight:900;color:#ffcf3d;letter-spacing:2px;text-shadow:0 2px 12px rgba(255,207,61,.4);animation:vsintro-pop .4s ease-out .1s both}@keyframes vsintro-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.vsintro.leaving{animation:vsintro-out .3s ease-in forwards}@keyframes vsintro-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.vsintro,.vsintro.leaving,.vsintro-side,.vsintro-vs{animation:none}}[data-theme=retro] .vsintro{background:radial-gradient(circle at 50% 50%,#2a0a52,#12002a)}[data-theme=retro] .vsintro-vs{color:gold;text-shadow:0 0 16px rgba(255,215,0,.5)}[data-theme=animal] .vsintro{background:linear-gradient(#fff5ee9e,#fff5eecc),url(/backgrounds/animal/home-bg.webp);background-size:cover;background-position:center;color:#2d2d2d}[data-theme=animal] .vsintro-nick{color:#2d2d2d;text-shadow:0 1px 6px rgba(255,255,255,.6)}[data-theme=animal] .vsintro-stats{color:#6b5b52}[data-theme=animal] .vsintro-vs{color:#e85a7a;text-shadow:0 2px 12px rgba(255,107,138,.35)}[data-theme=retro] .vsintro-skip{background:#b76eff29;border:2px solid rgba(183,110,255,.6);border-radius:4px;color:#f0e6ff}@keyframes incoming-pop{0%{transform:scale(.4) translateY(-4px);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.versus-scope .game-next-box,.versus-scope .skill-btn{background:#ffffff1f;border-color:#ffffff47;box-shadow:none}.versus-scope .versus-skill-slot{overflow:hidden;cursor:pointer}.versus-scope .versus-skill-emoji{font-size:30px;line-height:1}.versus-scope .versus-skill-cd{position:absolute;left:0;bottom:0;width:100%;background:#00000080;pointer-events:none;border-radius:0 0 14px 14px}.versus-scope .skill-btn.active{border-color:#ffcf3d;box-shadow:0 0 0 2px #ffcf3d,0 0 14px #ffcf3db3}@keyframes versus-timer-urgent{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}@keyframes versus-timer-blink{0%,49%{opacity:1}50%,99%{opacity:.35}}.versus-timer-urgent{animation:versus-timer-urgent 1s ease-in-out infinite}.versus-timer-blink{animation:versus-timer-blink .5s steps(1) infinite}.versus-countdown-num{font-size:clamp(80px,28vw,140px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 4px 24px rgba(0,0,0,.55);animation:versus-countdown-pop 1s ease-out}@keyframes versus-countdown-pop{0%{transform:scale(.5);opacity:0}25%{transform:scale(1.28);opacity:1}60%{transform:scale(1);opacity:1}to{transform:scale(.92);opacity:.82}}@keyframes versus-score-bump{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.versus-score-bump{animation:versus-score-bump .3s ease-out}.versus-info-boxes{display:flex;flex-direction:column;gap:clamp(8px,3vw,14px);align-items:stretch;width:100%;max-width:clamp(180px,52vw,240px);pointer-events:none}.versus-box{display:flex;flex-direction:column;gap:4px;background:#14182080;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:7px 11px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.versus-box-head{display:flex;align-items:center;gap:7px;white-space:nowrap;line-height:1.1}.versus-box-emoji{font-size:18px}.versus-box-nick{font-size:clamp(12px,3.4vw,14px);font-weight:800;color:#e8eef6;max-width:clamp(78px,24vw,120px);overflow:hidden;text-overflow:ellipsis}.versus-box-score{font-size:clamp(16px,4.8vw,21px);font-weight:900;color:#fff;font-variant-numeric:tabular-nums;min-width:clamp(44px,14vw,56px);text-align:right;margin-left:auto;line-height:1.05;text-shadow:0 1px 4px rgba(0,0,0,.4)}.versus-box-atk{min-height:34px;display:flex;align-items:center}.versus-result-page{background:#1a1f2b;color:#fff}.versus-result-card{background:#232a38;border-radius:20px;padding:28px 24px;width:84%;max-width:400px;box-shadow:0 10px 40px #00000073;border:1px solid rgba(255,255,255,.08)}.versus-result-title{font-size:34px;font-weight:900;text-align:center;margin:6px 0 2px}.versus-result-sub{font-size:14px;font-weight:700;color:#ffffffd9;text-align:center;margin-bottom:4px}.versus-result-reason{font-size:13px;color:#ffffff8c;text-align:center;margin-bottom:18px}.versus-result-scores{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}.versus-result-score-col{text-align:center;flex:1}.versus-result-score-name{font-size:16px;color:#ffffffe6;font-weight:800;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.versus-result-score-val{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums}.versus-result-vs{font-size:14px;color:#fff6;font-weight:800}.versus-result-table{background:#00000038;border-radius:14px;padding:12px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.versus-result-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:14px;font-weight:700}.versus-result-row-label{color:#fff9;font-size:12px}.versus-result-row-me{color:#7fd8ff;text-align:center;font-variant-numeric:tabular-nums}.versus-result-row-bot{color:#ffb0a8;text-align:center;font-variant-numeric:tabular-nums}.versus-result-row-single{grid-column:2 / 4;color:#fff;text-align:center;font-variant-numeric:tabular-nums}.versus-result-record{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;margin-bottom:18px}.versus-result-streak{color:#ffcf3d}.versus-result-winrate{color:#ffffffbf}.versus-result-btn-primary{width:100%;padding:14px;border-radius:12px;border:none;background:#22c463;color:#fff;font-size:16px;font-weight:800;cursor:pointer;margin-bottom:10px}.versus-result-btn-sub{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fffc;font-size:15px;font-weight:700;cursor:pointer}[data-theme=retro] .versus-result-btn-primary{background:#ff2d78;border:2px solid #FF6BA3;border-radius:2px;box-shadow:4px 4px #7b2fbe;letter-spacing:.5px}[data-theme=retro] .versus-result-btn-primary:active{background:#c4235e;transform:translate(4px,4px);box-shadow:none}[data-theme=retro] .versus-result-btn-sub{background:#0f0023d9;color:#b76eff;border:2px solid rgba(183,110,255,.6);border-radius:2px;box-shadow:2px 2px #4a0080}[data-theme=retro] .versus-result-btn-sub:active{background:#1e003cd9;transform:translate(2px,2px);box-shadow:none}.versus-result-card[data-outcome=win]{background:linear-gradient(160deg,#2a3320,#232a38);border:1px solid rgba(255,207,61,.55);box-shadow:0 10px 40px #00000073,0 0 32px #ffcf3d40}.versus-result-card[data-outcome=win] .versus-result-sub{color:#ffe08a}.versus-result-card[data-outcome=lose]{background:linear-gradient(160deg,#262b38,#1e222c);border:1px solid rgba(255,120,120,.3)}.versus-result-card[data-outcome=lose] .versus-result-btn-primary{background:#ff6b6b;animation:versus-retry-pulse 1.4s ease-in-out infinite}@keyframes versus-retry-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ff6b6b00}50%{transform:scale(1.03);box-shadow:0 0 16px #ff6b6b73}}.versus-result-card[data-outcome=draw]{border:1px solid rgba(180,190,205,.35)}[data-theme=retro] .versus-result-card{background:linear-gradient(160deg,#1e0a3c,#14082e);border-radius:6px}[data-theme=animal] .versus-result-page{background:linear-gradient(#fff5ee99,#fff5eed1),url(/backgrounds/animal/home-bg.webp);background-size:cover;background-position:center;color:#2d2d2d}[data-theme=animal] .versus-result-card{background:#fffffff2;border:1px solid rgba(255,107,138,.25);box-shadow:0 10px 40px #ff6b8a2e,0 2px 12px #00000014}[data-theme=animal] .versus-result-card[data-outcome=win]{background:linear-gradient(160deg,#fff6e9,#fff);border:1px solid rgba(255,159,0,.5);box-shadow:0 10px 40px #0000001a,0 0 28px #ff9f0038}[data-theme=animal] .versus-result-card[data-outcome=lose]{background:linear-gradient(160deg,#fff0f3,#fff);border:1px solid rgba(255,107,138,.4)}[data-theme=animal] .versus-result-card[data-outcome=draw]{border:1px solid rgba(180,160,150,.4)}[data-theme=animal] .versus-result-card[data-outcome=win] .versus-result-title{color:#c25a00!important}[data-theme=animal] .versus-result-card[data-outcome=lose] .versus-result-title{color:#c9366a!important}[data-theme=animal] .versus-result-card[data-outcome=draw] .versus-result-title{color:#6b5b52!important}[data-theme=animal] .versus-result-sub{color:#5a4d45}[data-theme=animal] .versus-result-reason{color:#8a7a70}[data-theme=animal] .versus-result-card[data-outcome=win] .versus-result-sub{color:#b45309}[data-theme=animal] .versus-result-score-name{color:#5a4d45}[data-theme=animal] .versus-result-score-val{color:#2d2d2d}[data-theme=animal] .versus-result-vs{color:#b0a094}[data-theme=animal] .versus-result-table{background:#ff6b8a14}[data-theme=animal] .versus-result-row-label{color:#8a7a70}[data-theme=animal] .versus-result-row-me{color:#c9366a}[data-theme=animal] .versus-result-row-bot{color:#b45309}[data-theme=animal] .versus-result-row-single{color:#2d2d2d}[data-theme=animal] .versus-result-streak{color:#b45309}[data-theme=animal] .versus-result-winrate{color:#6b5b52}[data-theme=animal] .versus-result-rank-rp{color:#b45309}[data-theme=animal] .versus-result-missions{background:#ff6b8a14}[data-theme=animal] .versus-result-missions-title{color:#b45309}[data-theme=animal] .versus-result-missions-progress{color:#6b5b52}[data-theme=animal] .versus-result-mission-label{color:#2d2d2d}[data-theme=animal] .versus-result-mission-exp,[data-theme=animal] .versus-result-mission-bonus .versus-result-mission-label{color:#b45309}[data-theme=animal] .versus-result-btn-primary{background:linear-gradient(135deg,#d6336c,#c42c60)}[data-theme=animal] .versus-result-card[data-outcome=lose] .versus-result-btn-primary{background:#d6336c}[data-theme=animal] .versus-result-btn-sub{background:#fff;color:#c9366a;border:1.5px solid rgba(255,107,138,.5)}.versus-result-confetti{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.versus-confetti-piece{position:absolute;top:-12px;width:8px;height:8px;border-radius:2px;animation-name:versus-confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes versus-confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}.versus-scope{--versus-outer-gap: clamp(12px, 4vh, 34px)}.versus-scope .versus-board-wrapper{position:relative;width:auto;aspect-ratio:360 / 390;height:calc(100% - var(--versus-outer-gap));max-width:360px;max-height:390px}.versus-scope .versus-band-top{align-items:flex-end}.versus-scope .versus-band-bottom{align-items:flex-start}.versus-scope .versus-hud-grid{display:grid;grid-template-columns:clamp(132px,40vw,178px) 1fr 1fr;grid-template-rows:repeat(6,minmax(0,1fr));column-gap:5px;row-gap:3px;align-items:stretch;justify-items:stretch;min-height:max(134px,calc(38px + 5.75rem))}.versus-scope .versus-hud-grid .versus-info-boxes{display:contents}.versus-scope .versus-hud-grid .versus-box{max-width:none;width:100%;height:100%;margin:0;box-sizing:border-box;padding:3px 8px;gap:2px;justify-content:center;overflow:hidden}.versus-scope .versus-hud-grid .versus-box[data-who=bot]{grid-column:1;grid-row:1 / 3}.versus-scope .versus-hud-grid .versus-box[data-who=me]{grid-column:1;grid-row:4 / 6}.versus-scope .versus-hud-grid .versus-box-line1{display:flex;align-items:center;gap:5px;width:100%;min-width:0;white-space:nowrap;line-height:1}.versus-scope .versus-hud-grid .versus-box-emoji{font-size:clamp(13px,3.8vw,15px);flex-shrink:0}.versus-scope .versus-hud-grid .versus-box-avatar{width:clamp(15px,4.4vw,19px);height:clamp(15px,4.4vw,19px);border-radius:50%;object-fit:cover;flex-shrink:0}.versus-scope .versus-hud-grid .versus-box-nick{font-size:clamp(10.5px,3vw,13px);max-width:none;flex:1 1 auto;min-width:0}.versus-scope .versus-hud-grid .versus-box-score{font-size:clamp(13px,3.7vw,15px);line-height:1;margin:0;text-align:left;min-width:0}.versus-scope .versus-hud-grid .versus-offense{display:flex;align-items:center;overflow:hidden;min-width:0}.versus-scope .versus-hud-grid .versus-offense[data-who=bot]{grid-column:1;grid-row:3 / 4}.versus-scope .versus-hud-grid .versus-offense[data-who=me]{grid-column:1;grid-row:6 / 7}.versus-scope .versus-hud-time{grid-column:2 / 4;grid-row:1 / 3;display:flex;align-items:center;justify-content:center}.versus-scope .versus-hud-time-box{display:inline-flex;align-items:center;justify-content:center;padding:3px 16px;background:#14182080;border-radius:12px;font-size:clamp(18px,5.5vw,23px);font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.5);line-height:1;pointer-events:none}.versus-scope .versus-hud-next{grid-column:2 / 4;grid-row:3 / 5;display:flex;align-items:center;justify-content:center;overflow:hidden}.versus-scope .game-next-compact{align-items:center;gap:clamp(5px,2.4vw,11px)}.versus-scope .game-next-compact .game-next-box{width:clamp(30px,9vw,40px);height:clamp(30px,9vw,40px);border-radius:8px}.versus-scope .game-next-compact .game-next-label{display:none}.versus-scope .versus-next-label{flex-shrink:0;margin-right:2px;font-size:clamp(9px,2.6vw,12px);font-weight:800;letter-spacing:.5px;color:#f4f8ff;text-shadow:0 1px 3px rgba(0,0,0,.4);background:#202a3abf;padding:1px 7px;border-radius:8px}.versus-scope .game-next-compact .game-next-item img{width:clamp(20px,6vw,30px);height:clamp(20px,6vw,30px)}.versus-scope .versus-hud-skill-a{grid-column:2;grid-row:5 / 7;justify-self:end}.versus-scope .versus-hud-skill-b{grid-column:3;grid-row:5 / 7;justify-self:start}.versus-scope .versus-hud-grid .versus-skill-slot{width:50%;height:100%;box-sizing:border-box;padding:2px;gap:0;border-radius:12px;min-height:0}.versus-scope .versus-hud-grid .versus-skill-slot .skill-icon{width:clamp(18px,5vw,26px);height:clamp(18px,5vw,26px)}.versus-scope .versus-hud-grid .versus-skill-emoji{font-size:clamp(18px,4.8vw,24px)}.versus-scope .versus-hud-grid .versus-skill-count{font-size:clamp(8px,2.3vw,11px);font-weight:700;line-height:1;color:#f4f8ff;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.5);background:#202a3abf;padding:1px 4px;border-radius:5px;box-sizing:border-box;max-width:100%;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.versus-scope .versus-idle-warning{position:absolute;left:0;right:0;margin:0 auto;width:max-content;max-width:90%;bottom:calc(env(safe-area-inset-bottom) + 15%);z-index:12;padding:7px 16px;border-radius:999px;background:#1e222edb;border:1.5px solid #ffcf3d;color:#ffe08a;font-size:clamp(12px,3.6vw,15px);font-weight:800;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none;animation:versus-timer-urgent 1s ease-in-out infinite}.versus-scope .versus-idle-warning.active{background:#461818e6;border-color:#f55;color:#ffd0d0}.versus-scope .versus-hud-grid .versus-offense[data-who=me]{position:relative}.versus-scope .versus-shield-barrier{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;align-items:center;gap:4px;padding:0 6px;border-radius:8px;background:#0c2640d1;border:1.5px solid rgba(94,200,255,.9);box-shadow:0 0 10px #5ec8ff66;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);animation:incoming-pop .22s ease-out}.versus-scope .versus-shield-icon{font-size:clamp(11px,3.2vw,14px);line-height:1;flex-shrink:0}.versus-scope .versus-shield-label{font-size:clamp(9px,2.5vw,11px);font-weight:800;color:#e6f6ff;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.versus-scope .versus-shield-count{font-size:clamp(10px,2.9vw,12px);font-weight:900;color:#9fe3ff;flex-shrink:0;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.5)}.versus-scope .versus-shield-gauge{flex:1 1 auto;min-width:0;height:4px;border-radius:2px;overflow:hidden;background:#ffffff38}.versus-scope .versus-shield-gauge>i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#5ec8ff,#9fe3ff);transition:width .1s linear}.versus-scope .versus-shield-board-pulse{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:6px;animation:versus-shield-pulse .9s ease-in-out infinite}@keyframes versus-shield-pulse{0%,to{box-shadow:inset 0 0 0 2px #5ec8ffb3,inset 0 0 16px #5ec8ff40}50%{box-shadow:inset 0 0 0 3px #5ec8ff,inset 0 0 26px #5ec8ff80}}.versus-scope .versus-hud-grid .versus-box-line2{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0}.versus-scope .versus-box-rank{display:flex;align-items:center;gap:3px;flex-shrink:0}.versus-scope .versus-box-rp{font-size:clamp(9px,2.6vw,11px);font-weight:800;color:#ffcf3d;font-variant-numeric:tabular-nums;line-height:1}.versus-scope .versus-pause-btn{position:absolute;top:calc(env(safe-area-inset-top) + 8px);right:12px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;z-index:10;background:#ffffffe6;border:1.5px solid rgba(34,196,99,.5);color:#2f9e5b;box-shadow:0 2px 6px #0000002e}.versus-scope .versus-pause-btn:active{background:#f0fff6f2}[data-channel=ait] .versus-scope .versus-pause-btn{top:calc(env(safe-area-inset-top) + var(--ait-nav-offset, 58px))}[data-theme=retro] .versus-scope .versus-pause-btn{background:#1c1535e6;border:2px solid rgba(183,110,255,.65);color:#f0e6ff;border-radius:7px;box-shadow:2px 2px #7b2fbe99}[data-theme=retro] .versus-scope .versus-pause-btn:active{background:#281e46f2;transform:translate(1px,1px);box-shadow:1px 1px #7b2fbe99}.versus-result-rank{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px}.versus-result-rank-rp{font-size:12px;font-weight:800;color:#ffcf3d;font-variant-numeric:tabular-nums}.versus-result-missions{background:#00000038;border-radius:14px;padding:10px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px;animation:versus-mission-fade-in .5s ease-out both}@keyframes versus-mission-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.versus-result-missions-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.versus-result-missions-title{font-size:13px;font-weight:800;color:#ffe08a}.versus-result-missions-progress{font-size:12px;font-weight:800;color:#ffffffb3;font-variant-numeric:tabular-nums}.versus-result-mission-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.versus-result-mission-check{flex-shrink:0}.versus-result-mission-label{flex:1;color:#e8eef6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.versus-result-mission-exp{flex-shrink:0;color:#ffcf3d;font-weight:800;font-variant-numeric:tabular-nums}.versus-result-mission-bonus .versus-result-mission-label{color:#ffe08a}.versus-result-promo{background:#3182f624;border:1px solid rgba(49,130,246,.45);border-radius:14px;padding:10px 14px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:versus-mission-fade-in .5s ease-out both}.versus-result-promo-row{display:flex;align-items:center;gap:8px}.versus-result-promo-label{font-size:13px;font-weight:800;color:#82b4fff2}.versus-result-promo-value{font-size:16px;font-weight:900;color:#7eb6ff;font-variant-numeric:tabular-nums}.versus-result-promo-note{margin:0;font-size:10px;line-height:1.45;text-align:center;color:#ffffff8c;word-break:keep-all}.versus-result-promo-hint{margin:8px 0 0;opacity:.85}.versus-scope[data-board-side=top] .versus-hud-grid .versus-box[data-who=me]{grid-row:1 / 3}.versus-scope[data-board-side=top] .versus-hud-grid .versus-offense[data-who=me]{grid-row:3 / 4}.versus-scope[data-board-side=top] .versus-hud-grid .versus-box[data-who=bot]{grid-row:4 / 6}.versus-scope[data-board-side=top] .versus-hud-grid .versus-offense[data-who=bot]{grid-row:6 / 7}.versus-scope[data-board-side=top] .versus-idle-warning{bottom:auto;top:calc(env(safe-area-inset-top) + 15%)}.vskill-select{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 18px env(safe-area-inset-bottom);overflow-y:auto}.vskill-bg{position:fixed;inset:0;background-size:cover;background-position:center;z-index:0}.vskill-content{position:relative;z-index:1;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.vskill-title{margin:0;text-align:center;font-size:24px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.vskill-sub{margin:-6px 0 0;text-align:center;font-size:13px;font-weight:700;color:#ffffffd1;text-shadow:0 1px 4px rgba(0,0,0,.5)}.vskill-group{display:flex;flex-direction:column;gap:8px;background:#14182080;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vskill-group-label{font-size:12px;font-weight:800;color:#fff9;letter-spacing:.5px}.vskill-row{display:flex;flex-wrap:wrap;gap:8px}.vskill-tile{flex:1 1 60px;min-width:60px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:12px;background:#ffffff14;border:2px solid rgba(255,255,255,.14);transition:background .12s,border-color .12s,transform .08s}.vskill-tile:active{transform:scale(.96)}.vskill-tile.selected{background:#ff8a4c38;border-color:#ff8a4c}.vskill-icon{width:30px;height:30px;object-fit:contain}.vskill-emoji{font-size:28px;line-height:30px}.vskill-name{font-size:13px;font-weight:800;color:#fff}.vskill-desc{font-size:10px;font-weight:600;color:#ffffff9e;text-align:center}.vskill-actions{display:flex;gap:10px;align-items:stretch;margin-top:2px}.vskill-back{flex:0 0 auto;padding:0 22px;border-radius:14px;background:#181c26d1;color:#fff;font-size:15px;font-weight:800;border:2px solid rgba(255,255,255,.5);text-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:0 3px 10px #0006}.vskill-back:active{background:#303644eb}.vskill-start{flex:1}[data-theme=retro] .vskill-tile{background:#260e48b8;border-color:#b76eff73}[data-theme=retro] .vskill-tile.selected{background:#ff2d7852;border-color:#ff2d78}[data-theme=retro] .vskill-back{background:#34105cf0;color:#efe0ff;border:2px solid #B76EFF;border-radius:4px;box-shadow:0 0 0 1px #b76eff66,0 0 10px #b76eff59,2px 2px #4a0080;text-shadow:0 1px 2px rgba(0,0,0,.7)}[data-theme=retro] .vskill-back:active{background:#481878f5}[data-theme=retro] .vskill-group{border-color:#b76eff59;border-radius:8px}[data-theme=animal] .vskill-title{color:#2d2d2d;text-shadow:0 1px 6px rgba(255,255,255,.7)}[data-theme=animal] .vskill-sub{color:#4a3f38;text-shadow:0 1px 5px rgba(255,255,255,.6)}[data-theme=animal] .vskill-group{background:#ffffffe6;border:1px solid rgba(255,107,138,.25)}[data-theme=animal] .vskill-group-label{color:#b82d5d}[data-theme=animal] .vskill-tile{background:#fff5eecc;border-color:#ff6b8a38}[data-theme=animal] .vskill-tile.selected{background:#ff6b8a2e;border-color:#ff6b8a}[data-theme=animal] .vskill-name{color:#2d2d2d}[data-theme=animal] .vskill-desc{color:#7a6a60}[data-theme=animal] .vskill-back{background:#ffffffeb;color:#c9366a;border:2px solid rgba(255,107,138,.5);text-shadow:none;box-shadow:0 3px 10px #0000001f}[data-theme=animal] .vskill-back:active{background:#fff0f4f5}.vmatch-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 16px) 20px calc(env(safe-area-inset-bottom) + 16px);background:radial-gradient(circle at 50% 0%,#f4f2f7,#e7eaf1 60%,#e1e4ec);color:#1c2333;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}.vmatch-loading{font-size:15px;font-weight:600;color:#5a6273}.vmatch-card{width:min(88vw,360px);background:#fff;border-radius:20px;padding:22px 20px;box-shadow:0 10px 34px #1c233324;display:flex;flex-direction:column;gap:13px;text-align:center;position:relative;overflow:hidden}.vmatch-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#d13a2f,#f0873f)}.vmatch-banner{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:2px}.vmatch-vs-badge{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2a3350,#1a2138);color:#ffd15c;font-size:16px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #1a213859}.vmatch-title{font-size:19px;font-weight:900;letter-spacing:-.3px;color:#1c2333}.vmatch-sub{font-size:13px;color:#5a6273;margin:0;line-height:1.5}.vmatch-waiting{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;color:#c0392c;margin:4px 0}.vmatch-waiting-dots{display:inline-flex;gap:4px}.vmatch-waiting-dots i{width:7px;height:7px;border-radius:50%;background:#d13a2f;animation:vmatch-bounce 1.1s ease-in-out infinite}.vmatch-waiting-dots i:nth-child(2){animation-delay:.18s}.vmatch-waiting-dots i:nth-child(3){animation-delay:.36s}@keyframes vmatch-bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.vmatch-notice{font-size:13px;font-weight:600;color:#8a6d1f;background:#fdf6e3;border-radius:8px;padding:8px 10px}.vmatch-err{font-size:13px;font-weight:600;color:#d63232;line-height:1.5}.vmatch-btn{padding:13px 0;font-size:15px;font-weight:800;border-radius:11px;border:none;cursor:pointer;transition:filter .12s,transform .08s,background .15s}.vmatch-btn:active{transform:scale(.98)}.vmatch-btn:disabled{opacity:.45;cursor:default;transform:none}.vmatch-btn:focus-visible{outline:3px solid rgba(209,58,47,.55);outline-offset:2px}.vmatch-btn.primary{background:linear-gradient(135deg,#d13a2f,#b8322a);color:#fff;box-shadow:0 4px 14px #b8322a52}.vmatch-btn.primary:active{filter:brightness(.95)}.vmatch-btn.secondary{background:#fff;color:#c0392c;border:1.6px solid #d8564c}.vmatch-btn.secondary:active{background:#fdf0ee}.vmatch-btn.ghost{padding:10px 0;font-size:13px;font-weight:600;background:transparent;color:#646b78}.vmatch-btn.ghost:active{background:#0000000a}.vmatch-code-plate{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#232c48,#1a2138);box-shadow:inset 0 1px 3px #0000004d}.vmatch-code-value{font-size:32px;font-weight:900;letter-spacing:6px;color:#ffd15c;font-family:ui-monospace,SF Mono,monospace;text-shadow:0 1px 4px rgba(0,0,0,.4)}.vmatch-copy-btn{flex-shrink:0;padding:7px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .12s}.vmatch-copy-btn:active{background:#ffffff47}.vmatch-copy-btn:focus-visible{outline:2px solid #ffd15c;outline-offset:2px}.vmatch-code-input{font-size:26px;font-weight:800;letter-spacing:5px;text-align:center;padding:13px 8px;border:2px solid #d8564c;border-radius:12px;text-transform:uppercase;font-family:ui-monospace,SF Mono,monospace;color:#1c2333;width:100%;box-sizing:border-box;outline:none}.vmatch-code-input:focus{border-color:#d13a2f;box-shadow:0 0 0 3px #d13a2f2e}.vmatch-code-input::placeholder{color:#b3bac6}.vmatch-arena{display:flex;align-items:stretch;justify-content:center;gap:8px;margin:2px 0 4px}.vmatch-fighter{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border-radius:14px;background:#f5f6fa;border:1.5px solid #e5e8ef}.vmatch-fighter.me{border-color:#d13a2f59}.vmatch-fighter-role{font-size:10px;font-weight:800;letter-spacing:1px;color:#b8322a;text-transform:uppercase}.vmatch-fighter.opp .vmatch-fighter-role{color:#5a6273}.vmatch-fighter-avatar{font-size:30px;line-height:1}.vmatch-fighter-name{font-size:17px;font-weight:800;color:#1c2333;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vmatch-fighter-trophy{display:inline-flex;align-items:center;gap:3px}.vmatch-fighter-rp{font-size:12px;font-weight:800;color:#b8322a;font-variant-numeric:tabular-nums}.vmatch-status{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.vmatch-status.ready{color:#0b6b2f;background:#0d7a3626}.vmatch-status.wait{color:#5a6273;background:#5a62731f}.vmatch-status.off{color:#b8322a;background:#b8322a1f}.vmatch-arena-vs{display:flex;align-items:center;font-size:20px;font-weight:900;letter-spacing:1px;color:#c0392c;padding:0 2px}.vmatch-countdown{font-size:64px;font-weight:900;color:#d13a2f;margin:10px 0;line-height:1;text-shadow:0 3px 12px rgba(209,58,47,.25);animation:vmatch-pulse 1s ease-in-out infinite}@keyframes vmatch-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.vmatch-waiting-dots i,.vmatch-countdown{animation:none}}[data-theme=retro] .vmatch-page{background:radial-gradient(circle at 50% 0%,#240a4a,#16062e 60%,#0f0022);color:#f0e6ff}[data-theme=retro] .vmatch-loading{color:#b8a4d8}[data-theme=retro] .vmatch-card{background:linear-gradient(160deg,#1e0a3c,#14082e);border:2px solid rgba(183,110,255,.5);border-radius:8px;box-shadow:0 10px 34px #00000080,0 0 22px #b76eff2e}[data-theme=retro] .vmatch-card:before{background:linear-gradient(90deg,#ff2d78,#b76eff)}[data-theme=retro] .vmatch-vs-badge{background:radial-gradient(circle at 40% 35%,#7b2fbe,#3a0080);color:gold;box-shadow:0 0 0 1px #b76eff80,0 3px 10px #3a008080}[data-theme=retro] .vmatch-title{color:#f0e6ff}[data-theme=retro] .vmatch-sub{color:#b8a4d8}[data-theme=retro] .vmatch-waiting{color:#ff6ba3}[data-theme=retro] .vmatch-waiting-dots i{background:#ff2d78}[data-theme=retro] .vmatch-notice{color:gold;background:#7b2fbe38}[data-theme=retro] .vmatch-err{color:#ff80ab}[data-theme=retro] .vmatch-btn.primary{background:#ff2d78;color:#fff;border:2px solid #FF6BA3;border-radius:2px;box-shadow:4px 4px #7b2fbe;letter-spacing:.5px}[data-theme=retro] .vmatch-btn.primary:active{background:#c4235e;filter:none;transform:translate(4px,4px);box-shadow:none}[data-theme=retro] .vmatch-btn.secondary{background:#0f0023d9;color:#b76eff;border:2px solid rgba(183,110,255,.6);border-radius:2px;box-shadow:2px 2px #4a0080}[data-theme=retro] .vmatch-btn.secondary:active{background:#1e003cd9;transform:translate(2px,2px);box-shadow:none}[data-theme=retro] .vmatch-btn.ghost{color:#b8a4d8}[data-theme=retro] .vmatch-btn.ghost:active{background:#b76eff1f}[data-theme=retro] .vmatch-btn:focus-visible{outline-color:#ff2d7899}[data-theme=retro] .vmatch-code-plate{background:linear-gradient(135deg,#2a0a52,#16062e);box-shadow:inset 0 0 0 1px #b76eff66;border-radius:4px}[data-theme=retro] .vmatch-code-value{color:gold}[data-theme=retro] .vmatch-copy-btn{border:1px solid rgba(183,110,255,.6);background:#b76eff29;color:#f0e6ff;border-radius:3px}[data-theme=retro] .vmatch-copy-btn:active{background:#b76eff4d}[data-theme=retro] .vmatch-code-input{background:#0f002399;color:#f0e6ff;border:2px solid #7B2FBE;border-radius:4px}[data-theme=retro] .vmatch-code-input:focus{border-color:#ff2d78;box-shadow:0 0 0 3px #ff2d7840}[data-theme=retro] .vmatch-code-input::placeholder{color:#6f5a92}[data-theme=retro] .vmatch-fighter{background:#1e0a3c99;border:1.5px solid rgba(183,110,255,.3);border-radius:6px}[data-theme=retro] .vmatch-fighter.me{border-color:#ff2d7880}[data-theme=retro] .vmatch-fighter-role{color:#ff6ba3}[data-theme=retro] .vmatch-fighter.opp .vmatch-fighter-role{color:#b8a4d8}[data-theme=retro] .vmatch-fighter-name{color:#f0e6ff}[data-theme=retro] .vmatch-fighter-rp{color:gold}[data-theme=retro] .vmatch-status.ready{color:#6bffb0;background:#00ff8826}[data-theme=retro] .vmatch-status.wait{color:#b8a4d8;background:#b76eff24}[data-theme=retro] .vmatch-status.off{color:#ff80ab;background:#ff2d7829}[data-theme=retro] .vmatch-arena-vs{color:gold}[data-theme=retro] .vmatch-countdown{color:#ff2d78;text-shadow:0 0 16px rgba(255,45,120,.5)}[data-theme=animal] .vmatch-page{background:linear-gradient(#fff5ee8c,#fff5eebf),url(/backgrounds/animal/home-bg.webp);background-size:cover;background-position:center;color:#2d2d2d}[data-theme=animal] .vmatch-loading{color:#6b5b52}[data-theme=animal] .vmatch-card{background:#fffffff0;border-radius:20px;box-shadow:0 10px 34px #ff6b8a2e,0 2px 12px #00000014;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}[data-theme=animal] .vmatch-card:before{background:linear-gradient(90deg,#ff6b8a,#ff9f00)}[data-theme=animal] .vmatch-vs-badge{background:radial-gradient(circle at 40% 35%,#d6336c,#c42c60);color:#fff;box-shadow:0 3px 10px #d6336c59}[data-theme=animal] .vmatch-title{color:#2d2d2d}[data-theme=animal] .vmatch-sub{color:#6b5b52}[data-theme=animal] .vmatch-waiting{color:#c9366a}[data-theme=animal] .vmatch-waiting-dots i{background:#ff6b8a}[data-theme=animal] .vmatch-notice{color:#8a6d1f;background:#fff6e0}[data-theme=animal] .vmatch-err{color:#c9366a}[data-theme=animal] .vmatch-btn.primary{background:linear-gradient(135deg,#d6336c,#c42c60);color:#fff;box-shadow:0 4px 14px #d6336c4d}[data-theme=animal] .vmatch-btn.primary:active{filter:brightness(.96)}[data-theme=animal] .vmatch-btn.secondary{background:#fff;color:#c9366a;border:1.6px solid #FF9DB5}[data-theme=animal] .vmatch-btn.secondary:active{background:#fff0f4}[data-theme=animal] .vmatch-btn.ghost{color:#6b5b52}[data-theme=animal] .vmatch-btn:focus-visible{outline-color:#d6336c80}[data-theme=animal] .vmatch-code-plate{background:linear-gradient(135deg,#fff0f4,#ffe6d8);box-shadow:inset 0 0 0 1px #ff6b8a4d}[data-theme=animal] .vmatch-code-value{color:#c9366a;text-shadow:none}[data-theme=animal] .vmatch-copy-btn{border:1px solid rgba(214,51,108,.4);background:#ff6b8a24;color:#c9366a}[data-theme=animal] .vmatch-copy-btn:active{background:#ff6b8a42}[data-theme=animal] .vmatch-code-input{background:#fffafb;color:#2d2d2d;border:2px solid #FF9DB5}[data-theme=animal] .vmatch-code-input:focus{border-color:#e85a7a;box-shadow:0 0 0 3px #ff6b8a33}[data-theme=animal] .vmatch-code-input::placeholder{color:#c9b8b0}[data-theme=animal] .vmatch-fighter{background:#fff5eed9;border:1.5px solid rgba(255,107,138,.18)}[data-theme=animal] .vmatch-fighter.me{border-color:#ff6b8a80}[data-theme=animal] .vmatch-fighter-role{color:#c9366a}[data-theme=animal] .vmatch-fighter.opp .vmatch-fighter-role{color:#6b5b52}[data-theme=animal] .vmatch-fighter-name{color:#2d2d2d}[data-theme=animal] .vmatch-fighter-rp{color:#c9366a}[data-theme=animal] .vmatch-status.ready{color:#0b6b2f;background:#0d7a3624}[data-theme=animal] .vmatch-status.wait{color:#6b5b52;background:#6b5b521f}[data-theme=animal] .vmatch-status.off{color:#c9366a;background:#d6336c1f}[data-theme=animal] .vmatch-arena-vs{color:#e85a7a}[data-theme=animal] .vmatch-countdown{color:#e85a7a;text-shadow:0 3px 12px rgba(255,107,138,.28)}.nickname-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff0f3,#fff8e7);padding:24px}.nickname-page-content{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:14px}.nickname-page-logo{font-size:56px;line-height:1;margin:0}.nickname-page-title{font-size:24px;font-weight:800;color:#5c3317;margin:0}.nickname-page-desc{font-size:14px;color:#8b6040;margin:0;text-align:center}.nickname-page-permanent{font-size:12px;color:#a75;background:#a0673a14;border:1px solid rgba(160,103,58,.2);border-radius:8px;padding:8px 14px;text-align:center}.nickname-input-row{display:flex;width:100%;gap:8px;align-items:stretch}.nickname-input{width:100%;padding:14px 16px;font-size:16px;border:2px solid #C4956A;border-radius:12px;background:#fff;color:#3d2010;outline:none;box-sizing:border-box;text-align:center}.nickname-input-row .nickname-input{flex:1;min-width:0}.nickname-dice{flex:0 0 auto;width:52px;font-size:22px;line-height:1;border:2px solid #C4956A;border-radius:12px;background:#fff8e7;cursor:pointer}.nickname-dice:active{background:#ffefd0;transform:scale(.94)}.nickname-dice:disabled{opacity:.5;cursor:default}.nickname-input:focus{border-color:#8b5e3c}.nickname-error{font-size:13px;color:#e05050;margin:0}.nickname-btn{width:100%;padding:16px;font-size:16px;font-weight:700;background:#ff6b8a;color:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 16px #ff6b8a66}.nickname-btn:active{background:#e05070;transform:scale(.98)}.login-select{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff0f3,#fff8e7);padding:24px}.login-select-content{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:16px}.login-select-logo{width:96px;height:96px;border-radius:22px;object-fit:cover;filter:drop-shadow(0 4px 12px rgba(255,107,138,.3))}.login-select-title{font-size:36px;font-weight:900;letter-spacing:-1.5px;background:linear-gradient(90deg,#ff6b8a,#ff9f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.login-select-desc{font-size:14px;color:#888;text-align:center;line-height:1.6;margin:0}.login-select-btns{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:8px}.login-select-btn{width:100%;padding:16px;font-size:16px;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:transform .1s,opacity .15s}.login-select-btn:active{transform:scale(.97)}.login-select-btn:disabled{opacity:.55;cursor:not-allowed}.login-select-google{background:#ff6b8a;color:#fff;box-shadow:0 4px 16px #ff6b8a66}.login-select-guest{background:#0000000f;color:#555}.login-select-notice{font-size:12px;color:#aaa;text-align:center;margin:0;line-height:1.5}.login-select-error{font-size:13px;color:#e03050;text-align:center;margin:0}.grs{min-height:100dvh;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grs-content{width:100%;max-width:320px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.grs-headline{font-size:16px;font-weight:400;color:#aaa;margin:0}.grs-subheadline{font-size:18px;font-weight:700;color:#fff;margin:0;line-height:1.4;word-break:keep-all}.grs-badge{width:110px;height:110px;object-fit:contain;margin:20px 0 16px}.grs-meta{display:flex;flex-direction:column;gap:3px;margin-top:4px}.grs-meta p{font-size:11px;color:#666;margin:0}.sls{min-height:100dvh;background:#f8f4e4;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sls-logo{width:62vw;max-width:280px;height:auto;object-fit:contain}.login-banner{min-height:100dvh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;position:relative}.login-banner-app-icon{width:72px;height:72px;border-radius:18px;object-fit:cover;box-shadow:0 4px 20px #0006}.login-banner-text{font-size:18px;font-weight:600;color:#fff;margin:0}.login-banner-bar-wrap{width:100%;max-width:280px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.login-banner-bar{height:100%;background:#fff;border-radius:2px;width:0%;animation:login-banner-progress 2s linear forwards}@keyframes login-banner-progress{0%{width:0%}to{width:100%}}.touch-screen{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.touch-screen:before{content:"";position:absolute;inset:0;background:url(/backgrounds/touch-bg.webp) center center / cover no-repeat;filter:none;z-index:0}.ts-bubble{position:absolute;border-radius:50%;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);z-index:1;animation:bubble-rise linear infinite}.b1{width:28px;height:28px;left:8%;bottom:-40px;animation-duration:6.5s;animation-delay:0s}.b2{width:18px;height:18px;left:20%;bottom:-40px;animation-duration:8s;animation-delay:1.2s}.b3{width:38px;height:38px;left:78%;bottom:-40px;animation-duration:7.2s;animation-delay:.5s}.b4{width:22px;height:22px;left:88%;bottom:-40px;animation-duration:5.8s;animation-delay:2.1s}.b5{width:14px;height:14px;left:60%;bottom:-40px;animation-duration:9s;animation-delay:3s}.b6{width:32px;height:32px;left:45%;bottom:-40px;animation-duration:6s;animation-delay:4.5s}.b7{width:20px;height:20px;left:33%;bottom:-40px;animation-duration:7.5s;animation-delay:1.8s}@keyframes bubble-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.7}85%{opacity:.5}to{transform:translateY(-110vh) scale(1.2);opacity:0}}.touch-screen-title{position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:62px;font-weight:900;letter-spacing:8px;margin:0;white-space:nowrap;display:flex;gap:2px;z-index:10;animation:title-pulse 2.8s ease-in-out infinite}@keyframes title-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.04)}}.touch-screen-title span{display:inline-block;background:linear-gradient(180deg,#ffd6ec,#ff7aad,#e0356b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0px rgba(150,0,60,.45)) drop-shadow(0 6px 10px rgba(150,0,60,.3))}.ts-eng-title{position:absolute;top:calc(20% + 96px);left:50%;font-size:12px;font-weight:700;letter-spacing:3px;white-space:nowrap;margin:0;z-index:10;background:linear-gradient(180deg,#ffd6ec,#ff7aad,#e0356b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0px rgba(150,0,60,.4)) drop-shadow(0 3px 6px rgba(150,0,60,.25));animation:title-pulse 2.8s ease-in-out infinite}.ts-subtitle{position:absolute;top:23%;left:50%;transform:translate(-50%);font-size:13px;font-weight:700;color:#ffffffd9;letter-spacing:3px;white-space:nowrap;z-index:10;text-shadow:0 1px 6px rgba(0,0,0,.3)}.ts-scene{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);width:240px;height:260px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.ts-drop{position:absolute;top:0;left:50%;transform:translate(-50%);width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));animation:ts-falling 2.2s ease-in-out infinite}@keyframes ts-falling{0%{transform:translate(-50%) translateY(-10px);opacity:.6}40%{transform:translate(-50%) translateY(0);opacity:1}60%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-10px);opacity:.6}}.ts-pyramid{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:50px}.ts-row{display:flex;align-items:flex-end;justify-content:center;gap:6px}.ts-animal{object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.22))}.sz-s{width:52px;height:52px;animation:idle-s 2.8s ease-in-out infinite}.sz-m{width:76px;height:76px;animation:idle-m 3.2s ease-in-out infinite .4s}.sz-l{width:108px;height:108px;animation:idle-l 3.6s ease-in-out infinite .8s}@keyframes idle-s{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes idle-m{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes idle-l{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.touch-screen-hint{position:absolute;bottom:25%;left:50%;transform:translate(-50%);font-size:15px;font-weight:700;color:#ffe500;margin:0;z-index:10;letter-spacing:1px;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.5);animation:hint-blink 1.4s ease-in-out infinite}@keyframes hint-blink{0%,to{opacity:.3}50%{opacity:1}}.theme-select{display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 10px) 16px calc(var(--safe-bottom) + 20px);min-height:100dvh;background:var(--home-bg, #1a1a2e);color:#fff;box-sizing:border-box;overflow-y:auto}.theme-select-header{position:relative;text-align:center;margin-bottom:16px;width:100%;max-width:400px}.theme-select-back{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:1.2rem;padding:6px 12px;border-radius:10px;cursor:pointer;line-height:1}.theme-select-title{font-size:1.4rem;font-weight:800;margin:0 0 2px;background:linear-gradient(135deg,#ffd166,#ff8fab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-select-sub{font-size:.9rem;color:#fff9;margin:0}.theme-select-body{width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px}.theme-card-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.theme-card{flex:1;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;flex-direction:column;cursor:pointer;transition:border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.theme-card:active{transform:scale(.97)}.theme-card.active{border-color:#ffd166;background:#ffd16614;box-shadow:0 0 14px #ffd16640}.theme-card.locked{opacity:.5;cursor:pointer}.theme-card.locked .theme-card-img{filter:grayscale(70%)}.theme-card.coming-soon{opacity:.6;border-style:dashed;cursor:pointer}.theme-card-img{height:120px;width:100%;background-size:cover;background-position:center top;background-color:#ffffff0a;flex-shrink:0}.theme-card-img.cs-img{display:flex;align-items:center;justify-content:center;background-image:none!important;background:#ffffff0a}.cs-lock-icon{font-size:32px;opacity:.4;filter:grayscale(1)}.theme-card-info{padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:3px}.theme-card-icon{font-size:18px}.theme-card-name{font-size:13px;font-weight:700;color:#fff}.theme-card-desc{font-size:10px;color:#ffffff8c;text-align:center;line-height:1.4;white-space:pre-line}.theme-card-active-badge{font-size:10px;font-weight:700;color:#ffd166;background:#ffd16626;padding:2px 8px;border-radius:20px}.theme-coming-badge{font-size:10px;font-weight:700;color:#a78bfa;background:#a78bfa26;padding:2px 8px;border-radius:20px}.force-update-overlay{position:fixed;inset:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px 16px}.force-update-modal{width:100%;max-width:320px;background:#141428f7;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:32px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.force-update-title{font-size:18px;font-weight:800;color:#fffffff2;margin:0;line-height:1.4;word-break:keep-all}.force-update-desc{font-size:13px;color:#fff9;line-height:1.6;margin:0;word-break:keep-all}.force-update-btn{width:100%;padding:14px 0;border-radius:12px;background:var(--primary, #FF6B8A);color:#fff;font-size:15px;font-weight:700;border:none;cursor:pointer;margin-top:4px;transition:opacity .12s}.force-update-btn:active{opacity:.85}.app{width:100%;min-height:100dvh;display:flex;flex-direction:column;background:#1a1a2e}.start-transition{position:fixed;inset:0;background:#6e6e6ed1;display:flex;align-items:center;justify-content:center;z-index:300;animation:st-fade 1.4s ease-in-out forwards;pointer-events:all}@keyframes st-fade{0%{opacity:0}18%{opacity:1}75%{opacity:1}to{opacity:0}}.start-transition-text{font-size:40px;font-weight:900;color:#fff;letter-spacing:1px;text-shadow:0 2px 16px rgba(0,0,0,.35);animation:st-text .45s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes st-text{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.boot-connecting{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%);z-index:9000;padding:8px 16px;border-radius:999px;background:#0c0c12b8;color:#ffffffeb;font-size:13px;font-weight:600;pointer-events:none;animation:boot-connecting-pulse 1.4s ease-in-out infinite}@keyframes boot-connecting-pulse{0%,to{opacity:.55}50%{opacity:1}}.rank-auth-loading{display:flex;flex-direction:column;align-items:center;gap:14px}