*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#0a1929;color:#e6f1ff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden;overscroll-behavior:none;touch-action:none}button{font-family:inherit}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0a1929;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}@keyframes splash-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.game-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:url(/images/loading_page.webp) center / cover no-repeat #f5f3ee;animation:splash-fade 1.6s ease-out forwards;pointer-events:none;padding-top:env(safe-area-inset-top,0)}.canvas-area{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:row}.house-view-area{flex:0 0 240px;position:relative;background:#0a1929;border-right:1px solid #1c2a3a}.canvas-area-main{flex:1 1 auto;position:relative;min-width:0;background:#0b1929}.house-view-overlay{display:block;width:240px;height:400px;border-radius:0 0 8px;pointer-events:none;background:#0c1a2cd9;box-shadow:2px 2px 6px #0006}.house-view-wrapper{position:relative;border-radius:0 0 8px;overflow:hidden;background:#0c1a2c;box-shadow:2px 2px 6px #0006;will-change:transform}.house-view-wrapper .house-view-overlay{width:100%!important;height:100%!important;border-radius:0;background:transparent;box-shadow:none}.house-view-resize-handle{position:absolute;bottom:0;right:0;width:24px;height:24px;cursor:nwse-resize;pointer-events:auto;touch-action:none;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.25) 40%,rgba(255,255,255,.25) 50%,transparent 50%,transparent 65%,rgba(255,255,255,.25) 65%,rgba(255,255,255,.25) 75%,transparent 75%);border-radius:0 0 8px}@media (max-width: 768px){.house-view-resize-handle{width:32px;height:32px}}@media (max-width: 768px){.house-view-area{position:absolute;top:0;left:0;z-index:5;flex:none;width:auto;background:transparent;border-right:none}.house-view-overlay{width:130px;height:215px;background:#0c1a2ccc;border-radius:0 0 10px;box-shadow:2px 2px 8px #00000080}.house-view-wrapper{background:#0c1a2c;border-radius:0 0 10px;box-shadow:2px 2px 8px #00000080}}.hud-overlay{position:absolute;top:8px;left:8px;display:flex;gap:8px;font:12px ui-monospace,Menlo,Consolas,monospace;pointer-events:none}.hud-pill{background:#00000073;color:#cfe6ff;padding:4px 10px;border-radius:999px}.hud-pill.red{border-left:3px solid #c0392b}.hud-pill.yellow{border-left:3px solid #f1c40f}.throw-tutorial{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.throw-tutorial-spotlight{position:fixed;z-index:31;border-radius:10px;border:2px solid #ffe27a;box-shadow:0 0 0 9999px #08121ed1,0 0 16px #ffe27a59;pointer-events:none;animation:throw-tutorial-pulse 1.6s ease-in-out infinite}@keyframes throw-tutorial-pulse{0%,to{border-color:#ffe27a}50%{border-color:#9ad1ff}}.throw-tutorial-gesture-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:32;display:flex;align-items:center;justify-content:center;pointer-events:none}.throw-tutorial-gesture{position:relative;width:200px;height:140px}.throw-tutorial-finger{position:absolute;left:50%;top:50%;font-size:42px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));transform:translate(-50%,-50%)}.throw-tutorial-gesture-hint{position:absolute;left:50%;top:50%;font-size:28px;color:#9ad1ff73;transform:translate(-50%,-50%);pointer-events:none}.throw-tutorial-gesture--horizontal .throw-tutorial-finger{animation:throw-tutorial-finger-h 2s ease-in-out infinite}.throw-tutorial-gesture--vertical .throw-tutorial-finger{animation:throw-tutorial-finger-v 2s ease-in-out infinite}@keyframes throw-tutorial-finger-h{0%,to{transform:translate(calc(-50% - 56px),-50%)}50%{transform:translate(calc(-50% + 56px),-50%)}}@keyframes throw-tutorial-finger-v{0%,to{transform:translate(-50%,calc(-50% - 36px))}50%{transform:translate(-50%,calc(-50% + 48px))}}.throw-tutorial-card{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:33;width:min(360px,calc(100vw - 32px));padding:16px 20px 18px;pointer-events:auto;background:#0a1929f0;border:1px solid #25435f;border-radius:14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000073;animation:throw-tutorial-card-in .4s ease-out}@keyframes throw-tutorial-card-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.throw-tutorial-progress{margin:0 0 6px;font-size:12px;color:#7eb8e8;letter-spacing:.05em}.throw-tutorial-title{margin:0 0 8px;font-size:17px;font-weight:600;color:#e6f1ff}.throw-tutorial-body{margin:0 0 14px;font-size:14px;line-height:1.5;color:#b8d4f0}.throw-tutorial-actions{display:flex;flex-direction:column;gap:8px}.throw-tutorial-btn{width:100%;padding:11px 16px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,transform 80ms}.throw-tutorial-btn--primary{background:linear-gradient(180deg,#2a6a9e,#1a4d78);color:#fff;border-color:#3d8cc4}.throw-tutorial-btn--primary:hover{background:linear-gradient(180deg,#3580b8,#225f8f)}.throw-tutorial-btn--primary:active{transform:scale(.98)}.throw-tutorial-btn--ghost{background:transparent;color:#8ab4d8;border-color:transparent;font-weight:500;font-size:13px;padding:6px}.throw-tutorial-btn--ghost:hover{color:#cfe6ff}@media (max-width: 480px){.throw-tutorial-card{padding:14px 16px 16px}.throw-tutorial-title{font-size:16px}.throw-tutorial-body{font-size:13px}}.turn-indicator{position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:7;padding:6px 20px;font-size:14px;font-weight:600;color:#e6f1ff;background:#0a1929cc;border:1px solid #25435f;border-radius:20px;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:turn-fade-in .3s ease-out}@keyframes turn-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mp-status{position:absolute;top:8px;right:8px;z-index:8;display:flex;align-items:center;gap:5px;padding:3px 10px;font-size:11px;color:#a0b8d0;background:#0a1929bf;border-radius:12px;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mp-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mp-status-dot.connected{background:#4caf50;box-shadow:0 0 4px #4caf50}.mp-status-dot.disconnected{background:#f44336;box-shadow:0 0 4px #f44336}.mp-status-dot.reconnecting{background:#ff9800;box-shadow:0 0 4px #ff9800;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.spectator-badge{position:absolute;top:40px;left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;color:#90caf9;background:#0a192fd9;border:1px solid rgba(78,168,255,.4);border-radius:16px;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.spectator-count-badge{position:absolute;top:8px;right:120px;z-index:8;display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:#90caf9;background:#0a192fbf;border:1px solid rgba(78,168,255,.3);border-radius:12px;pointer-events:none}.practice-back-btn{position:absolute;top:auto;left:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:6;padding:8px 14px;font:600 13px -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#fff;background:#0a1929d9;border:1px solid #3a6a9a;border-radius:8px;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:color .15s,background .15s,border-color .15s;user-select:none;-webkit-user-select:none}.practice-back-btn:hover{color:#ffe27a;background:#102b48d9;border-color:#3d6a94}.practice-back-btn:active{transform:scale(.96)}.back-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#060e18b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:back-confirm-fade-in .2s ease-out}.back-confirm-dialog{width:min(340px,100%);padding:20px 22px 18px;background:#0a1929fa;border:1px solid #25435f;border-radius:14px;box-shadow:0 12px 40px #00000073;animation:back-confirm-scale-in .22s ease-out}.back-confirm-title{margin:0 0 10px;font-size:18px;font-weight:600;color:#e6f1ff}.back-confirm-hint{margin:0 0 18px;font-size:14px;line-height:1.5;color:#a8c8e8}.back-confirm-actions{display:flex;flex-direction:column;gap:8px}.back-confirm-btn{width:100%;padding:11px 16px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,transform 80ms}.back-confirm-btn--primary{background:linear-gradient(180deg,#2a6a9e,#1a4d78);color:#fff;border-color:#3d8cc4}.back-confirm-btn--primary:hover{background:linear-gradient(180deg,#3580b8,#225f8f)}.back-confirm-btn--danger{background:#28181899;color:#ffb4b4;border-color:#6b3030}.back-confirm-btn--danger:hover{background:#482020bf;border-color:#8a4040}.back-confirm-btn:active{transform:scale(.98)}@keyframes back-confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes back-confirm-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.large-text .back-confirm-title{font-size:22px}.large-text .back-confirm-hint{font-size:17px}.large-text .back-confirm-btn{font-size:18px;padding:14px 18px}.top-toggles{position:absolute;top:8px;right:8px;z-index:6;display:flex;gap:6px}.spin-toggle,.trajectory-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#0a1929bf;border:1px solid #25435f;border-radius:8px;color:#9ad1ff;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:color .15s,background .15s;user-select:none;-webkit-user-select:none}.trajectory-toggle:not(.trajectory-on){color:#5a7a9a;border-color:#1a3048}.spin-toggle:hover,.trajectory-toggle:hover{color:#ffe27a;background:#102b48d9}.spin-toggle:active,.trajectory-toggle:active{transform:scale(.93)}.qc-trigger{position:absolute;bottom:12px;left:12px;z-index:8;width:44px;height:44px;border-radius:50%;border:1px solid #25435f;background:#0a1929cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:20px;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .1s}.qc-trigger:active{transform:scale(.9)}.qc-panel{position:absolute;bottom:64px;left:12px;z-index:8;display:flex;flex-wrap:wrap;gap:6px;max-width:220px;padding:10px;background:#0a1929eb;border:1px solid #25435f;border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:qc-slide-up .15s ease-out}@keyframes qc-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qc-phrase{padding:6px 12px;border-radius:14px;border:1px solid rgba(100,160,220,.25);background:#1e3c6466;color:#b8d4f0;font-size:13px;cursor:pointer;transition:background .1s;user-select:none;-webkit-user-select:none}.qc-phrase:hover{background:#28508299}.qc-phrase:active{transform:scale(.95)}.qc-bubble-area{position:absolute;bottom:64px;left:12px;z-index:9;display:flex;flex-direction:column-reverse;gap:6px;pointer-events:none}.qc-bubble{padding:6px 14px;border-radius:14px;font-size:14px;font-weight:600;animation:qc-pop .2s ease-out;white-space:nowrap}@keyframes qc-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.qc-mine{background:#3c82c8b3;color:#fff;align-self:flex-start}.qc-theirs{background:#c8a03cb3;color:#fff;align-self:flex-start}.video-save-btn{position:absolute;top:58px;right:8px;z-index:6;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#0a1929bf;border:1px solid #25435f;border-radius:8px;color:#9ad1ff;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);user-select:none;-webkit-user-select:none;transition:color .15s,background .15s,opacity .3s;animation:video-btn-fade-in .35s ease-out}.video-save-btn:hover{color:#c6e8ff;background:#102b48d9}.video-save-btn:active{transform:scale(.93)}.video-save-btn:disabled{opacity:.6;cursor:default}.video-save-btn-done{color:#64dc8c;border-color:#2a6b42}.video-save-btn svg{width:24px;height:24px}.video-save-progress{position:absolute;bottom:-2px;right:-2px;font-size:9px;font-weight:700;color:#9ad1ff;line-height:1;pointer-events:none}@keyframes video-btn-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.video-toast{position:absolute;top:110px;right:8px;z-index:8;padding:6px 14px;background:#0a1929e0;border:1px solid #25435f;border-radius:8px;color:#c6e8ff;font-size:12px;white-space:nowrap;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:video-toast-in .3s ease-out}@keyframes video-toast-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.video-link-panel{position:absolute;top:58px;right:56px;z-index:7;width:200px;padding:10px 12px;background:#0a1929eb;border:1px solid #25435f;border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:video-toast-in .25s ease-out}.video-link-text{font-size:11px;color:#7cb8e8;word-break:break-all;line-height:1.4;cursor:pointer;padding:4px 6px;background:#ffffff0d;border-radius:4px;margin-bottom:8px}.video-link-text:active{background:#ffffff1a}.video-link-copy{display:block;width:100%;padding:7px 0;border:none;border-radius:6px;background:#2a6bce;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.video-link-copy:active{background:#1f52a0}.video-link-hint{margin-top:6px;font-size:10px;color:#6f8aab;text-align:center}.score-header{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:10px 22px;background:linear-gradient(#0a1929,#102b48);border-bottom:2px solid #25435f;box-shadow:0 2px 6px #00000073;font:600 17px ui-monospace,Menlo,Consolas,monospace;color:#e6f1ff;-webkit-user-select:none;user-select:none}.score-header .score-team{display:inline-flex;align-items:center;gap:10px;min-width:0}.score-header .score-team-blue{justify-self:start}.score-header .score-team-red{justify-self:end}.score-header .score-dot{font-size:22px;line-height:1}.score-header .score-team-blue .score-dot{color:#4ea8ff;text-shadow:0 0 10px rgba(78,168,255,.7)}.score-header .score-team-red .score-dot{color:#e84040;text-shadow:0 0 10px rgba(232,64,64,.7)}.score-header .score-name{font-size:13px;letter-spacing:1.5px;color:#9ad1ff;font-weight:700;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-header .score-num{font-size:28px;font-weight:800;min-width:1.6em;text-align:center;line-height:1}.score-header .score-team-blue .score-num{color:#4ea8ff;text-shadow:0 0 12px rgba(78,168,255,.4)}.score-header .score-team-red .score-num{color:#e84040;text-shadow:0 0 12px rgba(232,64,64,.4)}.score-header .score-mid{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:0 20px;border-left:1px solid #25435f;border-right:1px solid #25435f;line-height:1.2}.score-header .score-end-label{font-size:12px;color:#6f8aab;letter-spacing:1.5px}.score-header .score-progress{font-size:14px;color:#cfe6ff;font-weight:700}.score-header .throw-pips{display:inline-flex;align-items:center;gap:4px;margin-left:6px}.score-header .score-team-red .throw-pips{margin-left:0;margin-right:6px}.score-header .throw-pip{width:9px;height:9px;border-radius:50%;display:inline-block;transition:background-color .2s ease,box-shadow .2s ease}.score-header .throw-pips-blue .throw-pip[data-state=remaining]{background:#4ea8ff;box-shadow:0 0 6px #4ea8ff99}.score-header .throw-pips-blue .throw-pip[data-state=used]{background:#4ea8ff2e;box-shadow:none}.score-header .throw-pips-red .throw-pip[data-state=remaining]{background:#e84040;box-shadow:0 0 6px #e8404099}.score-header .throw-pips-red .throw-pip[data-state=used]{background:#e840402e;box-shadow:none}.throw-pips--vertical{flex-direction:column;gap:5px;margin-left:0;margin-right:0}.canvas-throw-pips{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.canvas-throw-pips-side{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;background:#0a19299e;border:1px solid rgba(37,67,95,.85);border-radius:10px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.canvas-throw-pips-side--blue{left:max(8px,env(safe-area-inset-left,0px))}.canvas-throw-pips-side--red{right:max(8px,env(safe-area-inset-right,0px))}.canvas-throw-pips-label{font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:1}.canvas-throw-pips-side--blue .canvas-throw-pips-label{color:#9ad1ff}.canvas-throw-pips-side--red .canvas-throw-pips-label{color:#ffb0b0}.canvas-throw-pips .throw-pip{width:11px;height:11px;border-radius:50%;display:block;transition:background-color .2s ease,box-shadow .2s ease}.canvas-throw-pips .throw-pips-blue .throw-pip[data-state=remaining]{background:#4ea8ff;box-shadow:0 0 8px #4ea8ffa6}.canvas-throw-pips .throw-pips-blue .throw-pip[data-state=used]{background:#4ea8ff33;box-shadow:none}.canvas-throw-pips .throw-pips-red .throw-pip[data-state=remaining]{background:#e84040;box-shadow:0 0 8px #e84040a6}.canvas-throw-pips .throw-pips-red .throw-pip[data-state=used]{background:#e8404033;box-shadow:none}@media (max-width: 768px){.canvas-throw-pips-side--blue{left:max(6px,env(safe-area-inset-left,0px))}.canvas-throw-pips-side--red{right:max(6px,env(safe-area-inset-right,0px))}}.scoreboard-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#08101cc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10}.scoreboard-banner-title{font-size:28px;font-weight:700;color:#ffe27a;letter-spacing:2px;text-shadow:0 0 20px rgba(255,226,122,.4)}.scoreboard-banner-score{display:flex;align-items:center;gap:18px;font:700 56px ui-monospace,Menlo,Consolas,monospace}.scoreboard-banner-score .team-blue{color:#4ea8ff;text-shadow:0 0 16px rgba(78,168,255,.55)}.scoreboard-banner-score .team-red{color:#e84040;text-shadow:0 0 16px rgba(232,64,64,.55)}.scoreboard-banner-score .separator{color:#6f8aab;font-weight:400}.scoreboard-banner-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.scoreboard-banner .btn{flex:0 0 auto;min-width:200px;background:#1a7a3e}.scoreboard-banner .btn-back-menu{min-width:200px;background:#1e3752f2;border:1px solid #4ea8ff;color:#cfe6ff}.scoreboard-banner .btn-back-menu:hover:not(:disabled){background:#284664fa;color:#fff}.scoreboard-banner .btn:hover:not(:disabled){background:#1f9a4e}.foul-toast{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);z-index:8;pointer-events:none;-webkit-user-select:none;user-select:none;font:700 38px -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:4px;color:#fff5b8;text-shadow:0 0 12px rgba(255,200,60,.7),0 2px 6px rgba(0,0,0,.6);padding:10px 28px;background:#00000059;border:1px solid rgba(255,216,77,.45);border-radius:10px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:foul-toast-fade 1.2s ease-out forwards;text-align:center}.foul-toast-subtitle{font-size:18px;font-weight:400;letter-spacing:1px;margin-top:4px;opacity:.85}@keyframes foul-toast-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}88%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@media (max-width: 480px){.foul-toast{font-size:28px;letter-spacing:2px;padding:8px 20px}}.notick-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0a1423eb;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.notick-card{background:linear-gradient(160deg,#1e2f47,#0d1b2a);border:1px solid rgba(255,180,60,.3);border-radius:16px;padding:28px 32px;text-align:center;max-width:360px;width:90%;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease}.notick-title{font-size:20px;font-weight:700;color:#ffb43c;margin-bottom:8px}.notick-desc{font-size:14px;color:#a0b8d0;margin-bottom:12px}.notick-subtitle{font-size:15px;font-weight:600;color:#c0d8f0;margin-bottom:16px}.notick-buttons{display:flex;gap:12px;justify-content:center}.notick-btn{flex:1;padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.notick-btn:hover{opacity:.85}.notick-btn-restore{background:linear-gradient(135deg,#4ea8ff,#2667c8);color:#fff}.notick-btn-keep{background:#ffffff1a;color:#a0b8d0;border:1px solid rgba(255,255,255,.15)}.lobby-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:url(/images/bg-ink.webp) center / cover no-repeat #0a0f1a}.lobby-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080e1826,#080e181a 35%,#080e1859 65%,#080e18d9);pointer-events:none}.lobby-top-bar{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:10px}.lobby-version{font-size:12px;color:#c8b48c66;font-family:monospace;pointer-events:none;-webkit-user-select:none;user-select:none}.lobby-qr-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(180,155,100,.25);background:#0c142499;color:#c8b48cb3;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:color .15s,background .15s}.lobby-qr-btn:hover{color:#e8d5a8;background:#142337cc}.lobby-qr-btn:active{transform:scale(.92)}.lobby-user-panel{position:absolute;z-index:2;top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;align-items:flex-start;gap:6px}.lobby-user-bar{display:flex;align-items:center;gap:0;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.lobby-user-bar:active{transform:scale(.97)}.lobby-user-bar__avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:2.5px solid #b89a3e;box-shadow:0 0 0 1px #0006,0 2px 8px #0006;background:#1a2a3f;overflow:hidden;position:relative;z-index:1}.lobby-user-bar__panel{position:relative;margin-left:-12px;padding:7px 16px 7px 20px;min-width:130px;max-width:min(220px,50vw);background:linear-gradient(95deg,rgba(15,28,50,.92) 0%,rgba(18,32,55,.88) 60%,rgba(20,36,60,.7) 85%,transparent 100%);border-radius:0 6px 6px 0;border:1px solid rgba(184,154,62,.25);border-left:none;box-shadow:0 2px 10px #00000059,inset 0 0 12px #0a142366;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lobby-user-bar__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at 80% 50%,rgba(60,80,120,.08) 0%,transparent 70%);pointer-events:none}.lobby-user-bar__name{font-family:STSong,SimSun,Songti SC,"Noto Serif SC",serif;font-size:clamp(12px,3.6vw,15px);font-weight:600;color:#f3ece0;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.3}.lobby-user-bar__meta{display:flex;align-items:center;gap:8px;margin-top:2px}.lobby-user-bar__level{flex-shrink:0;font-family:STSong,SimSun,Songti SC,"Noto Serif SC",serif;font-size:clamp(10px,2.8vw,12px);font-weight:600;color:#d4c9a8;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.lobby-user-bar__xp{flex:1;min-width:40px;height:6px;border-radius:3px;background:#0f192899;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.lobby-user-bar__xp-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#b8860b,#daa520,#f0d060);box-shadow:0 0 4px #daa52080;transition:width .35s ease}.lobby-side-actions{position:absolute;z-index:2;right:max(10px,env(safe-area-inset-right,0px));top:48%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.4vh,16px);pointer-events:auto}.lobby-side-btn{padding:0;margin:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.lobby-side-btn:hover .lobby-side-btn__art{filter:brightness(1.1) drop-shadow(0 2px 8px rgba(0,0,0,.5))}.lobby-side-btn:active{transform:scale(.92)}.lobby-side-btn--mail{position:relative}.lobby-side-btn__badge{position:absolute;top:-2px;right:-2px;z-index:1;min-width:1.1em;height:1.1em;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1.1em;text-align:center;color:#1a1408;background:#e8c86a;border-radius:999px;box-shadow:0 1px 4px #00000073;pointer-events:none}.lobby-side-btn__art{width:clamp(42px,12vw,56px);height:auto;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.lobby-preload-status{position:relative;z-index:1;font-size:11px;color:#c8b48c73;transition:color .4s,opacity .4s;pointer-events:none;-webkit-user-select:none;user-select:none;margin-bottom:10px;white-space:nowrap}.lobby-preload-status.ready{color:#a0c88cb3}.event-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.event-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(400px,calc(100vw - 24px));max-height:min(90vh,720px);overflow-y:auto;padding:28px 24px 24px;background:#0c1424f0;border:1px solid rgba(180,155,100,.28);border-radius:16px;box-shadow:0 8px 40px #00000080}.event-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff0f;color:#dcd2bed9;font-size:1rem;cursor:pointer;line-height:1}.event-close:hover{background:#ffffff1f}.event-title{margin:0;font-size:1.25rem;font-weight:700;color:#f0e8dc;text-align:center;letter-spacing:.12em}.event-body{color:#e6dcc8eb;font-size:.9rem;line-height:1.65}.event-lead{margin:0 0 10px;font-size:1rem;font-weight:600;color:#d4c9a8;text-align:center}.event-list{margin:0 0 12px;padding-left:1.2em}.event-list li{margin-bottom:6px}.event-list li:last-child{margin-bottom:0}.event-hint{margin:0;font-size:.82rem;color:#b4aa96d9;text-align:center}.event-qr-block{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:4px}.event-qr-label{font-size:13px;font-weight:600;color:#c4b08a;letter-spacing:3px}.event-qr-shell{width:min(200px,72vw);aspect-ratio:1;background:#fff;border-radius:8px;border:1px solid rgba(180,155,100,.2);overflow:hidden;display:flex;align-items:center;justify-content:center}.event-qr-shell picture,.event-qr-shell img{width:100%;height:100%;object-fit:contain;display:block}.event-back{align-self:center;margin-top:4px}.mail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mail-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(420px,calc(100vw - 24px));max-height:min(88vh,680px);overflow:hidden;padding:28px 20px 20px;background:#0c1424f0;border:1px solid rgba(180,155,100,.28);border-radius:16px;box-shadow:0 8px 40px #00000080}.mail-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff0f;color:#dcd2bed9;font-size:1rem;cursor:pointer;line-height:1;z-index:1}.mail-close:hover{background:#ffffff1f}.mail-title{margin:0;font-size:1.25rem;font-weight:700;color:#f0e8dc;text-align:center;letter-spacing:.12em;display:flex;align-items:center;justify-content:center;gap:8px}.mail-title-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.35em;height:1.35em;padding:0 6px;font-size:.72rem;font-weight:700;letter-spacing:0;color:#1a1408;background:linear-gradient(180deg,#e8c86a,#c9a03a);border-radius:999px;box-shadow:0 1px 4px #00000059}.mail-subtitle{margin:-6px 0 4px;font-size:.8rem;color:#b4aa96cc;text-align:center}.mail-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.mail-item{width:100%;display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 10px;border:1px solid rgba(180,155,100,.18);border-radius:12px;background:#ffffff0a;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.mail-item:hover{background:#ffffff14;border-color:#c8af7859}.mail-item--unread{border-color:#c8a55066;background:#c8a55014}.mail-item__dot{flex-shrink:0;width:8px;height:8px;margin-top:6px;border-radius:50%;background:transparent}.mail-item--unread .mail-item__dot{background:#d4a84a;box-shadow:0 0 6px #d4a84a99}.mail-item__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mail-item__subject{font-size:.95rem;font-weight:600;color:#f0e8dc;line-height:1.3}.mail-item__preview{font-size:.78rem;color:#c8beaabf;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail-item__date{flex-shrink:0;font-size:.72rem;color:#a09682d9;white-space:nowrap;margin-top:2px}.mail-empty{margin:24px 0;text-align:center;color:#b4aa96b3;font-size:.9rem}.mail-detail{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1;overflow:hidden}.mail-detail-back{align-self:flex-start;padding:4px 8px;margin:0 0 4px;border:none;background:transparent;color:#c4b08a;font-size:.9rem;cursor:pointer;letter-spacing:.05em}.mail-detail-back:hover{color:#e8dcc0}.mail-detail-title{margin:0;font-size:1.1rem;font-weight:700;color:#f0e8dc;line-height:1.35;padding-right:28px}.mail-detail-date{font-size:.78rem;color:#a09682e6}.mail-detail-body{overflow-y:auto;flex:1;min-height:0;padding-right:4px;color:#e6dcc8eb;font-size:.9rem;line-height:1.7;-webkit-overflow-scrolling:touch}.mail-detail-body p{margin:0 0 12px}.mail-detail-body p:last-child{margin-bottom:0}.mail-back{align-self:center;margin-top:4px;flex-shrink:0}.qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.qr-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 32px;background:#0c1424eb;border:1px solid rgba(180,155,100,.25);border-radius:16px;box-shadow:0 8px 40px #00000080}.qr-card.qr-card-dual{max-width:min(520px,calc(100vw - 24px));padding:24px 20px 28px}.qr-dual-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px 28px;justify-items:center;align-items:start;width:100%}.qr-pane{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:240px;box-sizing:border-box}.qr-pane-label{font-size:13px;font-weight:600;color:#c4b08a;letter-spacing:3px}.qr-pane-foot{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.qr-pixel-shell{width:100%;max-width:200px;aspect-ratio:1;box-sizing:border-box;background:#fff;border-radius:8px;border:1px solid rgba(180,155,100,.2);overflow:hidden;display:flex;align-items:center;justify-content:center}.qr-pixel-shell .qr-canvas{width:100%;height:100%;display:block;border-radius:0}.qr-pixel-shell picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.qr-pixel-shell img{width:100%;height:100%;object-fit:contain;display:block}.qr-title{font-size:16px;font-weight:600;color:#e8d5a8;letter-spacing:2px}.qr-canvas{border-radius:8px}.qr-game-name{font-size:14px;font-weight:600;color:#e8d5a8;letter-spacing:6px}.qr-url{font-size:12px;color:#7a9aba;font-family:monospace;-webkit-user-select:all;user-select:all}.qr-close{margin-top:4px;min-height:36px;font-size:13px;width:120px}.lobby-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 28px 28px;background:transparent;border:none;border-radius:0;box-shadow:none;min-width:280px;max-width:340px;width:88vw}.lobby-header{position:absolute;z-index:1;top:0;left:0;right:0;padding:48px 0 24px;text-align:center;pointer-events:none}.lobby-title{font-size:36px;font-weight:700;color:#e8d5a8;letter-spacing:8px;text-shadow:0 2px 16px rgba(200,170,100,.4),0 0 40px rgba(10,15,25,.8)}.lobby-subtitle{font-size:13px;color:#c8b996d9;margin-top:6px;letter-spacing:3px;text-shadow:0 1px 2px rgba(10,15,25,.6)}.lobby-bottom-row{display:flex;gap:10px;width:100%;justify-content:center}.lobby-room-code{font-size:56px;font-weight:800;color:#e8d5a0;letter-spacing:12px;text-shadow:0 0 20px rgba(200,170,80,.35);font-family:ui-monospace,Menlo,Consolas,monospace}.lobby-hint{font-size:13px;color:#8aa0b8;text-align:center;line-height:1.5}.lobby-input{width:100%;max-width:200px;padding:12px 16px;font-size:28px;font-weight:700;text-align:center;letter-spacing:8px;font-family:ui-monospace,Menlo,Consolas,monospace;color:#e8d5a0;background:#0a121eb3;border:2px solid rgba(180,155,100,.25);border-radius:10px;outline:none;caret-color:#c8a850;transition:border-color .15s}.lobby-input:focus{border-color:#c8aa5080}.lobby-input::placeholder{font-size:14px;letter-spacing:1px;color:#8c826480}.lobby-btn-col{display:flex;flex-direction:column;gap:10px;width:100%}.lobby-btn-row>.lobby-btn{flex:1}.lobby-btn-row{display:flex;gap:10px;width:100%}.lobby-btn{flex:1 1 auto;border:1px solid rgba(180,155,100,.2);border-radius:10px;min-height:46px;padding:11px 16px;font-size:15px;font-weight:600;color:#e0d6c0;cursor:pointer;transition:background .15s,border-color .15s,transform 80ms;user-select:none;-webkit-user-select:none;letter-spacing:1.5px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lobby-btn:active:not(:disabled){transform:scale(.97)}.lobby-btn:disabled{opacity:.4;cursor:not-allowed}.lobby-btn-primary{background:linear-gradient(135deg,#b4913c66,#8c6e284d);border-color:#c8aa5073;color:#f0dfa0}.lobby-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c8a54680,#a0823266);border-color:#dcbe648c}.lobby-btn-start-match{flex:none;width:100%;margin:0;padding:4px 0 8px;border:none;background:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent}.lobby-btn-start-match:hover .lobby-start-match-img{filter:brightness(1.08)}.lobby-btn-start-match:active{transform:scale(.97)}.lobby-start-match-img{width:100%;height:auto;max-height:56px;object-fit:contain;object-position:center;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.lobby-btn-row>.lobby-btn-img{flex:1;min-width:0;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.lobby-btn-row>.lobby-btn-img:hover .lobby-btn-img__art{filter:brightness(1.08) drop-shadow(0 2px 6px rgba(0,0,0,.45))}.lobby-btn-row>.lobby-btn-img:active{transform:scale(.97)}.lobby-btn-row--single{justify-content:center}.lobby-btn-row--single>.lobby-btn-img{flex:0 1 calc(50% - 5px)}.lobby-btn-img__art{width:100%;height:auto;max-height:52px;object-fit:contain;object-position:center;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.lobby-btn-accent{background:#1e325073;border-color:#648cc833;color:#b8cfe8}.lobby-btn-accent:hover:not(:disabled){background:#2841648c;border-color:#78a0dc4d}.lobby-btn-secondary{background:#19233273;border-color:#7882962e;color:#a0aab8}.lobby-btn-secondary:hover:not(:disabled){background:#2332468c;border-color:#8c96aa40}.lobby-btn-back{background:#19191e66;border-color:#64646e2e;color:#8a8e98}.lobby-btn-back:hover:not(:disabled){background:#2d2d3280}.lobby-btn-share{margin-top:12px;background:linear-gradient(135deg,#07a05066,#068c464d);color:#b0e8c8;font-size:15px;font-weight:600;min-height:44px;border-radius:8px;border:1px solid rgba(7,193,96,.3)}.lobby-btn-share:hover:not(:disabled){background:linear-gradient(135deg,#07b45a80,#06a05066)}.lobby-wechat-tip{margin-top:10px;padding:8px 12px;background:#0796501a;border:1px solid rgba(7,150,80,.25);border-radius:8px;color:#90c8a8;font-size:13px;line-height:1.5;text-align:center}.lobby-dots{display:flex;gap:8px;align-items:center;justify-content:center}.lobby-dots .dot{width:8px;height:8px;border-radius:50%;background:#c8a850;animation:lobby-dot-pulse 1.4s ease-in-out infinite}.lobby-dots .dot:nth-child(2){animation-delay:.2s}.lobby-dots .dot:nth-child(3){animation-delay:.4s}@keyframes lobby-dot-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.lobby-btn-elder{margin-top:0;background:#19233259;border:1px dashed rgba(140,120,80,.25);font-size:12px;min-height:36px;color:#8a9ab0;padding:8px 12px;flex:1}.lobby-btn-elder:hover:not(:disabled){background:#23324673}.lobby-btn-elder-active{background:#1e503259;border-color:#64b47859;color:#b8e8cc}.lobby-btn-elder-active:hover:not(:disabled){background:#235a3773}.lobby-btn-feedback{margin-top:0;background:#19233259;border:1px solid rgba(100,100,110,.15);color:#7a9aba;font-size:12px;min-height:36px;padding:8px 12px;flex:1;cursor:pointer}.lobby-btn-feedback:hover{color:#9ab8d8}.large-text .lobby-title{font-size:36px}.large-text .lobby-subtitle{font-size:20px}.large-text .lobby-hint{font-size:18px}.large-text .lobby-btn{font-size:21px;min-height:58px;padding:14px 20px}.large-text .lobby-btn-elder{font-size:19px;min-height:52px}.large-text .lobby-start-match-img{max-height:64px}.large-text .lobby-side-btn__art{width:clamp(48px,13vw,62px)}.large-text .event-title{font-size:1.5rem}.large-text .event-body{font-size:1.05rem}.large-text .event-lead{font-size:1.15rem}.large-text .event-hint{font-size:.95rem}.large-text .event-qr-label{font-size:15px}.large-text .event-qr-shell{width:min(220px,78vw)}.large-text .event-back{font-size:1.1rem;padding:12px 28px}.large-text .mail-title{font-size:1.5rem}.large-text .mail-subtitle{font-size:.95rem}.large-text .mail-item__subject{font-size:1.1rem}.large-text .mail-item__preview{font-size:.92rem}.large-text .mail-item__date{font-size:.85rem}.large-text .mail-detail-title{font-size:1.35rem}.large-text .mail-detail-body{font-size:1.05rem}.large-text .mail-back{font-size:1.1rem;padding:12px 28px}.large-text .lobby-btn-img__art{max-height:58px}.large-text .lobby-room-code{font-size:72px}.large-text .lobby-input{font-size:36px}.large-text .lobby-input::placeholder{font-size:18px}.large-text .score-header{padding:10px 16px;font-size:22px;gap:10px}.large-text .score-header .score-dot{font-size:30px}.large-text .score-header .score-name{font-size:14px;letter-spacing:1px}.large-text .score-header .score-num{font-size:38px}.large-text .score-header .score-end-label{font-size:16px}.large-text .score-header .score-progress{font-size:19px}.large-text .canvas-throw-pips .throw-pip{width:14px;height:14px}.large-text .throw-pips--vertical{gap:7px}.large-text .canvas-throw-pips-label{font-size:15px}.large-text .canvas-throw-pips-side{padding:10px 8px;gap:8px}.large-text .throw-tutorial-card{width:min(420px,calc(100vw - 24px));padding:20px 22px 22px}.large-text .throw-tutorial-progress{font-size:14px}.large-text .throw-tutorial-title{font-size:22px}.large-text .throw-tutorial-body{font-size:18px}.large-text .throw-tutorial-btn--primary{font-size:20px;padding:14px 18px}.large-text .throw-tutorial-btn--ghost{font-size:16px}.large-text .throw-tutorial-finger{font-size:52px}.large-text .turn-indicator{font-size:20px;padding:8px 24px}.large-text .scoreboard-banner-title{font-size:38px}.large-text .foul-toast{font-size:42px}.large-text .spin-toggle{width:52px;height:52px}.large-text .spin-toggle svg{width:52px;height:52px}.orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0a1929;color:#e6f1ff;padding:24px}.orientation-gate-inner{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;max-width:320px}.orientation-icon svg{filter:drop-shadow(0 0 12px rgba(154,209,255,.3))}.orientation-title{font-size:22px;font-weight:700;letter-spacing:1px;color:#ffd84d}.orientation-hint{font-size:14px;line-height:1.6;color:#9ad1ff}.controls-panel{flex:0 0 auto;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:8px;background:linear-gradient(#0f243b,#0a1929);border-top:1px solid #1c2a3a}.controls-panel .row{display:flex;flex-direction:column;gap:4px}.controls-panel .row-info{flex-direction:row;justify-content:space-between;font:12px ui-monospace,Menlo,Consolas,monospace;color:#9ad1ff}.controls-panel .info-cell{display:inline-flex;gap:8px}.controls-panel .info-label{opacity:.7}.controls-panel .info-value{color:#e6f1ff}.controls-panel .slider-label{display:flex;justify-content:space-between;font-size:13px;color:#cfe6ff}.controls-panel .slider-label .hint{color:#6f8aab;font-size:12px}.controls-panel .slider{width:100%;height:36px;accent-color:#4ea1ff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.controls-panel .slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#1c2a3a}.controls-panel .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#4ea1ff;border:2px solid #0a1929;margin-top:-11px;box-shadow:0 2px 4px #0006;cursor:pointer}.controls-panel .slider::-moz-range-track{height:6px;border-radius:3px;background:#1c2a3a}.controls-panel .slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#4ea1ff;border:2px solid #0a1929;cursor:pointer}.controls-panel .slider:disabled{opacity:.4}.controls-panel .slider:disabled::-webkit-slider-thumb{background:#6f8aab}.controls-panel .slider-ticks{display:flex;justify-content:space-between;font-size:11px;color:#6f8aab;margin-top:-4px;padding:0 4px}.controls-panel .row-buttons{flex-direction:row;gap:8px;margin-top:4px}.btn{flex:1 1 auto;border:none;border-radius:8px;min-height:48px;padding:12px 10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:background .12s,transform 80ms;user-select:none;-webkit-user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-throw{background:#1a7a3e}.btn-throw:hover:not(:disabled){background:#1f9a4e}.btn-sweep{background:#b8860b}.btn-sweep:hover:not(:disabled){background:#d49b14}.btn-reset{background:#3a4a5f}.btn-reset:hover:not(:disabled){background:#4a5b73}.debug-panel{position:fixed;top:12px;right:12px;z-index:50;width:320px;max-height:calc(100vh - 24px);overflow-y:auto;background:#0b1929f2;border:1px solid #2a3a4f;border-radius:10px;padding:12px 14px;color:#e6f1ff;font-size:12px;font-family:ui-monospace,Menlo,Consolas,monospace;box-shadow:0 4px 24px #00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.debug-panel .debug-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#ffd84d;margin-bottom:10px;font-size:13px;letter-spacing:.5px}.debug-panel .debug-close{background:transparent;border:1px solid #2a3a4f;color:#cfe6ff;width:24px;height:24px;border-radius:4px;font-size:18px;line-height:1;cursor:pointer;padding:0}.debug-panel .debug-close:hover{background:#1a2a40}.debug-panel .debug-section{margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #2a3a4f}.debug-panel .debug-section:last-of-type{border-bottom:none}.debug-panel .debug-section-title{display:flex;justify-content:space-between;align-items:center;color:#9ad1ff;font-weight:700;margin-bottom:6px}.debug-panel .debug-reset{background:transparent;border:1px solid #2a3a4f;color:#cfe6ff;font-size:11px;padding:2px 8px;border-radius:4px;cursor:pointer}.debug-panel .debug-reset:hover{background:#1a2a40}.debug-panel .debug-row{margin-bottom:8px}.debug-panel .debug-row label{display:flex;justify-content:space-between;font-size:11px;color:#cfe6ff;margin-bottom:2px}.debug-panel .debug-val{color:#ffd84d}.debug-panel input[type=range]{width:100%;accent-color:#4ea1ff}.debug-panel .debug-row .debug-hint{font-size:10px;line-height:1.45;color:#8aa2bf;margin-top:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.debug-panel .debug-footer-hint{text-align:center;font-size:11px;color:#6f8aab;margin-top:6px}@media (max-width: 480px){.score-header{padding:7px 12px;gap:10px;font-size:15px}.score-header .score-name{display:none}.score-header .score-dot{font-size:18px}.score-header .score-num{font-size:22px}.score-header .score-mid{padding:0 12px}.score-header .score-end-label{font-size:11px}.score-header .score-progress{font-size:12px}.score-header .throw-pip{width:7px;height:7px}.score-header .throw-pips{gap:3px;margin-left:4px}.score-header .score-team-red .throw-pips{margin-left:0;margin-right:4px}.debug-panel{width:calc(100vw - 24px);max-width:360px;top:auto;bottom:12px;right:12px;max-height:60vh}.controls-panel{padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0))}.controls-panel .row-info{font-size:11px}.scoreboard-banner-title{font-size:22px}.scoreboard-banner-score{font-size:44px}}@media (max-width: 360px){.score-header{font-size:14px;padding:6px 10px}.score-header .score-dot{font-size:16px}.score-header .score-num{font-size:19px}.score-header .throw-pips{display:none}.btn{font-size:14px;min-height:44px;padding:10px 8px}}[data-debug-borders] .app-shell,[data-debug-borders] .score-header,[data-debug-borders] .canvas-area,[data-debug-borders] .house-view-area,[data-debug-borders] .canvas-area-main,[data-debug-borders] .curling-canvas-container,[data-debug-borders] .curling-canvas-gl,[data-debug-borders] .house-view-overlay,[data-debug-borders] .foul-toast,[data-debug-borders] .scoreboard-banner,[data-debug-borders] .debug-panel{outline:2px solid #ff3030!important;outline-offset:-2px;position:relative}[data-debug-borders] .app-shell:before,[data-debug-borders] .score-header:before,[data-debug-borders] .canvas-area:before,[data-debug-borders] .house-view-area:before,[data-debug-borders] .canvas-area-main:before,[data-debug-borders] .curling-canvas-container:before,[data-debug-borders] .house-view-overlay:before,[data-debug-borders] .foul-toast:before,[data-debug-borders] .scoreboard-banner:before,[data-debug-borders] .debug-panel:before{position:absolute;top:0;left:0;z-index:999;padding:1px 6px;font:600 11px ui-monospace,Menlo,Consolas,monospace;color:#fff;background:#ff3030;letter-spacing:.5px;pointer-events:none;white-space:nowrap}[data-debug-borders] .app-shell:before{content:".app-shell"}[data-debug-borders] .score-header:before{content:".score-header"}[data-debug-borders] .canvas-area:before{content:".canvas-area"}[data-debug-borders] .house-view-area:before{content:".house-view-area"}[data-debug-borders] .canvas-area-main:before{content:".canvas-area-main"}[data-debug-borders] .curling-canvas-container:before{content:".curling-canvas-container"}[data-debug-borders] .house-view-overlay:before{content:".house-view-overlay"}[data-debug-borders] .foul-toast:before{content:".foul-toast"}[data-debug-borders] .scoreboard-banner:before{content:".scoreboard-banner"}[data-debug-borders] .debug-panel:before{content:".debug-panel"}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;background:#f4f1ea;animation:fadeIn .35s ease-out}.loading-screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/loading_page.webp) center top / cover no-repeat,linear-gradient(180deg,#e8e4dc,#f7f5f0 42%,#faf9f6);pointer-events:none}.loading-screen-footer{position:relative;z-index:1;width:min(78vw,420px);padding:0 6vw calc(6vh + env(safe-area-inset-bottom,0)) 6vw;display:flex;flex-direction:column;align-items:center;gap:.65rem}.loading-ink-bar{width:100%;position:relative;padding-bottom:.35rem}.loading-ink-bar-track{position:relative;height:10px;border-radius:999px 40% 999px 60%/60% 999px 40%;background:linear-gradient(90deg,#1a3a5c0f,#1a3a5c24,#1a3a5c0f);box-shadow:inset 0 1px 2px #ffffffd9,inset 0 -1px 3px #1a3a5c1f;overflow:visible}.loading-ink-bar-fill{position:absolute;left:0;top:50%;height:12px;transform:translateY(-50%);min-width:4px;border-radius:999px 30% 999px 70%/70% 999px 30%;background:linear-gradient(90deg,#1a3a5c59,#1a3a5c 18%,#2d5a7a,#c9a227 72%,#8b6914 88%,#1a3a5c80);box-shadow:0 2px 8px #1a3a5c40,0 0 14px #c9a22759;filter:blur(.25px);transition:width .35s cubic-bezier(.4,0,.2,1)}.loading-ink-bar-head{position:absolute;top:50%;width:18px;height:18px;margin-left:-9px;transform:translateY(-50%);border-radius:55% 45% 50% 50%/48% 52%;background:radial-gradient(circle at 35% 35%,#e8d48a,#c9a227 45%,#1a3a5c);box-shadow:0 0 10px #c9a2278c,0 2px 6px #1a3a5c59;opacity:.92;transition:left .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.loading-ink-bar-brush{position:absolute;left:8%;right:8%;bottom:0;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(26,58,92,.18) 20%,rgba(201,162,39,.22) 50%,rgba(26,58,92,.18) 80%,transparent);filter:blur(1px);opacity:.85}.loading-screen-hint{margin:0;font-size:.82rem;letter-spacing:.12em;color:#1a3a5cb8;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;text-align:center}.loading-screen-pct{margin:0;font-size:.75rem;letter-spacing:.2em;color:#8b6914bf;font-variant-numeric:tabular-nums;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif}@media (min-aspect-ratio: 1/1){.loading-screen-bg{background-position:center center;background-size:contain}}.game-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a1929;z-index:9999;animation:fadeIn .3s ease-out}.game-loading-ice{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(30,80,140,.15) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 20% 20%,rgba(78,168,255,.05) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 80% 30%,rgba(78,168,255,.04) 0%,transparent 50%);pointer-events:none}.game-loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1;animation:slideUp .5s ease-out}.game-loading-stone{animation:float 2s ease-in-out infinite,pulse-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(78,168,255,.4))}.game-loading-title{color:#e6f1ff;font-size:20px;font-weight:600;letter-spacing:4px;font-family:system-ui,-apple-system,sans-serif}.game-loading-bar{width:180px;height:3px;background:#4ea8ff26;border-radius:2px;overflow:hidden}.game-loading-bar-fill{height:100%;width:40%;background:linear-gradient(90deg,transparent,#4ea8ff,transparent);border-radius:2px;animation:barSlide 1.2s ease-in-out infinite}.game-loading-hint{color:#5a8ab5;font-size:13px;font-family:system-ui,-apple-system,sans-serif;letter-spacing:.5px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 12px rgba(78,168,255,.4))}50%{filter:drop-shadow(0 0 20px rgba(78,168,255,.7))}}@keyframes barSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.pve-result-banner{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#0a1932eb;border:1px solid rgba(78,168,255,.4);border-radius:12px;padding:12px 28px;color:#e6f1ff;font-size:20px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px;z-index:100;animation:slideUp .4s ease-out;box-shadow:0 4px 20px #0006}.pve-difficulty-tag{font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px;background:#4ea8ff33;color:#4ea8ff;letter-spacing:1px}.settings-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9000;background:#0f192df5;border:1px solid rgba(78,168,255,.3);border-radius:14px;padding:16px 20px;width:340px;max-width:90vw;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;animation:feedback-slide-up .35s ease-out}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#e0e8f0;font-size:16px;font-weight:600}.settings-close{background:none;border:none;color:#8a9ab5;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1}.settings-close:hover{color:#e0e8f0}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 0}.settings-row__text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.settings-row__title{color:#e0e8f0;font-size:14px;font-weight:600}.settings-row__desc{color:#8a9ab5;font-size:12px;line-height:1.45}.settings-toggle{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:#4ea8ff;cursor:pointer}.leaderboard-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9000;background:#0f192df5;border:1px solid rgba(78,168,255,.3);border-radius:14px;padding:16px 20px;width:360px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;animation:feedback-slide-up .35s ease-out}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#e0e8f0;font-size:16px;font-weight:600}.leaderboard-close{background:none;border:none;color:#8a9ab5;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1}.leaderboard-close:hover{color:#e0e8f0}.leaderboard-my-rank{margin-bottom:10px;padding:8px 10px;border-radius:8px;background:#4ea8ff1f;color:#9ecfff;font-size:13px;font-weight:600}.leaderboard-status{padding:24px 8px;text-align:center;color:#8a9ab5;font-size:14px}.leaderboard-status--error{color:#ff8a8a}.leaderboard-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px;border-bottom:1px solid rgba(78,168,255,.08)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row--me{background:#4ea8ff24;border-bottom-color:transparent}.leaderboard-rank{flex-shrink:0;width:28px;text-align:center;color:#8a9ab5;font-size:14px;font-weight:700}.leaderboard-row:nth-child(-n+3) .leaderboard-rank{color:#ffd166}.leaderboard-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.leaderboard-nickname{color:#e0e8f0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-meta{color:#8a9ab5;font-size:11px}.leaderboard-level{flex-shrink:0;padding:2px 8px;border-radius:999px;background:#4ea8ff2e;color:#4ea8ff;font-size:12px;font-weight:700}.feedback-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9000;background:#0f192df5;border:1px solid rgba(78,168,255,.3);border-radius:14px;padding:16px 20px;width:320px;max-width:90vw;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;animation:feedback-slide-up .35s ease-out}@keyframes feedback-slide-up{0%{transform:translate(-50%) translateY(30px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.feedback-done{display:flex;align-items:center;justify-content:center;min-height:80px}.feedback-thanks{font-size:18px;color:#4ea8ff;font-weight:600}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#e0e8f0;font-size:15px;font-weight:600}.feedback-close{background:none;border:none;color:#8a9ab5;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px}.feedback-close:hover{background:#ffffff1a}.feedback-stars{display:flex;gap:6px;margin-bottom:12px;justify-content:center}.feedback-star{font-size:28px;color:#3a4a60;cursor:pointer;transition:color .15s,transform .15s}.feedback-star:hover{transform:scale(1.2)}.feedback-star.active{color:#ffc107}.feedback-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.feedback-tag{padding:5px 10px;border-radius:16px;border:1px solid rgba(78,168,255,.25);background:#4ea8ff14;color:#c0d0e0;font-size:13px;cursor:pointer;transition:all .15s}.feedback-tag:hover{background:#4ea8ff26}.feedback-tag.selected{background:#4ea8ff4d;border-color:#4ea8ff;color:#fff}.feedback-text{width:100%;height:60px;border-radius:8px;border:1px solid rgba(78,168,255,.2);background:#0000004d;color:#e0e8f0;padding:8px 10px;font-size:13px;resize:none;margin-bottom:10px;font-family:inherit}.feedback-text::placeholder{color:#6a7a90}.feedback-text:focus{outline:none;border-color:#4ea8ff}.feedback-error{color:#ff6b6b;font-size:12px;margin-bottom:8px}.feedback-submit{width:100%;padding:10px;border-radius:8px;border:none;background:linear-gradient(135deg,#4ea8ff,#2667c8);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.feedback-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-submit:hover:not(:disabled){opacity:.85}.match-scoreboard{background:linear-gradient(180deg,#0d1b2a,#162b44);border-bottom:1px solid rgba(78,168,255,.15);padding:4px 8px;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;flex-shrink:0}.match-scoreboard-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.match-scoreboard-table{border-collapse:collapse;font-size:12px;color:#c0d8f0;white-space:nowrap;min-width:0}.match-scoreboard-table th,.match-scoreboard-table td{padding:2px 6px;text-align:center;border:1px solid rgba(78,168,255,.1)}.ms-team-col{text-align:left!important;min-width:70px;padding-left:4px!important}.ms-end-col{min-width:24px;font-weight:600}.ms-end-col.ms-current{background:#4ea8ff33;color:#4ea8ff}.ms-end-col.ms-extra{color:#ffd84d}.ms-total-col{min-width:28px;font-weight:700;color:#fff}.ms-remain-col{min-width:22px;font-size:10px;color:#7a9ab8}.ms-team-cell{display:flex;align-items:center;gap:4px;text-align:left;font-weight:600}.ms-team-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.ms-dot-blue{background:#4ea8ff}.ms-dot-red{background:#ff6b6b}.ms-team-name{font-size:11px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.ms-hammer{font-size:9px;background:#ffd84d;color:#1a1a2e;border-radius:3px;padding:0 3px;font-weight:700;line-height:1.3}.ms-score-cell{min-width:24px}.ms-score-cell.ms-current{background:#4ea8ff1f;font-weight:700}.ms-live{color:#4ea8ff}.ms-total-cell{font-weight:700}.ms-total-blue{color:#4ea8ff}.ms-total-red{color:#ff6b6b}.ms-remain-cell{font-size:10px;color:#7a9ab8}.ms-row-blue td{border-bottom-color:#4ea8ff14}.ms-row-red td{border-bottom-color:#ff6b6b14}.lobby-btn-match{background:linear-gradient(135deg,#c8aa3c66,#b48c284d);color:#f0dfa0;font-weight:700;border:1px solid rgba(220,190,80,.45)}.lobby-btn-match:hover{background:linear-gradient(135deg,#dcbe4680,#c8a03266)}.match-setup-section{margin-bottom:14px;width:100%}.match-setup-label{display:block;font-size:13px;color:#8a9bb5;margin-bottom:6px;font-weight:500}.match-ends-picker,.match-opponent-picker,.match-diff-picker{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.match-ends-btn,.match-opp-btn,.match-diff-btn{padding:6px 14px;border-radius:8px;border:1.5px solid rgba(200,180,130,.4);background:#ffffff0f;color:#e0e4ea;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.match-ends-btn.active,.match-opp-btn.active,.match-diff-btn.active{background:linear-gradient(135deg,#c8aa3c80,#a0822866);color:#fff5c8;border-color:#e6c85a99;font-weight:600}.match-ends-btn:hover:not(.active),.match-opp-btn:hover:not(.active),.match-diff-btn:hover:not(.active){border-color:#c8aa5080;background:#b49b6426;color:#fff}.end-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a1423eb;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .3s ease}.end-transition-card{background:linear-gradient(160deg,#162b44,#0d1b2a);border:1px solid rgba(78,168,255,.2);border-radius:16px;padding:32px 40px;text-align:center;max-width:380px;width:90%;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease}.et-end-label{font-size:14px;color:#7a9ab8;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.et-blank{font-size:24px;color:#8a9bb5;font-weight:600}.et-scored{display:flex;align-items:center;justify-content:center;gap:10px}.et-team-tag{font-size:16px;font-weight:700;padding:2px 10px;border-radius:6px}.et-team-blue{background:#4ea8ff33;color:#4ea8ff}.et-team-red{background:#ff6b6b33;color:#ff6b6b}.et-points{font-size:22px;font-weight:700;color:#fff}.et-total{margin:20px 0}.et-total-row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:28px;font-weight:700}.et-total-team{font-size:13px;font-weight:600}.et-total-blue{color:#4ea8ff}.et-total-red{color:#ff6b6b}.et-total-score{color:#fff;min-width:28px}.et-total-sep{color:#5a6a80}.et-next-info{margin-top:16px;font-size:14px;color:#c0d8f0}.et-extra-hint{color:#ffd84d;font-weight:600;font-size:16px}.et-hammer-hint{color:#8a9bb5}.et-continue-btn{margin-top:20px;padding:8px 28px;border-radius:8px;border:1.5px solid rgba(78,168,255,.3);background:linear-gradient(135deg,#4ea8ff,#2667c8);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.et-continue-btn:hover{opacity:.85}.et-back-btn{margin-top:10px;padding:6px 20px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#ffffffd9;font-size:12px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.et-back-btn:hover{color:#fff;border-color:#ffffff80;background:#ffffff24}.match-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a1423f2;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.match-result-card{background:linear-gradient(160deg,#162b44,#0d1b2a);border:1px solid rgba(78,168,255,.2);border-radius:16px;padding:32px 36px;text-align:center;max-width:440px;width:92%;box-shadow:0 8px 32px #00000080;animation:slideUp .4s ease}.mr-title{font-size:26px;font-weight:700;color:#fff;margin-bottom:20px}.mr-final-score{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.mr-team{display:flex;align-items:center;gap:6px}.mr-team-dot{width:12px;height:12px;border-radius:50%}.mr-dot-blue{background:#4ea8ff}.mr-dot-red{background:#ff6b6b}.mr-team-name{font-size:14px;font-weight:600;color:#8a9bb5}.mr-score-display{display:flex;align-items:baseline;gap:8px}.mr-score{font-size:40px;font-weight:700}.mr-score-blue{color:#4ea8ff}.mr-score-red{color:#ff6b6b}.mr-score-sep{font-size:28px;color:#5a6a80}.mr-detail-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:24px}.mr-detail-table{border-collapse:collapse;font-size:13px;color:#c0d8f0;width:100%;min-width:0}.mr-detail-table th,.mr-detail-table td{padding:4px 8px;text-align:center;border:1px solid rgba(78,168,255,.1)}.mr-detail-table th{font-weight:600;color:#7a9ab8}.mr-extra{color:#ffd84d}.mr-team-label{text-align:left!important;font-weight:600}.mr-scored{color:#fff;font-weight:700}.mr-total-td{font-weight:700;color:#fff}.mr-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mr-btn{padding:10px 24px;border-radius:10px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.mr-btn:hover{opacity:.85}.mr-btn-primary{background:linear-gradient(135deg,#4ea8ff,#2667c8);color:#fff}.mr-btn-secondary{background:transparent;border:1.5px solid rgba(78,168,255,.3);color:#c0d8f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hammer-draw-game{position:relative;width:100%;height:100%}.hd-game-banner{position:absolute;top:0;left:0;right:0;z-index:20;text-align:center;padding:10px 16px;background:linear-gradient(180deg,#0d1b2af2,#0d1b2a00);color:#ffd84d;font-size:15px;font-weight:600;letter-spacing:.5px;pointer-events:none}.hammer-draw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a1423f2;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .3s ease}.hammer-draw-card{background:linear-gradient(160deg,#162b44,#0d1b2a);border:1px solid rgba(78,168,255,.2);border-radius:16px;padding:28px 32px;text-align:center;max-width:360px;width:90%;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease}.hd-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px}.hd-result{animation:fadeIn .4s ease}.hd-result-distances{display:flex;justify-content:center;gap:20px;margin-bottom:12px}.hd-dist{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.hd-dist-blue{color:#4ea8ff}.hd-dist-red{color:#ff6b6b}.hd-winner{font-size:18px;font-weight:600;color:#c0d8f0;margin-bottom:16px}.hd-winner-tag{display:inline-block;padding:2px 10px;border-radius:6px;margin-right:4px;font-weight:700}.hd-winner-blue{background:#4ea8ff33;color:#4ea8ff}.hd-winner-red{background:#ff6b6b33;color:#ff6b6b}.hd-continue-btn{padding:8px 28px;border-radius:8px;border:none;background:linear-gradient(135deg,#4ea8ff,#2667c8);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.hd-continue-btn:hover{opacity:.85}.match-hammer-picker{display:flex;gap:6px;justify-content:center}.match-hammer-btn{padding:6px 14px;border-radius:8px;border:1.5px solid rgba(180,155,100,.25);background:transparent;color:#a0aab8;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.match-hammer-btn.active{background:linear-gradient(135deg,#c8aa3c66,#a082284d);color:#f0dfa0;border-color:#dcbe5080;font-weight:600}.match-hammer-btn:hover:not(.active){border-color:#c8aa5066;background:#b49b641a}.pp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a1423eb;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.pp-card{background:linear-gradient(160deg,#162b44,#0d1b2a);border:1px solid rgba(78,168,255,.2);border-radius:16px;padding:32px 40px;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease}.pp-title{font-size:14px;color:#7a9ab8;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.pp-decision-info{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;color:#c0d8f0;margin-bottom:16px}.pp-team-tag{font-size:14px;font-weight:700;padding:2px 10px;border-radius:6px}.pp-team-blue{background:#4ea8ff33;color:#4ea8ff}.pp-team-red{background:#ff6b6b33;color:#ff6b6b}.pp-subtitle{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.pp-hint{font-size:13px;color:#6a8aa5;margin-bottom:20px}.pp-btn-row{display:flex;gap:12px;justify-content:center;margin-bottom:12px}.pp-btn{padding:10px 24px;border-radius:10px;border:1.5px solid rgba(78,168,255,.3);background:transparent;color:#c0d8f0;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.pp-btn:hover{background:#4ea8ff1f;border-color:#4ea8ff80}.pp-btn-left,.pp-btn-right{background:linear-gradient(135deg,#c8aa3c26,#a082281a);border-color:#dcbe5059;color:#f0dfa0;min-width:100px}.pp-btn-left:hover,.pp-btn-right:hover{background:linear-gradient(135deg,#c8aa3c4d,#a0822833);border-color:#dcbe5099}.pp-btn-skip{width:100%}.pp-btn-continue{background:linear-gradient(135deg,#4ea8ff,#2667c8);color:#fff;border-color:#4ea8ff80}.pp-btn-continue:hover{opacity:.85}.lobby-btn-mixed-doubles{background:linear-gradient(135deg,#c8aa3c33,#a0822826);border-color:#dcbe5059;color:#f0dfa0}.lobby-btn-mixed-doubles:hover{background:linear-gradient(135deg,#c8aa3c59,#a0822840);border-color:#dcbe5099}.auth-form-card{background:#0a101cd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px 28px 28px;box-shadow:0 4px 32px #00000080}.auth-tabs{display:flex;gap:0;margin-bottom:20px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.auth-tab{flex:1;padding:10px;background:transparent;border:none;color:#aaa;font-size:.95rem;cursor:pointer;transition:all .2s}.auth-tab-active{background:#4ea8ff26;color:#4ea8ff;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:14px;width:100%}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-label{font-size:.8rem;color:#ccc;padding-left:2px}.auth-input{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:#eee;font-size:.95rem;outline:none;transition:border-color .2s}.auth-input:focus{border-color:#4ea8ff80}.auth-input::placeholder{color:#666}.auth-error{color:#ff6b6b;font-size:.85rem;text-align:center;padding:6px;background:#ff646414;border-radius:6px}.auth-terms-row{display:flex;align-items:center;gap:4px;font-size:.82rem;color:#ccc}.auth-checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer}.auth-checkbox-label input[type=checkbox]{width:14px;height:14px;accent-color:#4ea8ff}.auth-terms-link{background:none;border:none;color:#4ea8ff;font-size:.82rem;cursor:pointer;text-decoration:underline;padding:0}.auth-terms-link:hover{color:#7cc4ff}.auth-terms-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}.auth-terms-content{background:#1a2a3a;border-radius:12px;border:1px solid rgba(255,255,255,.1);max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column}.auth-terms-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;font-size:1rem}.auth-terms-close{background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px}.auth-terms-close:hover{color:#fff;background:#ffffff1a}.auth-terms-body{padding:18px;overflow-y:auto;color:#ccc;line-height:1.6}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:20px 0 16px}.profile-stat-item{text-align:center;padding:12px 8px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.profile-stat-value{font-size:1.4rem;font-weight:700;color:#4ea8ff}.profile-stat-label{font-size:.75rem;color:#888;margin-top:2px}.profile-xp-bar-container{width:100%;margin-bottom:12px}.profile-xp-label{font-size:.75rem;color:#aaa;margin-bottom:4px}.profile-xp-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.profile-xp-fill{height:100%;background:linear-gradient(90deg,#4ea8ff,#7cc4ff);border-radius:3px;transition:width .3s}.profile-record-row{display:flex;justify-content:center;gap:20px;font-size:.85rem;color:#aaa}.gl-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;overflow:hidden;--gl-bg-top: #f4f4f4;--gl-bg-mid: #f2f2f1;--gl-bg-bottom: #f1f1ef;background:linear-gradient(180deg,var(--gl-bg-top) 0%,var(--gl-bg-mid) 55%,var(--gl-bg-bottom) 100%);color:#243140;font-family:STSong,SimSun,Songti SC,"Noto Serif SC",serif}.gl-page>*{position:relative;z-index:1}.gl-logo-img-wrap{position:absolute;top:env(safe-area-inset-top,0px);left:0;z-index:2;display:block;line-height:0;pointer-events:none}.gl-logo-img{display:block;width:clamp(160px,42vw,257px);height:auto;object-fit:contain;object-position:left top;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gl-header{position:relative;display:flex;justify-content:flex-end;align-items:flex-start;min-height:calc(env(safe-area-inset-top,0px) + clamp(80px,21vw,111px));padding:env(safe-area-inset-top,0px) 16px 8px;flex-shrink:0}.gl-back{position:absolute;top:calc(env(safe-area-inset-top,0px) + 6px);left:6px;width:30px;height:30px;padding:0;border:none;background:none;color:#3c4e628c;font-size:1.5rem;line-height:1;cursor:pointer;z-index:4;transition:color .15s,transform .12s}.gl-back:hover{color:#1f3550}.gl-back:active{transform:scale(.9)}.gl-header__right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.gl-user-pill{display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .12s}.gl-user-pill:active{transform:scale(.97)}.gl-user-pill__avatar{width:40px;height:40px;border-radius:50%;border:2px solid #c8a44d;overflow:hidden;flex-shrink:0;box-shadow:0 2px 6px #0000001f}.gl-user-pill__info{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.gl-user-pill__name{font-size:clamp(.8rem,3vw,.95rem);font-weight:700;color:#22303f;white-space:nowrap;max-width:96px;overflow:hidden;text-overflow:ellipsis}.gl-user-pill__lv{font-size:clamp(.62rem,2.2vw,.74rem);color:#465a6eb3}.gl-user-pill__arrow{font-size:1.1rem;color:#465a6e73;line-height:1}.gl-currency{display:flex;gap:8px}.gl-currency__item{display:flex;align-items:center;gap:4px;padding:2px 4px 2px 6px;background:#ffffff9e;border:1px solid rgba(40,60,80,.12);border-radius:14px;box-shadow:0 1px 3px #2832460f}.gl-currency__icon{width:15px;height:15px;border-radius:50%;flex-shrink:0}.gl-currency__icon--coin{background:radial-gradient(circle at 35% 30%,#ffe39a,#e0a93a 70%);box-shadow:inset 0 0 0 1.5px #96641466}.gl-currency__icon--gem{background:radial-gradient(circle at 35% 30%,#b6ecff,#3aa8e0 70%);box-shadow:inset 0 0 0 1.5px #145a8266;border-radius:3px;transform:rotate(45deg)}.gl-currency__value{font-size:.74rem;font-weight:700;color:#2a3a4a;font-variant-numeric:tabular-nums}.gl-currency__plus{width:15px;height:15px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#c8a44d;color:#fff;font-size:.7rem;line-height:1}.gl-content{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 12px 0}.gl-view{flex:1;min-height:0;display:flex;flex-direction:column}.gl-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;flex-shrink:0}.gl-toolbar__right{display:flex;align-items:center;gap:10px}.gl-title{position:relative;font-size:clamp(1.05rem,4vw,1.3rem);font-weight:800;margin:0;padding:5px 22px 6px 16px;color:#f4efe4;letter-spacing:.08em;background:linear-gradient(95deg,#1d2731,#2a3744 62%,#2a374400);border-radius:4px 14px 4px 4px;clip-path:polygon(0 8%,96% 0,100% 86%,92% 100%,2% 94%);text-shadow:0 1px 2px rgba(0,0,0,.4)}.gl-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.gl-select{padding:6px 10px;font-size:.76rem;border-radius:16px;border:1px solid rgba(40,60,80,.16);background:#ffffffd9;color:#33414f;outline:none;cursor:pointer;font-family:inherit;box-shadow:0 1px 3px #2832460f}.gl-select:focus{border-color:#4678b480}.gl-search{display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:16px;border:1px solid rgba(40,60,80,.16);background:#ffffffd9;box-shadow:0 1px 3px #2832460f}.gl-search__icon{font-size:.78rem;opacity:.55}.gl-search__input{border:none;background:none;outline:none;font-size:.76rem;color:#33414f;font-family:inherit;width:92px}.gl-search__input::placeholder{color:#505f6e80}.gl-empty{text-align:center;color:#465a6e99;padding:32px 0;font-size:.9rem}.gl-error{text-align:center;color:#c0392b;padding:8px;font-size:.85rem;margin-bottom:8px}.gl-notice--success{text-align:center;background:#78be641a;border:1px solid rgba(120,190,100,.35);border-radius:6px;color:#9fd88a;padding:8px 14px;font-size:.85rem;margin-bottom:8px}.gl-password-error{color:#ff6b6b;font-size:.85rem;font-weight:600;margin-bottom:6px;animation:gl-shake .3s ease}.gl-form-input--error{border-color:#ff6b6b!important;box-shadow:0 0 0 2px #ff6b6b40}@keyframes gl-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.gl-room-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;padding:2px 2px 4px}.gl-room-list::-webkit-scrollbar{width:4px}.gl-room-list::-webkit-scrollbar-thumb{background:#506e8c4d;border-radius:2px}.gl-room-card{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffffeb;border:1px solid rgba(40,60,80,.08);border-radius:14px;box-shadow:0 4px 14px #28324614;cursor:pointer;transition:transform .12s,box-shadow .15s,border-color .15s}.gl-room-card:hover{box-shadow:0 6px 18px #28324621}.gl-room-card--selected{border-color:#4678b48c;box-shadow:0 6px 18px #3c6eaa33}.gl-room-card__thumb{position:relative;width:76px;height:60px;flex-shrink:0;border-radius:10px;background:radial-gradient(circle at 50% 55%,#d7e1e8,#b9c7d2 55%,#93a6b4);border:1px solid rgba(40,60,80,.1);overflow:hidden}.gl-room-card__thumb:after{content:"";position:absolute;left:50%;top:55%;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid rgba(80,110,140,.5);box-shadow:0 0 0 5px #7896af40}.gl-room-card__thumb-lock{position:absolute;top:3px;left:3px;font-size:.72rem;z-index:1}.gl-room-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.gl-room-card__name{font-size:.98rem;font-weight:700;color:#22303f;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-room-card__lock{font-size:.82rem}.gl-room-card__meta{display:flex;flex-direction:column;gap:1px;font-size:.72rem;color:#465a6ed9}.gl-room-card__side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:62px}.gl-room-card__count{display:flex;align-items:center;gap:3px;font-size:.78rem;font-weight:600;color:#2f3e4d}.gl-room-card__count-icon{font-size:.7rem}.gl-room-card__phase{font-size:.68rem;font-weight:600}.gl-room-card__phase--waiting{color:#2f9e54}.gl-room-card__phase--playing{color:#d8843a}.gl-quick-actions{flex-shrink:0;display:flex;gap:14px;margin:0;padding:0 16px;justify-content:center;position:relative;z-index:3;background:var(--gl-bg-bottom)}.gl-footer .gl-quick-actions{margin-bottom:0}.gl-footer{flex-shrink:0;position:relative;z-index:3}.gl-footer-deco{position:relative;z-index:1;display:block;line-height:0;margin:0}.gl-footer-deco:after{content:"";position:absolute;left:0;right:0;top:0;height:clamp(26px,11vw,56px);pointer-events:none;background:linear-gradient(180deg,var(--gl-bg-bottom) 0%,color-mix(in srgb,var(--gl-bg-bottom) 88%,transparent) 22%,color-mix(in srgb,var(--gl-bg-bottom) 52%,transparent) 48%,color-mix(in srgb,var(--gl-bg-bottom) 18%,transparent) 72%,transparent 100%)}.gl-footer-deco__img{display:block;width:100%;height:auto;vertical-align:bottom;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gl-btn{border:none;border-radius:8px;font-family:inherit;font-weight:600;cursor:pointer;transition:transform .1s,opacity .15s,background .15s;-webkit-tap-highlight-color:transparent}a.gl-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.gl-btn:active{transform:scale(.95)}.gl-btn:disabled{opacity:.45;cursor:default;transform:none}.gl-btn--join{padding:7px 18px;font-size:.8rem;background:linear-gradient(135deg,#1d3a5c,#18406b);color:#f3ede0;box-shadow:0 3px 8px #142d4b47}.gl-btn--join:hover:not(:disabled){background:linear-gradient(135deg,#244a72,#1f4f82)}.gl-btn--spectate{padding:7px 18px;font-size:.8rem;background:#5a78961f;color:#5a7488;border:1px solid rgba(90,120,150,.28)}.gl-btn--spectate:hover:not(:disabled){background:#5a789633}.gl-btn--invite{padding:7px 16px;font-size:.8rem;background:linear-gradient(135deg,#c8a44d,#b58e36);color:#fff;box-shadow:0 3px 8px #b48c3247}.gl-btn--invite:hover:not(:disabled){background:linear-gradient(135deg,#d4b259,#c29a3d)}.gl-btn--disabled{padding:7px 18px;font-size:.8rem;background:#78828c29;color:#5a646e8c}.gl-btn--create{padding:7px 24px;min-height:35px;font-size:.85rem;font-weight:700;letter-spacing:.04em;color:#2e2820;border-radius:3px;border:1px solid rgba(72,58,38,.38);background:linear-gradient(180deg,#ffffff47,#fff0 38%),linear-gradient(180deg,#e8dcc6,#d4bc98 52%,#c4a67e);box-shadow:0 2px 6px #503e2838,inset 0 1px #ffffff6b}.gl-btn--create:hover:not(:disabled){background:linear-gradient(180deg,#ffffff52,#fff0 38%),linear-gradient(180deg,#efe3cc,#dcc5a0 52%,#cfb088)}.gl-btn--quick,.gl-btn--quick-join{padding:7px 24px;min-height:35px;font-size:.85rem;font-weight:700;letter-spacing:.04em;color:#f4f6f8;border-radius:3px;border:1px solid rgba(168,178,190,.55);background:linear-gradient(180deg,#ffffff24,#fff0 36%),linear-gradient(180deg,#556572,#434e5b 48%,#2a323c);box-shadow:0 2px 8px #141e2d52,inset 0 1px #ffffff24}.gl-btn--quick:hover:not(:disabled),.gl-btn--quick-join:hover:not(:disabled){background:linear-gradient(180deg,#ffffff2e,#fff0 36%),linear-gradient(180deg,#627080,#4f5a68 48%,#333c48)}.gl-btn--back{padding:8px 20px;font-size:.85rem;background:#283c500f;color:#3c4e62cc;border:1px solid rgba(40,60,80,.16)}.gl-btn--back:hover{background:#283c501f;color:#243140}.gl-refresh{border:1px solid rgba(40,60,80,.16);background:#fffc;color:#3a5572;font-size:.74rem;cursor:pointer;padding:5px 12px;border-radius:14px;font-family:inherit;transition:color .15s,background .15s}.gl-refresh:hover{background:#fff;color:#1f3a5c}.gl-online-count{font-size:.78rem;color:#465a6ebf}.gl-user-list{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow-y:auto;padding:2px 2px 4px}.gl-user-list::-webkit-scrollbar{width:4px}.gl-user-list::-webkit-scrollbar-thumb{background:#506e8c4d;border-radius:2px}.gl-user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffffeb;border:1px solid rgba(40,60,80,.08);box-shadow:0 4px 14px #28324612}.gl-user-card--busy{opacity:.72}.gl-user-card__avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.gl-user-card__main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.gl-user-card__nameline{display:flex;align-items:center;gap:5px}.gl-user-card__name{font-size:.92rem;font-weight:700;color:#22303f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-user-card__gender{font-size:.78rem;line-height:1}.gl-user-card__gender--male{color:#4a90c8}.gl-user-card__gender--female{color:#d06a8e}.gl-user-card__status{font-size:.72rem;color:#2f9e54}.gl-user-card__status--busy{color:#4a90c8}.gl-user-card__rank{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0;min-width:56px}.gl-user-card__score{font-size:.72rem;font-weight:600;color:#b58e36}.gl-badge{font-size:.66rem;font-weight:700;color:#fff;padding:3px 8px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 5px #0000002e}.gl-badge--bronze{background:linear-gradient(135deg,#b5743c,#8c5526)}.gl-badge--silver{background:linear-gradient(135deg,#9aa6b0,#6f7d88)}.gl-badge--gold{background:linear-gradient(135deg,#e0b53e,#b88a24)}.gl-badge--platinum{background:linear-gradient(135deg,#5fc7c0,#2f9d96)}.gl-badge--diamond{background:linear-gradient(135deg,#5fb3e6,#2f7dc4)}.gl-badge--master{background:linear-gradient(135deg,#b06fe0,#7a3ec4)}.gl-user-card__acts{display:flex;align-items:center;gap:8px;flex-shrink:0}.gl-icon-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(40,60,80,.14);background:#ffffffe6;color:#3a5572;cursor:pointer;transition:background .15s,color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.gl-icon-btn:hover:not(:disabled){background:#f0f5fa;color:#1f3a5c}.gl-icon-btn:active:not(:disabled){transform:scale(.92)}.gl-icon-btn:disabled{opacity:.4;cursor:default}.gl-challenge-status{background:#4678b414;border:1px solid rgba(70,120,180,.25);border-radius:8px;padding:8px 14px;margin-bottom:10px;font-size:.82rem;color:#2f6ba8;text-align:center}.gl-chat{display:flex;flex-direction:column;flex:1;min-height:0;gap:8px;padding:12px;background:#ffffffe0;border:1px solid rgba(40,60,80,.08);border-radius:16px;box-shadow:0 4px 16px #28324614;margin-bottom:8px}.gl-chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px}.gl-chat-messages::-webkit-scrollbar{width:4px}.gl-chat-messages::-webkit-scrollbar-thumb{background:#506e8c4d;border-radius:2px}.gl-chat-msg{padding:7px 11px;border-radius:10px;background:#f0f2f4;border:1px solid rgba(40,60,80,.06);max-width:86%;align-self:flex-start;box-shadow:0 1px 2px #2832460d}.gl-chat-msg--mine{align-self:flex-end;background:linear-gradient(135deg,#2a4d72,#1f3f63);border-color:transparent}.gl-chat-msg__meta{display:flex;align-items:center;gap:6px;margin-bottom:2px}.gl-chat-msg__name{font-size:.76rem;font-weight:700;color:#2f4a66}.gl-chat-msg--mine .gl-chat-msg__name{color:#e8d9a8}.gl-chat-msg__level{font-size:.66rem;color:#465a6ea6}.gl-chat-msg--mine .gl-chat-msg__level{color:#dce1e6b3}.gl-chat-msg__time{margin-left:auto;font-size:.64rem;color:#5a6e8299;font-variant-numeric:tabular-nums;white-space:nowrap}.gl-chat-msg--mine .gl-chat-msg__time{color:#dce1e699}.gl-chat-msg__text{font-size:.85rem;color:#2a3744;word-break:break-word;line-height:1.4}.gl-chat-msg--mine .gl-chat-msg__text{color:#f3f0e8}.gl-chat-error{font-size:.78rem;color:#c0392b;text-align:center;flex-shrink:0}.gl-chat-input-row{display:flex;gap:8px;flex-shrink:0;align-items:center}.gl-chat-input{flex:1;padding:9px 12px;font-size:.85rem;border-radius:20px;border:1px solid rgba(40,60,80,.16);background:#f4f6f8;color:#2a3744;outline:none;font-family:inherit}.gl-chat-input:focus{border-color:#4678b480;background:#fff}.gl-chat-send{flex-shrink:0;padding:9px 18px;border-radius:20px}.gl-nav{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-around;padding:8px 6px max(8px,env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#122637,#0c1a29);box-shadow:0 -4px 18px #00000038;margin-top:0}.gl-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;border:none;background:none;color:#c8d2dc8c;font-family:inherit;font-size:.7rem;cursor:pointer;transition:color .15s;-webkit-tap-highlight-color:transparent}.gl-nav__item:active{transform:scale(.94)}.gl-nav__item--active{color:#e8c25a}.gl-nav__icon{width:24px;height:24px}.gl-nav__label{font-weight:600;letter-spacing:.05em}.gl-nav__center{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;color:#f3ede0;font-family:inherit;font-size:.7rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.gl-nav__center:active{transform:scale(.95)}.gl-nav__center-ring{position:relative;z-index:4;width:52px;height:52px;margin-top:-22px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#2a3744;background:radial-gradient(circle at 50% 40%,#f4ead0,#d9b863 70%,#c19a3c);border:3px solid #0c1a29;box-shadow:0 4px 12px #b48c3266}.gl-nav__center-label{font-weight:700;letter-spacing:.05em;color:#e8c25a}.gl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200}.gl-modal-overlay .settings-panel{position:relative;bottom:auto;left:auto;transform:none;margin:0}.gl-modal{background:#fbf8f1;border:1px solid rgba(40,60,80,.12);border-radius:16px;padding:24px 28px;min-width:260px;max-width:320px;text-align:center;box-shadow:0 16px 48px #141e2d59}.gl-modal__title{font-size:1.1rem;font-weight:800;margin:0 0 12px;color:#22303f}.gl-modal__body{margin-bottom:16px;color:#44535f;font-size:.9rem}.gl-modal__body p{margin:6px 0 0;color:#465a6ed9}.gl-modal__challenger{color:#1f5f9e;font-weight:700;font-size:1rem}.gl-modal__level{margin-left:6px;font-size:.8rem;color:#465a6ea6}.gl-modal__actions{display:flex;gap:10px}.gl-modal__actions .gl-btn{flex:1;padding:8px 0;font-size:.9rem}.domestic-notice__url{margin-top:10px!important;font-size:1rem!important;font-weight:700;color:#7ec8ff!important;word-break:break-all}.gl-modal--wide{min-width:300px;max-width:380px;text-align:left}.gl-form-group{margin-bottom:14px}.gl-form-label{display:block;font-size:.8rem;font-weight:700;color:#324150d9;margin-bottom:6px;letter-spacing:.03em}.gl-form-options{display:flex;flex-wrap:wrap;gap:6px}.gl-form-opt{padding:6px 14px;font-size:.8rem;border-radius:8px;border:1px solid rgba(40,60,80,.16);background:#f0f2f4;color:#44535f;cursor:pointer;font-family:inherit;font-weight:600;transition:background .15s,border-color .15s,color .15s}.gl-form-opt:hover{background:#e6ebf0;border-color:#4678b466}.gl-form-opt--active{background:linear-gradient(135deg,#1f3a5c,#18406b);border-color:transparent;color:#f3ede0}.gl-form-opt--sm{padding:5px 10px;font-size:.75rem;min-width:40px;text-align:center}.gl-form-lock-row{display:flex;gap:6px;margin-bottom:8px}.gl-form-input{width:100%;padding:8px 12px;font-size:.85rem;border-radius:8px;border:1px solid rgba(40,60,80,.2);background:#f4f6f8;color:#2a3744;outline:none;font-family:inherit;box-sizing:border-box;margin-top:4px}.gl-form-input::placeholder{color:#505f6e80}.gl-form-input:focus{border-color:#4678b48c;background:#fff}.large-text .gl-logo-img{width:clamp(200px,52vw,280px)}.large-text .gl-header{min-height:calc(env(safe-area-inset-top,0px) + clamp(100px,26vw,141px))}.large-text .gl-user-pill__name{font-size:clamp(1rem,3.5vw,1.2rem)}.large-text .gl-user-pill__lv{font-size:clamp(.85rem,3vw,1rem)}.large-text .gl-currency__value{font-size:.92rem}.large-text .gl-title{font-size:clamp(1.3rem,5vw,1.6rem)}.large-text .gl-online-count{font-size:1rem}.large-text .gl-refresh{font-size:.95rem}.large-text .gl-select{font-size:1rem;padding:8px 12px;min-height:40px}.large-text .gl-search{min-height:40px}.large-text .gl-search__input{font-size:1rem;width:110px}.large-text .gl-room-card{padding:12px;gap:14px}.large-text .gl-room-card__thumb{width:88px;height:70px}.large-text .gl-room-card__name{font-size:1.12rem}.large-text .gl-room-card__meta{font-size:.86rem}.large-text .gl-room-card__count{font-size:.95rem}.large-text .gl-room-card__phase{font-size:.82rem}.large-text .gl-btn--create,.large-text .gl-btn--quick,.large-text .gl-btn--quick-join{padding:10px 28px;font-size:1.05rem;min-height:44px}.large-text .gl-btn--join,.large-text .gl-btn--spectate,.large-text .gl-btn--invite,.large-text .gl-btn--disabled{padding:9px 20px;font-size:1rem}.large-text .gl-btn--back{padding:12px 28px;font-size:1.1rem}.large-text .gl-user-card{padding:12px 14px;gap:12px}.large-text .gl-user-card__avatar{width:52px;height:52px}.large-text .gl-user-card__name{font-size:1.12rem}.large-text .gl-user-card__status{font-size:.9rem}.large-text .gl-user-card__score{font-size:.85rem}.large-text .gl-badge{font-size:.76rem;padding:4px 10px}.large-text .gl-icon-btn{width:44px;height:44px}.large-text .gl-nav__label,.large-text .gl-nav__center-label{font-size:.82rem}.large-text .gl-nav__icon{width:28px;height:28px}.large-text .gl-chat-msg__text{font-size:1rem}.large-text .gl-chat-input{font-size:1rem;padding:11px 16px}.large-text .gl-modal{padding:28px 24px}.large-text .gl-modal__title{font-size:1.4rem}.large-text .gl-modal__body{font-size:1.05rem}.large-text .gl-modal__actions .gl-btn{padding:12px 0;font-size:1.1rem;min-height:48px}.large-text .gl-form-label{font-size:1.05rem}.large-text .gl-form-input{font-size:1.1rem;padding:12px 14px;min-height:46px}.large-text .gl-form-opt{font-size:1rem;padding:8px 14px}.large-text .gl-password-error{font-size:1.05rem}.leaderboard-tabs{display:flex;gap:4px;margin-bottom:10px;border-radius:8px;background:#4ea8ff14;padding:3px}.leaderboard-tab{flex:1;padding:6px 0;border:none;background:transparent;color:#8a9ab5;font-size:13px;font-weight:600;cursor:pointer;border-radius:6px;transition:background .2s,color .2s}.leaderboard-tab--active{background:#4ea8ff38;color:#e0e8f0}.leaderboard-tab:hover:not(.leaderboard-tab--active){color:#c0d0e0}.endgame-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(135deg,#0a1628,#0f1e3a,#0a1628);display:flex;flex-direction:column;overflow-y:auto;color:#e0e8f0}.endgame-select--editor-tab{overflow:hidden}.endgame-select__header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#0f192dcc;border-bottom:1px solid rgba(78,168,255,.15);flex-shrink:0}.endgame-select__back{background:none;border:none;color:#9ecfff;font-size:15px;cursor:pointer;padding:4px 8px}.endgame-select__back:hover{color:#fff}.endgame-select__title{margin:0;font-size:20px;font-weight:700;color:#e0e8f0;flex:1}.endgame-select__progress{font-size:13px;color:#9ecfff;font-weight:600;background:#4ea8ff1f;padding:4px 10px;border-radius:999px}.endgame-select__tabs{display:flex;gap:8px;padding:12px 20px 0;flex-shrink:0}.endgame-select__tabs--four .endgame-select__tab{flex:1;padding:10px 8px;font-size:13px}.endgame-select__tab{flex:1;padding:10px 16px;border:1px solid rgba(78,168,255,.2);border-radius:10px 10px 0 0;background:#0f192d99;color:#8a9ab5;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.endgame-select__tab--active{background:#4ea8ff26;color:#e0e8f0;border-color:#4ea8ff73;border-bottom-color:transparent}.endgame-select__tab:hover:not(.endgame-select__tab--active){color:#c0d0e0;border-color:#4ea8ff4d}.endgame-select__mine-pane{flex:1;min-height:0;overflow-y:auto;padding-bottom:16px}.endgame-select__cloud-hint{margin:12px 20px 0;padding:10px 14px;border-radius:8px;background:#4ea8ff1a;border:1px solid rgba(78,168,255,.25);color:#9ecfff;font-size:13px;line-height:1.45}.endgame-select__sync-warn{margin:8px 20px 0;padding:8px 12px;border-radius:8px;background:#ff78641f;border:1px solid rgba(255,120,100,.35);color:#ffb8a8;font-size:13px}.endgame-select__grid--mine .endgame-level-card--custom{cursor:default;text-align:left}.endgame-level-card__mine-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(78,168,255,.15)}.endgame-select__action--danger{border-color:#ff645a66;background:#ff50461f;color:#ffb0a8}.endgame-select__action--danger:hover{background:#ff504638}.endgame-select__guest-hint{margin:12px 20px 0;padding:10px 14px;border-radius:8px;background:#ffd1661a;color:#ffd166;font-size:13px;text-align:center}.endgame-link-btn{background:none;border:none;color:#4ea8ff;cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.endgame-select__loading{flex:1;display:flex;align-items:center;justify-content:center;color:#8a9ab5;font-size:15px}.endgame-select__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:max-content;gap:14px;padding:20px;align-content:start;align-items:start}.endgame-level-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:12px;background:#142341e6;border:1px solid rgba(78,168,255,.18);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-align:left;color:inherit;font:inherit}.endgame-level-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4ea8ff26;border-color:#4ea8ff66}.endgame-level-card--locked{opacity:.45;cursor:not-allowed}.endgame-level-card--done{border-color:#64dc8c59}.endgame-level-card--done:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#64dc8c0a;pointer-events:none}.endgame-level-card__order{position:absolute;top:12px;left:14px;font-size:28px;font-weight:800;color:#4ea8ff26;line-height:1}.endgame-level-card__lock{position:absolute;top:12px;right:14px;font-size:18px}.endgame-level-card__check{position:absolute;top:12px;right:14px;font-size:18px;color:#64dc8c;font-weight:700}.endgame-level-card__name{font-size:16px;font-weight:700;color:#e0e8f0;margin-top:4px}.endgame-level-card__diff{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.endgame-level-card--easy .endgame-level-card__diff{color:#64dc8c}.endgame-level-card--medium .endgame-level-card__diff{color:#ffd166}.endgame-level-card--hard .endgame-level-card__diff{color:#ff8a8a}.endgame-level-card__desc{font-size:12px;color:#8a9ab5;line-height:1.4}.endgame-level-card__source{font-size:10px;color:#6b7a94;line-height:1.3}.endgame-level-card--submission .endgame-level-card__name{padding-right:8px}.endgame-level-card__author{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;margin-top:2px;padding:5px 12px 5px 10px;border-radius:8px;background:linear-gradient(90deg,#4ea8ff2e,#4ea8ff0f);border:1px solid rgba(120,190,255,.35);box-shadow:0 1px #ffffff0f inset}.endgame-level-card__author-label{flex-shrink:0;font-size:11px;font-weight:600;color:#9ecfff;letter-spacing:.04em}.endgame-level-card__author-label:after{content:"·";margin-left:8px;color:#9ecfff73;font-weight:400}.endgame-level-card__author-name{font-size:14px;font-weight:700;color:#f0f7ff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endgame-level-card--submission:hover .endgame-level-card__author{border-color:#8cc8ff8c;background:linear-gradient(90deg,#4ea8ff42,#4ea8ff1a)}.endgame-level-card__meta{font-size:11px;color:#6a7a95;margin-top:4px}.endgame-banner{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,auto) 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 10px;padding:5px 16px 6px;background:linear-gradient(#0c1e36,#0a1929);border-bottom:1px solid rgba(78,168,255,.12);color:#e0e8f0;-webkit-user-select:none;user-select:none}.endgame-banner__name{grid-column:1;grid-row:1;font-weight:700;font-size:13px;white-space:nowrap}.endgame-banner__source{grid-column:1 / -1;grid-row:2;margin:0;font-size:10px;color:#8a9ab5;line-height:1.35}.endgame-banner__target{grid-column:3;grid-row:1;padding:2px 8px;border-radius:999px;background:#ffd1661f;color:#ffd166;font-size:11px;font-weight:700;white-space:nowrap}.endgame-banner__desc{grid-column:1 / -1;grid-row:3;margin:0;font-size:11px;line-height:1.35;color:#8a9ab5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endgame-banner--large .endgame-banner__name{font-size:15px}.endgame-banner--large .endgame-banner__target,.endgame-banner--large .endgame-banner__desc{font-size:13px}@media (max-width: 480px){.endgame-banner{padding:4px 12px 5px;gap:2px 8px}.endgame-banner__name{font-size:12px}.endgame-banner__target{font-size:10px;padding:1px 6px}.endgame-banner__desc{font-size:10px}}.endgame-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:#050a19cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:endgame-fade-in .3s ease-out}@keyframes endgame-fade-in{0%{opacity:0}to{opacity:1}}.endgame-result-card{background:#0f1932f7;border:1px solid rgba(78,168,255,.3);border-radius:18px;padding:32px 36px;width:340px;max-width:90vw;text-align:center;display:flex;flex-direction:column;gap:10px;animation:endgame-card-up .35s ease-out;box-shadow:0 12px 40px #00000080}@keyframes endgame-card-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.endgame-result-icon{font-size:48px;line-height:1}.endgame-result-icon--pass{color:#ffd166}.endgame-result-icon--fail{color:#ff8a8a}.endgame-result-title{margin:0;font-size:22px;font-weight:700;color:#e0e8f0}.endgame-result-level{margin:0;font-size:14px;color:#8a9ab5}.endgame-result-score{margin:4px 0 8px;font-size:15px;color:#c0d0e0}.endgame-result-score strong{color:#ffd166}.endgame-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.endgame-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.endgame-btn:active{transform:scale(.96)}.endgame-btn--back{background:#4ea8ff1f;color:#9ecfff}.endgame-btn--back:hover{background:#4ea8ff38}.endgame-btn--retry{background:#ffd16626;color:#ffd166}.endgame-btn--retry:hover{background:#ffd16647}.endgame-btn--next{background:#64dc8c2e;color:#64dc8c}.endgame-btn--next:hover{background:#64dc8c52}.endgame-error{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a1628;color:#e0e8f0;font-size:16px}.endgame-error button{padding:8px 20px;border:1px solid rgba(78,168,255,.3);border-radius:8px;background:#4ea8ff1f;color:#9ecfff;cursor:pointer;font-size:14px}.endgame-select__custom-head{display:flex;align-items:center;gap:12px;padding:8px 20px 0}.endgame-select__subtitle{margin:0;font-size:16px;font-weight:700;color:#e0e8f0;flex:1}.endgame-select__custom-actions{display:flex;gap:8px}.endgame-select__action{padding:6px 14px;border-radius:8px;border:1px solid rgba(78,168,255,.3);background:#4ea8ff24;color:#9ecfff;font-size:13px;font-weight:600;cursor:pointer}.endgame-select__action:hover{background:#4ea8ff42}.endgame-select__editor-pane{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.endgame-select__editor-shelf{flex-shrink:0;padding:10px 16px 8px;border-bottom:1px solid rgba(78,168,255,.12);background:#0c1628a6;position:sticky;top:0;z-index:2}.endgame-select__editor-shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.endgame-select__editor-shelf-count{font-size:12px;color:#9ecfff;font-weight:600}.endgame-select__editor-shelf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.endgame-select__editor-shelf-empty{margin:0;font-size:12px;color:#8a9ab5}.endgame-select__editor-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-height:88px;overflow-y:auto}.endgame-select__editor-list li{display:flex;align-items:center;gap:2px}.endgame-select__editor-chip{max-width:140px;padding:6px 12px;border-radius:8px;border:1px solid rgba(78,168,255,.22);background:#142341e6;color:#cfe0f5;font-size:13px;font-weight:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endgame-select__editor-chip.is-active{border-color:#ffd166;background:#4ea8ff33;color:#fff}.endgame-select__editor-chip-play,.endgame-select__editor-chip-del{width:28px;height:28px;padding:0;border-radius:6px;border:1px solid rgba(78,168,255,.2);background:#142341d9;color:#9ecfff;font-size:14px;line-height:1;cursor:pointer}.endgame-select__editor-chip-del{color:#ff9a9a}.endgame-select__editor-chip-play:hover,.endgame-select__editor-chip-del:hover{background:#4ea8ff33}.endgame-editor--embedded{position:relative;inset:unset;z-index:auto;flex:1;min-height:0;overflow:hidden;background:transparent}.endgame-editor--embedded .endgame-editor__body{flex-direction:column;padding:10px 12px 12px;overflow-y:auto}.endgame-editor--embedded .endgame-editor__main{flex:0 0 auto;min-height:unset;width:100%;display:flex;flex-direction:column;align-items:center;overflow:visible}.endgame-editor--embedded .endgame-editor__panel{flex:0 0 320px;max-width:none;max-height:none;width:100%;overflow:visible}.endgame-editor__back{flex-shrink:0;padding:7px 12px;border-radius:8px;border:1px solid rgba(78,168,255,.35);background:#4ea8ff1f;color:#9ecfff;font-size:13px;font-weight:600;cursor:pointer}.endgame-editor__back:hover{background:#4ea8ff38;color:#fff}.endgame-editor__canvas-wrap--vertical{flex:0 0 auto;width:100%;max-width:100%;height:min(80vh,calc((100vw - 28px) / .547));min-height:240px;align-self:stretch}.endgame-editor__toolbar{flex-wrap:wrap}@media (min-width: 900px) and (min-height: 680px){.endgame-editor--embedded .endgame-editor__body{flex-direction:row;overflow:hidden}.endgame-editor--embedded .endgame-editor__main{flex:1 1 min(68vw,760px);min-height:0;overflow:hidden}.endgame-editor--embedded .endgame-editor__panel{flex:0 0 320px;max-width:340px;width:auto;overflow-y:auto}.endgame-editor__canvas-wrap--vertical{flex:1 1 0;height:100%;width:auto}}.endgame-select__empty{margin:0;padding:14px 20px 24px;color:#8a9ab5;font-size:13px}.endgame-card__btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.endgame-card__btns button{flex:1 1 auto;padding:6px 8px;border-radius:7px;border:1px solid rgba(78,168,255,.22);background:#142341e6;color:#cfe0f5;font-size:12px;cursor:pointer;white-space:nowrap}.endgame-card__btns button:hover{background:#4ea8ff2e}.endgame-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(135deg,#0a1628,#0f1e3a,#0a1628);display:flex;flex-direction:column;color:#e0e8f0;overflow:hidden}.endgame-editor__body{flex:1;display:flex;gap:16px;padding:16px;min-height:0;overflow:hidden}.endgame-editor__main{flex:1 1 60%;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;overflow:hidden}.endgame-editor__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.endgame-editor__pens,.endgame-editor__tool-actions{display:flex;gap:8px}.endgame-editor__pen{padding:7px 14px;border-radius:8px;border:1px solid rgba(78,168,255,.22);background:#142341e6;color:var(--pen, #cfe0f5);font-size:13px;font-weight:600;cursor:pointer}.endgame-editor__pen.is-active{border-color:#ffd166;box-shadow:0 0 0 1px #ffd166 inset}.endgame-editor__tool-actions button{padding:7px 12px;border-radius:8px;border:1px solid rgba(78,168,255,.22);background:#142341e6;color:#cfe0f5;font-size:13px;cursor:pointer}.endgame-editor__tool-actions button:hover{background:#4ea8ff2e}.endgame-editor__canvas-wrap{flex:1;min-height:0;border-radius:12px;overflow:hidden;border:1px solid rgba(78,168,255,.18);background:#0a1628}.endgame-editor__canvas{display:block;width:100%;height:100%}.endgame-editor__hint{margin:0;font-size:12px;color:#8a9ab5}.endgame-editor__panel{flex:0 0 320px;max-width:360px;display:flex;flex-direction:column;gap:10px;background:#0f192db3;border:1px solid rgba(78,168,255,.15);border-radius:12px;padding:16px;overflow-y:auto}.endgame-editor__field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#b8c6dc}.endgame-editor__field--row{flex-direction:row;align-items:center;justify-content:space-between}.endgame-editor__field input[type=text],.endgame-editor__field input[type=number],.endgame-editor__field select{padding:8px 10px;border-radius:8px;border:1px solid rgba(78,168,255,.22);background:#0a1628e6;color:#e0e8f0;font-size:14px}.endgame-editor__stats{font-size:13px;color:#b8c6dc;padding:6px 0;border-top:1px solid rgba(78,168,255,.12)}.endgame-editor__stats-ai{color:#8a9ab5}.endgame-editor__issues{display:flex;flex-direction:column;gap:3px}.endgame-editor__issue{margin:0;font-size:12px;line-height:1.4}.endgame-editor__issue--err{color:#ff8a8a}.endgame-editor__issue--warn{color:#ffd166}.endgame-editor__panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.endgame-editor__panel-actions button{flex:1 1 calc(50% - 4px);padding:9px 10px;border-radius:8px;border:1px solid rgba(78,168,255,.22);background:#142341e6;color:#cfe0f5;font-size:13px;font-weight:600;cursor:pointer}.endgame-editor__panel-actions button:hover{background:#4ea8ff2e}.endgame-btn--primary{background:#64dc8c2e!important;color:#8af0ad!important;border-color:#64dc8c59!important}.endgame-btn--primary:hover:not(:disabled){background:#64dc8c4d!important}.endgame-btn--primary:disabled{opacity:.45;cursor:not-allowed}.endgame-editor__toast{position:fixed;left:50%;bottom:36px;transform:translate(-50%);z-index:200;padding:10px 18px;border-radius:10px;background:#0f1932f5;border:1px solid rgba(78,168,255,.3);color:#e0e8f0;font-size:13px;box-shadow:0 8px 24px #0006}.endgame-editor__file-btn{display:inline-block;padding:8px 16px;border-radius:8px;border:1px solid rgba(78,168,255,.3);background:#4ea8ff24;color:#9ecfff;font-size:13px;font-weight:600;cursor:pointer}.endgame-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9600;display:flex;align-items:center;justify-content:center;background:#050a19cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.endgame-modal{width:580px;max-width:94vw;max-height:90vh;display:flex;flex-direction:column;background:#0f1932fa;border:1px solid rgba(78,168,255,.3);border-radius:14px;overflow:hidden}.endgame-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(78,168,255,.15)}.endgame-modal__header h3{margin:0;font-size:16px;color:#e0e8f0}.endgame-modal__close{background:none;border:none;color:#9ecfff;font-size:22px;line-height:1;cursor:pointer}.endgame-modal__body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.endgame-modal__canvas{max-width:100%;border-radius:8px;border:1px solid rgba(78,168,255,.2);cursor:crosshair;align-self:center}.endgame-modal__step{margin:0;font-size:13px;color:#ffd166}.endgame-modal__hint{margin:0;font-size:13px;line-height:1.5;color:#8a9ab5}.endgame-modal__error{margin:0;font-size:13px;color:#ff8a8a}.endgame-modal__result{margin:0;font-size:13px;color:#8af0ad}.endgame-modal__actions{display:flex;gap:8px;align-self:stretch}.endgame-modal__actions button,.endgame-modal__footer button{padding:8px 16px;border-radius:8px;border:1px solid rgba(78,168,255,.22);background:#142341e6;color:#cfe0f5;font-size:13px;cursor:pointer}.endgame-modal__actions button:disabled,.endgame-modal__footer button:disabled{opacity:.45;cursor:not-allowed}.endgame-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid rgba(78,168,255,.15)}@media (max-width: 760px){.endgame-editor__body{flex-direction:column;overflow-y:auto}.endgame-editor__main{flex:0 0 auto;overflow:visible}.endgame-editor__canvas-wrap{flex:0 0 auto;min-height:260px}.endgame-editor__canvas-wrap--vertical{width:100%;height:min(80vh,calc((100vw - 28px) / .547));max-height:none;min-height:240px}.endgame-editor__panel{flex:0 0 auto;max-width:none;overflow:visible}}