@import "https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Nunito:wght@400;600;700;800&display=swap";:root{--bg:#f5f3ef;--surface:#fff;--text:#2d2a32;--muted:#7a7585;--pink:#fce8ec;--pink-active:#f9d0da;--ruby-blue:#4a9fd4;--ruby-blue-dark:#2d7eb5;--ruby-blue-text:#1a5270;--ruby-blue-link:#2563eb;--accent-purple:#8b6fd4;--red:#e84b4b;--green:#4bc48b;--answer-blue:#2563eb;--answer-orange:#ea580c;--answer-purple:#7c3aed;--answer-yellow:#eab308;--answer-yellow-text:#3d3520;--border-subtle:#0000000a;--border:#eee;--input-border:#e8e4ec;--timer-track:#ece8f0;--dev-border:#e8c4c4;--shadow:0 4px 24px #2d2a3214;--radius:20px;--radius-sm:12px;--nav-width:220px;--sidebar-width:300px;--safe-bottom:env(safe-area-inset-bottom,0px);--font-nav:"Gloria Hallelujah", "Comic Sans MS", cursive}[data-theme=dark]{--bg:#14121a;--surface:#211f28;--text:#f2f0f5;--muted:#a39dad;--pink:#3a2830;--pink-active:#4a3340;--ruby-blue:#6bb8e8;--ruby-blue-dark:#4a9fd4;--ruby-blue-text:#9bd8f5;--ruby-blue-link:#93c5fd;--accent-purple:#a88ee8;--red:#f06a6a;--green:#5ed4a0;--answer-blue:#3b82f6;--answer-orange:#f97316;--answer-purple:#a78bfa;--answer-yellow:#facc15;--answer-yellow-text:#422006;--border-subtle:#ffffff0f;--border:#322f3a;--input-border:#3a3644;--timer-track:#2e2b36;--dev-border:#5a3840;--shadow:0 4px 24px #00000059}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Nunito,system-ui,sans-serif}a{text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.app-shell{grid-template-columns:var(--nav-width) 1fr var(--sidebar-width);grid-template-rows:auto 1fr;gap:0;min-height:100%;display:grid}.app-header{background:var(--surface);box-shadow:var(--shadow);z-index:10;grid-column:1/-1;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo-img{object-fit:contain;flex-shrink:0;width:64px;height:64px}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-title{color:var(--ruby-blue-text);letter-spacing:.02em;text-transform:uppercase;font-size:1.5rem;font-weight:800;line-height:1.1}.brand-version{color:var(--muted);letter-spacing:.06em;font-size:.75rem;font-weight:700}.header-stats{align-items:center;gap:20px;display:flex}.stat-pill{align-items:center;gap:6px;font-size:1rem;font-weight:700;display:flex}.live-queue-pill{color:var(--ruby-blue);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800}.live-queue-pill:active{opacity:.7}.live-queue-modal-backdrop{z-index:200;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.live-queue-modal{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;padding:24px}.live-queue-modal-title{margin:0 0 6px;font-size:1.1rem;font-weight:800;line-height:1.3}.live-queue-modal-desc{color:var(--muted);margin:0 0 20px}.live-queue-modal-actions{gap:12px;display:flex}.live-queue-modal-actions>*{flex:1}.nav-sidebar{background:var(--surface);border-right:1px solid var(--border-subtle);padding:16px 12px}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text);background:0 0;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.nav-item.active{background:var(--pink-active)}.nav-item.disabled,.mobile-nav a.disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.banner-done{background:var(--pink);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-weight:700}.play-section-title{margin:0 0 8px;font-size:1.35rem;font-weight:800}.daily-reward-card{margin-bottom:24px}.daily-reward-card--claimable{border:2px solid var(--accent-purple);background:linear-gradient(180deg, var(--pink) 0%, var(--surface) 48%)}.daily-reward-track{gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex;overflow-x:auto}.daily-reward-day{text-align:center;background:var(--timer-track);border-radius:8px;flex:1;min-width:40px;padding:8px 4px;font-size:.7rem;font-weight:700}.daily-reward-day.done{background:var(--pink-active);opacity:.7}.daily-reward-day.current{background:var(--accent-purple);color:#fff;box-shadow:0 2px 8px #8b6fd459}.daily-reward-day-num{opacity:.85;font-size:.65rem;display:block}.daily-reward-day-amt{font-size:.75rem;display:block}.daily-reward-claimed-msg{color:var(--accent-purple);margin:0;font-size:1.1rem;font-weight:800}.stat-pill-gift{animation:1.5s ease-in-out infinite gift-pulse}@keyframes answer-correct-flash{0%{filter:brightness(1.5);transform:scale(1.03)}to{filter:brightness(1.1);transform:scale(1)}}@keyframes answer-wrong-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes gift-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.play-section-featured{border:2px solid var(--ruby-blue);box-shadow:var(--shadow)}.play-section-featured .play-section-title{font-size:1.5rem}.play-section-practice{margin-bottom:32px}.play-section-practice .page-title,.play-section-practice .play-section-title{color:var(--muted);font-size:1.15rem;font-weight:700}.multiplayer-inbox{margin-bottom:24px}.multiplayer-inbox-alert{border-radius:var(--radius-sm);background:var(--pink);margin:0 0 12px;padding:12px 14px;font-weight:700}.challenge-inbox-card{margin-bottom:12px;padding:16px}.challenge-inbox-card--muted{opacity:.92}.challenge-inbox-title{margin:0 0 12px;font-weight:700;line-height:1.4}.challenge-inbox-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.multiplayer-inbox-subhead{color:var(--muted);margin:20px 0 12px;font-size:1rem;font-weight:800}.feedback-explanation{border-radius:var(--radius-sm);background:var(--surface-2,#0000000a);color:var(--text);text-align:left;margin:12px 0 0;padding:12px 14px;font-size:.95rem;font-weight:600;line-height:1.45}.challenge-result-card{text-align:center}.challenge-result-label{color:var(--muted);margin:0 0 8px;font-size:.9rem;font-weight:700}.live-room-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.live-room-list-item{color:inherit;flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}.live-room-list-status{text-transform:uppercase;color:var(--ruby-blue);font-size:.75rem;font-weight:800}.live-room-panel{margin-top:16px;padding:20px}.live-queue-waiting .loading-screen{min-height:auto;padding:1rem 0}.live-room-panel--center{text-align:center}.live-room-countdown{margin:24px 0;font-size:1.5rem;font-weight:800}.live-scoreboard{margin-bottom:16px;padding:16px}.live-scoreboard-title{margin:0 0 12px;font-size:1rem;font-weight:800}.live-scoreboard-list{margin:0;padding:0;list-style:none}.live-scoreboard-list li{border-bottom:1px solid var(--border,#eee);align-items:center;gap:10px;padding:8px 0;font-weight:700;display:flex}.live-scoreboard-list li:last-child{border-bottom:none}.live-scoreboard-you{color:var(--ruby-blue)}.live-scoreboard-timed-out{opacity:.55}.live-room-timed-out-msg{color:var(--red);font-weight:700}.live-scoreboard-rank{width:1.5rem;color:var(--muted)}.live-scoreboard-pts{margin-left:auto;font-weight:800}.challenge-result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.challenge-result-headline{margin:0 0 20px;font-size:1.75rem;font-weight:800}.challenge-scoreboard{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.challenge-score-col{border-radius:var(--radius-sm);background:var(--timer-track);flex:1;min-width:120px;padding:16px}.challenge-score-col.winner{background:var(--pink-active);outline:2px solid var(--accent-purple)}.challenge-score-name{margin-bottom:6px;font-weight:700;display:block}.challenge-score-value{font-size:1.75rem;font-weight:800;display:block}.challenge-score-meta{color:var(--muted);margin-top:4px;font-size:.8rem;font-weight:600;display:block}.challenge-score-vs{color:var(--muted);font-weight:800}.nav-badge{background:var(--red);color:#fff;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:6px;padding:0 5px;font-size:.7rem;font-weight:800;display:inline-flex}.mobile-nav .nav-badge{margin:0;position:absolute;top:2px;right:2px}@media (width<=900px){.play-section-practice{margin-bottom:calc(24px + var(--safe-bottom))}}.btn-danger{background:var(--red);color:#fff;border-radius:var(--radius-sm);padding:12px 20px;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out;box-shadow:0 3px #b83232}.btn-danger:active{transform:translateY(2px);box-shadow:0 1px #b83232}.splash-page{min-height:100vh;padding:24px 20px calc(32px + var(--safe-bottom));justify-content:center;align-items:center;display:flex}.welcome-flow{min-height:100vh;position:relative}.brand-intro{z-index:20;opacity:0;pointer-events:none;background:#0a1628;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}.brand-intro.visible{opacity:1}.brand-intro img{object-fit:cover;width:100%;height:100%}.welcome-splash-layer{opacity:0;pointer-events:none;transition:opacity .7s}.welcome-splash-layer.visible{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.brand-intro,.welcome-splash-layer{transition:none}}.splash-inner{width:100%;max-width:480px}.splash-hero{text-align:center;margin-bottom:32px}.splash-logo{width:72px;height:72px;margin:0 auto 16px;font-size:36px}.splash-title{color:var(--ruby-blue-text);letter-spacing:.02em;text-transform:uppercase;margin:0 0 4px;font-size:2rem;font-weight:800}.splash-version{margin:0 0 12px}.splash-tagline{color:var(--muted);margin:0;font-size:1.1rem;font-weight:600;line-height:1.5}.splash-highlights{flex-direction:column;gap:16px;margin:0 0 32px;padding:0;list-style:none;display:flex}.splash-highlight{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.splash-highlight-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.splash-highlight-title{margin-bottom:4px;font-size:1rem;font-weight:800;display:block}.splash-highlight-desc{color:var(--muted);margin:0;font-size:.9rem;font-weight:600;line-height:1.45}.splash-actions{flex-direction:column;gap:12px;display:flex}.splash-cta{text-align:center;text-decoration:none;display:block}.splash-guest-link{text-align:center;color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none;display:block}.guest-play-page{justify-content:center;min-height:100vh;padding:24px 16px 40px;display:flex}.guest-play-inner{width:100%;max-width:480px}.guest-play-header{text-align:center;margin-bottom:24px}.guest-play-logo{width:64px;height:64px;margin:0 auto 12px;font-size:32px}.guest-play-subtitle{color:var(--muted);margin:8px 0 0;font-weight:600}.guest-play-error{color:var(--red);margin-bottom:16px;font-weight:700}.display-name-rename-notice{border:1px solid color-mix(in srgb, var(--ruby-blue) 35%, transparent);background:color-mix(in srgb, var(--ruby-blue) 10%, var(--card));border-radius:12px;margin-bottom:16px;padding:12px 14px}.display-name-rename-title{margin:0 0 4px;font-weight:700}.display-name-rename-detail{color:var(--muted);margin:0;font-size:.92rem}.guest-play-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.guest-play-muted-link{text-align:center;color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none;display:block}.guest-results-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.guest-result-item{padding:16px}.guest-result-question{margin:0 0 8px;font-weight:700}.guest-result-wrong,.guest-result-correct,.guest-result-explanation{margin:4px 0 0;font-size:.9rem}.guest-result-wrong{color:var(--red)}.guest-result-correct{color:var(--ruby-blue);font-weight:700}.guest-result-explanation{color:var(--muted)}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:100%;max-width:420px}.auth-card a{color:var(--ruby-blue-link);font-weight:700;text-decoration:none}.dev-panel{border:2px dashed var(--dev-border)}.nav-icon{text-align:center;width:24px;font-size:1.2rem}.main-content{padding:24px;overflow-y:auto}.right-sidebar{background:var(--surface);border-left:1px solid var(--border-subtle);padding:24px 20px;overflow-y:auto}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.quiz-card h2{margin:0 0 24px;font-size:1.35rem;font-weight:800}.quiz-question{text-align:center;margin:0 0 28px;font-size:1.5rem;font-weight:700;line-height:1.4}.answer-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.answer-btn{border-radius:var(--radius-sm);color:#fff;text-align:center;will-change:transform;min-height:88px;padding:16px 20px;font-size:1rem;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .15s,opacity .15s;box-shadow:0 4px #00000026}.answer-btn:active:not(:disabled){transform:scale(.97);box-shadow:0 1px #00000026}.answer-btn:disabled{cursor:default}.answer-btn.pending{filter:brightness(.95);transform:scale(.98);box-shadow:0 1px #00000026}.answer-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.answer-btn.correct{outline-offset:2px;outline:3px solid #fff;animation:.3s ease-out forwards answer-correct-flash}.answer-btn.wrong{opacity:.55;animation:.25s ease-out answer-wrong-shake}.answer-btn.dimmed{opacity:.4}@media (prefers-reduced-motion:reduce){.answer-btn{will-change:auto;transition:filter .15s,opacity .15s}.answer-btn:active:not(:disabled){transform:none}.answer-btn.pending{filter:brightness(.95);transform:none}.answer-btn.correct,.answer-btn.wrong{animation:none}}.answer-blue{background:var(--answer-blue)}.answer-orange{background:var(--answer-orange)}.answer-purple{background:var(--answer-purple)}.answer-yellow{background:var(--answer-yellow);color:var(--answer-yellow-text)}.timer-bar-wrap{align-items:center;gap:12px;display:flex}.timer-bar{background:var(--timer-track);border-radius:999px;flex:1;height:10px;overflow:hidden}.timer-fill{background:linear-gradient(90deg, var(--accent-purple), #b49ae8);border-radius:999px;height:100%;transition:width .3s linear}.timer-num{color:var(--accent-purple);text-align:right;min-width:28px;font-weight:800}.profile-card{text-align:center;margin-bottom:24px}.profile-avatar{background:linear-gradient(135deg,#f9d0da,#e8b8c8);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 12px;font-size:2.5rem;display:flex}.profile-name{margin:0;font-size:1.25rem;font-weight:800}.profile-title{color:var(--muted);margin:4px 0 12px;font-weight:600}.level-badge{background:var(--pink);color:var(--accent-purple);border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-weight:700;display:inline-flex}.stats-row{border-top:1px solid var(--border);justify-content:space-around;gap:8px;padding-top:16px;display:flex}.stat-block{text-align:center}.stat-value{font-size:1rem;font-weight:800;display:block}.stat-label{color:var(--muted);font-size:.75rem;font-weight:600}.crew-feed h3{margin:0 0 16px;font-size:1.1rem}.crew-item{border-bottom:1px solid var(--border);gap:12px;padding:12px 0;display:flex}.crew-item:last-child{border-bottom:none}.crew-emoji{font-size:1.5rem}.crew-text{flex:1;font-size:.9rem;line-height:1.4}.crew-text strong{font-weight:700}.crew-ago{color:var(--muted);font-size:.8rem;font-weight:600}.page-title{margin:0 0 20px;font-size:1.5rem;font-weight:800}.home-tagline{color:var(--text);margin:0 0 24px;font-size:1.65rem;font-weight:800;line-height:1.3}.play-section-desc{color:var(--muted);margin:0 0 16px;font-weight:600;line-height:1.5}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width>=768px){.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.category-chip{border-radius:var(--radius-sm);background:var(--surface);min-height:96px;box-shadow:var(--shadow);text-align:center;cursor:pointer;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:.875rem;font-weight:700;transition:border-color .15s,transform 80ms ease-out,box-shadow 80ms ease-out;display:flex}.category-chip:active{transform:translateY(2px)scale(.98);box-shadow:0 1px 4px #2d2a320a}.category-chip-icon{font-size:1.75rem;line-height:1}.category-chip.selected{border-color:var(--ruby-blue)}.main-menu-header{margin-bottom:24px}.main-menu-subtitle{color:var(--muted);margin:0;font-weight:600}.game-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;display:grid}.main-menu-section{margin-bottom:32px}.main-menu-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:1rem;font-weight:800}.game-card-badge--new{background:var(--pink);color:var(--ruby-blue-text)}.game-card{border-radius:var(--radius);background:var(--surface);min-height:160px;box-shadow:var(--shadow);text-align:center;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 16px;transition:border-color .15s,transform 80ms ease-out,box-shadow 80ms ease-out;display:flex}.game-card:active{transform:translateY(2px)scale(.99);box-shadow:0 1px 6px #2d2a320d}.game-card-icon{font-size:2.5rem;line-height:1}.game-card-title{color:var(--ruby-blue-text);font-size:1.25rem;font-weight:800}.game-card-desc{color:var(--muted);font-size:.875rem;font-weight:600;line-height:1.45}.game-card--soon{opacity:.85;cursor:default;pointer-events:none;border-style:dashed}.game-card-badge{background:var(--surface-2);color:var(--muted);border-radius:999px;margin-top:8px;padding:2px 8px;font-size:.75rem;font-weight:800;display:inline-block}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-panel{width:min(100%,420px);max-height:80vh;padding:20px;overflow:auto}.friend-challenge-list{margin:16px 0 0;padding:0;list-style:none}.friend-challenge-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.local-player-list li{justify-content:flex-start}.local-player-option{cursor:pointer;align-items:center;gap:12px;width:100%;font-weight:600;display:flex}.local-player-option.disabled{opacity:.5;cursor:not-allowed}.local-player-option input{flex-shrink:0;width:20px;height:20px}.local-player-loading{justify-content:center;padding:24px 0;display:flex}.local-player-count{color:var(--muted);margin:12px 0 0;font-size:.9rem;font-weight:700}.local-player-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.local-hotseat-results{text-align:left;margin:16px 0}.local-player-indicator{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ruby-blue-text);text-align:center;margin:0 0 12px;padding:10px 14px;font-size:.9rem;font-weight:700}.timer-bar{background:var(--surface-2);border-radius:999px;height:8px;margin-bottom:12px;position:relative;overflow:hidden}.timer-bar-fill{background:var(--ruby-blue);height:100%;transition:width .25s linear}.timer-bar-label{color:var(--muted);font-size:.8rem;font-weight:700;position:absolute;top:12px;right:0}.quiz-progress,.quiz-score{margin-bottom:8px;font-weight:700}.cover-screen{text-align:center;padding:32px 24px}.main-menu-back{color:var(--muted);margin-bottom:12px;font-weight:700;text-decoration:none;display:inline-block}@media (width>=480px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.game-grid{grid-template-columns:repeat(3,minmax(0,220px));justify-content:start}}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--input-border);border-radius:var(--radius-sm);width:100%;padding:12px 14px;font-size:1rem}.form-group textarea{resize:vertical;min-height:80px}.theme-options{flex-wrap:wrap;gap:8px;display:flex}.theme-option{border-radius:var(--radius-sm);border:2px solid var(--input-border);background:var(--surface);min-width:88px;color:var(--text);box-shadow:0 2px 0 var(--input-border);flex:1;padding:12px 14px;font-size:.9rem;font-weight:700;transition:border-color .15s,background .15s,transform 80ms ease-out,box-shadow 80ms ease-out}.theme-option:active{box-shadow:0 0px 0 var(--input-border);transform:translateY(2px)}.theme-option.active{border-color:var(--ruby-blue);background:var(--pink);color:var(--ruby-blue-text)}.spinner{border:3px solid var(--pink);border-top-color:var(--ruby-blue);border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem;animation:.7s linear infinite spinner-spin;display:inline-block}.spinner-sm{border-width:2px;width:1rem;height:1rem}.spinner-lg{border-width:4px;width:2.5rem;height:2.5rem}.spinner-wrap{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.spinner-inline{flex-direction:row;display:inline-flex}.spinner-label{color:var(--muted);font-size:.95rem;font-weight:700}.loading-screen{justify-content:center;align-items:center;min-height:200px;padding:48px 24px;display:flex}.loading-overlay{background:color-mix(in srgb, var(--bg) 75%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-overlay .spinner-label{color:var(--text)}.btn-with-spinner{justify-content:center;align-items:center;gap:8px;display:inline-flex}@keyframes spinner-spin{to{transform:rotate(360deg)}}.friend-code-box{border-radius:var(--radius-sm);background:var(--pink);align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.friend-code-value{letter-spacing:.04em;color:var(--ruby-blue-text);word-break:break-all;flex:1;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:1.1rem;font-weight:800}.invite-link-label{color:var(--muted);margin:0 0 8px;font-size:.85rem;font-weight:700}.invite-link-box{border-radius:var(--radius-sm);background:var(--surface-2,var(--pink));margin-bottom:12px;padding:12px}.invite-link-value{color:var(--ruby-blue-text);word-break:break-all;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.75rem;font-weight:600;display:block}.share-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share-link-btn{font:inherit;color:var(--ruby-blue);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:none}.friend-add-row{flex-wrap:wrap;gap:8px;display:flex}.friend-add-row input{border:2px solid var(--input-border);border-radius:var(--radius-sm);flex:1;min-width:200px;padding:12px 14px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:1rem}.friends-list{margin:16px 0 0;padding:0;list-style:none}.friend-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.friend-row:last-child{border-bottom:none}.friend-row-info{flex:1;min-width:0}.friend-row-name{margin:0 0 2px;font-weight:800}.friend-row-meta{color:var(--muted);margin:0;font-size:.85rem;font-weight:600}.btn-primary{background:var(--ruby-blue);color:#fff;border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--ruby-blue-dark);padding:14px 28px;font-size:1rem;font-weight:800;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.btn-primary:active{box-shadow:0 2px 0 var(--ruby-blue-dark);transform:translateY(2px)}.btn-secondary{background:var(--pink);color:var(--text);border-radius:var(--radius-sm);box-shadow:0 3px 0 var(--pink-active);padding:12px 20px;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.btn-secondary:active{box-shadow:0 1px 0 var(--pink-active);transform:translateY(2px)}.feedback-overlay{text-align:center;flex-direction:column;justify-content:center;gap:2px;min-height:120px;display:flex}.feedback-points{color:var(--accent-purple);min-height:2.4rem;margin:0;font-size:2rem;font-weight:800}.feedback-msg{min-height:1.6rem;margin:0;font-size:1.2rem;font-weight:700}.feedback-badge-share{min-height:1.6rem}.leaderboard-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.leaderboard-tab{border-radius:var(--radius-sm);border:2px solid var(--border,#e8e8e8);background:var(--surface);color:var(--text);box-shadow:0 2px 0 var(--border,#e8e8e8);padding:10px 16px;font-size:.95rem;font-weight:700;transition:border-color .15s,background .15s,transform 80ms ease-out,box-shadow 80ms ease-out}.leaderboard-tab:active{box-shadow:0 0px 0 var(--border,#e8e8e8);transform:translateY(2px)}.leaderboard-tab.selected{border-color:var(--ruby-blue);background:var(--ruby-blue);color:#fff}.leaderboard-tab:focus-visible{outline:2px solid var(--ruby-blue);outline-offset:2px}.leaderboard-row{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:12px;margin-bottom:8px;padding:14px;display:flex}.leaderboard-rank{color:var(--accent-purple);width:32px;font-weight:800}.mobile-nav{display:none}@media (width<=1024px){.app-shell{padding-bottom:calc(64px + var(--safe-bottom));grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.nav-sidebar,.right-sidebar{display:none}.main-content{padding:16px}.mobile-nav{background:var(--surface);padding:8px 8px calc(8px + var(--safe-bottom));z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000001f}.mobile-nav a{color:var(--muted);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-size:.7rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav a>span{font-family:var(--font-nav);letter-spacing:.02em;font-size:.8rem;font-weight:400;line-height:1.1;text-decoration:none}.mobile-nav a.active{color:var(--ruby-blue-text);background:var(--pink)}.mobile-nav span:first-child{font-size:1.25rem}.mobile-nav-icon{object-fit:contain;width:32px;height:32px;display:block}.mobile-nav a.active .mobile-nav-icon{filter:drop-shadow(0 1px 3px #e879f973)}}.rush-hour-back,.rush-hour-header{margin-bottom:16px}.rush-hour-meta{color:var(--muted);margin:4px 0 0}.rush-hour-intro{color:var(--muted);margin-bottom:16px}.rush-hour-intro a{color:var(--ruby-blue-link);font-weight:700;text-decoration:none}.rush-hour-hint{color:var(--muted);text-align:center;margin-top:12px;font-size:.9rem}.rush-hour-error{color:var(--red);margin-top:12px}.rush-hour-board-wrap{touch-action:none;width:100%;max-width:480px;margin:0 auto 16px;position:relative}.rush-hour-board{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius);touch-action:none;margin:0 auto;display:grid;position:relative;box-shadow:inset 0 2px 8px #0000000f}.rush-hour-cell{box-sizing:border-box;border:1px solid #0000000f}.rush-hour-cell--exit{background:repeating-linear-gradient(90deg,#0000,#0000 4px,#dc262614 4px 8px)}.rush-hour-exit-label{right:0;top:calc(2 * var(--rh-cell,56px) + 8px);color:var(--red);letter-spacing:.05em;font-size:.65rem;font-weight:800;position:absolute}.rush-hour-vehicle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;transition:left .1s,top .1s,width .1s,height .1s,box-shadow .1s;position:absolute;box-shadow:0 2px 4px #0003}.rush-hour-vehicle.dragging{z-index:10;cursor:grabbing;transition:none;transform:scale(1.02);box-shadow:0 4px 16px #00000059}.rush-hour-vehicle--target{box-shadow:0 0 0 2px #fffc,0 2px 6px #dc262666}.rush-hour-toolbar{justify-content:center;gap:12px;margin-top:8px;display:flex}.rush-hour-tool-btn{min-width:96px;min-height:44px}.rush-hour-win-overlay{background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:var(--radius);text-align:center;z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.rush-hour-win-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:800}.rush-hour-win-points{color:var(--accent-purple);margin:0;font-size:1.25rem;font-weight:700}.rush-hour-win-par{color:var(--muted);margin:0;font-size:.95rem}.rush-hour-win-actions{flex-direction:column;gap:8px;width:100%;max-width:220px;margin-top:12px;display:flex}.rush-hour-puzzle-list{flex-direction:column;gap:12px;display:flex}.rush-hour-puzzle-card{flex-direction:row;align-items:center;gap:16px;padding:16px;display:flex}.rush-hour-puzzle-card--locked{opacity:.72}.rush-hour-puzzle-lock{background:var(--surface-2);width:72px;height:72px;box-shadow:var(--shadow);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.rush-hour-puzzle-done{color:var(--green);margin-left:8px;font-size:1rem}.rush-hour-puzzle-card-body{flex:1;min-width:0}.rush-hour-preview{box-shadow:var(--shadow);border-radius:4px;flex-shrink:0}@media (width<=480px){.rush-hour-puzzle-card{text-align:center;flex-direction:column;align-items:stretch}.rush-hour-preview{align-self:center}}.rush-hour-generate-section{background:var(--surface-2);box-shadow:var(--shadow);border-radius:12px;margin-top:32px;padding:20px}.rush-hour-gen-log{background:var(--surface-3,#0f172a);max-height:280px;color:var(--text-2,#94a3b8);scroll-behavior:smooth;border-radius:8px;margin-top:16px;padding:12px 14px;font-family:monospace;font-size:.8rem;line-height:1.6;overflow-y:auto}.rush-hour-gen-log-ok{color:#4ade80}.rush-hour-gen-log-fail{color:#f87171}:root{--wood-dark:#1f120c;--wood-mid:#3d2817;--clay-orange:#d97732;--clay-terracotta:#b85c38;--clay-mustard:#e0b34b;--clay-sage:#8fa37a;--clay-sky:#7bafd4;--clay-purple:#8b75b8;--paper-warm:#f4e8d7;--paper-cream:#efe3d1;--frame-orange:#d97732;--frame-width:6px;--clay-grain:radial-gradient(circle at 18% 22%, #ffffff29 0, transparent 28%), radial-gradient(circle at 72% 58%, #0000000f 0, transparent 24%), radial-gradient(circle at 42% 88%, #0000000a 0, transparent 22%);--clay-radius-a:28px 31px 25px 34px / 32px 24px 30px 28px;--clay-radius-b:22px 26px 24px 20px / 24px 20px 26px 22px;--clay-radius-c:18px 22px 20px 16px / 20px 18px 22px 19px}body{background:radial-gradient(ellipse 80% 60% at 50% 0%, #e878302e, transparent 60%), linear-gradient(180deg, var(--wood-dark) 0%, #120a06 100%)}.app-header{border-bottom:2px solid var(--frame-orange);background:linear-gradient(#3d2817fa,#2a1810fc);box-shadow:0 8px 32px #00000047}.brand-version{color:#ffecd28c}.stat-pill{color:var(--paper-cream);background:#fff8ee14;border:1px solid #e8783059}.nav-sidebar{background:linear-gradient(#3d2817f5,#1f120cfa);border-right:1px solid #e8783026}.nav-item{color:var(--paper-cream)}.nav-item.active{color:#fff;background:#e8783047;box-shadow:inset 0 0 0 1px #e8783073}.nav-icon-img{object-fit:contain;width:28px;height:28px;display:block}.main-content{padding:20px}.main-content .content-frame{background:var(--clay-grain), radial-gradient(circle at 30% 20%, #f6ecdd, #e7d7c2);border:var(--frame-width) solid var(--frame-orange);border-radius:var(--clay-radius-a);min-height:100%;padding:24px;box-shadow:inset 0 4px 8px #ffffff59,0 10px #82502833,0 16px 28px #0000002e}.right-sidebar{background:linear-gradient(#3d2817f5,#1f120cfa);border-left:1px solid #e8783026}.right-sidebar .card,.right-sidebar .profile-card{background:var(--paper-cream);border:3px solid var(--frame-orange)}.crew-feed h3{color:var(--paper-cream)}.crew-text{color:#ffecd2eb}.crew-text strong{color:var(--paper-cream)}.crew-ago{color:#ffecd28c}.mobile-nav{background:linear-gradient(160deg,#2a1810f7,#1f120cfa);border-top:2px solid #e8783073;box-shadow:0 -10px 28px #00000061}.mobile-nav a{color:#ffecd2a6}.mobile-nav a.active{color:#fff;background:#e8783047;box-shadow:inset 0 0 0 1px #e8783073}.mobile-nav-icon{object-fit:contain;width:28px;height:28px}.card{background:var(--clay-grain), linear-gradient(160deg, #faf3e8 0%, #f0e0ca 52%, #e5d0b4 100%);border-radius:var(--clay-radius-b);border:2px solid #ffffff80;box-shadow:inset 0 4px 6px #ffffff73,inset 0 -3px 5px #78461e1f,0 8px #82502824}.category-chip{background:var(--clay-grain), linear-gradient(160deg, #faf3e8 0%, #f0e0ca 52%, #e5d0b4 100%);border-radius:var(--clay-radius-c);border:2px solid #ffffff80;box-shadow:inset 0 4px 6px #ffffff73,inset 0 -3px 5px #78461e1f,0 6px #8250281f}.category-chip.selected{border-color:var(--clay-orange);box-shadow:inset 0 4px 6px #ffffff73,0 8px #b85c3859,0 0 0 2px #d9773259}.btn-primary{background:linear-gradient(160deg, var(--clay-orange) 0%, var(--clay-terracotta) 100%);box-shadow:inset 0 2px 4px #ffffff59,0 4px #823c1459}.btn-primary:active{box-shadow:inset 0 2px 4px #ffffff59,0 2px #823c1459}.category-grid .category-chip:nth-child(4n+2){transform:rotate(.2deg)}.category-grid .category-chip:nth-child(4n+4){transform:rotate(-.3deg)}.category-grid .category-chip.selected{transform:translateY(-2px)rotate(0)}