:root{--space-1: .35rem;--space-2: .65rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.25rem;--space-6: 3.5rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 10px rgba(20, 24, 35, .08);--shadow-lg: 0 18px 55px rgba(20, 24, 35, .14);--line: color-mix(in srgb, var(--color-surface-text, #111) 12%, transparent)}*{box-sizing:border-box;margin:0}html{min-height:100%;background:var(--color-app-bg, #eee)}body{min-width:320px;min-height:100dvh;font-family:var(--font-family, system-ui);background:var(--color-app-bg, #eee);color:var(--color-surface-text, #111);line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--color-accent, #3d5a80) 14%,transparent),transparent 30rem)}#root{position:relative;z-index:1;isolation:isolate}.theme-content{position:relative;z-index:1;min-height:100dvh}a{color:var(--color-accent, #3d5a80)}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,.card{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent, #3d5a80) 45%,transparent);outline-offset:3px}.page{width:min(100%,1080px);min-height:100dvh;margin:0 auto;padding:clamp(1rem,3vw,2.5rem);display:flex;flex-direction:column;gap:var(--space-5)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:var(--space-3);padding:var(--space-4);text-align:center}.app-header,header{display:flex;align-items:center;gap:var(--space-3)}.app-header{justify-content:space-between}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1;letter-spacing:-.04em}h2{line-height:1.15;letter-spacing:-.02em}.eyebrow{display:block;margin-bottom:.2rem;color:var(--color-accent, #3d5a80);font-family:system-ui,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.card{display:block;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--color-surface, #fff);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm)}.card-stack{display:grid;gap:var(--space-2)}.primary-action{width:100%;min-height:50px;padding:.8rem 1rem;border-radius:var(--radius-md);background:var(--color-accent, #3d5a80);color:#fff;font-weight:800;box-shadow:0 8px 22px color-mix(in srgb,var(--color-accent, #3d5a80) 28%,transparent);transition:transform .18s ease,box-shadow .18s ease}.primary-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--color-accent, #3d5a80) 34%,transparent)}.primary-action span{float:right;font-size:1.25em}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:48px;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--color-surface, #fff);color:var(--color-surface-text, #111);font-weight:800;text-align:center;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.secondary-action:hover{transform:translateY(-2px);box-shadow:0 10px 22px color-mix(in srgb,var(--color-surface-text, #111) 12%,transparent)}.icon-button{width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--color-surface-text, #111) 8%,transparent);color:inherit;font-size:1.4rem}.profile-link{display:flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none}.home-brand{display:flex;align-items:center;gap:.75rem}.home-mascot{width:54px;height:54px;filter:drop-shadow(0 8px 10px #0004);animation:mascot-float 3s ease-in-out infinite}.profile-link>.player-avatar{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:50%;background:var(--color-accent, #3d5a80);color:#fff;font-family:system-ui,sans-serif;font-weight:800}.profile-link small{font-weight:700}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:clamp(1.5rem,5vw,4rem)}.game-groups{display:grid;gap:var(--space-5)}.game-group{position:relative}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:var(--space-2)}.section-heading h2,section>h2{font-family:system-ui,sans-serif;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.section-heading p{margin-top:.15rem;opacity:.6;font-size:.85rem}.count{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--color-accent, #3d5a80) 12%,var(--color-surface, #fff));font-family:system-ui,sans-serif;font-size:.75rem;font-weight:800}.game-card{display:flex;align-items:center;gap:var(--space-3);transition:transform .16s ease,border-color .16s ease}.game-card:hover{transform:translate(4px);border-color:var(--color-accent, #3d5a80)}.game-avatar-stack{position:relative;display:block;height:38px;flex:0 0 auto}.game-avatar{position:absolute;top:0;display:block}.game-avatar .player-avatar{border:2px solid var(--color-surface, #fff);border-radius:50%!important;box-shadow:0 1px 4px color-mix(in srgb,var(--color-surface-text, #111) 20%,transparent)}.game-size{display:grid;width:52px;height:52px;flex:0 0 52px;place-content:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent, #3d5a80) 12%,var(--color-surface, #fff));color:var(--color-accent, #3d5a80);font-family:system-ui,sans-serif;font-size:1.4rem;font-weight:900;line-height:.8;text-align:center}.game-size small{font-size:.65rem}.game-copy{min-width:0;display:grid;gap:.15rem;flex:1}.game-player-names{display:grid;gap:.1rem}.game-copy strong{display:block;overflow-wrap:anywhere}.game-copy small{opacity:.6}.game-copy .completed-outcome{color:var(--color-accent, #3d5a80);font-weight:800;opacity:1}.show-more-games{display:block;margin:var(--space-3) auto 0}.card-arrow{opacity:.45;font-size:1.8rem}.empty-state{padding:var(--space-6) var(--space-4);border:1px dashed var(--line);border-radius:var(--radius-lg);text-align:center}.empty-state p{max-width:34ch;margin:.5rem auto 0;opacity:.65}.empty-icon{display:block;color:var(--color-accent, #3d5a80);font-size:2rem}.create-panel{position:sticky;top:var(--space-4)}.quick-match{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-bottom:.65rem;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--color-tile-selected, #ffd166) 65%,var(--color-accent, #3d5a80));border-radius:var(--radius-md);background:linear-gradient(120deg,color-mix(in srgb,var(--color-tile-selected, #ffd166) 26%,var(--color-surface, #fff)),color-mix(in srgb,var(--color-accent, #3d5a80) 16%,var(--color-surface, #fff)));color:var(--color-surface-text, #111);font-weight:850;box-shadow:0 8px 20px color-mix(in srgb,var(--color-accent, #3d5a80) 17%,transparent)}.quick-match:after{content:"⚡";color:var(--color-accent, #3d5a80);font-size:1.2rem}.quick-match.waiting{border-color:var(--color-timer, #e07a5f);background:color-mix(in srgb,var(--color-timer, #e07a5f) 14%,var(--color-surface, #fff))}.new-game{font-size:1.05rem}.new-game>span{float:none;margin-right:.4rem}.home-game-actions{display:grid;gap:.7rem}.join-code-card label{display:grid;gap:.45rem;font-family:system-ui,sans-serif;font-size:.78rem;font-weight:800}.join-code-card input{min-height:52px;padding:.7rem .9rem;border:1px solid color-mix(in srgb,var(--color-surface-text, #111) 18%,transparent);border-radius:var(--radius-sm);background:var(--color-surface, #fff);color:var(--color-surface-text, #111);font:800 1.25rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}.create-card{display:grid;gap:var(--space-4);padding:clamp(1.25rem,3vw,1.75rem);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.create-heading{display:flex;align-items:start;justify-content:space-between}.create-card fieldset{min-width:0;padding:0;border:0}.create-card select{width:100%;min-height:46px;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--color-surface-text, #111) 18%,transparent);border-radius:var(--radius-sm);background:var(--color-surface, #fff);color:var(--color-surface-text, #111);font:inherit}.create-card legend{margin-bottom:.55rem;font-family:system-ui,sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.create-card input[type=checkbox]{display:inline-block;width:1.2rem;height:1.2rem;min-height:1.2rem;margin-right:.45rem;padding:0;vertical-align:-.2rem;accent-color:var(--color-accent, #3d5a80)}.match-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.solo-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.choice{display:grid;gap:.12rem;padding:.75rem .35rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:inherit}.choice strong{font-size:1rem}.choice small{opacity:.55;font-size:.7rem}.choice.selected{border-color:var(--color-accent, #3d5a80);background:color-mix(in srgb,var(--color-accent, #3d5a80) 13%,var(--color-surface, #fff));color:var(--color-accent, #3d5a80);box-shadow:inset 0 0 0 1px var(--color-accent, #3d5a80)}.mode-choices{grid-template-columns:repeat(3,1fr)}.game-page{max-width:880px}.detail-header h1{font-size:clamp(1.8rem,5vw,2.8rem)}.detail-header h1 small{opacity:.5;font-size:.55em;font-weight:500;letter-spacing:0}.back-link{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--color-surface, #fff);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm)}.lobby-hero{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(170px,.5fr);align-items:center;gap:var(--space-3);padding:var(--space-4)}.lobby-hero>div{min-width:0}.manual-share{grid-column:1 / -1;display:flex;align-items:end;gap:.5rem}.manual-share label{min-width:0;display:grid;flex:1;gap:.25rem;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:800}.manual-share input{min-height:42px}.manual-share button{min-height:42px;padding:.5rem .85rem;border-radius:var(--radius-sm);background:var(--color-accent, #3d5a80);color:#fff;font-weight:800}.invite-code{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .8rem;padding:.75rem .9rem;border-radius:14px;background:color-mix(in srgb,var(--color-accent, #3d5a80) 10%,var(--color-surface, #fff))}.invite-code>span{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.invite-code button{grid-row:1 / 3;grid-column:2;justify-self:start;padding:.35rem .55rem;border:0;background:transparent;color:var(--color-accent, #3d5a80);font:900 clamp(1.25rem,4vw,1.75rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.invite-code small{opacity:.58}.recent-player-invites{grid-column:1 / -1;display:grid;gap:.65rem;padding-top:.8rem;border-top:1px solid color-mix(in srgb,var(--color-text, #fff) 14%,transparent)}.recent-player-invites>div:first-child{display:grid;gap:.15rem}.recent-player-invites small{opacity:.62}.recent-player-list{display:flex;gap:.6rem;overflow-x:auto;padding:.1rem 0 .35rem;scrollbar-width:thin}.recent-player-list button{flex:0 0 auto;display:grid;grid-template-columns:auto auto;align-items:center;gap:.1rem .55rem;min-width:150px;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--color-accent, #3d5a80) 35%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-surface, #fff) 88%,transparent);color:inherit;text-align:left}.recent-player-list button>:first-child{grid-row:1 / 3}.recent-player-list button span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.recent-player-list button b{color:var(--color-accent, #3d5a80);font-size:.72rem}.lobby-hero p,.turn-banner p,.waiting-banner p{opacity:.65}.lobby-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--color-accent, #3d5a80) 14%,var(--color-surface, #fff));color:var(--color-accent, #3d5a80);font-size:2rem}.turn-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-color:color-mix(in srgb,var(--color-accent, #3d5a80) 45%,transparent);background:linear-gradient(120deg,var(--color-surface, #fff),color-mix(in srgb,var(--color-accent, #3d5a80) 14%,var(--color-surface, #fff)))}.play-link{min-width:140px;padding:.85rem 1rem;border-radius:var(--radius-sm);background:var(--color-accent, #3d5a80);color:#fff;font-weight:800;text-align:center;text-decoration:none}.waiting-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.prestart-page,.pending-page{justify-content:flex-start}.prestart-card,.pending-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);max-width:560px}.prestart-card p,.pending-card p{opacity:.75}.prestart-meta{font-weight:700;opacity:1!important}.prestart-back,.pending-back{align-self:stretch;margin-top:var(--space-2)}.results-next-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent, #3d5a80) 12%,var(--color-surface, #fff));font-weight:700}.status-dot{display:inline-block;width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--color-timer, #e07a5f);box-shadow:0 0 0 6px color-mix(in srgb,var(--color-timer, #e07a5f) 16%,transparent);animation:breathe 2s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 10px transparent}}.player-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.player-card{display:flex;align-items:center;gap:.75rem}.player-card>span:nth-child(2){min-width:0;display:grid;flex:1}.player-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card small{opacity:.55}.player-card b{color:var(--color-accent, #3d5a80);font-size:.85rem}.player-avatar{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--color-accent, #3d5a80) 14%,var(--color-surface, #fff));color:var(--color-accent, #3d5a80);font-family:system-ui,sans-serif;font-weight:900}.avatar-image{display:block;object-fit:cover;object-position:center;overflow:hidden}.lobby-actions{display:grid;gap:var(--space-3)}.waiting-copy{display:flex;align-items:center;justify-content:center;gap:.75rem;opacity:.7}.round-link{display:flex;justify-content:space-between}.round-link strong{color:var(--color-accent, #3d5a80)}.winner-card{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);font-size:1.2rem}.winner-card span{font-size:2rem}.live-lobby{display:grid;gap:var(--space-3);padding:var(--space-4)}.live-lobby>div>p{margin-top:.35rem;opacity:.65}.live-presence{display:grid;gap:.45rem}.live-player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.65rem .75rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent, #3d5a80) 7%,var(--color-surface, #fff))}.live-player small{color:var(--color-accent, #3d5a80);font-weight:700}.presence-dot{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--color-surface-text, #111) 25%,transparent)}.presence-dot.connected{background:#46a66c;box-shadow:0 0 0 4px #46a66c25}.live-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.live-share{min-height:46px;padding:.7rem .9rem;border:1px dashed color-mix(in srgb,var(--color-accent, #3d5a80) 60%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent, #3d5a80) 9%,var(--color-surface, #fff));color:var(--color-accent, #3d5a80);font-weight:800;text-align:left}.live-share span{float:right;font-size:1.2rem}.secondary-live-action{min-height:50px;padding:.8rem 1rem;border:1px solid var(--color-accent, #3d5a80);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent, #3d5a80) 12%,var(--color-surface, #fff));color:var(--color-accent, #3d5a80);font-weight:800}.live-hint{text-align:center;opacity:.65;font-size:.85rem}.live-round-status{display:flex;align-items:center;gap:var(--space-3);padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface, #fff) 88%,transparent);box-shadow:var(--shadow-sm)}.live-round-status.is-live{border-color:color-mix(in srgb,var(--color-accent, #3d5a80) 50%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--color-accent, #3d5a80) 13%,var(--color-surface, #fff)),var(--color-surface, #fff))}.live-round-status>div{min-width:0;flex:1}.live-round-status .eyebrow{margin-bottom:.12rem}.live-round-status h2{font-size:1.05rem}.live-round-status p{margin-top:.18rem;opacity:.68;font-size:.9rem}.live-round-status>b{display:grid;min-width:62px;color:var(--color-accent, #3d5a80);font-family:system-ui,sans-serif;font-size:1.15rem;line-height:1;text-align:right}.live-round-status>b small{margin-top:.25rem;color:var(--color-surface-text, #111);font-size:.65rem;font-weight:700;opacity:.58;text-transform:uppercase;letter-spacing:.06em}.live-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;gap:.2rem;background:color-mix(in srgb,var(--color-app-bg, #eee) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.live-countdown span{font-family:system-ui,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.live-countdown strong{color:var(--color-accent, #3d5a80);font-family:system-ui,sans-serif;font-size:min(42vw,12rem);font-variant-numeric:tabular-nums;line-height:.9}.live-score-strip{display:flex;gap:.45rem;overflow-x:auto;padding:.1rem .1rem .5rem;scrollbar-width:thin}.live-score-strip span{flex:0 0 auto;padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--color-surface, #fff);font-size:.78rem;white-space:nowrap}.live-score-strip span.done{border-color:#46a66c;color:#267342}.cancel-game{min-height:44px;border:1px solid #b42318;border-radius:var(--radius-sm);background:transparent;color:#b42318;font-weight:800}.cancel-game:hover{background:#b42318;color:#fff}.login-page{background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--color-accent, #3d5a80) 13%,transparent),transparent 22rem)}.brand-lockup{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{display:grid;width:62px;height:62px;place-items:center;border-radius:18px;background:var(--color-accent, #3d5a80);color:#fff;box-shadow:var(--shadow-lg);font-size:2rem;font-weight:900;transform:rotate(-4deg)}.brand-lockup h1{font-size:clamp(2.8rem,8vw,4.5rem)}.login-intro{max-width:42ch;opacity:.7}.login-card{width:min(100%,430px);display:grid;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--color-surface, #fff);box-shadow:var(--shadow-lg);text-align:left}.login-card label{display:grid;gap:.35rem;font-family:system-ui,sans-serif;font-size:.78rem;font-weight:800}.login-card label small{justify-self:end;margin-top:-1.55rem;opacity:.5;font-weight:500}.auth-divider{display:flex;align-items:center;gap:.75rem;color:color-mix(in srgb,var(--color-surface-text, #111) 45%,transparent);font-family:system-ui,sans-serif;font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.apple-signin{width:100%;min-height:50px;border-radius:var(--radius-sm);background:#000;color:#fff;font-family:system-ui,sans-serif;font-weight:700}.apple-logo{display:inline-block;margin-right:.55rem;color:#fff;font-size:.8rem}input{width:100%;min-height:48px;padding:.75rem .9rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface, #fff) 92%,var(--color-app-bg, #eee));color:inherit}.notice{padding:.7rem 1rem;border-radius:var(--radius-sm)}.notice.error{background:#b4231820;color:#b42318}.status-icon{font-size:2.5rem}.loader{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--color-accent, #3d5a80);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.play{max-width:680px;gap:var(--space-3)}.start-round{width:min(100%,320px);margin-top:.5rem}.timerbar{height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-surface-text, #111) 14%,transparent)}.timerbar div{height:100%;border-radius:inherit;background:var(--color-timer, #e07a5f);box-shadow:0 0 14px var(--color-timer, #e07a5f);transition:width .25s linear}.playhead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.playhead strong{font-family:system-ui,sans-serif;font-size:1.8rem;font-variant-numeric:tabular-nums}.playhead span{justify-self:center;font-weight:800}.playhead button{justify-self:end;padding:.55rem .85rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent, #3d5a80) 12%,var(--color-surface, #fff));color:var(--color-accent, #3d5a80);font-weight:800}.playhead .need-air-button{min-height:54px;padding-inline:1.15rem;background:#b42318;color:#fff;font-size:1rem;letter-spacing:.04em}.handicap-notice{margin:0;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent, #3d5a80) 10%,var(--color-surface, #fff));font-size:.9rem;text-align:center}.tracepreview{min-height:1.6em;text-align:center;color:var(--color-accent, #3d5a80);font-size:1.4rem;font-weight:800;letter-spacing:.12em}.board-wrap{display:grid;gap:.55rem;justify-items:center}.board-shell{width:100%;transform:rotate(var(--board-rotation, 0deg));transform-origin:center}.board{overflow:visible;border-radius:var(--radius-lg);filter:drop-shadow(0 16px 24px rgba(0,0,0,.14))}.board,.board *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.board-rotate{padding:.4rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent, #3d5a80) 12%,var(--color-surface, #fff));color:var(--color-accent, #3d5a80);font-weight:700}@media(prefers-reduced-motion:no-preference){.board-shell{transition:transform .2s ease-out}}.tile{transform-box:fill-box;transform-origin:center;transition:transform .14s cubic-bezier(.2,.85,.25,1.35),filter .14s ease;animation:var(--theme-tile-animation, none) 3.6s ease-in-out infinite}.tile .tile-depth{fill:color-mix(in srgb,var(--color-board-bg, #777) 58%,#000);opacity:.88;filter:drop-shadow(0 4px 4px #0005)}.tile .tile-face{transition:fill .12s ease,filter .12s ease}.tile .tile-highlight{fill:none;stroke:color-mix(in srgb,var(--color-tile-text, #fff) 42%,#fff);stroke-width:2.2;stroke-linecap:round;opacity:.42;transition:opacity .12s ease,transform .12s ease}.tile-ornament .motif{display:none;fill:none;stroke:var(--color-accent, #3d5a80);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.14}.tile-ornament .motif circle{fill:none}html[data-tile-motif=crest] .motif-crest,html[data-tile-motif=reactor] .motif-reactor,html[data-tile-motif=bolt] .motif-bolt,html[data-tile-motif=construct] .motif-construct,html[data-tile-motif=claws] .motif-claws,html[data-tile-motif=shield] .motif-shield,html[data-tile-motif=titan] .motif-titan,html[data-tile-motif=vigil] .motif-vigil,html[data-tile-motif=starburst] .motif-starburst,html[data-tile-motif=vibranium] .motif-vibranium,html[data-tile-motif=web] .motif-web{display:block}html[data-tile-motif=bolt] .motif-bolt,html[data-tile-motif=vigil] .motif-vigil,html[data-tile-motif=starburst] .motif-starburst{fill:var(--color-accent, #3d5a80);fill-opacity:.055}.tile.selected .tile-ornament .motif{stroke:var(--color-tile-selected-text, var(--color-tile-text));opacity:.22}.tile.selected .tile-highlight{opacity:.16;transform:translateY(3px)}.tile:nth-of-type(3n){animation-delay:-.8s}.tile:nth-of-type(4n){animation-delay:-1.7s}.tile.selected{animation:none;transform:translateY(4px) scale(.945);filter:drop-shadow(0 1px 2px #0006)}.tile.selected .tile-depth{opacity:.26;filter:none}.tile.selected.path-head{transform:translateY(5px) scale(.925);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--color-path-stroke, #e07a5f) 72%,transparent))}.tile-letter{transition:filter .12s ease}.tile.path-head .tile-letter{filter:drop-shadow(0 0 4px color-mix(in srgb,currentColor 55%,transparent))}html[data-tile-typography=condensed] .tile-letter{font-family:Avenir Next Condensed,Impact,sans-serif;font-weight:900;letter-spacing:-.06em}html[data-tile-typography=tech] .tile-letter{font-family:Copperplate,Arial Black,sans-serif;font-weight:800;letter-spacing:-.035em}html[data-tile-typography=speed] .tile-letter{font-family:Impact,Arial Narrow,sans-serif;font-style:italic;font-weight:900;letter-spacing:.02em}html[data-tile-typography=geometric] .tile-letter{font-family:Futura,Avenir,sans-serif;font-weight:900;letter-spacing:.04em}html[data-tile-typography=feral] .tile-letter{font-family:Impact,Arial Black,sans-serif;font-weight:900;transform:skew(-5deg)}html[data-tile-typography=vintage] .tile-letter{font-family:Copperplate,Georgia,serif;font-weight:900}html[data-tile-typography=cosmic] .tile-letter{font-family:Arial Black,Futura,sans-serif;font-weight:900;letter-spacing:.055em}html[data-tile-typography=shadow] .tile-letter{font-family:Avenir Next Condensed,Arial Narrow,sans-serif;font-weight:900;letter-spacing:.08em}html[data-tile-typography=web] .tile-letter{font-family:Trebuchet MS,Avenir,sans-serif;font-weight:900;font-style:italic}.board polyline{stroke-dasharray:18 5;animation:path-flow .55s linear infinite}.foundlist{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0;list-style:none}.foundlist li{padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--color-surface, #fff);box-shadow:var(--shadow-sm);font-size:.88rem}.foundlist li.pending{opacity:.65;animation:word-pending .7s ease-in-out infinite alternate}.foundlist li.ok{animation:word-land .32s cubic-bezier(.2,.9,.25,1.3) both}.play.accept .board{animation:var(--theme-accept-animation, pulse) .3s ease}.play.reject{animation:shake .25s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pulse{50%{transform:scale(1.012);filter:brightness(1.08)}}@keyframes wobble{25%{transform:rotate(-.5deg) scale(1.01)}75%{transform:rotate(.5deg) scale(1.01)}}@keyframes float{50%{transform:translateY(-2px)}}@keyframes tile-pop{50%{transform:scale(1.045)}}@keyframes path-flow{to{stroke-dashoffset:-23}}@keyframes word-pending{to{transform:scale(.97)}}@keyframes word-land{0%{opacity:0;transform:translateY(-8px) scale(.85)}}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.results-grid .card h2{padding-bottom:.65rem;border-bottom:1px solid var(--line)}.results-grid ul{display:grid;gap:.35rem;padding:.75rem 0 0;list-style:none}section>h2{margin-bottom:var(--space-2);opacity:.7}.settings-page{max-width:780px}.profile-editor{display:grid;gap:var(--space-3);padding:var(--space-4)}.profile-editor p{opacity:.65}.profile-editor form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.profile-editor button{min-width:90px;padding:.65rem 1rem;border-radius:var(--radius-sm);background:var(--color-accent, #3d5a80);color:#fff;font-weight:800}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.avatar-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--space-2)}.avatar-option{display:grid;justify-items:center;gap:.45rem;padding:.65rem .35rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--color-surface, #fff);color:inherit;font-weight:800}.avatar-option:hover{border-color:var(--color-accent, #3d5a80);transform:translateY(-2px)}.avatar-option.selected{border-color:var(--color-accent, #3d5a80);box-shadow:inset 0 0 0 1px var(--color-accent, #3d5a80)}.avatar-option img{display:block;width:72px;height:72px;border-radius:50%}.avatar-option small{max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.theme-family-group{margin-top:var(--space-4)}.theme-family-toggle{display:grid;width:100%;grid-template-columns:74px 1fr auto;align-items:center;gap:var(--space-3);padding:.7rem;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface, #fff) 86%,var(--color-accent, #3d5a80));color:inherit;text-align:left;box-shadow:var(--shadow-sm)}.theme-family-toggle>span{display:grid}.theme-family-toggle small{opacity:.6}.theme-family-toggle>b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--color-accent, #3d5a80);color:#fff;font-size:1.2rem}.theme-family-group>.theme-grid{margin-top:var(--space-3)}.theme-card{position:relative;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:var(--space-3);color:inherit;text-align:left;transition:transform .18s ease,border-color .18s ease}.theme-card:hover{transform:translateY(-3px)}.theme-card.selected{border-color:var(--color-accent, #3d5a80);box-shadow:inset 0 0 0 1px var(--color-accent, #3d5a80),var(--shadow-sm)}.theme-card>span:nth-child(2){display:grid}.theme-card small{opacity:.55}.theme-card b{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:var(--color-accent, #3d5a80);color:#fff}.theme-swatch{position:relative;display:grid;width:74px;height:58px;place-items:center;overflow:hidden;border-radius:14px;background:#e8e4da}.theme-swatch i{position:absolute;width:23px;height:23px;border-radius:7px;background:#fffdf7;box-shadow:0 3px 6px #0003}.theme-swatch i:first-child{transform:translate(-21px,8px) rotate(-5deg)}.theme-swatch i:nth-child(2){transform:translate(1px,-11px) rotate(3deg)}.theme-swatch i:nth-child(3){transform:translate(21px,10px) rotate(7deg)}.theme-swatch i:last-child{transform:translate(-1px,14px) rotate(-8deg);box-shadow:0 0 0 2px #fff8,0 3px 6px #0004}.sound-settings{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sound-settings p{margin-top:.25rem;opacity:.62;font-size:.9rem}.sound-settings .secondary-action{min-height:42px;flex:0 0 auto;padding:.6rem .85rem;border:1px solid var(--color-accent, #3d5a80);border-radius:var(--radius-sm);background:transparent;color:var(--color-accent, #3d5a80);font-weight:800}.theme-swatch.cosmic-buddies{background:#1b1035}.theme-swatch.cosmic-buddies i{border-radius:50%;background:#7ef9a2;box-shadow:0 0 12px #7ef9a288}.mascot-scene{position:relative;min-height:250px;display:grid;place-content:center;overflow:hidden;border-radius:var(--radius-lg);background:radial-gradient(circle,color-mix(in srgb,var(--color-tile-selected, #7ef9a2) 20%,transparent),transparent 55%);text-align:center}.mascot-scene img{width:130px;margin:auto;filter:drop-shadow(0 14px 18px #0005);animation:mascot-float 3s ease-in-out infinite}.mascot-scene p{margin-top:var(--space-2);opacity:.65}.orbit{position:absolute;inset:50% auto auto 50%;border:1px solid color-mix(in srgb,var(--color-tile-selected, #7ef9a2) 35%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:210px;height:100px;transform:translate(-50%,-50%) rotate(-12deg)}.orbit-two{width:280px;height:150px;transform:translate(-50%,-50%) rotate(18deg)}@keyframes mascot-float{50%{transform:translateY(-8px) rotate(2deg)}}.account-actions{padding-top:var(--space-4);border-top:1px solid var(--line)}.logout-button{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--color-surface, #fff);color:inherit;font-weight:800}.logout-button:hover{border-color:#b42318;color:#b42318}.danger-zone{margin-top:var(--space-5);padding:var(--space-4);border:1px solid color-mix(in srgb,#b42318 35%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,#b42318 5%,var(--color-surface, #fff))}.danger-zone h3{margin:0 0 var(--space-2);color:#b42318}.danger-zone p{margin:0 0 var(--space-4);color:var(--muted);line-height:1.5}.delete-button{min-height:44px;padding:0 var(--space-4);border:1px solid #b42318;border-radius:var(--radius-sm);background:transparent;color:#b42318;font-weight:800}.delete-button:hover:not(:disabled),.delete-button:focus-visible{background:#b42318;color:#fff}.delete-button:disabled{opacity:.45;cursor:not-allowed}.delete-confirm{display:grid;gap:var(--space-3)}.delete-confirm label{line-height:1.45}.delete-confirm input{min-height:46px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--color-surface, #fff);color:inherit;font:inherit}.delete-confirm>div{display:flex;justify-content:flex-end;gap:var(--space-2)}.delete-confirm>div>button:not(.delete-button){min-height:44px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--color-surface, #fff);color:inherit;font-weight:700}html[data-theme=cosmic-buddies] body{background:#080b2d}html[data-theme=cosmic-buddies] body:after{display:none}html[data-theme=cosmic-buddies] .brand-mark{border-radius:50% 50% 45% 45%;background:var(--color-tile-selected, #7ef9a2);color:var(--color-app-bg, #1b1035)}.cosmic-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.cosmic-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#080b2d22,#080b2d55),url(/themes/cosmic-buddies/cosmic-space-v2.jpg) center / cover no-repeat}.cosmic-buddy{position:absolute;width:clamp(62px,8vw,96px);opacity:.9;filter:drop-shadow(0 0 14px #7ef9a288);animation:cosmic-buddy-bob 4.8s ease-in-out infinite}.cosmic-buddy img{display:block;width:100%}.buddy-one{left:clamp(-42px,-2.5vw,-18px);top:25%;transform:rotate(-10deg)}.buddy-two{right:clamp(-38px,-2vw,-16px);top:52%;filter:hue-rotate(58deg) drop-shadow(0 0 14px #7eeaf988);animation-delay:-1.7s}.buddy-three{left:clamp(-24px,2vw,26px);bottom:6%;width:clamp(50px,6vw,74px);filter:hue-rotate(118deg) drop-shadow(0 0 14px #b388ff88);animation-delay:-3.1s}.cosmic-ufo{position:absolute;top:8%;left:-230px;width:clamp(150px,17vw,220px);filter:drop-shadow(0 10px 12px #0008) drop-shadow(0 0 10px #7ef9a266);animation:cosmic-ufo-flyby 26s ease-in-out infinite}.cosmic-ufo circle{animation:cosmic-ufo-lights .8s steps(2,end) infinite}.cosmic-ufo circle:nth-of-type(2n){animation-delay:-.4s}@keyframes cosmic-buddy-bob{50%{translate:0 -10px;rotate:4deg}}@keyframes cosmic-ufo-flyby{0%{translate:0 20px;rotate:-5deg;opacity:0}3%{opacity:1}16%{translate:calc(50vw + 110px) -18px;rotate:3deg;opacity:1}31%{translate:calc(100vw + 460px) 24px;rotate:-4deg;opacity:0}to{translate:calc(100vw + 460px) 24px;opacity:0}}@keyframes cosmic-ufo-lights{50%{opacity:.28}}.heroic-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.heroic-aura{position:absolute;width:min(76vw,820px);aspect-ratio:1;left:50%;top:44%;border:1px solid color-mix(in srgb,var(--color-tile-selected, #ffd23f) 28%,transparent);border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--color-accent, #1746a2) 12%,transparent) 0 3deg,transparent 3deg 16deg);filter:blur(.2px) drop-shadow(0 0 16px color-mix(in srgb,var(--color-accent, #1746a2) 35%,transparent));opacity:.38;animation:heroic-aura-turn 34s linear infinite}.heroic-symbol{position:absolute;width:clamp(100px,18vw,220px);aspect-ratio:1;border:clamp(2px,.3vw,5px) solid color-mix(in srgb,var(--color-accent, #1746a2) 68%,transparent);opacity:.22;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--color-accent, #1746a2) 54%,transparent));animation:heroic-symbol-drift 8s ease-in-out infinite}.symbol-one{left:-4%;top:16%;rotate:-14deg}.symbol-two{right:-6%;top:48%;scale:.72;rotate:18deg;animation-delay:-2.8s}.symbol-three{left:12%;bottom:-8%;scale:.48;rotate:36deg;animation-delay:-5.2s}.heroic-streak{position:absolute;width:min(44vw,520px);height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,var(--color-path-stroke, #e32636),transparent);opacity:.25;filter:drop-shadow(0 0 7px var(--color-path-stroke, #e32636));transform:rotate(-18deg);animation:heroic-streak 9s ease-in-out infinite}.streak-one{top:24%;left:-40%}.streak-two{top:72%;left:-52%;animation-delay:-4.4s}.heroic-scene-crest .heroic-symbol{border-radius:48% 48% 18% 18%;clip-path:polygon(50% 0,94% 24%,80% 82%,50% 100%,20% 82%,6% 24%)}.heroic-scene-reactor .heroic-symbol,.heroic-scene-construct .heroic-symbol,.heroic-scene-shield .heroic-symbol{border-radius:50%;box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--color-path-stroke) 15%,transparent),inset 0 0 0 26px color-mix(in srgb,var(--color-accent) 10%,transparent)}.heroic-scene-bolt .heroic-symbol{border:0;background:var(--color-accent);clip-path:polygon(54% 0,18% 50%,43% 50%,26% 100%,82% 38%,56% 38%);animation-name:heroic-speed-bolt}.heroic-scene-claws .heroic-symbol{border:0;background:repeating-linear-gradient(78deg,transparent 0 24%,color-mix(in srgb,var(--color-accent) 55%,transparent) 25% 28%,transparent 29% 38%);transform:skew(-12deg)}.heroic-scene-titan .heroic-symbol{border-radius:42% 42% 12% 12%;background:radial-gradient(circle at 28% 36%,var(--color-tile-selected) 0 3%,transparent 4%),radial-gradient(circle at 42% 24%,var(--color-path-stroke) 0 3%,transparent 4%),radial-gradient(circle at 56% 20%,#50c8ff 0 3%,transparent 4%),radial-gradient(circle at 69% 31%,#ef476f 0 3%,transparent 4%),radial-gradient(circle at 76% 48%,#7df9b6 0 3%,transparent 4%)}.heroic-scene-vigil .heroic-symbol{border:0;border-radius:50%;background:conic-gradient(from 225deg,transparent 0 35%,color-mix(in srgb,var(--color-accent) 42%,transparent) 36% 64%,transparent 65%);transform:scaleX(1.8)}.heroic-scene-starburst .heroic-symbol{border:0;background:var(--color-tile-selected);clip-path:polygon(50% 0,59% 35%,85% 15%,65% 41%,100% 50%,65% 59%,85% 85%,59% 65%,50% 100%,41% 65%,15% 85%,35% 59%,0 50%,35% 41%,15% 15%,41% 35%)}.heroic-scene-vibranium .heroic-symbol{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:repeating-linear-gradient(60deg,transparent 0 18%,color-mix(in srgb,var(--color-accent) 18%,transparent) 19% 21%)}.heroic-scene-web .heroic-symbol{border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 14%,color-mix(in srgb,var(--color-path-stroke) 35%,transparent) 15% 16%)}@keyframes heroic-aura-turn{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes heroic-symbol-drift{50%{translate:0 -18px;rotate:9deg;opacity:.34}}@keyframes heroic-speed-bolt{0%,to{translate:-18vw 8vh;opacity:0}18%,62%{opacity:.32}78%{translate:44vw -12vh;opacity:0}}@keyframes heroic-streak{0%,to{translate:0;opacity:0}18%{opacity:.35}72%{translate:160vw;opacity:.18}82%{opacity:0}}html[data-theme=time-circuit] body{background-color:#080d10;background-image:linear-gradient(#080d1070,#080d1095),url(/themes/time-circuit/circuit-board-bright.png);background-position:center;background-size:cover;background-attachment:fixed}html[data-theme=time-circuit] .board .tile rect{fill:#160c05;stroke:#ff8b2b;stroke-width:1.5;filter:drop-shadow(0 0 6px #ff7a1a99)}html[data-theme=time-circuit] .board .tile.selected rect{fill:#5b2606;stroke:#ffcf66;filter:drop-shadow(0 0 10px #ffcf66)}html[data-theme=time-circuit] .board .tile-letter{display:none}html[data-theme=time-circuit] .board .digital-letter{display:block}html[data-theme=time-circuit] .digital-letter .led-segment{fill:#ff4f28}.digital-letter{display:none}html[data-theme=time-circuit] .tile{filter:drop-shadow(0 0 4px #ff7a1a55)}html[data-theme=time-circuit] .board{filter:drop-shadow(0 0 18px #ff7a1a44)}html[data-theme=time-circuit] .theme-swatch{background:linear-gradient(#080d1055,#080d1090),url(/themes/time-circuit/circuit-board-bright.png) center / cover}html[data-theme=time-circuit] .theme-swatch i{box-shadow:0 0 10px #ff7a1aaa}.time-circuit-electricity{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.time-circuit-crackle,.time-circuit-lightning{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.time-circuit-crackle{animation:time-circuit-crackle .46s steps(1,end) both}.time-circuit-crackle path,.time-circuit-lightning path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.time-circuit-crackle .arc-glow{stroke:#19bfff;stroke-width:5px;opacity:.52;filter:blur(1.3px)}.time-circuit-crackle .arc-core{stroke:#eaffff;stroke-width:1.25px}.time-circuit-crackle .branch{opacity:.78}.time-circuit-crackle circle{fill:#fff;filter:drop-shadow(0 0 2px #5de7ff) drop-shadow(0 0 7px #0daaff)}.time-circuit-lightning{top:-3%;right:-3%;bottom:-3%;left:-3%;width:106%;height:106%;animation:time-circuit-lightning-strike .52s steps(1,end) both}.time-circuit-lightning.mirrored{transform:scaleX(-1)}.time-circuit-lightning .bolt-glow{stroke:#1ebcff;stroke-width:7px;opacity:.55;filter:blur(1.8px)}.time-circuit-lightning .bolt-core{stroke:#f5ffff;stroke-width:1.6px}.time-circuit-lightning .branch{stroke-width:1px}.time-circuit-energy-sweep{position:absolute;opacity:0;background:linear-gradient(90deg,transparent,#37d8ff26 32%,#eaffffbd 49%,#37d8ff26 66%,transparent);filter:drop-shadow(0 0 8px #28caff)}.time-circuit-energy-sweep.sweep-lr,.time-circuit-energy-sweep.sweep-rl{top:-18%;width:7%;height:136%;transform:skew(-9deg)}.time-circuit-energy-sweep.sweep-lr{animation:time-circuit-sweep-lr 1.1s ease-in-out both}.time-circuit-energy-sweep.sweep-rl{animation:time-circuit-sweep-rl 1.1s ease-in-out both}.time-circuit-energy-sweep.sweep-tb,.time-circuit-energy-sweep.sweep-bt{left:-18%;width:136%;height:7%;background:linear-gradient(180deg,transparent,#37d8ff26 32%,#eaffffbd 49%,#37d8ff26 66%,transparent);transform:skewY(-9deg)}.time-circuit-energy-sweep.sweep-tb{animation:time-circuit-sweep-tb 1.1s ease-in-out both}.time-circuit-energy-sweep.sweep-bt{animation:time-circuit-sweep-bt 1.1s ease-in-out both}.time-circuit-emp{position:absolute;width:10vmax;height:10vmax;border:2px solid #eaffff;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.08);box-shadow:0 0 5px #fff,0 0 14px #42dcff,inset 0 0 8px #42dcff;animation:time-circuit-emp-wave 1.75s cubic-bezier(.12,.68,.25,1) both}.time-circuit-emp:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:5px solid #18bfff80;border-radius:inherit;filter:blur(2px)}.time-circuit-emp i{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid #caffff;border-radius:inherit;opacity:.72;animation:time-circuit-emp-ripple 1.75s .12s cubic-bezier(.12,.68,.25,1) both}@keyframes time-circuit-crackle{0%,to{opacity:0}8%,22%,47%,76%{opacity:1}16%,35%,61%{opacity:.12}}@keyframes time-circuit-lightning-strike{0%,to{opacity:0}8%,42%,68%{opacity:1;background:#dfffff0e}24%,54%,84%{opacity:.08;background:transparent}}@keyframes time-circuit-sweep-lr{0%{left:-20%;opacity:0}12%,82%{opacity:.48}to{left:115%;opacity:0}}@keyframes time-circuit-sweep-rl{0%{right:-20%;opacity:0}12%,82%{opacity:.48}to{right:115%;opacity:0}}@keyframes time-circuit-sweep-tb{0%{top:-20%;opacity:0}12%,82%{opacity:.48}to{top:115%;opacity:0}}@keyframes time-circuit-sweep-bt{0%{bottom:-20%;opacity:0}12%,82%{opacity:.48}to{bottom:115%;opacity:0}}@keyframes time-circuit-emp-wave{0%{opacity:0;transform:translate(-50%,-50%) scale(.08)}8%{opacity:.92}72%{opacity:.62}to{opacity:0;transform:translate(-50%,-50%) scale(15)}}@keyframes time-circuit-emp-ripple{0%{opacity:0;transform:scale(.12)}12%{opacity:.75}to{opacity:0;transform:scale(1.18)}}@media(max-width:720px){.page{gap:var(--space-4);padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.home-layout{grid-template-columns:1fr}.create-panel{position:static;order:-1}.profile-link small{display:none}.app-header h1{font-size:2.5rem}.empty-state{padding:var(--space-5) var(--space-3)}.play{gap:.75rem}.playhead strong{font-size:1.45rem}.tracepreview{min-height:1.35em}.lobby-hero{grid-template-columns:auto minmax(0,1fr)}.lobby-hero .primary-action{grid-column:1 / -1}.player-grid,.theme-grid{grid-template-columns:1fr}.turn-banner{align-items:stretch;flex-direction:column}.play-link{width:100%}.live-game-page{padding-inline:.75rem;gap:1rem}.live-lobby{padding:1rem}.live-actions{grid-template-columns:1fr}.live-player{grid-template-columns:auto minmax(0,1fr)}.live-player small{grid-column:2;margin-top:-.45rem}.live-game-page .player-grid{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.live-game-page .player-card{min-width:180px}.live-countdown strong{font-size:min(58vw,10rem)}}@media(max-width:390px){.choice small{display:none}.create-card{padding:1rem}.match-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.match-settings fieldset:last-child:nth-child(3){grid-column:1 / -1}.sound-settings{align-items:stretch;flex-direction:column}.sound-settings .secondary-action{width:100%}html[data-theme=time-circuit] body{background-attachment:scroll}.game-size{width:46px;height:46px;flex-basis:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.time-circuit-electricity{display:none}.cosmic-buddy{animation:none}.cosmic-ufo,.heroic-scene{display:none}}@media(display-mode:standalone){.page{padding-top:max(1.5rem,env(safe-area-inset-top))}}.results-page{max-width:1120px}.results-reveal{display:flex;align-items:center;gap:.85rem;width:min(100%,680px);margin:calc(var(--space-3) * -1) auto 0;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--color-accent, #3d5a80) 32%,var(--line));border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface, #fff) 92%,transparent);box-shadow:var(--shadow-sm)}.results-reveal.complete{border-color:color-mix(in srgb,var(--color-tile-selected, #ffd166) 55%,var(--line))}.results-reveal-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--color-accent, #3d5a80) 14%,var(--color-surface, #fff));font-size:1.3rem}.results-reveal strong{display:block;color:var(--color-accent, #3d5a80)}.results-reveal p{margin-top:.1rem;font-size:.88rem;opacity:.68}.results-content{display:grid;gap:var(--space-5);min-width:0}.results-detail{display:grid;align-content:start;gap:var(--space-5);min-width:0}.results-focus{position:sticky;top:.5rem;z-index:2;padding:.55rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-app-bg, #eee) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.results-board{width:min(100%,440px);max-width:440px;aspect-ratio:1;flex:none;margin:0 auto}.results-board .board{display:block;width:100%;height:100%;aspect-ratio:1}.results-selected{animation:results-tile-cycle 3s ease-out 10 both}.results-board .results-path{stroke-dasharray:1600;animation:results-path-cycle 3s ease-out 10 both}.result-word{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:inherit;font:inherit;padding:.15rem 0;cursor:pointer;text-align:left}.result-word small{opacity:.62}.result-word.canceled{opacity:.58}.result-word.canceled>span{text-decoration:line-through}.selected-result-word .result-word{color:var(--color-accent, #3d5a80);font-weight:800}.definition-focus{width:min(100%,440px);height:132px;overflow:auto;margin:.6rem auto 0;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--color-accent, #3d5a80) 45%,var(--line));border-radius:var(--radius-md);background:var(--color-surface, #fff);color:var(--color-surface-text, #111);box-shadow:var(--shadow-sm)}.definition-focus.is-idle{border-style:dashed;opacity:.82}.definition-focus strong{color:var(--color-accent, #3d5a80);font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}.definition-focus p{margin:.3rem 0 0;font-size:1rem;line-height:1.5}@keyframes results-tile-cycle{0%{opacity:.45;transform:scale(.85)}12%{opacity:1;transform:scale(1.04)}22%,to{opacity:1;transform:scale(1)}}@keyframes results-path-cycle{0%{stroke-dashoffset:1600;opacity:0}4%{opacity:1}38%,to{stroke-dashoffset:0;opacity:1}}@media(max-width:1024px){.home-layout{grid-template-columns:1fr}.create-panel{position:static;order:-1}.home-layout.setup-open .game-groups{display:none}.home-layout.setup-open .create-panel{width:min(100%,720px);margin-inline:auto}.player-grid{grid-template-columns:1fr}.results-content{gap:var(--space-4)}}@media(min-width:1100px){.results-content{grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem)}.results-grid{grid-template-columns:1fr}}@media(min-width:721px)and (max-height:900px){.home-layout.setup-open{grid-template-columns:1fr}.home-layout.setup-open .game-groups{display:none}.home-layout.setup-open .create-panel{position:static;width:min(100%,760px);margin-inline:auto}.home-layout.setup-open .create-card{gap:1rem;padding:1.2rem 1.35rem}.home-layout.setup-open .create-card>.primary-action{position:sticky;bottom:max(.5rem,env(safe-area-inset-bottom));z-index:3}.play .board-shell{width:min(100%,calc(100dvh - 17rem))}.results-content{grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem)}.results-focus{top:max(.5rem,env(safe-area-inset-top))}.results-grid{grid-template-columns:1fr}}