:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ink:#022143;--muted:#62737f;--surface:#fff;--surface-raised:#f8fbfb;--line:#d9e4e5;--action:#0b777e;--action-strong:#045c62;--mark:#ff5a5f;--mark-soft:#fff0f2;--gold:#ffd23f;--gold-soft:#fff6d8;--green:#18a558;--green-soft:#e7f8ed;--violet:#7b4dff;--violet-deep:#2b175e;--shadow:0 16px 50px #0221431f;background:var(--surface-raised);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #effbfab8, #f8fbfbf5 42%), var(--surface-raised);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #0b777e47}#root{min-height:100vh}.pregame-shell{min-height:100vh;padding:max(22px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom));align-items:center;gap:24px;display:grid}.brand-panel{place-items:center;min-height:160px;display:grid}.brand-panel--compact{min-height:92px}.brand-wordmark{filter:drop-shadow(0 12px 18px #02214324);width:min(72vw,360px);height:auto}.pregame-panel{width:min(100%,440px);box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #d9e4e5e6;border-radius:8px;justify-self:center;padding:18px}.stack-form{gap:12px;display:grid}.stack-form label{color:var(--ink);font-size:.86rem;font-weight:750}.stack-form input,.search-field input,.admin-account-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;min-height:48px;padding:0 13px}.primary-button,.secondary-button,.icon-button,.tab-button,.segment-button,.phrase-row,.card-square{cursor:pointer;border:0}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:var(--action);box-shadow:0 10px 24px #0b777e38}.primary-button:hover{background:var(--action-strong)}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#9aaeb2}.primary-button--wide{width:min(100%,360px)}.secondary-button{color:var(--ink);background:#eef7f6;border:1px solid #c9e1df}.quiet-note{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.section-title,.pane-title,.header-brand,.header-actions,.pane-title--split span{align-items:center;display:flex}.section-title{gap:8px}.section-title h1,.pane-title h1,.center-state h1{margin:0}.center-state{text-align:center;min-height:260px;color:var(--ink);align-content:center;place-items:center;gap:14px;display:grid}.center-state--wide{max-width:420px;margin:0 auto}.center-state p{color:var(--muted);margin:0}.spinner{border:4px solid #0b777e2e;border-top-color:var(--action);border-radius:999px;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom));grid-template-rows:auto auto 1fr auto;display:grid}.app-header{z-index:20;min-height:62px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fbfbeb;border-bottom:1px solid #d9e4e5cc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-brand{letter-spacing:0;gap:9px;font-weight:900}.header-icon{border-radius:8px;width:32px;height:32px}.header-actions{gap:8px}.icon-button{width:40px;height:40px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:999px;place-items:center;display:inline-grid}.icon-button:hover{background:#eef7f6}.desktop-tabs{display:none}.bottom-tabs{z-index:25;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fbfbf5;border-top:1px solid #d9e4e5e6;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-button{min-height:52px;color:var(--muted);background:0 0;border-radius:8px;align-content:center;justify-items:center;gap:3px;font-size:.72rem;font-weight:750;display:grid}.tab-button--active{color:var(--action-strong);background:#e7f8ed}.app-content{min-width:0}.phrase-selection{grid-template-rows:auto 1fr auto;min-height:calc(100vh - 148px);display:grid}.progress-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fbfbf0;grid-template-columns:1fr auto;gap:12px;padding:16px;display:grid;position:sticky;top:62px}.progress-header h1{margin:0 0 3px;font-size:1.1rem}.progress-header p{color:var(--muted);margin:0;font-weight:700}.selection-count{color:var(--action);font-variant-numeric:tabular-nums;background:#effbfa;border-radius:8px;align-self:start;padding:8px 10px;font-size:1.05rem}.selection-count--complete{color:var(--green);background:var(--green-soft)}.progress-track{background:#dce9ea;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--action);height:100%;transition:width .2s;display:block}.phrase-list{gap:8px;padding:12px;display:grid}.phrase-row{text-align:left;min-height:58px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.phrase-row span,.ranking-row div,.claim-row div{min-width:0}.phrase-row span,.ranking-row h2,.claim-row h2{overflow-wrap:anywhere}.phrase-row:disabled{color:var(--muted);cursor:not-allowed;background:#f2f6f6}.phrase-row--selected{background:var(--gold-soft);border-color:#f1cd68}.phrase-status{color:var(--muted)}.phrase-status--selected{color:var(--mark)}.phrase-status--locked{color:#a3b3b7}.floating-action{bottom:calc(72px + env(safe-area-inset-bottom));pointer-events:none;place-items:center;padding:10px 18px 12px;display:grid;position:sticky}.floating-action button{pointer-events:auto}.card-pane{place-items:start center;min-height:calc(100vh - 148px);padding:18px 12px 24px;display:grid}.card-stage{place-items:center;gap:10px;width:100%;display:grid}.card-title{text-transform:uppercase;letter-spacing:0;margin:0 0 10px;font-size:3.4rem;line-height:.92}.card-grid{aspect-ratio:1;background:var(--ink);border:2px solid var(--ink);width:min(94vw,540px,100vh - 220px);box-shadow:var(--shadow);grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.card-square{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:0;min-height:0;color:var(--ink);background:var(--surface);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);text-align:center;place-items:center;padding:5px;display:grid;position:relative;overflow:hidden}.card-square:nth-child(5n){border-right:0}.card-square:nth-last-child(-n+5){border-bottom:0}.card-square--marked{background:var(--mark-soft)}.card-square--free{background:var(--gold-soft)}.mark-art{color:var(--mark);opacity:.24;place-items:center;display:grid;position:absolute;inset:12%}.card-square--free .mark-art{color:var(--gold);opacity:.55}.mark-art svg{stroke-width:3.4px;width:100%;height:100%}.square-label{z-index:1;-webkit-line-clamp:5;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;word-break:normal;-webkit-box-orient:vertical;max-width:100%;font-size:.72rem;line-height:1.05;display:-webkit-box;position:relative;overflow:hidden}.square-label--compact{font-size:.62rem}.square-label--dense{-webkit-line-clamp:5;font-size:.54rem}.card-square--free .square-label{-webkit-line-clamp:1;font-size:.9rem;font-weight:900}.card-hint{width:min(100% - 32px,380px);min-height:52px;color:var(--ink);background:#ffffffe6;border:1px solid #d9e4e5e6;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:6px;padding:10px 8px 10px 14px;display:grid;box-shadow:0 12px 28px #0221431f}.card-hint__icon{color:var(--action)}.card-hint p{margin:0;font-size:.88rem;line-height:1.25}.card-hint__dismiss{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.card-hint__dismiss:hover{color:var(--ink);background:#eef7f6}.phrase-detail-backdrop{z-index:40;background:#0221432e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.phrase-detail-scrim{background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.phrase-detail-card{background:#fffffffa;border:1px solid #d9e4e5e6;border-radius:8px;width:min(100%,340px);padding:20px;position:relative;box-shadow:0 20px 60px #02214338}.phrase-detail-close{position:absolute;top:10px;right:10px}.phrase-detail-status{width:fit-content;min-height:30px;color:var(--muted);background:#eff5f5;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.phrase-detail-status--marked{color:var(--mark);background:var(--mark-soft)}.phrase-detail-card h2{color:var(--ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:14px 34px 0 0;font-size:1.25rem;line-height:1.2}.list-pane,.admin-pane{width:min(100%,760px);margin:0 auto;padding:16px 12px 24px}.pane-title{justify-content:flex-start;gap:8px;margin-bottom:12px}.pane-title h1{font-size:1.3rem}.pane-title--split{justify-content:space-between}.pane-title--split span{gap:8px}.ranking-list,.claim-list{gap:8px;display:grid}.ranking-row,.claim-row{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:66px;padding:12px;display:grid}.ranking-row--current{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-color:color-mix(in srgb, var(--accent) 44%, var(--line));box-shadow:inset 3px 0 0 var(--accent)}.ranking-row--current .rank-number{color:var(--accent)}.ranking-row h2,.claim-row h2{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.98rem;display:flex}.ranking-row p,.claim-row p{color:var(--muted);margin:3px 0 0;font-size:.82rem}.ranking-row strong{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:1.06rem;display:inline-flex}.rank-number{width:28px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:850}.you-badge{background:color-mix(in srgb, var(--accent) 14%, transparent);min-height:20px;color:var(--accent);border-radius:999px;align-items:center;padding:2px 7px;font-size:.72rem;font-weight:850;display:inline-flex}.segmented-control{background:#e8f1f2;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:4px;display:grid}.segment-button{min-height:42px;color:var(--muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.segment-button--active{color:var(--ink);background:var(--surface);box-shadow:0 5px 12px #0221431a}.admin-section{gap:8px;display:grid}.raffle-draw-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:12px;padding:14px;display:grid}.raffle-summary,.raffle-winner{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.raffle-summary span,.raffle-winner p,.raffle-winner span{color:var(--muted);margin:0;font-size:.82rem;font-weight:750}.raffle-summary strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.raffle-winner{grid-template-columns:auto 1fr}.raffle-winner svg{color:var(--gold);fill:currentColor}.raffle-winner h2{margin:2px 0;font-size:1.22rem}.admin-account{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:12px}.account-current-name{color:var(--muted);justify-content:space-between;gap:12px;font-size:.84rem;display:flex}.account-current-name strong{min-width:0;color:var(--ink);overflow-wrap:anywhere}.admin-account-form{gap:8px;display:grid}.admin-account-form label{font-size:.82rem;font-weight:800}.admin-account-fields{gap:8px;display:grid}.toggle-row{align-items:center;gap:10px;min-height:48px;padding:0 2px;font-weight:750;display:flex}.toggle-row input{width:20px;height:20px;accent-color:var(--action)}.search-field{display:block;position:relative}.search-field svg{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{padding-left:40px}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:50;text-align:center;color:#fff;background:#2b175ef0;border-radius:8px;width:min(92vw,420px);padding:12px 16px;animation:.18s ease-out rise;position:fixed;transform:translate(-50%);box-shadow:0 12px 28px #0221433d}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.celebration-backdrop{z-index:80;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.celebration-scrim{background:#02214338;width:100%;height:100%;position:absolute;inset:0}.celebration-card{text-align:center;background:#fffffff5;border:1px solid #ffffffc7;border-radius:8px;width:min(100%,390px);padding:26px 22px 28px;animation:.32s cubic-bezier(.18,.9,.28,1.2) pop;position:relative;overflow:hidden;box-shadow:0 24px 70px #02214347}.celebration-close{position:absolute;top:10px;right:10px}.celebration-card img{width:min(68vw,250px);height:auto}.celebration-card p{color:var(--ink);margin:12px 0 0;font-weight:700}.confetti{pointer-events:none;position:absolute;inset:0}.confetti span{background:var(--mark);border-radius:2px;width:7px;height:14px;animation:.98s ease-out forwards confetti;position:absolute;top:0;left:50%}.confetti span:nth-child(3n){background:var(--gold)}.confetti span:nth-child(3n+1){background:var(--action)}.confetti span:nth-child(2n){height:9px}.confetti span:first-child{--x:-156px;--r:-80deg}.confetti span:nth-child(2){--x:-122px;--r:44deg}.confetti span:nth-child(3){--x:-88px;--r:120deg}.confetti span:nth-child(4){--x:-54px;--r:14deg}.confetti span:nth-child(5){--x:-20px;--r:-38deg}.confetti span:nth-child(6){--x:18px;--r:84deg}.confetti span:nth-child(7){--x:50px;--r:-120deg}.confetti span:nth-child(8){--x:86px;--r:40deg}.confetti span:nth-child(9){--x:120px;--r:-60deg}.confetti span:nth-child(10){--x:154px;--r:130deg}.confetti span:nth-child(n+11){animation-delay:90ms}@keyframes pop{0%{opacity:0;transform:scale(.78)rotate(-3deg)}}@keyframes confetti{0%{opacity:0;transform:translate(-50%,70px)rotate(0)}20%{opacity:1}to{transform:translate(calc(-50% + var(--x)), 310px) rotate(var(--r));opacity:0}}@media (width>=720px){.pregame-shell{grid-template-columns:1fr 440px;max-width:1040px;margin:0 auto;padding-inline:32px}.brand-panel{min-height:420px}.app-shell{grid-template-rows:auto auto 1fr;padding-bottom:0}.bottom-tabs{display:none}.desktop-tabs{z-index:18;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fbfbeb;border-bottom:1px solid #d9e4e5c7;justify-content:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:62px}.desktop-tabs .tab-button{grid-auto-flow:column;align-content:center;gap:7px;min-height:42px;padding:0 18px;font-size:.88rem}.progress-header{border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;width:min(100%,760px);margin:0 auto;top:125px}.phrase-list{width:min(100%,760px);margin:0 auto}.floating-action{bottom:16px}.admin-account-fields{grid-template-columns:1fr auto}.admin-account-fields .primary-button{min-width:112px}.card-pane{width:min(100%,860px);min-height:calc(100vh - 126px);margin:0 auto}.toast{bottom:24px}}