:root{color-scheme:light;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;--color-black: #000000;--color-light: #f5f5f7;--color-text: #1d1d1f;--color-blue: #0071e3;--color-blue-bright: #2997ff;--color-white: #ffffff;--color-muted: rgba(0, 0, 0, .8);--shadow-card: rgba(0, 0, 0, .22) 3px 5px 30px 0px;--radius-card: 12px;--radius-pill: 980px;--topbar-height: 48px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-light);color:var(--color-text)}button,input{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}.boot-screen,.app-shell{min-height:100vh}.boot-screen{display:grid;place-items:center;background:var(--color-black);color:var(--color-white)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:0 20px;background:#000c;color:var(--color-white);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.brand-link,.topnav button{border:0;background:transparent;color:inherit}.brand-link{display:inline-flex;align-items:center;min-height:40px;padding:0}.brand-logo{width:auto;height:28px;max-width:min(38vw,210px)}.topnav{display:flex;gap:18px}.topnav button,.language-switcher .chip{font-size:12px;line-height:1.33;letter-spacing:-.12px}.language-switcher,.filter-row,.cta-row,.tool-actions{display:flex;flex-wrap:wrap;gap:10px}.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.hero-section,.feature-section{padding:24px 20px 28px}.hero-section.dark,.feature-section.dark{background:var(--color-black);color:var(--color-white)}.hero-section.light,.feature-section.light{background:var(--color-light);color:var(--color-text)}.section-inner{width:min(100%,1080px);margin:0 auto}.hero-layout{display:grid;gap:20px;align-content:center;min-height:calc(100dvh - var(--topbar-height) - 48px)}.hero-layout--single-screen{min-height:calc(100dvh - var(--topbar-height) - 48px);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:stretch}.hero-copy-column,.hero-side-grid{min-height:0}.hero-copy-column{display:grid;align-content:center;gap:18px}.hero-side-grid{display:grid;gap:16px}.home-screen{min-height:calc(100dvh - var(--topbar-height))}.split-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:center}.feature-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-tile{border-radius:22px;background:#ffffffe6;color:var(--color-text);box-shadow:#00000024 0 18px 48px -28px;min-height:160px;padding:20px;display:grid;align-content:space-between}.feature-tile--large{min-height:0;gap:12px;align-content:start;background:#ffffff24;color:var(--color-white);box-shadow:none;border:1px solid rgba(255,255,255,.1)}.feature-tile--mode{border:0;text-align:left;gap:10px;align-content:start}.feature-tile strong{font-family:SF Pro Display,SF Pro Text,sans-serif;font-size:28px;line-height:1.14;letter-spacing:-.28px}.feature-tile--mode strong{max-width:10ch}.feature-tile--mode p{color:#000000c7}.feature-tile--large .button.pill{color:var(--color-white);border-color:#ffffff52}.feature-tip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);background:#0071e31a;color:var(--color-blue);font-size:12px;line-height:1.33;letter-spacing:-.12px}.eyebrow,.tile-label{margin:0;color:inherit;opacity:.72;font-size:14px;line-height:1.29;letter-spacing:-.224px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:SF Pro Display,SF Pro Text,sans-serif}h1{font-size:clamp(38px,6vw,54px);line-height:1.07;font-weight:600;letter-spacing:-.28px;max-width:12ch}h2{font-size:clamp(32px,5vw,40px);line-height:1.1;font-weight:600}h3{font-size:28px;line-height:1.14;font-weight:400}p{font-size:16px;line-height:1.42;letter-spacing:-.374px}.hero-copy{max-width:34rem}.button,.chip{border:1px solid transparent;transition:background-color .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.button{min-height:44px;padding:8px 16px;border-radius:8px}.button.primary{background:var(--color-blue);color:var(--color-white)}.button.secondary{background:var(--color-text);color:var(--color-white)}.button.pill,.chip{border-radius:var(--radius-pill)}.button.pill{background:transparent;color:var(--color-blue);border-color:var(--color-blue)}.button.ghost,.chip{background:#fafafc;color:var(--color-muted);border-color:#0000000f}.button.ghost.is-liked,.chip.is-active{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-white)}.round-layout{display:grid;gap:18px}.round-layout--screen{min-height:calc(100dvh - var(--topbar-height) - 48px);grid-template-rows:auto auto auto minmax(0,1fr)}.loading-meter{display:grid;gap:6px}.loading-meter__track{height:8px;border-radius:var(--radius-pill);background:#00000014;overflow:hidden}.loading-meter__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#0071e3,#67a7f8);transition:width .32s ease}.loading-meter__label{font-size:14px;line-height:1.29;letter-spacing:-.224px;color:#000000b8}.hud-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 12px;border-radius:16px;background:#ffffff14;color:inherit;box-shadow:inset 0 0 0 1px #ffffff14}.feature-section.light .hud-panel{background:#ffffffb8;color:var(--color-text);box-shadow:inset 0 0 0 1px #0000000f}.hud-stat{display:grid;gap:6px}.hud-stat span{font-size:12px;line-height:1.33;letter-spacing:-.12px;opacity:.72}.hud-stat strong{font-family:SF Pro Display,SF Pro Text,sans-serif;font-size:20px;line-height:1.12}.round-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:end}.timer-pill{display:grid;gap:4px;padding:14px 18px;border-radius:var(--radius-pill);background:#ffffff1a}.feature-section.light .timer-pill{background:#0000000d}.round-card,.result-panel{min-height:0;padding:18px;display:grid;gap:14px;overflow:hidden;border-radius:24px;background:#fffffff0;color:var(--color-text);box-shadow:#00000029 0 24px 72px -36px}.round-card--play,.round-card--guess,.round-card--loading,.result-panel{align-content:start}.round-stage-banner{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:#0071e30f}.round-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px}.board-shell{display:grid;gap:10px;min-height:0}.board-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:0 2px;color:#000000b3;font-size:14px}.drawing-board,.svg-stage{width:100%;border-radius:24px;background:var(--color-white);box-shadow:inset 0 0 0 1px #0000000f}.drawing-board{aspect-ratio:4 / 3;max-height:min(42vh,480px);touch-action:none}.svg-stage{min-height:0;height:min(28vh,280px);padding:12px;display:grid;place-items:center;overflow:visible}.svg-pair-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.svg-card{display:grid;gap:10px;min-height:0}.svg-card .svg-stage{height:min(30vh,300px)}.svg-card__meta,.ai-commentary{border-radius:12px;background:#ffffffc7;box-shadow:inset 0 0 0 1px #0000000d}.svg-card__meta{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;font-size:14px;line-height:1.29}.round-note{color:#000000b8;font-size:14px;line-height:1.4}.round-notice{padding:10px 12px;border-radius:14px;background:#0071e314;color:var(--color-blue);font-size:14px;line-height:1.45}.ai-commentary{display:grid;gap:8px;padding:12px 14px}.ai-commentary span{font-size:12px;line-height:1.33;letter-spacing:-.12px;opacity:.72}.ai-commentary strong{font-size:20px;line-height:1.2}.loading-stage,.loading-board,.loading-svg-pair,.loading-svg-card{min-height:0}.loading-stage--board,.loading-stage--svg{display:grid}.loading-board{display:grid;gap:10px}.loading-board__toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.loading-svg-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.loading-svg-card{display:grid;gap:10px}.loading-surface,.skeleton-line,.skeleton-chip{position:relative;overflow:hidden;background:#ffffff1f}.loading-surface:after,.skeleton-line:after,.skeleton-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:shimmer 1.5s infinite}.loading-surface{border-radius:16px;min-height:min(34vh,320px);box-shadow:inset 0 0 0 1px #ffffff14}.skeleton-line{display:inline-block;height:14px;border-radius:999px}.skeleton-line.short{width:38%}.skeleton-chip{width:72px;height:28px;border-radius:var(--radius-pill)}.svg-stage svg,.gallery-svg svg,.result-stage__surface--svg svg{width:100%;height:100%;max-width:100%;max-height:100%;display:block}@keyframes shimmer{to{transform:translate(100%)}}.guess-row{display:grid;gap:8px}.guess-input{width:100%;min-height:44px;padding:0 16px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fffffff5}.guess-feedback{padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45}.guess-feedback--wrong{background:#ff3b3014;color:#8b0000;box-shadow:inset 0 0 0 1px #ff3b301f}.guess-feedback--help{display:grid;gap:6px;background:#0071e31f;color:var(--color-blue);box-shadow:inset 0 0 0 1px #0071e329}.guess-feedback--help strong{font-size:15px;line-height:1.4}.guess-feedback--help span{color:#0071e3d1}.round-stage-banner--error{background:#ff3b3014;color:#8b0000}.result-hero{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:20px;align-items:start}.result-hero--compare{grid-template-columns:1fr}.result-hero__copy{display:grid;gap:12px;align-content:start}.result-tag{display:inline-flex;justify-self:start;align-items:center;min-height:30px;padding:0 12px;border-radius:var(--radius-pill);background:#0071e314;color:var(--color-blue);font-size:13px;line-height:1.2;letter-spacing:-.12px}.result-summary{font-size:19px;line-height:1.34;letter-spacing:-.32px}.result-hint{color:#000000a3}.result-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.result-stage--compare{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.result-stage__primary,.result-stage__secondary,.result-stage__card{display:grid;gap:10px}.result-stage__primary{min-height:0}.result-stage__primary--drawing .result-stage__surface{padding:14px}.result-stage__label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#000000a6}.result-stage__surface{border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #0000000f}.result-stage__surface--svg{min-height:min(38vh,360px);padding:18px;display:grid;place-items:center}.result-stage__image{width:100%;aspect-ratio:4 / 3;object-fit:contain;border-radius:24px;background:#fff}.result-stage__empty{aspect-ratio:4 / 3}.result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-meta__row,.result-commentary{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#00000009}.result-meta__row span,.result-commentary span{font-size:12px;line-height:1.33;letter-spacing:-.12px;opacity:.66}.result-meta__row strong{font-size:18px;line-height:1.2}.result-commentary strong{font-size:16px;line-height:1.5}.result-commentary{grid-column:1 / -1}.result-actions{justify-content:flex-start}.round-action-rail{display:grid;gap:10px}.round-action-rail__buttons{align-items:stretch}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.gallery-card{border-radius:22px;background:#ffffffeb;box-shadow:#00000024 0 18px 48px -28px;overflow:hidden}.gallery-media{aspect-ratio:1 / 1;background:var(--color-light)}.gallery-media img,.gallery-svg{width:100%;height:100%}.gallery-media img{object-fit:cover}.gallery-svg{display:grid;place-items:center;padding:10px}.gallery-body{padding:18px;display:grid;gap:14px}.gallery-copy{display:grid;gap:10px;min-width:0}.gallery-commentary{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:#00000009;box-shadow:inset 0 0 0 1px #0000000d}.gallery-commentary span{font-size:12px;line-height:1.33;letter-spacing:-.12px;opacity:.72}.gallery-commentary strong{font-size:15px;line-height:1.45;font-weight:600;word-break:break-word}.gallery-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.gallery-badge{display:inline-flex;margin:6px 0 10px;padding:4px 10px;border-radius:var(--radius-pill);background:#0071e31a;color:var(--color-blue);font-size:12px;line-height:1.33;letter-spacing:-.12px}.error-banner{padding:14px 16px;border-radius:16px;background:#ff3b3014;color:#8b0000}@media (max-width: 1023px){:root{--topbar-height: 64px}.hero-layout--single-screen{grid-template-columns:1fr}.home-screen,.round-layout--screen{min-height:auto}.hud-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.result-hero{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card-grid,.loading-svg-pair,.svg-pair-stage,.result-stage--compare{grid-template-columns:1fr}.svg-card .svg-stage{height:min(28vh,280px)}.topbar{flex-wrap:wrap;padding:12px 20px}.topbar-actions{width:100%;justify-content:space-between}.brand-logo{height:26px}}@media (max-width: 640px){.hero-section,.feature-section{padding:18px 16px 24px}.feature-card-grid,.hud-panel,.result-meta,.loading-svg-pair,.gallery-grid{grid-template-columns:1fr}.feature-tile--mode strong{max-width:none}.hero-layout,.hero-layout--single-screen,.round-layout--screen{min-height:auto}.round-card,.result-panel{overflow:visible;padding:16px}.drawing-board{max-height:min(34vh,320px)}.svg-stage,.svg-card .svg-stage{height:auto;min-height:180px}.round-stage-banner{padding:8px 10px}.hud-panel{gap:8px;padding:8px 10px}.hud-stat strong{font-size:18px}.campaign-inline-panel{gap:8px;padding:14px;margin-bottom:12px}.gallery-body,.round-meta{flex-direction:column;align-items:flex-start}.gallery-actions{width:100%;justify-content:flex-start}.board-toolbar{align-items:flex-start}.result-summary{font-size:17px}.result-stage__surface--svg{min-height:280px;padding:14px}.cta-row.result-actions,.cta-row{width:100%}.cta-row>.button{flex:1 1 calc(50% - 10px);min-width:0}.round-action-rail__buttons>.button.primary{flex-basis:100%}.brand-logo{height:24px;max-width:min(52vw,190px)}}.hero-score,.mode-progress-inline,.campaign-stats,.leaderboard-row,.nickname-form{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-score{margin-top:12px;padding:14px 16px;border-radius:20px;background:#ffffff14}.hero-score strong,.mode-progress-inline strong,.campaign-card h2{font-size:1.6rem}.mode-progress-inline{width:100%;margin-top:8px}.campaign-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.campaign-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.campaign-card,.leaderboard-panel,.campaign-inline-panel{border-radius:28px;background:#ffffffe0;border:1px solid rgba(29,29,31,.08);padding:20px}.campaign-stats{margin:16px 0;flex-wrap:wrap;justify-content:flex-start}.campaign-stats span{padding:8px 12px;border-radius:999px;background:#0f172a0f}.leaderboard-panel__header{display:grid;gap:16px;margin-bottom:18px}.nickname-form{flex-wrap:wrap;justify-content:flex-start}.nickname-form label{width:100%;font-size:.9rem;color:#1d1d1fad}.nickname-form .guess-input{max-width:260px}.leaderboard-list{display:grid;gap:10px}.leaderboard-row{padding:12px 14px;border-radius:18px;background:#0f172a0a;grid-template-columns:48px 1fr auto auto;display:grid}.campaign-inline-panel{display:grid;gap:12px;margin-bottom:16px}.level-chip-row{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 1023px){.campaign-overview-grid,.campaign-cards{grid-template-columns:1fr}}@media (max-width: 640px){.leaderboard-row{grid-template-columns:36px 1fr auto}.leaderboard-row span:last-child{display:none}}