:root[data-theme=mocha]{--md-sys-color-primary:#cba6f7;--md-sys-color-primary-rgb:203,166,247;--md-sys-color-on-primary:#11111b;--md-sys-color-primary-container:#45475a;--md-sys-color-on-primary-container:#cdd6f4;--md-sys-color-secondary:#89b4fa;--md-sys-color-secondary-rgb:137,180,250;--md-sys-color-on-secondary:#11111b;--md-sys-color-secondary-container:#45475a;--md-sys-color-on-secondary-container:#cdd6f4;--md-sys-color-tertiary:#94e2d5;--md-sys-color-tertiary-rgb:148,226,213;--md-sys-color-on-tertiary:#11111b;--md-sys-color-tertiary-container:#45475a;--md-sys-color-on-tertiary-container:#cdd6f4;--md-sys-color-error:#f38ba8;--md-sys-color-error-rgb:243,139,168;--md-sys-color-on-error:#11111b;--md-sys-color-error-container:#45475a;--md-sys-color-on-error-container:#f38ba8;--md-sys-color-success:#a6e3a1;--md-sys-color-success-rgb:166,227,161;--md-sys-color-warning:#f9e2af;--md-sys-color-warning-rgb:249,226,175;--md-sys-color-background:#1e1e2e;--md-sys-color-background-rgb:30,30,46;--md-sys-color-on-background:#cdd6f4;--md-sys-color-surface:#1e1e2e;--md-sys-color-surface-rgb:30,30,46;--md-sys-color-on-surface:#cdd6f4;--md-sys-color-on-surface-rgb:205,214,244;--md-sys-color-surface-variant:#45475a;--md-sys-color-on-surface-variant:#bac2de;--md-sys-color-surface-container:#1e1e2e;--md-sys-color-surface-container-low:#181825;--md-sys-color-surface-container-high:#313244;--md-sys-color-surface-container-highest:#45475a;--md-sys-color-outline:#585b70;--md-sys-color-outline-variant:#45475a;--gradient-color-1:#252540;--gradient-color-2:#d4a0ff;--gradient-color-3:#74b3ff;--gradient-color-4:#ff8ec4}:root{--md-sys-elevation-1:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);--md-sys-elevation-2:0 1px 2px rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15);--md-sys-elevation-3:0 1px 3px rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15);--md-sys-typescale-display-large:57px;--md-sys-typescale-headline-large:32px;--md-sys-typescale-headline-medium:28px;--md-sys-typescale-headline-small:24px;--md-sys-typescale-title-large:22px;--md-sys-typescale-title-medium:16px;--md-sys-typescale-body-large:16px;--md-sys-typescale-body-medium:14px;--md-sys-typescale-body-small:12px;--md-sys-typescale-label-large:14px;--md-sys-typescale-label-small:11px}:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary);outline-offset:2px}button:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2}h2{font-size:var(--md-sys-typescale-headline-medium);margin-bottom:8px}h3{font-size:var(--md-sys-typescale-title-large);margin-bottom:16px}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(ellipse at 20% 20%,var(--gradient-color-2) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,var(--gradient-color-3) 0,transparent 50%),radial-gradient(ellipse at 60% 10%,var(--gradient-color-4) 0,transparent 40%);content:"";height:100%;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.u-hidden{display:none!important}button,input[type=button],input[type=submit],select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover:none) and (pointer:coarse){button:active:not(:disabled){opacity:.7;transform:scale(.98)}}.view{min-height:100vh;position:relative;z-index:1}.landing-container{margin:0 auto;max-width:520px;padding:60px 20px 40px}.landing-header{margin-bottom:40px;text-align:center}.landing-title{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-headline-large);margin-bottom:8px}.landing-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large)}.landing-section{margin-bottom:24px}.landing-actions{display:flex;gap:12px}.landing-actions .primary-btn{flex:1}.landing-user{align-items:center;background:var(--md-sys-color-surface-container-high);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.landing-user-name{color:var(--md-sys-color-on-surface);font-weight:600}.landing-user-edit{background:transparent;border:none;border-radius:6px;color:var(--md-sys-color-primary);cursor:pointer;font-size:var(--md-sys-typescale-body-medium);padding:6px 12px;transition:background .15s}.landing-user-edit:hover{background:rgba(var(--md-sys-color-primary-rgb),.12)}.group-list{display:flex;flex-direction:column;gap:12px}.group-card{background:var(--md-sys-color-surface-container-high);border-radius:16px;box-shadow:var(--md-sys-elevation-1);cursor:pointer;padding:16px 20px;transition:box-shadow .2s,transform .15s}.group-card:hover{box-shadow:var(--md-sys-elevation-2);transform:translateY(-1px)}.group-card-name{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-medium);font-weight:600;margin-bottom:4px}.group-card-meta{font-size:var(--md-sys-typescale-body-small)}.group-card-meta,.groups-empty{color:var(--md-sys-color-on-surface-variant)}.groups-empty{padding:40px 20px;text-align:center}.groups-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.groups-empty-title{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-medium);font-weight:600;margin-bottom:8px}.group-top-bar{align-items:center;background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;gap:12px;height:48px;padding:0 16px;position:sticky;top:0;z-index:100}.group-top-bar-left{align-items:center;display:flex;gap:8px}.group-top-bar-title{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-top-bar-right{align-items:center;display:flex;gap:4px;margin-left:auto}.top-bar-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .15s;width:36px}.top-bar-btn:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.date-selector{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant);gap:12px;padding:12px 16px}.date-nav-btn,.date-selector{align-items:center;display:flex;justify-content:center}.date-nav-btn{background:transparent;border:none;border-radius:8px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;height:32px;transition:all .15s;width:32px}.date-nav-btn:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.date-nav-btn:disabled{cursor:not-allowed;opacity:.3}.date-display{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-medium);font-weight:600;min-width:140px;text-align:center}.date-today-btn{background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:6px;color:var(--md-sys-color-primary);cursor:pointer;font-size:var(--md-sys-typescale-body-small);font-weight:500;padding:4px 12px;transition:all .15s}.date-today-btn:hover{background:rgba(var(--md-sys-color-primary-rgb),.12)}.date-today-btn.u-hidden{display:none!important}.game-tabs{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;gap:0;overflow-x:auto;padding:0 16px;scrollbar-width:none;-ms-overflow-style:none}.game-tabs::-webkit-scrollbar{display:none}.game-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:var(--md-sys-typescale-body-medium);font-weight:500;padding:10px 16px;position:relative;transition:all .15s;white-space:nowrap}.game-tab:hover{background:rgba(var(--md-sys-color-primary-rgb),.06);color:var(--md-sys-color-on-surface)}.game-tab.active{border-bottom-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.leaderboard-container{margin:0 auto;max-width:600px;padding:16px}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-row{align-items:center;border-radius:12px;display:flex;margin-bottom:4px;padding:12px 16px;transition:background .15s}.leaderboard-row:hover{background:rgba(var(--md-sys-color-on-surface-rgb),.04)}.leaderboard-row.is-you{background:rgba(var(--md-sys-color-primary-rgb),.08)}.leaderboard-rank{color:var(--md-sys-color-on-surface-variant);flex-shrink:0;font-size:var(--md-sys-typescale-body-large);font-weight:700;text-align:center;width:36px}.leaderboard-rank.gold{color:#f9e2af}.leaderboard-rank.silver{color:#bac2de}.leaderboard-rank.bronze{color:#fab387}.leaderboard-name{color:var(--md-sys-color-on-surface);flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-name,.leaderboard-score{font-size:var(--md-sys-typescale-body-medium)}.leaderboard-score{color:var(--md-sys-color-primary);flex-shrink:0;font-weight:600;margin-left:12px}.leaderboard-expand-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;margin-left:8px;padding:4px;transition:all .15s}.leaderboard-expand-btn:hover{background:var(--md-sys-color-surface-container-highest)}.leaderboard-emoji-grid{font-size:18px;letter-spacing:1px;line-height:1.6;padding:8px 0 4px 48px;word-break:break-all}.leaderboard-empty{color:var(--md-sys-color-on-surface-variant);padding:60px 20px;text-align:center}.leaderboard-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.leaderboard-empty-title{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-medium);font-weight:600;margin-bottom:8px}.weekly-table{border-collapse:collapse;width:100%}.weekly-header{border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);display:flex;font-size:var(--md-sys-typescale-body-small);font-weight:600;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase}.weekly-row{align-items:center;border-radius:12px;display:flex;margin-bottom:4px;padding:12px 16px}.weekly-row:hover{background:rgba(var(--md-sys-color-on-surface-rgb),.04)}.weekly-rank{color:var(--md-sys-color-on-surface-variant);flex-shrink:0;font-weight:700;text-align:center;width:36px}.weekly-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-total{color:var(--md-sys-color-primary);font-weight:700;text-align:right;width:60px}.submit-actions{align-items:center;bottom:24px;display:flex;gap:10px;position:fixed;right:24px;z-index:50}.paste-submit-btn{align-items:center;background:var(--md-sys-color-primary);border:none;border-radius:16px;box-shadow:var(--md-sys-elevation-3);color:var(--md-sys-color-on-primary);cursor:pointer;display:flex;font-size:var(--md-sys-typescale-label-large);font-weight:600;gap:8px;padding:14px 20px;transition:box-shadow .2s,transform .15s}.paste-submit-btn:hover{box-shadow:0 6px 20px rgba(var(--md-sys-color-primary-rgb),.4);transform:translateY(-2px)}.paste-submit-btn:active{transform:translateY(0)}.submit-fab{align-items:center;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:14px;box-shadow:var(--md-sys-elevation-2);color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:box-shadow .2s,transform .15s;width:48px}.submit-fab:hover{background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-3);color:var(--md-sys-color-on-surface);transform:translateY(-2px)}.submit-fab:active{transform:translateY(0)}.play-link-bar{align-items:center;background:rgba(var(--md-sys-color-primary-rgb),.06);border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;gap:8px;justify-content:center;padding:10px 16px}.play-link{align-items:center;background:var(--md-sys-color-primary);border-radius:8px;color:var(--md-sys-color-on-primary);display:inline-flex;font-size:var(--md-sys-typescale-body-small);font-weight:600;gap:6px;padding:6px 14px;text-decoration:none;transition:filter .15s,box-shadow .15s}.play-link:hover{box-shadow:0 2px 8px rgba(var(--md-sys-color-primary-rgb),.3);filter:brightness(1.1)}.play-link svg{flex-shrink:0}.primary-btn{background:var(--md-sys-color-primary);border:none;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.2);color:var(--md-sys-color-on-primary);cursor:pointer;font-size:var(--md-sys-typescale-label-large);font-weight:500;padding:12px 24px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),filter .2s}.primary-btn:hover{box-shadow:0 2px 8px rgba(0,0,0,.3);filter:brightness(1.08)}.primary-btn:active{box-shadow:0 1px 2px rgba(0,0,0,.2)}.primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38}.secondary-btn{background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:8px;color:var(--md-sys-color-on-surface);cursor:pointer;font-size:var(--md-sys-typescale-label-large);font-weight:500;padding:12px 24px;transition:background .15s,border-color .15s}.secondary-btn:hover{background:var(--md-sys-color-surface-container-high)}.danger-btn{background:transparent;border:1px solid var(--md-sys-color-error);border-radius:8px;color:var(--md-sys-color-error);cursor:pointer;font-size:var(--md-sys-typescale-label-large);font-weight:500;padding:12px 24px;transition:background .15s;width:100%}.danger-btn:hover{background:rgba(var(--md-sys-color-error-rgb),.12)}.settings-actions{margin-top:16px}.modal{backdrop-filter:blur(8px);background-color:rgba(0,0,0,.6);display:none;height:100%;left:0;opacity:0;overflow:auto;position:fixed;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.modal.show{align-items:center;display:flex!important;justify-content:center;opacity:1}.modal-content{background:var(--md-sys-color-surface-container-low);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.4);margin:auto;max-height:80vh;max-width:440px;overflow-y:auto;padding:24px;transform:scale(.95);transition:transform .3s cubic-bezier(.4,0,.2,1);width:90%}.modal.show .modal-content{transform:scale(1)}.modal-content h2{font-size:20px;font-weight:500;margin:0 0 16px}.modal-content .subtitle{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium);margin-bottom:16px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.close{align-items:center;background:none;border:none;border-radius:20px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;float:right;font-size:24px;font-weight:400;height:40px;justify-content:center;transition:background .15s;width:40px}.close:hover{background:var(--md-sys-color-surface-container-highest)}input[type=text]{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;box-sizing:border-box;color:var(--md-sys-color-on-surface);font-family:inherit;font-size:var(--md-sys-typescale-body-medium);height:44px;padding:0 14px;transition:border-color .15s,box-shadow .15s;width:100%}input[type=text]:hover{border-color:var(--md-sys-color-outline)}input[type=text]:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary);outline:none}input[type=text]::placeholder{color:var(--md-sys-color-on-surface-variant)}textarea{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;box-sizing:border-box;color:var(--md-sys-color-on-surface);font-family:inherit;font-size:var(--md-sys-typescale-body-medium);line-height:1.6;min-height:120px;padding:12px 14px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}textarea:hover{border-color:var(--md-sys-color-outline)}textarea:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary);outline:none}textarea::placeholder{color:var(--md-sys-color-on-surface-variant)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--md-sys-color-surface-container);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23bac2de' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;box-sizing:border-box;color:var(--md-sys-color-on-surface);cursor:pointer;font-family:inherit;font-size:var(--md-sys-typescale-body-medium);height:44px;padding:0 36px 0 14px;transition:border-color .15s,box-shadow .15s}select:hover{border-color:var(--md-sys-color-outline)}select:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary);outline:none}select option{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.submit-modal-content{max-width:480px}.submit-preview{background:var(--md-sys-color-surface-container-high);border-radius:12px;margin:16px 0;padding:16px}.submit-preview-game{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-body-small);font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.submit-preview-score{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-large);font-weight:700;margin-bottom:8px}.submit-preview-grid{font-size:18px;letter-spacing:1px;line-height:1.6;word-break:break-all}.submit-error{color:var(--md-sys-color-error);font-size:var(--md-sys-typescale-body-small);margin-top:8px}.manual-entry{border-top:1px solid var(--md-sys-color-outline-variant);margin-top:16px;padding-top:16px}.manual-entry-label{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small);margin-bottom:8px}.manual-entry-row{align-items:center;display:flex;gap:8px}.manual-entry-row select{flex:1;min-width:0}.manual-entry-row input[type=text]{flex-shrink:0;text-align:center;width:80px}.manual-entry-row .primary-btn{flex-shrink:0;height:44px;padding:0 16px}.invite-code-display{align-items:center;background:var(--md-sys-color-surface-container-high);border-radius:12px;display:flex;gap:12px;margin:16px 0;padding:16px}.invite-code-text{color:var(--md-sys-color-primary);flex:1;font-family:SF Mono,Fira Code,monospace;font-size:var(--md-sys-typescale-headline-small);font-weight:700;letter-spacing:.15em;text-align:center}.invite-copy-btn{align-items:center;background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:6px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;font-size:var(--md-sys-typescale-body-small);gap:6px;padding:8px 12px;transition:all .15s}.invite-copy-btn:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.invite-code-input{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:22px!important;height:52px!important;letter-spacing:.2em;text-align:center;text-transform:uppercase}.notification-container{bottom:24px;display:flex;flex-direction:column;gap:12px;max-width:380px;pointer-events:none;position:fixed;right:24px;z-index:10000}.notification{align-items:center;background:var(--md-sys-color-surface-container-high);border-left:4px solid var(--md-sys-color-primary);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.35);color:var(--md-sys-color-on-surface);display:flex;font-size:var(--md-sys-typescale-body-medium);gap:10px;opacity:0;padding:10px 16px;pointer-events:all;transform:translateX(calc(100% + 40px));transition:all .4s cubic-bezier(.4,0,.2,1)}.notification.show{opacity:1;transform:translateX(0)}.notification.error{border-left-color:var(--md-sys-color-error)}.notification.success{border-left-color:var(--md-sys-color-success)}.clipboard-prompt{border-left-color:var(--md-sys-color-tertiary);flex-direction:column;min-width:300px}.clipboard-prompt-content{display:flex;flex-direction:column;gap:6px;width:100%}.clipboard-prompt-header{color:var(--md-sys-color-tertiary);font-size:var(--md-sys-typescale-body-medium);font-weight:600}.clipboard-prompt-score{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-medium);font-weight:700}.clipboard-prompt-grid{font-size:14px;line-height:1.4;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipboard-prompt-actions{display:flex;gap:8px;margin-top:6px}.clipboard-prompt-submit{background:var(--md-sys-color-tertiary);border:none;border-radius:6px;color:var(--md-sys-color-on-tertiary);cursor:pointer;font-size:var(--md-sys-typescale-body-small);font-weight:600;padding:6px 16px;transition:filter .15s}.clipboard-prompt-submit:hover{filter:brightness(1.1)}.clipboard-prompt-dismiss{background:transparent;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:var(--md-sys-typescale-body-small);padding:6px 12px;transition:background .15s}.clipboard-prompt-dismiss:hover{background:var(--md-sys-color-surface-container-highest)}@media (max-width:600px){.landing-container{padding:40px 16px 24px}.landing-title{font-size:var(--md-sys-typescale-headline-medium)}.landing-actions{flex-direction:column}.group-top-bar{padding:0 12px}.date-selector,.game-tab{padding:10px 12px}.game-tab{font-size:var(--md-sys-typescale-body-small)}.leaderboard-container{padding:12px}.leaderboard-row{padding:10px 12px}.submit-actions{bottom:16px;right:16px}.paste-submit-btn{font-size:var(--md-sys-typescale-body-small);padding:12px 16px}.modal-content{max-height:85vh;padding:20px;width:95%}.notification-container{bottom:16px;left:16px;max-width:none;right:16px}}