@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Rajdhani:wght@500;600;700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";.email-auth-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:#02040cc7;backdrop-filter:blur(7px)}.email-auth-dialog{position:relative;width:min(100%,420px);max-height:calc(100dvh - 36px);overflow-y:auto;padding:26px;border:1px solid rgba(102,207,255,.4);border-radius:18px;color:#f4f8ff;background:linear-gradient(160deg,#151c31,#090d19);box-shadow:0 22px 70px #00000094,inset 0 1px #ffffff0d}.email-auth-dialog h2{margin:0 34px 6px 0;font-size:1.35rem}.email-auth-subtitle{margin:0 0 20px;color:#aebbd3;font-size:.9rem;line-height:1.5}.email-auth-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;color:#dce8fb;background:#ffffff14;font-size:1.5rem;cursor:pointer}.email-auth-form{display:grid;gap:14px}.email-auth-form label{display:grid;gap:7px;color:#cad5e8;font-size:.84rem}.email-auth-form input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid rgba(153,180,220,.3);border-radius:10px;outline:none;color:#fff;background:#020610b3;font:inherit}.email-auth-form input:focus{border-color:#62c9ff;box-shadow:0 0 0 3px #40bcff24}.email-auth-label-hint{margin-left:8px;color:#91a3c0;font-size:.75rem;font-weight:400}.email-auth-primary,.email-auth-switch,.email-auth-link{border:0;font:inherit;cursor:pointer}.email-auth-primary{margin-top:3px;padding:12px 16px;border-radius:10px;color:#06111d;background:linear-gradient(135deg,#75dcff,#82ffa8);font-weight:800}.email-auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;color:#91a3c0;font-size:.78rem}.email-auth-divider:before,.email-auth-divider:after{height:1px;content:"";background:#99b4dc33}.email-auth-google{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:1px solid rgba(153,180,220,.35);border-radius:10px;color:#eef5ff;background:#ffffff0f;font:inherit;font-weight:700;cursor:pointer}.email-auth-google span{color:#4285f4;font-size:1.15rem;font-weight:900}.email-auth-google:disabled{cursor:wait;opacity:.58}.email-auth-switch{width:100%;margin-top:18px;padding:11px;border-radius:10px;color:#dceaff;background:#ffffff12}.email-auth-link{display:block;margin:12px auto 0;padding:2px 4px;color:#8fd9ff;background:transparent;font-size:.86rem}.email-auth-message{margin:0;padding:10px 11px;border-radius:9px;font-size:.84rem;line-height:1.4}.email-auth-error{color:#ffd4d9;background:#ff4a6324}.email-auth-success{color:#c8ffdc;background:#4de68921}.email-auth-primary:disabled,.email-auth-switch:disabled,.email-auth-link:disabled,.email-auth-close:disabled{cursor:wait;opacity:.58}:root{color-scheme:dark;--bg: #07080f;--panel: rgba(7, 8, 15, .92);--ink: #f1f2f8;--muted: rgba(255, 255, 255, .6);--line: rgba(255, 255, 255, .18);--gold: #fff170;--gold-2: #ffd86b;--blue: #a8d6ff;--blue-bg: rgba(80, 150, 255, .18);--blue-line: rgba(80, 150, 255, .5);--gold-shadow: 0 2px 0 rgba(80, 48, 8, .95), 0 0 8px rgba(255, 216, 75, .28);--font-title: "Orbitron", "Pretendard", "Apple SD Gothic Neo", sans-serif;--font-body: "Rajdhani", "Pretendard", "Apple SD Gothic Neo", sans-serif;--font-korean: "Pretendard", "Apple SD Gothic Neo", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;background:radial-gradient(circle at top,#15183f 0%,var(--bg) 70%);overflow:hidden;color:var(--ink);font-family:var(--font-korean);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (max-width: 899px){html,body,#root{height:100dvh}}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-rows:minmax(0,1fr);gap:18px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));max-width:1200px;margin:0 auto;height:100vh;align-items:center}.canvas-side{display:flex;align-items:center;justify-content:center;height:100%;min-height:0;min-width:0}.canvas-stack{position:relative;aspect-ratio:9 / 16;max-height:min(calc(100vh - 40px),1024px);max-width:100%;width:auto;height:100%;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#03040b;line-height:0}.game-canvas{display:block;width:100%;height:100%}.info-side{display:flex;flex-direction:column;gap:10px;max-height:100%;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.info-side::-webkit-scrollbar{width:8px}.info-side::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.info-header h1{margin:0 0 2px;font-family:var(--font-title);font-size:1.25rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.subtitle{margin:0;font-family:var(--font-body);font-weight:500;font-size:.72rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.dpad{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4px}.move-button.up{grid-column:2;grid-row:1}.move-button.left{grid-column:1;grid-row:2}.move-button.right{grid-column:3;grid-row:2}.move-button.down{grid-column:2;grid-row:3}.action-stack{display:grid;grid-template-rows:1fr 1fr;gap:6px}.control-button{padding:0;min-height:44px;border:none;border-radius:10px;background:#ffffff14;color:var(--ink);font-family:var(--font-title);font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;user-select:none}.move-button{font-size:1.1rem}.grab-button{background:#5096ff33;color:#cfe4ff}.throw-button{background:#ffc83c33;color:var(--gold)}.help{padding:10px 12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-family:var(--font-korean);font-size:.76rem;color:#ffffffb8}.help p{margin:4px 0;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}.help p+p{margin-top:9px}.help:not(.points-policy){max-height:min(46vh,420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.help:not(.points-policy)::-webkit-scrollbar{width:6px}.help:not(.points-policy)::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.help strong{color:var(--gold);font-weight:800;letter-spacing:.2px}.help b{color:#ffffffe6}.points-policy-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;border:0;background:transparent;color:#ffffffdb;font:inherit;font-weight:700;cursor:pointer}.points-policy-chevron{width:9px;height:9px;border-right:2px solid rgba(168,214,255,.9);border-bottom:2px solid rgba(168,214,255,.9);transform:rotate(45deg);transition:transform .15s ease}.points-policy-toggle[aria-expanded=true] .points-policy-chevron{transform:rotate(225deg)}.points-policy-body{margin-top:8px}.account-summary{width:100%;margin-top:4px;padding:10px 14px;border:1px solid rgba(168,214,255,.22);border-radius:8px;background:#ffffff0a;color:#ffffffc7;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;font-size:.82rem;cursor:pointer}.account-summary--button:active{background:#5096ff24;border-color:#a8d6ff5c}.account-summary-id{min-width:0;color:#ffffffdb;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary-points{flex:0 0 auto;font-family:var(--font-title);color:var(--gold);font-weight:900;letter-spacing:1.5px;text-shadow:var(--gold-shadow);white-space:nowrap}.lobby-open{margin-top:6px;padding:13px 14px;border-radius:10px;border:1px solid var(--blue-line);background:var(--blue-bg);color:#cfe4ff;font-weight:700;font-size:.95rem;letter-spacing:1px;cursor:pointer}.lobby-open:active{filter:brightness(1.2)}.panel-ad-slot{width:100%;min-height:56px;margin-top:4px;display:grid;place-items:center;overflow:hidden;border:1px dashed rgba(255,255,255,.26);border-radius:8px;background:#ffffff0b;color:#ffffff94;font-family:var(--font-body);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-align:center}.panel-ad-slot--pc{aspect-ratio:5 / 1;min-height:58px;max-height:76px}.canvas-ad-slot{position:absolute;left:0;right:0;bottom:0;height:56px;z-index:30;min-height:0;margin-top:0;border:0;background:none;pointer-events:none}.canvas-ad-slot.hidden,.canvas-ad-slot span{display:none}.start-button{margin-top:12px;padding:16px 24px;border:2px solid rgba(255,240,120,.6);border-radius:12px;background:linear-gradient(180deg,#fff0782e,#ffb43c2e);color:var(--gold);font-family:var(--font-title);font-size:1.1rem;font-weight:800;letter-spacing:1.5px;cursor:pointer;text-shadow:0 0 8px rgba(255,240,120,.4)}.start-button:active{transform:scale(.98)}.standby-menu-btn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);z-index:50;width:34px;height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#07080f8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.standby-menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:var(--blue)}.standby-menu-btn:active{background:#5096ff52}.standby-options-btn{position:absolute;top:12px;right:12px;z-index:50;width:34px;height:34px;padding:0;border:none;background:transparent;cursor:pointer;display:grid;place-items:center}.standby-options-btn img{display:block;width:100%;height:100%;pointer-events:none}.standby-options-btn:active{opacity:.65}.play-pause-btn{z-index:60;top:var(--pause-y, 7.4%);left:var(--pause-x, 80.3%);right:auto;bottom:auto;transform:translate(-50%,-50%);width:10%;height:auto;aspect-ratio:1}.play-pause-btn svg{width:52%;height:52%}.canvas-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;line-height:normal;background:#03050cb8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.title-overlay{color:inherit;font:inherit;justify-content:flex-start;padding-top:14%;padding-bottom:max(16%,72px)}.title-logo{width:min(96%,450px);height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}.title-ranking-btn,.title-options-btn{margin-top:.5%;width:min(88%,350px);padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.title-ranking-btn img,.title-options-btn img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.title-ranking-btn:active,.title-options-btn:active{transform:scale(.97)}.title-ad-btn{margin-top:auto;width:min(88%,350px);aspect-ratio:669 / 151;padding:0;border:none;background-color:transparent;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:900;letter-spacing:.5px;white-space:nowrap;font-size:clamp(1.05rem,5.2vw,1.55rem);color:#fff3d0;text-shadow:0 2px 4px rgba(50,25,0,.9),0 1px 0 rgba(0,0,0,.55);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.title-ad-btn:active{transform:scale(.97)}.title-overlay .title-ad-notice{margin:auto 0 6px;max-width:min(88%,350px);text-align:center;font-family:var(--font-body);font-weight:600;font-size:.82rem;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--gold);text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)}.title-overlay .title-ad-notice+.title-ad-btn{margin-top:0}.play-btn{margin-top:2.5%;padding:0;border:none;background:none;cursor:pointer;width:min(88%,350px);transition:transform .12s ease;-webkit-tap-highlight-color:transparent}.play-btn img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.55))}.play-btn:hover{transform:scale(1.04)}.play-btn:active{transform:scale(.97)}.title-overlay h1{margin:8px 0 0;font-family:var(--font-title);font-size:1.6rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 14px rgba(120,160,255,.35)}.title-overlay p{margin:3px 0 0;font-family:var(--font-body);font-weight:500;color:var(--muted);font-size:.72rem;letter-spacing:2px;text-transform:uppercase}.tap-start{margin-top:10px;font-family:var(--font-title);font-weight:700;letter-spacing:2px;color:var(--gold);text-shadow:0 0 10px rgba(255,240,120,.4);animation:blink 1.3s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.best-line{color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:.8rem;letter-spacing:1px}.logo-coins{display:flex;margin-bottom:4px}.lc{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-title);font-weight:900;font-size:.66rem;color:#241a05;margin-left:-8px;box-shadow:0 4px 12px #00000080,inset 0 2px 4px #fff6;border:2px solid rgba(0,0,0,.25)}.lc-10{background:radial-gradient(circle at 35% 30%,#f0a95c,#c9772f)}.lc-50{background:radial-gradient(circle at 35% 30%,#e7eaf0,#b9bcc4);position:relative}.lc-50:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#03040b}.lc-100{background:radial-gradient(circle at 35% 30%,#f2f4f8,#cdd0d6)}.lc-500{background:radial-gradient(circle at 35% 30%,#fbe79a,#e8c34e)}.over-frame{position:relative;width:min(100%,480px);aspect-ratio:1122 / 1402;background-position:center;background-size:contain;background-repeat:no-repeat;container-type:inline-size}.over-frame>*{position:absolute}.over-newbest{top:41.5%;left:50%;transform:translate(-50%);font-family:var(--font-title);font-weight:900;letter-spacing:1px;white-space:nowrap;color:var(--gold);font-size:4cqw;text-shadow:0 2px 6px rgba(0,0,0,.6);animation:blink .6s ease 3}.over-results{top:46.8%;left:14%;width:72%;height:11.5%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.over-results>div{display:flex;flex-direction:column;align-items:center;gap:0cqh}.over-results span{font-family:var(--font-body);font-weight:600;font-size:2.7cqw;color:#ffffffb8;white-space:nowrap}.over-results strong{font-family:var(--font-title);font-weight:900;font-size:6cqw;color:var(--gold-2);text-shadow:var(--gold-shadow)}.over-retry,.over-back{border:none;background:none;cursor:pointer;padding:0;font-family:var(--font-title);letter-spacing:2px;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:transform .1s ease;display:flex;align-items:center;justify-content:center}.over-retry:active,.over-back:active{transform:scale(.97)}.over-retry{top:73%;left:14%;width:72%;height:11%;font-weight:900;font-size:5.6cqw;color:#fff3d0;text-shadow:0 2px 4px rgba(50,25,0,.9),0 1px 0 rgba(0,0,0,.55)}.over-back{top:85.8%;left:26%;width:48%;height:6.2%;font-weight:700;font-size:4cqw;color:#c8a8f5;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pause-frame{position:relative;width:min(100%,480px);aspect-ratio:1122 / 1402;background-position:center;background-size:contain;background-repeat:no-repeat;container-type:inline-size}.pause-inner{position:absolute;top:21%;left:11%;width:78%;height:71%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6cqw}.pause-title{margin:0;font-family:var(--font-title);font-weight:900;letter-spacing:2px;font-size:7.5cqw;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.6)}.pause-wait{margin:0;text-align:center;width:100%;font-family:var(--font-korean);font-size:3.6cqw;letter-spacing:.5px;color:#ffffffb8;text-shadow:0 2px 6px rgba(0,0,0,.7);animation:pause-wait-pulse 1.6s ease-in-out infinite}@keyframes pause-wait-pulse{0%,to{opacity:.55}50%{opacity:1}}.pause-actions{display:flex;flex-direction:column;align-items:center;gap:3.2cqw;width:100%}.pause-btn{border:none;background-color:transparent;cursor:pointer;padding:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:900;letter-spacing:2px;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.pause-btn:active{transform:scale(.97)}.pause-btn--resume{width:85.8%;aspect-ratio:669 / 151;font-size:5.4cqw;color:#fff3d0;text-shadow:0 2px 4px rgba(50,25,0,.9),0 1px 0 rgba(0,0,0,.55)}.pause-btn--restart,.pause-btn--back{width:82.6%;aspect-ratio:644 / 112;font-size:4.2cqw}.pause-btn--restart{color:#f0dcff;text-shadow:0 2px 4px rgba(30,0,50,.85)}.pause-btn--back{color:#c8a8f5;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ranking-frame{position:relative;width:min(100%,480px);aspect-ratio:1122 / 1402;background-position:center;background-size:contain;background-repeat:no-repeat;container-type:inline-size}.ranking-inner{position:absolute;top:21%;left:11%;width:78%;height:71%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5.5cqw}.ranking-title{margin:0;font-family:var(--font-title);font-weight:900;letter-spacing:2px;font-size:7.5cqw;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.6)}.ranking-list{list-style:none;margin:0;padding:0;width:88%;display:flex;flex-direction:column;gap:.4cqw}.ranking-row{display:flex;align-items:center;gap:4cqw;padding:.6cqw 4cqw}.ranking-rank{flex:0 0 auto;width:6.5cqw;text-align:center;font-family:var(--font-title);font-weight:900;font-size:4.6cqw;color:var(--gold);text-shadow:0 1px 3px rgba(0,0,0,.6)}.ranking-score{margin-left:auto;font-family:var(--font-title);font-weight:900;font-size:5cqw;color:#e8ecf4;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ranking-row--top{aspect-ratio:732 / 175;padding:0 6cqw 0 30%;border:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;justify-content:center}.ranking-row--top .ranking-score{margin-left:0;font-size:6.5cqw;color:var(--gold-2);text-shadow:var(--gold-shadow)}.ranking-empty{margin:0;font-family:var(--font-body);font-weight:600;font-size:3.2cqw;color:#ffffffb3}.ranking-close{border:none;background-color:transparent;cursor:pointer;padding:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:82.6%;aspect-ratio:644 / 112;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:900;letter-spacing:2px;white-space:nowrap;font-size:4.2cqw;color:#c8a8f5;text-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.ranking-close:active{transform:scale(.97)}.shop-open-btn{position:absolute;z-index:50;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:50px;height:50px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));transition:transform .1s ease}.shop-open-btn img{display:block;width:100%;height:100%;pointer-events:none}.shop-open-btn:active{transform:scale(.92)}.shop-frame{position:relative;width:min(100%,480px);aspect-ratio:1122 / 1402;background-position:center;background-size:contain;background-repeat:no-repeat;container-type:inline-size}.shop-inner{position:absolute;top:21%;left:11%;width:78%;height:71%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw}.shop-title{margin:0;font-family:var(--font-title);font-weight:900;letter-spacing:2px;font-size:7.5cqw;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.6)}.shop-item-art{width:34%;height:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}.shop-desc{margin:0;width:88%;text-align:center;font-family:var(--font-body);font-weight:600;font-size:3.4cqw;line-height:1.4;color:#ffffffd9}.shop-actions{display:flex;flex-direction:column;align-items:center;gap:2.4cqw;width:100%}.shop-btn{border:none;background-color:transparent;cursor:pointer;padding:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:82.6%;aspect-ratio:644 / 112;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:900;letter-spacing:2px;white-space:nowrap;font-size:4.2cqw;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.shop-btn:active{transform:scale(.97)}.shop-btn--buy{color:#f0dcff;text-shadow:0 2px 4px rgba(30,0,50,.85)}.shop-btn--close{color:#c8a8f5;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shop-btn.is-disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.shop-btn.is-disabled:active{transform:none}.opp-view{position:absolute;z-index:55;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#060810bf;padding:4px;box-shadow:0 4px 14px #00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.opp-view:active{cursor:grabbing}.opp-view.hot{border-color:#f05a5ad9;box-shadow:0 0 12px #f05a5a8c}.opp-head{display:flex;align-items:center;gap:5px;margin-bottom:3px}.opp-name{font-family:var(--font-title);font-weight:800;font-size:.56rem;letter-spacing:1px;color:#cfe0ff;text-transform:uppercase}.opp-danger-bar{flex:1;height:4px;border-radius:2px;background:#ffffff24;overflow:hidden}.opp-danger-bar i{display:block;height:100%;background:linear-gradient(90deg,#4fd06a,#f0d24a,#f05a5a)}.opp-canvas{display:block;border-radius:4px}.opp-view.collapsed{padding:0;width:42px;height:42px;border-radius:50%;overflow:hidden}.opp-chip{position:relative;width:100%;height:100%;display:grid;place-items:center}.opp-chip-vs{position:relative;z-index:1;font-family:var(--font-title);font-weight:900;font-size:.8rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.opp-chip-danger{position:absolute;left:0;bottom:0;width:100%;background:#f05a5a80}.countdown-overlay{z-index:58;pointer-events:none;background:#03050c6b;backdrop-filter:none;-webkit-backdrop-filter:none}.countdown-num{font-family:var(--font-title);font-weight:900;letter-spacing:3px;font-size:clamp(3.2rem,22vmin,7rem);color:var(--gold);text-shadow:0 4px 18px rgba(0,0,0,.8),0 0 26px rgba(255,241,112,.35);animation:countdown-pop .42s cubic-bezier(.2,1.2,.4,1) both}.countdown-num.go{font-size:clamp(2.2rem,14vmin,4.6rem);color:#8ef0a0;text-shadow:0 4px 18px rgba(0,0,0,.8),0 0 26px rgba(142,240,160,.35)}@keyframes countdown-pop{0%{transform:scale(2.1);opacity:0}60%{opacity:1}to{transform:scale(1);opacity:1}}.versus-result{display:flex;flex-direction:column;align-items:center;gap:18px}.versus-title{margin:0;font-family:var(--font-title);font-weight:900;letter-spacing:2px;font-size:2.4rem;text-shadow:0 3px 10px rgba(0,0,0,.7)}.versus-title.vs-win{color:var(--gold)}.versus-title.vs-lose{color:#c8a8f5}.versus-actions{display:flex;gap:12px}.versus-btn{border:1px solid rgba(255,255,255,.25);background:#1e243cd9;color:#eaf0ff;font-family:var(--font-title);font-weight:800;letter-spacing:1px;padding:10px 22px;border-radius:10px;cursor:pointer;font-size:1rem;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.versus-btn.primary{background:linear-gradient(180deg,#3b6bd6,#2447a8);border-color:#78a0ff80}.versus-btn:active{transform:scale(.96)}.versus-btn:disabled{opacity:.4;filter:grayscale(.6);cursor:not-allowed}.versus-btn:disabled:active{transform:none}.versus-hint{margin:0;color:var(--muted);font-family:var(--font-body);font-size:.82rem}.big-btn{padding:14px 40px;border:2px solid rgba(255,240,120,.6);border-radius:12px;background:linear-gradient(180deg,#fff0782e,#ffb43c2e);color:var(--gold);font-family:var(--font-title);font-size:1.05rem;font-weight:800;letter-spacing:1.5px;cursor:pointer;text-shadow:0 0 8px rgba(255,240,120,.4)}.big-btn:active{transform:scale(.98)}.text-btn{background:none;border:none;color:var(--blue);font-weight:600;font-size:.9rem;cursor:pointer}.text-btn:hover{text-decoration:underline}.modal-backdrop{position:fixed;inset:0;z-index:1200;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px}.modal-wrap{width:min(88vw,360px)}.banner-interstitial{position:relative;width:min(88vw,400px)}.banner-interstitial-link{display:block}.banner-interstitial-link img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 12px 40px #0009}.banner-interstitial-close{position:absolute;top:-14px;right:-14px;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0a0c14eb;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:1.1rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 12px 40px #0009;color:#e6e8ee}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h2{margin:0;font-family:var(--font-title);font-size:1.1rem;font-weight:700;letter-spacing:1.5px}.panel-x{background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1}.panel-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.panel-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.panel-section h3{font-family:var(--font-title);font-size:.9rem;color:var(--muted);margin:0 0 8px;font-weight:700}.panel-muted{color:#ffffffb8;font-size:.82rem;margin:6px 0;word-break:break-all}.panel-btn{display:block;width:100%;margin-top:8px;background:#ffffff0f;border:1px solid var(--line);color:#ffffffe0;border-radius:9px;padding:11px;font-size:.92rem;font-weight:600;cursor:pointer}.panel-btn:active{filter:brightness(1.2)}.panel-btn--danger{color:#fff;border-color:#e0483f99;background:linear-gradient(135deg,#ff6a5f,#e0483f)}.panel-btn-row{display:flex;gap:8px}.panel-btn-row .panel-btn{margin-top:0}.delete-box{margin-top:8px;display:flex;flex-direction:column;gap:8px}.delete-box input{background:#020610b3;border:1px solid rgba(153,180,220,.3);border-radius:9px;padding:10px 12px;color:#fff;font:inherit}.delete-box input:focus{outline:none;border-color:#62c9ff}.howto-body{white-space:pre-line;line-height:1.55;color:#ffffffc7;font-size:.88rem}.auth-msg{font-size:.8rem;margin:4px 0}.auth-msg--error{color:#ff8e8e}.settings{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 12px 40px #0009;color:#e6e8ee;display:flex;flex-direction:column;gap:14px}.settings-title{margin:0;font-family:var(--font-title);font-weight:700;font-size:1.1rem;letter-spacing:1.5px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-label{font-size:.95rem;font-weight:600}.settings-select{min-width:128px;min-height:34px;padding:0 12px;border:1px solid rgba(120,190,255,.38);border-radius:6px;background:#040a16d1;color:#eaf6ff;font:inherit;font-size:.9rem;font-weight:700}.settings-switch{position:relative;flex:0 0 auto;width:52px;height:30px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1f;cursor:pointer;transition:background .15s ease}.settings-switch.on{background:#5096ff8c;border-color:#5096ffb3}.settings-switch.disabled{opacity:.5;cursor:not-allowed}.settings-knob{position:absolute;top:50%;left:3px;width:24px;height:24px;border-radius:50%;background:#f1f2f8;transform:translateY(-50%);transition:transform .15s ease}.settings-switch.on .settings-knob{transform:translate(22px,-50%)}.settings-hint{margin:0;font-size:.75rem;color:#ffffff8c;line-height:1.5}.settings-close{margin-top:4px;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#ffffffd9;font-size:.9rem;font-weight:600;cursor:pointer}.settings-close:active{background:#ffffff24}.settings-account{display:flex;flex-direction:column;gap:8px;padding-top:12px;margin-top:4px;border-top:1px solid rgba(255,255,255,.12)}.settings-account-head{display:flex;align-items:center;justify-content:space-between}.settings-points{font-family:var(--font-title);font-weight:900;letter-spacing:1.5px;font-size:.9rem;color:var(--gold);text-shadow:var(--gold-shadow)}.settings-account-user{margin:0;font-size:.82rem;color:#fffc;word-break:break-all}.settings-account-btn{padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#ffffffe0;font-size:.86rem;font-weight:600;cursor:pointer}.settings-account-btn.primary{border-color:var(--blue-line);background:var(--blue-bg);color:#cfe4ff}.settings-account-btn:active:not(:disabled){filter:brightness(1.2)}.settings-account-btn:disabled{opacity:.5;cursor:default}.settings-account-btn.danger{border-color:#e0483f99;background:linear-gradient(135deg,#ff6a5f,#e0483f);color:#fff}.settings-account-error{margin:0;font-size:.75rem;color:#ff8e8e}.settings-delete-target{margin:0;padding:9px 11px;border-radius:9px;background:#ff4a631f;color:#ffd4d9;font-weight:700;font-size:.9rem;word-break:break-all}.settings-delete-field{display:flex;flex-direction:column;gap:6px}.settings-delete-field input{width:100%;padding:10px 12px;border:1px solid rgba(153,180,220,.3);border-radius:9px;background:#020610b3;color:#fff;font:inherit}.settings-delete-field input:focus{outline:none;border-color:#62c9ff}.settings-delete-agree{display:flex;gap:8px;align-items:flex-start;font-size:.86rem;color:#cdd2e4;line-height:1.4}.settings-delete-agree input{margin-top:3px;flex:none}.legal-links{margin:4px 0 0;font-size:.8rem;opacity:.75}.legal-links a,.legal-links button{color:#9ab4ff;text-decoration:none;padding:0;border:0;background:none;font:inherit;cursor:pointer}.legal-links a:hover,.legal-links button:hover{text-decoration:underline}.lobby{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 12px 40px #0009;color:#e6e8ee;display:flex;flex-direction:column;gap:12px}.lobby-title{margin:0;font-family:var(--font-title);font-weight:700;font-size:1.1rem;letter-spacing:1.5px}.lobby-sub{margin:0;font-size:.75rem;color:#fff9;line-height:1.5}.lobby-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.lobby-btn{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:var(--blue-bg);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer}.lobby-btn:active{filter:brightness(1.2)}.lobby-btn.host{background:#ffc8502e;border-color:#ffc85080;color:var(--gold)}.lobby-divider{text-align:center;font-size:.7rem;color:#fff6}.lobby-input{padding:10px 12px;font-family:var(--font-title);font-size:1rem;font-weight:700;letter-spacing:3px;text-align:center;background:#ffffff14;border:1.5px solid rgba(255,247,112,.6);border-radius:8px;color:var(--gold)}.lobby-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #fff77040}.lobby-room{text-align:center;padding:12px 8px;background:#fff77014;border:1px dashed rgba(255,247,112,.5);border-radius:10px}.lobby-room-label{font-size:.7rem;font-family:var(--font-body);font-weight:600;letter-spacing:2px;color:#ffffff80}.lobby-room-code{font-family:var(--font-title);font-size:2rem;font-weight:800;letter-spacing:4px;color:var(--gold);margin:6px 0}.lobby-status{padding:8px 10px;background:#a8d6ff1a;border-radius:6px;font-size:.8rem;color:var(--blue);text-align:center}.lobby-error{padding:8px 10px;background:#ff50501f;border-radius:6px;font-size:.8rem;color:#ff9090;text-align:center}.lobby-cancel{margin-top:6px;padding:8px;border-radius:6px;border:1.5px solid rgba(255,255,255,.55);background:#ffffff1a;color:#fff;font-size:.85rem;cursor:pointer}.lobby-cancel:active{background:#fff3}.session-status{margin-top:6px;padding:10px 14px;background:#a8ff7a1f;border:1px solid rgba(168,255,122,.4);border-radius:10px;font-size:.85rem;font-weight:700;color:var(--green);text-align:center}.update-notice-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1100;width:min(88vw,380px)}.update-notice{background:#07080ff0;border:1px solid rgba(255,200,80,.35);border-radius:14px;padding:22px 20px;box-shadow:0 12px 40px #000000a6;color:#e6e8ee;display:flex;flex-direction:column;gap:12px}.update-notice-title{margin:0;font-family:var(--font-title);font-size:1.15rem;font-weight:700;letter-spacing:1.5px;color:var(--gold)}.update-notice-sub{margin:0;font-size:.82rem;line-height:1.55;color:#ffffffb8}.update-notice-versions{margin:4px 0 0;padding:12px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:grid;gap:10px}.update-notice-versions div{display:grid;grid-template-columns:5.5em 1fr;gap:8px;align-items:baseline}.update-notice-versions dt{margin:0;font-size:.72rem;color:#ffffff80}.update-notice-versions dd{margin:0;font-family:var(--font-body);font-weight:600;font-size:.78rem;color:var(--blue);word-break:break-all}.update-notice-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.update-notice-btn{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer}.update-notice-btn.primary{background:#ffc8502e;border-color:#ffc85080;color:var(--gold)}.update-notice-btn:active{filter:brightness(1.15)}.web-banner-slot{position:fixed;left:0;top:0;z-index:55;display:none;align-items:center;justify-content:center;overflow:hidden;background:#fffffff0;border:2px dashed rgba(255,59,48,.9);color:#151515;font:800 14px/1 var(--font-body);letter-spacing:.08em;text-align:center;pointer-events:none}.web-banner-slot.visible{display:flex}.web-banner-slot[data-configured=true]{border:0;background:transparent;pointer-events:auto}.touch-controls{position:absolute;inset:0;z-index:40;pointer-events:none}.touch-move-zone{position:absolute;inset:0;pointer-events:auto;touch-action:none}.touch-stick{position:absolute;display:none;pointer-events:none;margin-left:-52px;margin-top:-52px;border-radius:50%;border:2px solid rgba(255,255,255,.16);background:#ffffff0d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.touch-stick.active{display:block}.touch-stick .knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin-left:-23px;margin-top:-23px;border-radius:50%;background:#5096ff80;border:1px solid rgba(255,255,255,.5)}.touch-actions{position:absolute;display:flex;flex-direction:column;gap:24px;pointer-events:auto;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}.tc-btn{width:50px;height:50px;padding:0;border:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));transition:transform .04s ease,filter .04s ease}.tc-btn:active{transform:scale(.92);filter:brightness(1.35)}.tc-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 899px){.layout{grid-template-columns:1fr;height:100dvh;max-height:100dvh;padding:0;gap:0;max-width:none;margin:0;overflow:hidden}.canvas-side{width:100%;max-width:100vw;height:100%;background:#03040b;overflow:hidden}.info-side.modal{padding-right:18px}.canvas-stack{height:100dvh;width:56.25dvh;max-width:none;max-height:none;margin:0 auto;border-radius:0;border:none}.info-side.modal{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(88vw,400px);max-height:min(92dvh,760px);z-index:1010;background:#07080fd1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #0009;overflow-y:auto;padding:20px 18px}.info-side.modal .controls{display:none}.info-side.modal .help:not(.points-policy){max-height:34dvh}.info-modal-backdrop{z-index:1005}}body.gz-embedded #root{flex:1 1 auto;height:auto;min-height:0;overflow:hidden}body.gz-embedded .layout{height:100%;min-height:0;max-height:none;grid-template-rows:minmax(0,1fr)}body.gz-embedded .canvas-side{height:100%;container-type:size}body.gz-embedded .canvas-stack{--embedded-h: min(100cqh, calc(100cqw * 16 / 9), calc(100vh - 40px) , 1024px);width:calc(var(--embedded-h) * 9 / 16);height:var(--embedded-h);max-width:100%;max-height:100%}