*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f3;--surface:#fff;--border:#ccc;--border-strong:#bbb;--text:#111;--text-muted:#888;--ref-cell-bg:#f5f5f3;--ref-border:#ddd;--hover-bg:#f5f5f3;--match-bg:#eaf3de;--match-border:#639922;--match-text:#3b6d11;--wrong-bg:#fcebeb;--wrong-border:#e24b4a;--wrong-text:#a32d2d;--overlay-bg:#ffffffed;--n1-bg:#56ab2f;--n1-fg:#fff;--n2-bg:#f4c430;--n2-fg:#3c2f00;--n3-bg:#2274a5;--n3-fg:#fff;--n4-bg:#ec6f66;--n4-fg:#fff;--n5-bg:#8e5ea2;--n5-fg:#fff;--n6-bg:#2a9d8f;--n6-fg:#fff;--n7-bg:#f48c06;--n7-fg:#fff;--n8-bg:#577590;--n8-fg:#fff;--n9-bg:#a44a3f;--n9-fg:#fff}body[data-palette=tramonto]{--n1-bg:#f94144;--n1-fg:#fff;--n2-bg:#f3722c;--n2-fg:#fff;--n3-bg:#f8961e;--n3-fg:#3b2a00;--n4-bg:#f9c74f;--n4-fg:#3b2a00;--n5-bg:#90be6d;--n5-fg:#16310f;--n6-bg:#43aa8b;--n6-fg:#fff;--n7-bg:#4d908e;--n7-fg:#fff;--n8-bg:#577590;--n8-fg:#fff;--n9-bg:#277da1;--n9-fg:#fff}body[data-palette=oceano]{--n1-bg:#006d77;--n1-fg:#fff;--n2-bg:#118ab2;--n2-fg:#fff;--n3-bg:#1d3557;--n3-fg:#fff;--n4-bg:#2a9d8f;--n4-fg:#fff;--n5-bg:#457b9d;--n5-fg:#fff;--n6-bg:#4895ef;--n6-fg:#fff;--n7-bg:#00b4d8;--n7-fg:#0a2230;--n8-bg:#90e0ef;--n8-fg:#0a2230;--n9-bg:#48cae4;--n9-fg:#0a2230}@media (prefers-color-scheme:dark){:root{--bg:#1e1e1c;--surface:#2a2a28;--border:#444;--border-strong:#555;--text:#eee;--text-muted:#aaa;--ref-cell-bg:#333;--ref-border:#444;--hover-bg:#333;--match-bg:#173404;--match-border:#639922;--match-text:#c0dd97;--wrong-bg:#501313;--wrong-border:#e24b4a;--wrong-text:#f7c1c1;--overlay-bg:#1e1e1ced}}body.dark{--bg:#1e1e1c;--surface:#2a2a28;--border:#444;--border-strong:#555;--text:#eee;--text-muted:#aaa;--ref-cell-bg:#333;--ref-border:#444;--hover-bg:#333;--match-bg:#173404;--match-border:#639922;--match-text:#c0dd97;--wrong-bg:#501313;--wrong-border:#e24b4a;--wrong-text:#f7c1c1;--overlay-bg:#1e1e1ced}body.light{--bg:#f5f5f3;--surface:#fff;--border:#ccc;--border-strong:#bbb;--text:#111;--text-muted:#888;--ref-cell-bg:#f5f5f3;--ref-border:#ddd;--hover-bg:#f5f5f3;--match-bg:#eaf3de;--match-border:#639922;--match-text:#3b6d11;--wrong-bg:#fcebeb;--wrong-border:#e24b4a;--wrong-text:#a32d2d;--overlay-bg:#ffffffed}body{background:var(--bg);justify-content:center;min-height:100vh;padding:2rem 1rem;font-family:system-ui,sans-serif;display:flex;overflow-x:hidden}body.has-env-banner{padding-top:calc(2rem + 34px)}#app{width:100%;max-width:520px}#env-banner{z-index:9999;color:#1a1a1a;text-align:center;letter-spacing:.4px;background:#f59e0b;padding:7px 12px;font-size:13px;font-weight:700;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 6px #0000002e}#env-banner:not([hidden]){display:block}#in-game-undo-btn,#in-game-help-btn,#in-game-retry-btn,#in-game-home-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}#in-game-undo-btn:hover,#in-game-help-btn:hover,#in-game-retry-btn:hover,#in-game-home-btn:hover{background:var(--hover-bg);border-color:var(--border-strong);transform:translateY(-1px)}#in-game-undo-btn:disabled,#in-game-help-btn:disabled,#in-game-retry-btn:disabled,#in-game-home-btn:disabled{opacity:.45;cursor:not-allowed}#in-game-undo-btn:disabled:hover,#in-game-help-btn:disabled:hover,#in-game-retry-btn:disabled:hover,#in-game-home-btn:disabled:hover{background:var(--surface);border-color:var(--border);transform:none}.in-game-action-icon{width:26px;height:26px;color:var(--text);justify-content:center;align-items:center;font-size:22px;font-weight:700;line-height:1;display:inline-flex}.start-control-icon .fi{border-radius:2px;width:22px;height:22px}#header{align-items:stretch;gap:12px;margin-bottom:16px;display:flex}#info-box{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1;grid-template-columns:minmax(0,1fr) auto;align-content:center;min-width:0;padding:12px 16px;display:grid}#level-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;grid-area:1/1;margin-bottom:4px;font-size:12px;font-weight:700}#timer{color:var(--text);grid-area:2/1;font-size:40px;font-weight:500;line-height:1}#header-actions{flex-direction:row;grid-area:3/1/auto/-1;justify-content:flex-start;align-items:flex-start;gap:6px;padding-top:8px;padding-left:0;display:none}body:not(.prestart) #header-actions{display:flex}#lives-display{color:var(--text-muted);letter-spacing:2px;text-align:right;grid-area:1/2;place-self:start end;margin-top:0;font-size:16px;line-height:1}#lives-display[hidden]{display:none}.life-heart{letter-spacing:0;vertical-align:-1px;width:18px;height:16px;margin-right:2px;display:inline-block;position:relative}.life-heart:before,.life-heart:after{content:"♥";font-size:18px;line-height:16px;position:absolute;inset:0}.life-heart-full:before{color:#e11d48;text-shadow:0 1px 1px #0000002e}.life-heart-full:after{display:none}.life-heart-half:after{color:color-mix(in srgb, var(--text-muted), transparent 55%)}.life-heart-half:before{color:#e11d48;text-shadow:0 1px 1px #0000002e;z-index:1;width:50%;overflow:hidden}#score-display{color:var(--text-muted);text-align:right;grid-area:2/2;place-self:start end;margin-top:4px;font-size:16px;line-height:1}#score-display[hidden]{display:none}#ref-box{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:8px}#ref-grid{grid-template-columns:repeat(var(--grid-size,3), 36px);grid-template-rows:repeat(var(--grid-size,3), 36px);gap:2px;display:grid}.ref-cell{border:.5px solid var(--ref-border);width:36px;height:36px;color:var(--text);background:var(--ref-cell-bg);border-radius:4px;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:flex}#play-area{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px}#play-grid{grid-template-columns:repeat(var(--grid-size,3), 1fr);grid-template-rows:repeat(var(--grid-size,3), 1fr);aspect-ratio:1;gap:6px;display:grid}.play-cell{border:1px solid var(--border-strong);cursor:pointer;background:var(--surface);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;font-size:28px;font-weight:500;transition:background .12s;display:flex}.play-cell:hover{background:var(--hover-bg)}.play-cell.empty{color:#0000}.play-cell.disabled{cursor:not-allowed;opacity:.45}.play-cell.disabled:hover{background:var(--surface)}.play-cell.match{box-shadow:inset 0 0 0 2px var(--match-border)}.play-cell.wrong{box-shadow:inset 0 0 0 2px var(--wrong-border)}.ref-cell.val-1,.play-cell.val-1{background:var(--n1-bg);color:var(--n1-fg);border-color:color-mix(in srgb, var(--n1-bg), #000 18%)}.ref-cell.val-2,.play-cell.val-2{background:var(--n2-bg);color:var(--n2-fg);border-color:color-mix(in srgb, var(--n2-bg), #000 18%)}.ref-cell.val-3,.play-cell.val-3{background:var(--n3-bg);color:var(--n3-fg);border-color:color-mix(in srgb, var(--n3-bg), #000 18%)}.ref-cell.val-4,.play-cell.val-4{background:var(--n4-bg);color:var(--n4-fg);border-color:color-mix(in srgb, var(--n4-bg), #000 18%)}.ref-cell.val-5,.play-cell.val-5{background:var(--n5-bg);color:var(--n5-fg);border-color:color-mix(in srgb, var(--n5-bg), #000 18%)}.ref-cell.val-6,.play-cell.val-6{background:var(--n6-bg);color:var(--n6-fg);border-color:color-mix(in srgb, var(--n6-bg), #000 18%)}.ref-cell.val-7,.play-cell.val-7{background:var(--n7-bg);color:var(--n7-fg);border-color:color-mix(in srgb, var(--n7-bg), #000 18%)}.ref-cell.val-8,.play-cell.val-8{background:var(--n8-bg);color:var(--n8-fg);border-color:color-mix(in srgb, var(--n8-bg), #000 18%)}.ref-cell.val-9,.play-cell.val-9{background:var(--n9-bg);color:var(--n9-fg);border-color:color-mix(in srgb, var(--n9-bg), #000 18%)}body.prestart #ref-box{visibility:hidden}body.prestart #play-grid{pointer-events:none}@media (width<=420px){body{padding:1rem .75rem}#header{gap:8px}#info-box{padding:10px 12px}#timer{font-size:32px}#header-actions{gap:5px}#in-game-undo-btn,#in-game-help-btn,#in-game-retry-btn,#in-game-home-btn{width:34px;height:34px;font-size:16px}.in-game-action-icon{width:24px;height:24px;font-size:20px}#ref-grid{grid-template-columns:repeat(var(--grid-size,3), 30px);grid-template-rows:repeat(var(--grid-size,3), 30px)}.ref-cell{width:30px;height:30px;font-size:13px}}@media (width<=360px){body{padding-inline:.625rem}#header{flex-direction:column}#info-box,#ref-box{box-sizing:border-box;width:100%}#ref-grid{grid-template-columns:repeat(var(--grid-size,3), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-size,3), 1fr);aspect-ratio:1;max-width:132px;margin:0 auto}.ref-cell{width:auto;height:auto;min-height:0}}#play-wrap{position:relative}#overlay{box-sizing:border-box;background:var(--overlay-bg);z-index:10;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px 12px;display:none;position:absolute;inset:0;overflow:hidden}#overlay.show{display:flex}#overlay[data-mode=auth].show{justify-content:flex-start;gap:8px;overflow-y:auto}#overlay[data-mode=rules].show{border-radius:0;justify-content:flex-start;padding:24px 16px;position:fixed;overflow-y:auto}#overlay-title{color:var(--text);font-size:36px;font-weight:500}#overlay[data-mode=auth] #overlay-title{font-size:30px;line-height:1.1}#overlay[data-mode=rules] #overlay-title{font-size:32px;line-height:1.1}#overlay-sub{color:var(--text-muted);text-align:center;max-width:92%;font-size:15px;line-height:1.45}#overlay[data-mode=auth] #overlay-sub{font-size:14px;line-height:1.3}#overlay[data-mode=rules] #overlay-sub{max-width:620px}#score-result{color:var(--text);text-align:center;margin-top:4px;font-size:22px;font-weight:600}#score-result[hidden]{display:none}#overlay-extra{width:100%;max-width:420px}#overlay[data-mode=auth] #overlay-extra{min-height:0}#overlay-extra[hidden],#overlay-dynamic:empty,#start-controls[hidden]{display:none}#start-controls{flex-direction:column;gap:10px;margin-top:2px;display:flex}.start-control-row{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px;transition:background .12s,border-color .12s;display:flex}.start-control-row:hover{background:var(--hover-bg)}.start-control-row:focus-visible{outline:2px solid var(--match-border);outline-offset:2px}.start-control-icon{border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;line-height:1;display:inline-flex}.start-control-text{flex-direction:column;gap:2px;display:flex}.start-control-title{color:var(--text);font-size:14px;font-weight:600}.start-control-sub{color:var(--text-muted);font-size:12px;line-height:1.35}.mode-list{flex-direction:column;gap:10px;margin-top:2px;display:flex}.mode-option{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);cursor:pointer;text-align:left;font:inherit;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.mode-option:hover{background:var(--hover-bg)}.mode-option.active{box-shadow:inset 0 0 0 2px var(--match-border)}.mode-option.locked{cursor:not-allowed;opacity:.62}.mode-option.locked:hover{background:var(--surface)}.mode-option.locked .mode-option-grid span{background:var(--ref-cell-bg)}.mode-option-grid{grid-template-columns:repeat(var(--mode-size), 1fr);grid-template-rows:repeat(var(--mode-size), 1fr);flex-shrink:0;gap:2px;width:42px;height:42px;display:grid}.mode-option-grid span{border:1px solid var(--border);background:color-mix(in srgb, var(--n1-bg), transparent 35%);border-radius:2px}.mode-option-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.mode-option-copy strong{color:var(--text);font-size:14px}.mode-option-copy span{color:var(--text-muted);font-size:12px;line-height:1.35}.rules-open-btn{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);cursor:pointer;border-radius:8px;margin-top:12px;padding:10px 18px;font-size:15px;font-weight:600}.rules-open-btn:hover{background:var(--hover-bg)}.rules-panel{flex-direction:column;gap:14px;width:min(680px,100%);margin:4px auto 0;display:flex}.rules-section{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:14px}.rules-section h3{color:var(--text);margin:0 0 6px;font-size:16px}.rules-section p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.rules-section strong{color:var(--text)}.rules-example{grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-top:10px;display:grid}.rules-mini-grid{grid-template-columns:repeat(var(--mode-size), 1fr);grid-template-rows:repeat(var(--mode-size), 1fr);flex-shrink:0;gap:3px;width:86px;height:86px;display:grid}.rules-mini-grid span{border:1px solid var(--border-strong);background:var(--ref-cell-bg);color:var(--text);border-radius:4px;justify-content:center;align-items:center;font-weight:700;display:flex}.rules-mini-grid .focus{background:var(--n1-bg);color:var(--n1-fg)}.palette-list{flex-direction:column;gap:10px;margin-top:2px;display:flex}.palette-option{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.palette-option.active{box-shadow:inset 0 0 0 2px var(--match-border)}.palette-name{text-align:left;min-width:88px;font-size:14px;font-weight:600}.palette-preview{grid-template-rows:repeat(3,14px);grid-template-columns:repeat(3,14px);gap:3px;display:grid}.preview-cell{border:1px solid #0003;border-radius:3px;width:14px;height:14px}#solution-btn,#retry-btn,#restart-btn,#home-btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;color:var(--text);border-radius:8px;flex-shrink:0;margin-top:8px;padding:10px 24px;font-size:15px}#solution-btn{margin-top:0}#solution-btn:hover,#restart-btn:hover,#home-btn:hover{background:var(--hover-bg)}#restart-btn.primary{background:var(--n1-bg);color:#fff;border-color:color-mix(in srgb, var(--n1-bg), #000 15%);letter-spacing:.01em;box-shadow:0 2px 8px color-mix(in srgb, var(--n1-bg), transparent 55%);padding:14px 36px;font-size:17px;font-weight:600}#restart-btn.primary:hover{filter:brightness(1.08);background:var(--n1-bg)}#made-with-love{color:color-mix(in srgb, var(--text-muted), var(--overlay-bg) 45%);text-align:center;opacity:.72;pointer-events:none;font-size:10px;font-weight:500;display:none;position:absolute;bottom:10px;left:12px;right:12px}#overlay[data-mode=start].show{overflow:visible}#overlay[data-mode=start] #made-with-love{opacity:.8;font-size:12px;font-weight:600;display:block;top:calc(100% + 8px);bottom:auto}@media (width>=421px){#overlay[data-mode=auth].show{min-height:760px}#play-wrap:has(#overlay[data-mode=auth].show){min-height:760px}}@media (width<=420px){#overlay.show{justify-content:flex-start;position:static}#play-wrap:has(#overlay.show) #play-area{display:none}#overlay-extra{max-width:100%}#overlay-title{font-size:28px}.rules-example{grid-template-columns:1fr}.rules-mini-grid{margin:0 auto}}.auth-input{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;outline:none;margin-bottom:8px;padding:9px 12px;font-size:16px}.auth-input:focus{border-color:var(--n1-bg);box-shadow:0 0 0 2px color-mix(in srgb, var(--n1-bg), transparent 70%)}.auth-input-otp{letter-spacing:10px;text-align:center;font-size:28px;font-weight:600}.auth-btn{border:1px solid var(--border-strong);background:var(--n1-bg);color:#fff;cursor:pointer;border-radius:8px;width:100%;margin-top:6px;padding:9px 20px;font-size:15px;font-weight:600;transition:filter .12s;display:block}.auth-btn:hover{filter:brightness(1.1)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;filter:none}.auth-btn-secondary{background:var(--surface);color:var(--text);margin-top:12px}.auth-btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000;margin-top:4px;font-size:13px}.auth-btn-ghost:hover{color:var(--text);filter:none;background:0 0}.auth-error{color:var(--wrong-text);background:var(--wrong-bg);border:1px solid var(--wrong-border);border-radius:6px;margin-bottom:6px;padding:7px 10px;font-size:13px}.auth-error[hidden]{display:none}.auth-hint{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:14px;line-height:1.5}.auth-hint strong{color:var(--text)}.auth-email-display{color:var(--text);text-align:center;border:1px solid var(--border);background:var(--surface);word-break:break-all;border-radius:8px;margin-bottom:4px;padding:8px 10px;font-size:16px;font-weight:600}.auth-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.auth-stat{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:8px;min-width:0;padding:7px 8px}.auth-stat-label{color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:600;display:block}.auth-stat strong{color:var(--text);overflow-wrap:anywhere;font-size:15px;line-height:1.2;display:block}.auth-leaderboard-open{margin-top:8px}.auth-profile-fields{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;display:flex}.auth-field-group{flex-direction:column;margin-bottom:4px;display:flex}.auth-label{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:600}.auth-optional{color:var(--text-muted);opacity:.7;font-size:12px;font-weight:400}.auth-btn-save{background:var(--n1-bg);color:#fff;margin-top:8px}.auth-danger-zone{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.auth-danger-zone p{color:var(--text-muted);text-align:center;margin:0 0 8px;font-size:12px;line-height:1.35}.auth-btn-danger{color:#fff;background:#b42318;border-color:#b42318}.auth-share-panel{flex-direction:column;gap:10px;display:flex}.auth-share-qr{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;padding:12px;display:flex}.auth-share-qr img{width:220px;height:220px;display:block}.auth-share-link{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center;overflow-wrap:anywhere;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.35}.auth-share-text{color:var(--text-muted);text-align:center;margin:0;font-size:13px;line-height:1.45}.auth-share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.auth-share-actions .auth-btn{text-align:center;margin-top:0;text-decoration:none}.auth-profile-fields .ts-wrapper{margin-bottom:8px;font-size:14px}.auth-profile-fields .ts-control{cursor:pointer;gap:6px;border:1px solid var(--border-strong)!important;background:var(--surface)!important;box-shadow:none!important;border-radius:8px!important;min-height:38px!important;padding:7px 40px 7px 12px!important}.auth-profile-fields .ts-wrapper.focus .ts-control{border-color:var(--n1-bg)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--n1-bg), transparent 70%)!important}.auth-profile-fields .ts-control input{font-size:14px;color:var(--text)!important;background:0 0!important}.auth-profile-fields .ts-control input::placeholder{color:var(--text-muted)}.auth-profile-fields .ts-control .item{color:var(--text);font-size:14px}.auth-profile-fields .ts-dropdown{margin-top:2px;background:var(--surface)!important;border:1px solid var(--border-strong)!important;border-radius:8px!important;box-shadow:0 4px 16px #00000024!important}.auth-profile-fields .ts-dropdown-content{max-height:200px}.auth-profile-fields .ts-dropdown .option{color:var(--text);padding:8px 12px;font-size:14px}.auth-profile-fields .ts-dropdown .option:hover,.auth-profile-fields .ts-dropdown .option.active{background:var(--hover-bg)!important;color:var(--text)!important}.auth-profile-fields .ts-dropdown .option.selected{background:color-mix(in srgb, var(--n1-bg), transparent 85%)!important;color:var(--text)!important}.auth-profile-fields .ts-no-results{color:var(--text-muted);padding:10px 12px;font-size:14px}.ts-flag-opt{align-items:center;gap:8px;display:flex}.ts-flag-opt .fi{border-radius:2px;flex-shrink:0;width:20px;height:14px}.auth-profile-fields .clear-button{color:var(--text-muted)!important}.auth-profile-fields .clear-button:hover{color:var(--text)!important}@media (width<=420px){.auth-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-share-actions{grid-template-columns:1fr}}.auth-leaderboard-status,.auth-leaderboard-empty{color:var(--text-muted);text-align:center;padding:12px 8px;font-size:14px}.auth-leaderboard-current{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;font-size:13px;display:flex}.auth-leaderboard-current strong{color:var(--text);font-size:16px}.auth-leaderboard-current.muted{text-align:center;display:block}.auth-leaderboard-list{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-height:min(44vh,330px);margin:0;padding:0;list-style:none;overflow-y:auto}.auth-leaderboard-row{border-bottom:1px solid var(--border);min-height:42px;color:var(--text);grid-template-columns:42px 28px minmax(0,1fr) minmax(64px,auto) 54px;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:grid}.auth-leaderboard-row:last-child{border-bottom:0}.auth-leaderboard-row.current{background:color-mix(in srgb, var(--n1-bg), transparent 88%)}.auth-leaderboard-rank,.auth-leaderboard-level{color:var(--text-muted);font-weight:600}.auth-leaderboard-icon{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.auth-leaderboard-icon .fi{border-radius:2px;width:22px;height:16px}.auth-leaderboard-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.auth-leaderboard-score{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}@media (width<=420px){.auth-leaderboard-row{grid-template-columns:36px 24px minmax(0,1fr) 58px}.auth-leaderboard-level{grid-column:3/5;margin-left:0;font-size:12px}}#update-banner{background:var(--n1-bg);color:#fff;z-index:9999;white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}#update-reload-btn{color:#fff;cursor:pointer;background:#ffffff40;border:1px solid #ffffff80;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600;transition:background .12s}#update-reload-btn:hover{background:#fff6}