:root{--color-correct: #2563eb;--color-present: #ea580c;--color-absent: #4b5563;--color-correct-edge: #1d4ed8;--color-present-edge: #c2410c;--color-gold: #c99a2e;--color-silver: #9aa3ad;--color-bronze: #b06a3b;--color-background: #ffffff;--color-text: #1a1a1b;--color-text-secondary: #6b7075;--color-border: #d3d6da;--color-border-filled: #878a8c;--color-key: #e4e7eb;--color-key-text: #1a1a1b;--color-key-edge: #b9bfc6;--color-key-absent: #c3c8ce;--color-key-absent-text: #6b7075;--color-surface: #f4f6f8}@media(prefers-color-scheme:dark){:root{--color-background: #101216;--color-text: #ffffff;--color-text-secondary: #9aa1a9;--color-border: #3a3a3c;--color-border-filled: #565758;--color-key: #4a5058;--color-key-text: #ffffff;--color-key-edge: #2b3036;--color-key-absent: #23272d;--color-key-absent-text: #7d858e;--color-surface: #1a1d23}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:500px){button{font-size:16px}}::selection{background-color:var(--color-present);color:#fff}.tile{height:100%;aspect-ratio:1;width:auto;border:2px solid var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,7vh,2.1rem);font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:border-color .15s ease,transform .1s ease}.tile.empty{border-color:var(--color-border);background-color:transparent}.tile.filled{border-color:var(--color-border-filled);background-color:transparent;animation:pop .14s cubic-bezier(.34,1.56,.64,1)}.tile.correct{background-color:var(--color-correct);border-color:var(--color-correct);color:#fff}.tile.present{background-color:var(--color-present);border-color:var(--color-present);color:#fff}.tile.absent{background-color:var(--color-absent);border-color:var(--color-absent);color:#fff}.tile.revealing{animation:flip .5s ease forwards}.tile.revealing.correct{animation:flip .5s ease forwards,revealCorrect .5s step-end forwards}.tile.revealing.present{animation:flip .5s ease forwards,revealPresent .5s step-end forwards}.tile.revealing.absent{animation:flip .5s ease forwards,revealAbsent .5s step-end forwards}.tile.clickable{cursor:pointer}.tile.cursor{border-color:var(--color-text);border-width:3px;animation:cursorPulse 1.8s ease-in-out infinite}@keyframes pop{0%{transform:scale(1)}55%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes cursorPulse{0%,to{border-color:var(--color-text)}50%{border-color:var(--color-border-filled)}}@keyframes revealCorrect{0%{background-color:transparent;border-color:var(--color-border-filled);color:var(--color-text)}50%,to{background-color:var(--color-correct);border-color:var(--color-correct);color:#fff}}@keyframes revealPresent{0%{background-color:transparent;border-color:var(--color-border-filled);color:var(--color-text)}50%,to{background-color:var(--color-present);border-color:var(--color-present);color:#fff}}@keyframes revealAbsent{0%{background-color:transparent;border-color:var(--color-border-filled);color:var(--color-text)}50%,to{background-color:var(--color-absent);border-color:var(--color-absent);color:#fff}}@media(max-width:520px){.tile{border-radius:5px}}@media(prefers-reduced-motion:reduce){.tile,.tile.filled,.tile.revealing,.tile.revealing.correct,.tile.revealing.present,.tile.revealing.absent,.tile.cursor{animation:none}}.row{flex:1;min-height:0;display:flex;gap:var(--gap, 5px);justify-content:center}.row.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.board{--gap: 5px;--max-tile: 62px;display:flex;flex-direction:column;gap:var(--gap);height:min(100%,calc(var(--max-tile) * 6 + var(--gap) * 5));margin:0 auto;padding:0 6px}@media(max-width:520px){.board{--gap: 4px;padding:0 4px}}.keyboard{display:flex;flex-direction:column;gap:8px;width:100%;max-width:520px;padding:10px 6px calc(10px + env(safe-area-inset-bottom))}.keyboard-row{display:flex;justify-content:center;gap:6px}.key{flex:1;height:60px;max-width:46px;padding:0;border:none;border-radius:10px;background:var(--color-key);color:var(--color-key-text);font-family:inherit;font-size:1.25rem;font-weight:700;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 var(--color-key-edge);transition:transform .06s ease,box-shadow .06s ease,background-color .25s ease}.key:active{transform:translateY(3px);box-shadow:0 0 0 var(--color-key-edge)}.key.wide{flex:1.5;max-width:68px}.key.correct{background:var(--color-correct);color:#fff;box-shadow:0 3px 0 var(--color-correct-edge)}.key.present{background:var(--color-present);color:#fff;box-shadow:0 3px 0 var(--color-present-edge)}.key.absent{background:var(--color-key-absent);color:var(--color-key-absent-text);box-shadow:none;transform:translateY(3px)}.key.absent:active{transform:translateY(3px)}@media(max-width:520px){.keyboard{max-width:100%;gap:7px;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.keyboard-row{gap:5px}.key{max-width:none;height:58px;font-size:1.2rem}.key.wide{max-width:none}}@media(max-width:360px){.key{height:52px;font-size:1.05rem;border-radius:8px}.keyboard-row{gap:4px}}@media(max-height:700px){.key{height:50px}}@media(prefers-reduced-motion:reduce){.key{transition:background-color .25s ease}}.result-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#080a0eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:resultFade .25s ease}@media(min-width:640px){.result-overlay{align-items:center}}.result-card{position:relative;width:100%;max-width:460px;padding:32px 24px calc(24px + env(safe-area-inset-bottom));background:var(--color-background);border-radius:24px 24px 0 0;border-top:3px solid var(--color-correct);box-shadow:0 -8px 40px #00000080;text-align:center;animation:resultRise .4s cubic-bezier(.16,1,.3,1);overflow:hidden}@media(min-width:640px){.result-card{border-radius:20px;border:3px solid var(--color-correct);padding-bottom:28px}}.result-card.is-lost{border-color:var(--color-present)}.result-card:before{content:"";position:absolute;top:-120px;left:50%;width:320px;height:320px;transform:translate(-50%);background:radial-gradient(circle,rgba(37,99,235,.22),transparent 70%);pointer-events:none}.result-card.is-lost:before{background:radial-gradient(circle,rgba(234,88,12,.2),transparent 70%)}.result-card>*{position:relative}.result-eyebrow{margin:0 0 6px;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary)}.result-title{margin:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(2.1rem,11vw,2.9rem);font-weight:600;font-variation-settings:"SOFT" 40,"WONK" 1;line-height:1.05;letter-spacing:-.02em;color:var(--color-text)}.result-subtitle{margin:10px 0 0;font-size:1.05rem;line-height:1.4;color:var(--color-text-secondary)}.result-solution{display:inline-block;margin-top:14px;padding:6px 16px;border-radius:999px;background:var(--color-present);color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:.22em;text-indent:.22em}.result-score{display:flex;align-items:baseline;justify-content:center;gap:2px;margin:22px 0 6px;font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 40,"WONK" 1;font-variant-numeric:lining-nums;line-height:1}.result-score-value{font-size:4rem;font-weight:700;color:var(--color-correct)}.is-lost .result-score-value{color:var(--color-present)}.result-score-total{font-size:1.75rem;font-weight:600;color:var(--color-text-secondary)}.result-score-label{margin:0 0 20px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary)}.result-grid{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 0 26px}.result-grid-row{display:flex;gap:5px;opacity:0;animation:resultRowIn .34s ease forwards}.result-cell{width:22px;height:22px;border-radius:5px;background:var(--color-absent)}.result-cell.correct{background:var(--color-correct)}.result-cell.present{background:var(--color-present)}.result-actions{display:flex;flex-direction:column;gap:10px}.result-btn{width:100%;min-height:54px;padding:16px 20px;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .2s ease}.result-btn:active{transform:scale(.97)}.result-btn-primary{background:var(--color-correct);color:#fff}.is-lost .result-btn-primary{background:var(--color-present)}.result-btn-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-border)}.result-btn:hover{filter:brightness(1.08)}.result-close{position:absolute;top:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--color-text-secondary);cursor:pointer}.result-close:hover{background:var(--color-key)}@keyframes resultFade{0%{opacity:0}to{opacity:1}}@keyframes resultRise{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes resultRowIn{0%{opacity:0;transform:translateY(-8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.result-overlay,.result-card,.result-grid-row{animation:none;opacity:1}}.share-panel{display:flex;flex-direction:column;gap:14px}.share-preview{margin:0;padding:14px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-family:inherit;font-size:1rem;line-height:1.5;letter-spacing:.04em;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.share-options{display:flex;gap:8px}.share-option{flex:1;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border:2px solid var(--color-border);border-radius:14px;background:transparent;color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .18s,background-color .18s,transform .1s}.share-option:hover{border-color:var(--color-correct);background:var(--color-surface)}.share-option:active{transform:scale(.96)}.modal-overlay{position:fixed;inset:0;background:#080a0eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .25s ease}@media(min-width:640px){.modal-overlay{align-items:center}}.modal{background-color:var(--color-background);border-radius:24px 24px 0 0;padding:28px 20px calc(20px + env(safe-area-inset-bottom));max-width:460px;width:100%;text-align:center;box-shadow:0 -8px 40px #00000080;animation:slideUp .35s cubic-bezier(.16,1,.3,1)}@media(min-width:640px){.modal{border-radius:20px;width:90%;padding-bottom:24px}}.modal h2{margin:0 0 12px;font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 40,"WONK" 1;font-variant-numeric:lining-nums;font-size:1.7rem;font-weight:600;line-height:1.15}.modal p{margin:8px 0;color:var(--color-text-secondary)}.modal .solution{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:16px 0}.modal-buttons{display:flex;flex-direction:column;gap:12px;margin-top:16px}.modal button{background-color:var(--color-correct);color:#fff;border:none;border-radius:14px;min-height:54px;padding:14px 24px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:filter .2s,transform .12s}.modal button:active{transform:scale(.98)}.modal button:hover{filter:brightness(1.08)}.modal button.whatsapp-btn{background-color:var(--color-correct)}.share-text{background-color:var(--color-key);border-radius:4px;padding:12px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;white-space:pre-line;margin:16px 0;font-size:1.2rem;line-height:1.6;letter-spacing:.1em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.league-name-input{width:100%;padding:15px 14px;font-size:1.05rem;border:2px solid var(--color-border);border-radius:14px;background-color:var(--color-background);color:var(--color-text);margin:16px 0;box-sizing:border-box}.league-name-input:focus{outline:none;border-color:var(--color-correct)}.league-created-name{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:8px 0 16px}.league-link-container{display:flex;gap:8px;margin:16px 0}.league-link-input{flex:1;min-width:0;padding:12px;font-size:.85rem;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-surface);color:var(--color-text)}.copy-button{padding:12px 18px!important;min-height:0!important;border-radius:12px!important;font-size:.9rem!important;white-space:nowrap}.league-hint{font-size:.9rem;color:var(--color-text-secondary);margin:8px 0}.btn-secondary{background-color:transparent!important;color:var(--color-text)!important;border:2px solid var(--color-border)!important}.btn-secondary:hover{opacity:.8}.error-message{color:#dc2626;font-size:.9rem;margin:8px 0}.modal button:disabled{opacity:.6;cursor:not-allowed}.picker-sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#080a0eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pickerFade .25s ease}@media(min-width:640px){.picker-sheet{align-items:center}}.picker-card{width:100%;max-width:480px;max-height:88vh;display:flex;flex-direction:column;background:var(--color-background);border-radius:24px 24px 0 0;padding:26px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #00000080;animation:pickerRise .35s cubic-bezier(.16,1,.3,1)}@media(min-width:640px){.picker-card{border-radius:20px;padding-bottom:24px}}.picker-title{margin:0 0 18px;text-align:center;font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 40,"WONK" 1;font-size:1.7rem;font-weight:600;color:var(--color-text)}.picker-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:0 -4px 16px;padding:0 4px}.picker-item{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:12px 14px;border:2px solid transparent;border-radius:14px;background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;transition:border-color .18s,transform .1s}.picker-item:hover{border-color:var(--color-border)}.picker-item:active{transform:scale(.99)}.picker-item.is-active{border-color:var(--color-correct)}.picker-item.is-finished .picker-icon{color:var(--color-text-secondary)}.picker-icon{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--color-background);color:var(--color-correct)}.picker-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.picker-name{font-size:1.02rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-meta{font-size:.78rem;color:var(--color-text-secondary)}.picker-check{flex-shrink:0;color:var(--color-correct)}.picker-empty{margin:8px 4px;padding:16px 12px;text-align:center;font-size:.92rem;line-height:1.45;color:var(--color-text-secondary)}.picker-actions{display:flex;flex-direction:column;gap:10px}.picker-create{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;border:none;border-radius:14px;background:var(--color-correct);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:filter .2s,transform .12s}.picker-create:hover:not(:disabled){filter:brightness(1.08)}.picker-create:active:not(:disabled){transform:scale(.98)}.picker-create:disabled{opacity:.45;cursor:not-allowed}.picker-hint{margin:0;text-align:center;font-size:.82rem;color:var(--color-text-secondary)}.picker-close{width:100%;min-height:54px;border:2px solid var(--color-border);border-radius:14px;background:transparent;color:var(--color-text);font-size:1.05rem;font-weight:700;cursor:pointer}@keyframes pickerFade{0%{opacity:0}to{opacity:1}}@keyframes pickerRise{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.picker-sheet,.picker-card{animation:none}}.settings-container{position:absolute;left:16px}.settings-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--color-text);transition:opacity .2s,background-color .2s}.settings-button:hover{opacity:.8;background-color:var(--color-key)}.settings-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:100;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border:none;font-size:.95rem;color:var(--color-text);cursor:pointer;text-align:left;transition:background-color .2s}.settings-item:first-child{border-radius:8px 8px 0 0}.settings-item:last-child{border-radius:0 0 8px 8px}.settings-item:hover{background-color:var(--color-key)}.settings-item-danger{color:#dc2626}.settings-icon{display:grid;place-items:center;width:20px;color:var(--color-text-secondary)}.settings-separator{height:1px;background-color:var(--color-border);margin:4px 0}@media(max-width:500px){.settings-container{left:12px}.settings-dropdown{min-width:160px}.settings-item{padding:10px 14px;font-size:.9rem}}.game-bar{flex-shrink:0;width:100%;max-width:520px;display:flex;align-items:center;gap:10px;padding:8px 12px;margin:4px 0 0;border-top:1px solid var(--color-border);box-sizing:border-box}.league-identity{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:4px 6px;margin-left:-6px;border:none;border-radius:10px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:background-color .18s}.league-identity:hover{background:var(--color-surface)}.league-chevron{margin-left:5px;vertical-align:-2px;color:var(--color-text-secondary)}.league-icon{flex-shrink:0;color:var(--color-correct);display:grid;place-items:center}.league-text{min-width:0;display:flex;flex-direction:column;line-height:1.2}.league-name{display:flex;align-items:center;font-weight:700;font-size:.95rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-jornada{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.league-jornada.is-finished{color:var(--color-present)}.league-actions{display:flex;gap:6px;flex-shrink:0}.league-btn{width:42px;height:42px;display:grid;place-items:center;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:background-color .18s,color .18s,transform .1s}.league-btn:hover{background:var(--color-correct);border-color:var(--color-correct);color:#fff}.league-btn:active{transform:scale(.94)}.league-btn.is-copied{background:var(--color-correct);border-color:var(--color-correct);color:#fff}@media(max-width:520px){.game-bar{padding:6px 10px;gap:8px}.league-btn{width:40px;height:40px}}.standings-sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#080a0eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:standingsFade .25s ease}@media(min-width:640px){.standings-sheet{align-items:center}}.standings-card{width:100%;max-width:480px;max-height:88vh;display:flex;flex-direction:column;background:var(--color-background);border-radius:24px 24px 0 0;padding:26px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #00000080;animation:standingsRise .35s cubic-bezier(.16,1,.3,1)}@media(min-width:640px){.standings-card{border-radius:20px;padding-bottom:24px}}.standings-header{text-align:center;margin-bottom:20px}.standings-title{margin:0;font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 40,"WONK" 1;font-size:1.75rem;font-weight:600;line-height:1.15;color:var(--color-text)}.standings-jornada{margin:8px 0 0;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary)}.standings-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:0 -4px 18px;padding:0 4px}.standing-row{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--color-surface);overflow:hidden}.standing-bar{position:absolute;top:0;bottom:0;left:0;background:var(--color-correct);opacity:.14;border-radius:14px;transition:width .5s cubic-bezier(.16,1,.3,1)}.standing-row>*:not(.standing-bar){position:relative}.standing-row.is-me{outline:2px solid var(--color-correct);outline-offset:-2px}.standing-row.is-me .standing-bar{opacity:.24}.standing-pos{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:.95rem;font-weight:700;color:var(--color-text-secondary);border:2px solid transparent}.standing-pos.pos-1{color:var(--color-gold);border-color:var(--color-gold)}.standing-pos.pos-2{color:var(--color-silver);border-color:var(--color-silver)}.standing-pos.pos-3{color:var(--color-bronze);border-color:var(--color-bronze)}.standing-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--color-correct);color:#fff;font-weight:700;font-size:1rem}.standing-name{flex:1;min-width:0;font-size:1.05rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standing-row.is-me .standing-name{font-weight:800}.standing-score{flex-shrink:0;text-align:right;line-height:1.1}.standing-points{display:block;font-size:1.4rem;font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums}.standing-unit{margin-left:3px;font-size:.72rem;font-weight:700;color:var(--color-text-secondary)}.standing-played{display:block;margin-top:1px;font-size:.72rem;color:var(--color-text-secondary);white-space:nowrap}.standings-empty,.standings-loading{padding:32px 12px;text-align:center;color:var(--color-text-secondary);font-size:1rem}.standings-close{width:100%;min-height:54px;border:2px solid var(--color-border);border-radius:14px;background:transparent;color:var(--color-text);font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .12s ease,background-color .2s ease}.standings-close:active{transform:scale(.98)}@keyframes standingsFade{0%{opacity:0}to{opacity:1}}@keyframes standingsRise{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.standings-sheet,.standings-card,.standing-bar{animation:none;transition:none}}.app{height:100dvh;display:flex;flex-direction:column;align-items:center;overflow:hidden;background-color:var(--color-background);color:var(--color-text)}.header{flex-shrink:0;width:100%;max-width:520px;padding:10px 16px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;position:relative}.header h1{margin:0;font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 40,"WONK" 1;font-variant-numeric:lining-nums;font-size:1.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.user-menu{position:absolute;right:16px;cursor:pointer}.user-avatar{width:34px;height:34px;border-radius:50%;transition:opacity .2s}.user-avatar:hover{opacity:.8}.user-initial{display:flex;align-items:center;justify-content:center;background-color:var(--color-correct);color:#fff;font-weight:700;font-size:.95rem}.game{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px}.board-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px 0;width:100%}.app.loading{justify-content:center}.loader{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-text-secondary);font-size:.95rem}.loader-tiles{display:flex;gap:6px}.loader-tile{width:16px;height:16px;border-radius:4px;background:var(--color-key);animation:loaderPulse 1.1s ease-in-out infinite}.loader-tile:nth-child(2){animation-delay:.15s}.loader-tile:nth-child(3){animation-delay:.3s}@keyframes loaderPulse{0%,to{background:var(--color-key);transform:scale(1)}40%{background:var(--color-correct);transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.loader-tile{animation:none}}@media(max-width:520px){.header{padding:8px 14px}.header h1{font-size:1.4rem}}