:root{font-family:system-ui,sans-serif;color-scheme:light dark;line-height:1.5}body{margin:0;display:flex;justify-content:center;min-width:320px}.app{width:min(720px,92vw);padding:2rem 0}.app--wide{width:min(1140px,95vw)}header{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1,h2{margin:0 0 .75rem}.room-heading{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.room-heading h1{margin-bottom:0}.status{display:flex;align-items:center;gap:.5ch}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:gray}.dot.open{background:#2ecc71}.dot.connecting{background:#f1c40f}.dot.closed{background:#e74c3c}.panel,.game{margin:1rem 0;padding:1rem;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:8px}.room-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}.join-link-input{width:100%;box-sizing:border-box;margin:.5rem 0 1rem}.copy-link-button.secondary{margin-bottom:0}.players,.events{list-style:none;padding:0;margin:.5rem 0 1rem}.players li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem 0}.players li.disconnected{opacity:.45}form{display:flex;gap:.5rem;flex-wrap:wrap}.checkbox-option{display:flex;align-items:center;gap:.4rem}.checkbox-option input{flex:0 0 auto}.onboarding-form{display:grid;gap:1rem}.onboarding-form .panel{display:grid;gap:.75rem}.field-label{font-weight:600}.form-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.link-button{padding:0;border:0;background:transparent;color:LinkText;text-decoration:underline}input,select,textarea{flex:1 1 12rem;padding:.55rem .65rem;border-radius:6px;border:1px solid gray;font:inherit}textarea{width:100%;min-height:5.5rem;box-sizing:border-box;resize:vertical}.code-input{flex:0 0 6rem;text-transform:uppercase}button{padding:.55rem 1rem;border-radius:6px;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.secondary{margin-bottom:1rem}.room-actions{display:flex;gap:.5rem;flex-wrap:wrap}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#0000008c}.confirm-dialog{width:min(28rem,100%);box-sizing:border-box;padding:1.25rem;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:8px;background:Canvas;color:CanvasText;box-shadow:0 1rem 3rem #00000059}.confirm-dialog p{margin:0 0 1.25rem}.confirm-dialog-message{margin-bottom:1.25rem}.confirm-dialog-warning{border-top:6px solid #d58a00}.confirm-dialog-actions .button-warning{border-color:#8a5100;background:#9a5b00}.confirm-dialog-actions .button-warning:hover:not(:disabled){background:#754400}.confirm-dialog-danger{border-top:6px solid var(--coral)}.confirm-dialog-actions .button-danger{border-color:#9c3328;background:#b64035}.confirm-dialog-actions .button-danger:hover:not(:disabled){background:#92342c}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.confirm-dialog-actions .secondary{margin-bottom:0}.avatar{width:var(--avatar-size);height:var(--avatar-size);flex:0 0 var(--avatar-size);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:calc(var(--avatar-size) * .58);line-height:1}.player-identity{min-width:0;display:inline-flex;align-items:center;gap:.55rem}.player-identity>span:last-child{overflow-wrap:anywhere}.avatar-picker{display:grid;gap:1rem}.avatar-picker-summary{display:flex;align-items:center;gap:1rem}.avatar-picker-actions{min-width:0}.avatar-picker-actions h2{margin-bottom:.5rem}.avatar-customizer{display:grid;gap:.75rem}.error{color:#c0392b;font-weight:600}.drawing-game{padding:1rem}.drawing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);gap:1rem;align-items:start}.drawing-main{min-width:0}.turn-status{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.75rem}.eyebrow{margin:0;font-size:.8rem;text-transform:uppercase;opacity:.7}.masked-word{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em}.timer{flex:0 0 auto;font-size:1.35rem}.drawing-board{display:grid;gap:.75rem}.drawing-canvas{width:100%;aspect-ratio:4 / 3;display:block;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:8px;background:#fff;touch-action:none}.drawing-tools,.language-picker,.word-options,.swatches,.widths{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.drawing-tools .secondary{margin-bottom:0}.swatch{width:2rem;height:2rem;padding:0;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}.swatch.selected,.widths .selected{outline:3px solid #3498db;outline-offset:2px}.width-button{width:2.4rem;height:2.4rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.stroke-dot{display:block;border-radius:50%;background:currentColor}.compact-panel{margin:0 0 1rem}.word-choice-bar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.guess-form{margin-top:.75rem}.drawing-scores li{align-items:center}.check{color:#2ecc71;font-weight:700}.chat-log li{overflow-wrap:anywhere;padding:.2rem 0}.chat-log .system,.muted{opacity:.75}.game-description{margin:.5rem 0 0}.final-scores{padding-left:1.5rem}.final-scores li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0}@media (max-width: 760px){.drawing-layout{grid-template-columns:1fr}}.year-review-game{display:grid;gap:1rem}.year-review-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.mood-canvas{width:100%;aspect-ratio:16 / 10;display:block;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:8px;background:#fff;touch-action:none}.year-review-tools,.mode-picker,.emoji-palette,.emoji-size-picker,.symbol-groups,.symbol-selection-tools{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.year-review-tools .secondary{margin-bottom:0}.year-review-drawing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,16rem);gap:1rem;align-items:start}.year-review-main{min-width:0;display:grid;gap:1rem}.reveal-owner{display:flex;align-items:center;gap:.75rem}.reveal-owner p{margin:.2rem 0 0}.mode-picker .selected,.emoji-palette .selected,.emoji-size-picker .selected,.symbol-groups .selected{outline:3px solid #3498db;outline-offset:2px}.emoji-palette button{width:2.4rem;height:2.4rem;padding:0;font-size:1.25rem}.symbol-groups{width:100%;flex-wrap:nowrap;overflow-x:auto;padding:.2rem .15rem}.symbol-groups button{min-height:2.75rem;white-space:nowrap}.symbol-palette{width:100%;min-width:0;padding:.6rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:8px;background:color-mix(in srgb,#3498db 7%,white)}.symbol-palette button{width:2.75rem;height:2.75rem}.symbol-selection-tools{min-height:2.5rem}.symbol-selection-tools span{color:var(--muted);font-size:.9rem}.guess-truth-game{display:grid;gap:1rem}.guess-who-game{max-width:900px;margin:0 auto}.guess-who-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.guess-who-options,.guess-who-candidates{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:1rem 0}.guess-who-candidates button{display:flex;align-items:center;gap:.65rem;justify-content:flex-start}.guess-who-candidates button[aria-pressed=true]{outline:3px solid var(--accent, #2563eb)}.anonymous-answer{font-size:clamp(1.5rem,5vw,2.5rem)}.vote-groups{display:grid;gap:.75rem}.vote-groups section{padding:.75rem;border:2px solid transparent;border-radius:.75rem}.vote-groups .correct-vote-group{border-color:#22c55e}.vote-groups .incorrect-vote-group{border-color:#ef4444}.vote-groups .player-identity{margin-right:.75rem}@media (max-width: 600px){.guess-who-header{flex-direction:column}.guess-who-options,.guess-who-candidates{grid-template-columns:1fr}}.guess-truth-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.write-timer{display:grid;justify-items:end;gap:.5rem}.host-timer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.host-timer-actions button{padding:.45rem .7rem}.ready-count{font-size:.9rem;font-weight:650}.guess-truth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,16rem);gap:1rem;align-items:start}.guess-truth-main{min-width:0;display:grid;gap:1rem}.fake-editor-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.fake-editor-header .secondary{margin-bottom:0}.fake-inputs{display:grid;gap:.75rem}.fake-inputs label{display:grid;gap:.35rem;font-weight:600}.fake-inputs input{width:100%;box-sizing:border-box}.statement-list{margin:0;padding-left:1.5rem}.statement-list li{padding:.35rem 0;overflow-wrap:anywhere}.truth-preview{font-size:1.15rem;font-weight:650}.examples-header{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.9rem;font-weight:700}.examples-header .secondary{margin-bottom:0;padding:.25rem .55rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .75rem}.suggestion-chips .secondary{margin-bottom:0}.submit-cta{width:100%;padding:.9rem 1rem;border:2px solid #1f7a3f;background:#2ecc71;color:#081b10;font-size:1.15rem;font-weight:800}.submit-cta:disabled{border-color:transparent}.submit-cta.urgent:not(:disabled){animation:submit-cta-pulse .8s ease-in-out infinite alternate}@keyframes submit-cta-pulse{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,#2ecc71 45%,transparent)}to{transform:scale(1.02);box-shadow:0 0 0 .35rem color-mix(in srgb,#2ecc71 18%,transparent)}}.interview-card{font-size:1.1rem}.interview-statements{display:grid;gap:.75rem;padding-left:0;list-style-position:inside}.interview-statements li{padding:.75rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:8px}.interview-statements button{width:100%;text-align:left}.interview-statements .truth{border-color:#2ecc71;background:color-mix(in srgb,#2ecc71 20%,transparent)}.interview-statements .wrong-guess{border-color:#e74c3c;background:color-mix(in srgb,#e74c3c 16%,transparent)}@media (max-width: 760px){.year-review-drawing-layout{grid-template-columns:1fr}.year-review-header{flex-direction:column}.guess-truth-layout{grid-template-columns:1fr}.guess-truth-header{flex-direction:column}.write-timer{justify-items:start}.host-timer-actions{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){.submit-cta.urgent:not(:disabled){animation:none;border-color:#f1c40f;background:#f1c40f;color:#1d1600}}:root{color-scheme:light;--ink:#17223b;--muted:#667085;--canvas:#fff8ec;--surface:#fffdf9;--line:#dedbd2;--primary:#6257e8;--primary-dark:#4b42c7;--primary-soft:#efedff;--coral:#ff6f61;--mint:#58d5ae;--yellow:#ffc94d;--sky:#67c7f3;--pink:#f49ac2;--shadow:0 20px 55px rgb(30 38 62 / 10%);--shadow-small:0 8px 24px rgb(30 38 62 / 8%);--control:50px;--radius:15px;--panel-radius:22px;--focus:0 0 0 4px rgb(98 87 232 / 22%);--shell:min(1180px, calc(100% - 40px) );color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{display:block;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 0 0,rgb(88 213 174 / 25%),transparent 27rem),radial-gradient(circle at 100% 12rem,rgb(255 111 97 / 18%),transparent 30rem),var(--canvas)}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--focus)}.site-shell{width:var(--shell);margin:0 auto}.site-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none;font-size:20px;font-weight:850;letter-spacing:-.03em}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:12px 12px 17px 10px;color:#fff;background:linear-gradient(135deg,var(--primary),#8e54e9);box-shadow:0 7px 14px #5556d93d;transform:rotate(-6deg)}.button{min-height:var(--control);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius);font-weight:780;text-decoration:none;transition:transform .18s ease,background .18s ease}.button-primary{color:#fff;background:var(--primary);box-shadow:0 7px 16px #5556d933}.button-primary:hover:not(:disabled){background:var(--primary-dark)}.button-secondary{margin:0;color:var(--ink);background:var(--surface);border-color:var(--line)}.button-wide{width:100%}.button:hover:not(:disabled){transform:translateY(-1px)}.eyebrow{margin:0 0 12px;color:var(--primary);opacity:1;font-size:13px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.lead{max-width:620px;color:var(--muted);font-size:clamp(18px,2vw,21px);line-height:1.6}.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:clamp(40px,7vw,90px);padding:70px 0 84px}.hero h1{margin:0 0 22px;font-size:clamp(44px,6.5vw,76px);line-height:.99;letter-spacing:-.055em}.color-pop{position:relative;z-index:0;white-space:nowrap}.color-pop:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:.03em;height:.24em;border-radius:99px;background:linear-gradient(90deg,var(--yellow),var(--coral),var(--pink));opacity:.78}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 22px}.trust-row{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:14px}.avatar-stack{display:flex}.avatar-stack i{width:30px;height:30px;display:grid;place-items:center;margin-right:-7px;border:2px solid var(--canvas);border-radius:50%;background:var(--yellow);font-style:normal}.avatar-stack i:nth-child(2){background:var(--mint)}.avatar-stack i:nth-child(3){background:#afbcff}.hero-art{position:relative;min-height:520px}.demo-window{position:absolute;top:18px;right:0;bottom:0;left:20px;overflow:hidden;border:1px solid rgb(23 34 59 / 11%);border-radius:26px;background:var(--surface);box-shadow:var(--shadow);transform:rotate(1.4deg)}.window-bar{height:48px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid var(--line);background:#fff}.window-bar i{width:9px;height:9px;border-radius:50%;background:#d7d7dc}.demo-content{display:grid;grid-template-columns:1fr 128px;gap:14px;padding:18px}.demo-canvas{position:relative;aspect-ratio:1.28;overflow:hidden;border-radius:17px;background:#eef0ff}.demo-canvas:before{content:"";position:absolute;width:125px;height:125px;left:36px;top:52px;border:12px solid var(--primary);border-left-color:transparent;border-bottom-color:transparent;border-radius:45% 55% 50% 50%;transform:rotate(-18deg)}.demo-canvas:after{content:"🚀";position:absolute;left:105px;top:80px;font-size:62px;transform:rotate(8deg)}.sketch-line{position:absolute;height:8px;border-radius:8px;background:var(--coral);transform-origin:left}.sketch-line.one{width:68px;left:65px;top:182px;transform:rotate(-8deg)}.sketch-line.two{width:50px;left:189px;top:64px;background:var(--yellow);transform:rotate(18deg)}.demo-side{display:grid;align-content:start;gap:10px}.demo-player{height:55px;display:flex;align-items:center;gap:8px;padding:8px;border-radius:13px;background:#f5f4f0;font-size:11px;font-weight:700}.demo-player b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--mint);font-size:14px}.floating-code{position:absolute;right:-15px;bottom:26px;padding:18px 22px;border:1px solid rgb(23 34 59 / 10%);border-radius:17px;background:#fff;box-shadow:var(--shadow-small);transform:rotate(-4deg)}.floating-code span{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.floating-code strong{font:850 28px ui-monospace,monospace;letter-spacing:.14em}.spark{position:absolute;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--yellow);box-shadow:var(--shadow-small);font-size:25px}.spark.one{left:-10px;top:5px;transform:rotate(-9deg)}.join-strip{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:90px;padding:28px 30px;border-radius:22px;color:#fff;background:var(--ink);box-shadow:var(--shadow)}.join-strip h2{margin:0;font-size:22px}.join-strip p{margin:5px 0 0;color:#cbd1df}.join-inline{display:flex;gap:9px}.join-inline input{width:155px;min-height:var(--control);padding:0 15px;border:1px solid #586078;border-radius:12px;color:#fff;background:#27324d;font:800 18px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.home-activities{padding-bottom:100px}.section-head{max-width:660px;margin-bottom:30px}.section-head h2{font-size:clamp(28px,4vw,42px)}.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.preview-card{overflow:hidden;border:1px solid var(--line);border-radius:21px 21px 25px 18px;background:var(--surface);box-shadow:var(--shadow-small)}.preview-copy{padding:17px}.preview-copy h3{margin:0 0 6px}.preview-copy>p:last-child{margin:0;color:var(--muted);font-size:13px}.activity-art{position:relative;overflow:hidden;aspect-ratio:16/8;background:#eceeff}.preview-card .activity-art{aspect-ratio:16/9}.art-drawing{background:linear-gradient(145deg,#dfe3ff,#f0ddff)}.art-board{position:absolute;top:20%;right:19%;bottom:20%;left:19%;display:grid;place-items:center;border:7px solid #fff;border-radius:12px;background:#fff;font-size:36px;transform:rotate(-2deg)}.art-pencil{position:absolute;width:65px;height:12px;right:9%;bottom:19%;border-radius:7px;background:var(--coral);transform:rotate(-42deg)}.art-year-review{background:linear-gradient(145deg,#d9f8ed,#e8f6c9)}.art-chart{position:absolute;top:19%;right:11%;bottom:19%;left:11%;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink)}.art-curve{position:absolute;width:75%;height:40%;left:15%;top:30%;border-top:7px solid var(--primary);border-radius:50%;transform:rotate(-5deg)}.art-moods{position:absolute;top:15%;right:10%;bottom:15%;left:10%;display:flex;justify-content:space-between;font-size:24px}.art-guess-truth{background:linear-gradient(145deg,#ffe2db,#fff0cf)}.art-statement{position:absolute;width:44%;height:25%;left:28%;border:3px solid var(--ink);border-radius:11px;background:#fff;box-shadow:5px 6px #17223b1f}.art-statement.one{top:10%;transform:rotate(-5deg)}.art-statement.two{top:39%;border-color:var(--coral);transform:rotate(4deg)}.art-statement.three{top:68%;transform:rotate(-3deg)}.art-guess-who{background:linear-gradient(145deg,#fff1b9,#ffdce9)}.art-quote{position:absolute;left:23%;top:13%;width:54%;height:48%;display:grid;place-items:center;border-radius:18px;background:#fff;color:var(--primary);font:60px Georgia}.art-faces{position:absolute;left:0;right:0;bottom:8%;text-align:center;font-size:20px}.subpage-head{max-width:680px;margin:28px auto 24px;text-align:center}.onboarding-page .subpage-head h1{margin-bottom:8px;font-size:clamp(32px,4vw,46px);line-height:1.08}.subpage-head .lead{margin-inline:auto}.onboarding-page .subpage-head .lead{line-height:1.45}.room-code-inline{font-family:ui-monospace,monospace;letter-spacing:.1em}.onboarding-card{display:grid;grid-template-columns:.9fr 1.1fr;width:min(900px,100%);margin:0 auto 50px;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:var(--shadow)}.avatar-side{padding:clamp(26px,4vw,42px);background:linear-gradient(145deg,#e5e2ff,#d9faef 60%,#fff0bd)}.avatar-side>p{color:var(--muted)}.avatar-stage{min-height:190px;display:grid;place-items:center}.avatar-stage .avatar{border:9px solid rgb(255 255 255 / 78%);box-shadow:0 18px 35px #415f7329}.avatar-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.avatar-controls .button{min-height:44px;padding:0 12px}.avatar-customizer{margin-top:16px}.emoji-palette,.swatches{justify-content:center}.emoji-palette button{border:2px solid transparent;border-radius:50%;background:#fff}.emoji-palette button.selected,.swatches .selected{outline:3px solid var(--primary);outline-offset:2px}.identity-side{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4vw,44px)}.field{display:grid;gap:8px;margin:20px 0 22px}.field label{font-weight:750}.field input,.copy-fallback input{width:100%;min-height:52px;padding:0 15px;border:1px solid #c9c7c0;border-radius:12px;color:var(--ink);background:#fff}.form-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.privacy-note{margin:18px 0 0;color:var(--muted);font-size:13px}.shell-error{width:min(900px,100%);margin:0 auto 15px;padding:12px 16px;border:1px solid #efaaa1;border-radius:12px;color:#9c3328;background:#fff0ed}.room-bar{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin:26px 0 22px;padding:20px 23px;border:1px solid var(--line);border-radius:19px;background:#fffdf9e0;box-shadow:var(--shadow-small)}.room-meta{display:flex;align-items:center;gap:18px}.room-meta h1{margin:0;font-size:21px}.room-meta p{margin:2px 0 0;color:var(--muted)}.room-code-box{padding:10px 15px;border-radius:12px 12px 16px 10px;color:#fff;background:linear-gradient(135deg,var(--primary),#8e54e9);box-shadow:4px 5px #ffc94da6;font:850 19px ui-monospace,monospace;letter-spacing:.14em}.room-buttons{display:flex;gap:9px}.room-buttons .button{min-height:42px;padding:0 15px;font-size:14px}.copy-fallback{grid-column:1/-1;display:grid;gap:6px}.connection-status{display:flex;align-items:center;gap:7px;color:var(--muted);text-transform:capitalize}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start;padding-bottom:80px}.picker-panel,.people-panel,.waiting-panel{border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--surface);box-shadow:var(--shadow-small)}.picker-panel{padding:26px}.picker-title{display:flex;align-items:end;justify-content:space-between;gap:15px}.picker-title h2{font-size:28px}.picker-title>p{color:var(--muted)}.category-filter{display:flex;gap:8px;margin:8px 0 19px;padding:4px;overflow-x:auto}.category-pill{min-height:40px;flex:none;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:#51596c;background:#fff;font-size:12px;font-weight:800}.category-pill.active{border-color:var(--primary);color:#fff;background:var(--primary)}.activity-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.activity-card{position:relative;overflow:hidden;padding:0;border:2px solid transparent;border-radius:20px 20px 24px 17px;color:var(--ink);background:#fff;text-align:left;box-shadow:inset 0 0 0 1px var(--line)}.activity-card.selected{border-color:var(--primary);box-shadow:0 0 0 4px #5556d91f}.selected-check{position:absolute;z-index:2;right:11px;top:11px;width:29px;height:29px;display:none;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:var(--primary)}.activity-card.selected .selected-check{display:grid}.card-copy{display:grid;gap:8px;padding:15px 16px 17px}.card-copy>strong{font-size:18px}.card-copy>span:not(.tags){min-height:38px;color:var(--muted);font-size:13px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 8px;border-radius:999px;color:#51596c;background:#f1f0ec;font-size:11px;font-style:normal;font-weight:750}.tag.category{color:#fff;background:var(--primary)}.people-panel{position:sticky;top:16px;overflow:hidden}.people-top{padding:22px;border-bottom:1px solid var(--line)}.people-top h2{font-size:20px}.people-top p{margin:0;color:var(--muted);font-size:13px}.people-list{display:grid;gap:2px;margin:0;padding:12px;list-style:none}.person{display:flex;align-items:center;gap:10px;padding:9px;border-radius:11px}.person.disconnected{opacity:.43}.person-name{min-width:0;flex:1;font-size:14px;font-weight:700;overflow-wrap:anywhere}.person-name small{color:var(--muted)}.host-pill{padding:3px 7px;border-radius:999px;color:var(--primary-dark);background:var(--primary-soft);font-size:10px;text-transform:uppercase}.launch{display:grid;gap:10px;padding:18px;border-top:1px solid var(--line);background:#fbfaf7}.play-along-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:4px;row-gap:0}.play-along{min-height:42px;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.play-along input{width:20px;height:20px;flex:none;accent-color:var(--primary)}.host-participation-help{flex:none}.host-info-button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:12px;color:#fff;background:transparent;line-height:1}.host-info-glyph{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--primary-dark);border-radius:50%;background:var(--primary-dark);font-family:Georgia,serif;font-size:16px;font-weight:800}.host-info-button:hover .host-info-glyph{border-color:var(--primary);background:var(--primary)}.host-info-button:focus-visible{outline:0;box-shadow:var(--focus)}.host-participation-tooltip{width:100%;max-height:0;flex:0 0 100%;margin:0;padding:0 12px;overflow:hidden;border:0 solid #c4c0ee;border-radius:12px;color:#fff;background:var(--ink);box-shadow:var(--shadow-small);opacity:0;transform:translateY(-4px);font-size:12px;font-weight:600;line-height:1.45;text-align:left;transition:max-height .18s ease,margin .18s ease,padding .18s ease,opacity .18s ease,transform .18s ease}.host-participation-help:hover+.host-participation-tooltip,.host-participation-help:focus-within+.host-participation-tooltip{max-height:180px;margin-top:6px;padding:10px 12px;border-width:1px;opacity:1;transform:translateY(0)}.eligibility{margin:0;color:var(--muted);font-size:12px}.waiting-panel{min-height:410px;display:grid;place-content:center;justify-items:center;padding:45px;text-align:center}.waiting-panel h2{font-size:clamp(32px,5vw,52px)}.waiting-spark{width:60px;height:60px;display:grid;place-items:center;margin-bottom:25px;border-radius:18px;background:var(--yellow);font-size:28px;transform:rotate(-8deg)}.waiting-avatars{display:flex}.waiting-avatars .avatar{margin-left:-7px;border:3px solid var(--surface)}.game-shell{padding-bottom:60px}.game-shell-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:20px 0;padding:18px 22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-small)}.game-title{text-align:center}.game-title .eyebrow{margin:0}.game-title h1{margin:2px 0 0;font-size:28px}.game-room{justify-self:end;margin:0;color:var(--muted)}.game-shell-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-bottom:18px}.confirm-dialog-backdrop{background:#17223ba6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-dialog{padding:28px;border-color:var(--line);border-radius:22px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow)}.confirm-dialog-actions .button{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:940px){.hero{grid-template-columns:1fr;padding-top:38px}.hero-copy{text-align:center}.hero-copy .lead{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-art{width:min(620px,100%);margin:auto}.preview-grid{grid-template-columns:repeat(2,1fr)}.lobby-layout{grid-template-columns:1fr}.people-panel{position:static}}@media (min-width:681px) and (max-height:920px){.onboarding-page .site-nav{min-height:64px}.onboarding-page .subpage-head{margin:12px auto 18px}.onboarding-page .subpage-head .eyebrow{margin-bottom:7px}.onboarding-page .subpage-head .lead{margin-top:6px;font-size:17px}.onboarding-page .onboarding-card{margin-bottom:28px}.onboarding-page .avatar-side,.onboarding-page .identity-side{padding:22px 28px}.onboarding-page .avatar-stage{min-height:160px}.onboarding-page .avatar-stage .avatar{--avatar-size:130px!important}.onboarding-page .avatar-customizer{margin-top:12px}.onboarding-page .field{margin:16px 0 18px}.onboarding-page .privacy-note{margin-top:14px}}@media (max-width:680px){:root{--shell:min(1180px, calc(100% - 26px) )}.site-nav{min-height:70px}.brand{font-size:17px}.site-nav>.button{min-height:42px;padding:0 12px}.hero{padding:38px 0 58px;gap:28px}.hero h1{font-size:45px}.hero-art{min-height:350px}.demo-window{top:10px;right:0;bottom:0;left:0}.demo-content{grid-template-columns:1fr}.demo-side{display:none}.floating-code{right:8px;bottom:4px}.spark.one{left:2px}.join-strip{grid-template-columns:1fr;padding:22px;margin-bottom:65px}.join-inline{flex-direction:column}.join-inline input{width:100%}.preview-grid,.onboarding-card{grid-template-columns:1fr}.avatar-stage{min-height:175px}.avatar-stage .avatar{--avatar-size:120px!important}.form-actions{grid-template-columns:1fr}.form-actions .button-secondary{order:2}.room-bar{grid-template-columns:1fr}.room-meta{align-items:flex-start;flex-direction:column;gap:9px}.room-buttons{width:100%;flex-wrap:wrap}.room-buttons .button{flex:1}.picker-panel{padding:18px 14px}.picker-title{align-items:flex-start;flex-direction:column}.activity-picker{grid-template-columns:1fr}.game-shell-header{grid-template-columns:1fr auto}.game-shell-header .brand{grid-column:1/-1}.game-title{text-align:left}.game-room{font-size:13px}.game-shell-actions{justify-content:stretch}.game-shell-actions .button{flex:1;padding:0 10px}.waiting-panel{padding:30px 20px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.year-review-game{max-width:1100px;margin-inline:auto}.year-review-game .mood-canvas{border-color:var(--line);border-radius:16px;box-shadow:var(--shadow-small)}.year-review-game .mood-canvas.symbol-mode{cursor:grab}.year-review-game .mood-canvas.dragging-symbol{cursor:grabbing}.year-review-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:2px}.year-review-tool-group{min-width:0;display:grid;align-content:start;gap:8px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.year-review-symbol-tools{grid-column:1/-1}.year-review-tool-label{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.year-review-game .mode-picker,.year-review-game .emoji-size-picker,.year-review-game .symbol-groups,.year-review-game .symbol-selection-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.year-review-choice{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;font-weight:750}.year-review-choice.selected{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.year-review-choice.selected:before{content:"✓ ";font-weight:900}.year-review-game .symbol-groups{flex-wrap:nowrap;padding:2px 2px 7px;overflow-x:auto}.year-review-game .symbol-groups .year-review-choice{flex:none}.year-review-game .symbol-palette{justify-content:flex-start;padding:10px;border-radius:13px;background:#f5f3ff}.year-review-game .symbol-palette button{width:44px;height:44px;flex:none;border-radius:12px}.year-review-game .symbol-palette button.selected{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:1px;background:#fff}.year-review-game .symbol-selection-tools{grid-template-columns:1fr auto}.year-review-game .symbol-selection-tools span{font-weight:700}.year-review-game .swatches{justify-content:flex-start;gap:10px}.year-review-game .swatch{width:38px;height:38px;border:4px solid #fff;box-shadow:0 0 0 1px var(--line)}.year-review-game .swatch.selected{outline:3px solid var(--primary);outline-offset:2px}.year-review-destructive{min-height:44px;padding:0 15px;border:1px solid #efaaa1;border-radius:var(--radius);color:#9c3328;background:#fff0ed;font-weight:780}.year-review-destructive:before{content:"× ";font-weight:900}.year-review-destructive:disabled:before{opacity:.5}.year-review-editor-actions{grid-column:1/-1;display:grid;grid-template-columns:auto auto minmax(180px,1fr);gap:10px}.year-review-editor-actions .submit-cta{min-height:var(--control);margin:0;padding:0 20px;border-color:transparent;color:#fff;background:var(--primary);font-size:1rem}.year-review-editor-actions .submit-cta:hover:not(:disabled){background:var(--primary-dark)}.year-review-game .host-timer-actions .button{min-height:44px;margin:0;padding:0 14px}.year-review-game .year-review-phase-action,.year-review-edit{min-height:var(--control)}.year-review-game button:disabled{cursor:not-allowed;opacity:.48}.year-review-game button:not(:disabled){cursor:pointer}.year-review-reveal-confirmation-copy{display:grid;gap:12px}.year-review-reveal-confirmation-copy p{margin:0}.reveal-readiness-warning{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e0a128;border-radius:12px;color:#674000;background:#fff7df}.reveal-readiness-warning span{font-size:1.2em}@media (max-width:600px){.year-review-tools{grid-template-columns:1fr}.year-review-symbol-tools,.year-review-editor-actions{grid-column:auto}.year-review-editor-actions{grid-template-columns:1fr 1fr}.year-review-editor-actions .submit-cta{grid-column:1/-1}.year-review-game .symbol-selection-tools{align-items:stretch}.year-review-game .symbol-selection-tools .button{width:100%}}.art-agile-battleship{background:linear-gradient(145deg,#d9f4f3,#dfe5ff)}.art-battle-grid{position:absolute;left:12%;top:15%;width:50%;aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #315b72;background:#ffffff7a;box-shadow:5px 6px #17223b1a;transform:rotate(-3deg)}.art-battle-grid i{position:relative;border:1px solid rgb(49 91 114 / 45%)}.art-battle-grid i.hit:after,.art-battle-grid i.miss:after,.art-battle-grid i.planned:after{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-weight:900}.art-battle-grid i.hit:after{content:"×";color:var(--coral)}.art-battle-grid i.miss:after{content:"○";color:#315b72}.art-battle-grid i.planned:after{content:"•";color:var(--ink)}.art-sonar{position:absolute;right:10%;top:17%;width:31%;aspect-ratio:1;border:4px solid rgb(85 86 217 / 58%);border-radius:50%;box-shadow:0 0 0 10px #5556d921,0 0 0 20px #5556d912}.art-sonar:after{content:"";position:absolute;left:50%;bottom:50%;width:45%;height:3px;border-radius:4px;background:var(--primary);transform:rotate(-32deg);transform-origin:left}.art-feedback-arrow{position:absolute;right:16%;bottom:10%;color:var(--primary);font-size:30px;font-style:normal;font-weight:900}.agile-battleship-game{max-width:none;margin:0;padding:18px;border-color:#b7d5d8;border-radius:24px;background:linear-gradient(160deg,#f9fffe,#eef4fb);box-shadow:var(--shadow-small)}.battle-condition-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:16px;padding:14px 18px;border:1px solid #c8dce1;border-radius:18px;background:#ffffffd1}.battle-condition-header h2{margin:0 0 3px;font-size:clamp(25px,2.4vw,34px)}.battle-condition-header p:last-child{margin:0;color:var(--muted)}.battle-condition-header .eyebrow{margin-bottom:4px}.battle-total{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:1px 8px;padding:9px 14px;border-radius:14px;color:#fff;background:#244f68}.battle-total strong{font-size:23px;line-height:1}.battle-total span{font-size:11px;font-weight:750;text-transform:uppercase}.battle-layout{display:grid;grid-template-columns:minmax(590px,1fr) minmax(285px,340px);align-items:start;gap:18px}.battle-board-region{min-width:0;display:flex;justify-content:center;padding:12px;border:1px solid #b8d7dc;border-radius:21px;background:linear-gradient(145deg,#cdebed,#e1eff5);box-shadow:inset 0 0 35px #1c566d1a}.battle-board-viewport{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.battle-board{--battle-label:30px;width:min(680px,100%);min-width:570px;display:grid;grid-template-columns:var(--battle-label) repeat(var(--battle-size),minmax(0,1fr));margin:0 auto;padding:7px;border:1px solid rgb(36 79 104 / 45%);border-radius:16px;background:#e9f9fa;box-shadow:0 14px 28px #244f681f}.battle-corner,.battle-column-label{height:var(--battle-label);display:grid;place-items:center;color:#244f68;font-size:13px;font-weight:900}.battle-row{display:contents}.battle-row-label{display:grid;place-items:center;color:#244f68;font-size:12px;font-weight:900}.battle-cell{position:relative;min-width:0;aspect-ratio:1;padding:0;border:1px solid rgb(36 79 104 / 30%);border-radius:0;color:#17364a;background:linear-gradient(145deg,#d9f4f3,#cbe8ed);font-size:clamp(18px,2vw,28px);font-weight:900;line-height:1}.battle-cell:not(:disabled){cursor:crosshair}.battle-cell:not(:disabled):hover,.battle-cell:not(:disabled):focus-visible{z-index:1;outline:3px solid var(--primary);outline-offset:-3px;background:#fff8c7}.battle-cell:disabled{opacity:1;cursor:default}.battle-cell.is-planned{background-color:#e2e5ea;background-image:radial-gradient(rgb(23 34 59 / 12%) 1px,transparent 1px);background-size:6px 6px}.battle-cell.is-miss{color:#285e73;background:#f3fbfc}.battle-cell.is-hit{color:#a93632;background:#ffe1db}.battle-cell.is-sunk{color:#fff;background:repeating-linear-gradient(135deg,#9d3734 0,#9d3734 8px,#b94842 8px,#b94842 16px);text-shadow:0 1px 2px rgb(0 0 0 / 28%)}.battle-cell.is-ship{color:#fff;background:repeating-linear-gradient(90deg,#4e6470 0,#4e6470 8px,#627b86 8px,#627b86 16px)}.battle-rail{display:grid;gap:10px}.battle-rail-panel,.battle-action-panel{padding:13px 14px;border:1px solid #c8dce1;border-radius:16px;background:#ffffffe5}.battle-rail-panel h3{margin:0;font-size:17px;line-height:1.25}.battle-rail-panel>p:last-child{margin-bottom:0}.rail-kicker{margin:0 0 5px;color:#426577;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.battle-team-planning{border-color:#8b8ce6;background:#eeedff;box-shadow:inset 4px 0 0 var(--primary)}.battle-disconnected{display:inline-block;margin:8px 0 0;padding:3px 8px;border-radius:999px;color:#8c3b32;background:#ffe4df;font-size:12px;font-weight:850}.battle-progress p{margin:4px 0 8px}.battle-progress-track{height:7px;overflow:hidden;border-radius:99px;background:#dce7e8}.battle-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#37a6a1)}.battle-action-panel{border-color:#b9b9e5;background:#f5f3ff}.battle-action-panel p{margin:0;color:var(--muted);font-weight:700}.battle-action-panel .button,.battle-review .button{min-height:45px;margin:0}.battle-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}.battle-metrics div{padding:7px 8px;border-radius:10px;background:#edf5f5}.battle-metrics .metric-wide{grid-column:1/-1}.battle-metrics dt{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.battle-metrics dd{margin:1px 0 0;font-size:15px;font-weight:850}.battle-waiting{color:var(--muted);font-weight:700}.battle-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.battle-legend li{display:flex;align-items:center;gap:6px;font-size:11px}.battle-legend i{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:7px;font-style:normal;font-weight:900}.battle-legend .is-planned{background:#e2e5ea}.battle-legend .is-miss{color:#285e73;background:#edf8fa}.battle-legend .is-hit{color:#a93632;background:#ffe1db}.battle-legend .is-sunk{color:#fff;background:#a53c38}.battle-legend .is-ship{color:#fff;background:#586f7a}.battle-participants{display:grid;gap:4px;margin:0;padding:0;list-style:none}.battle-participants li{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:10px}.battle-participants li.disconnected{opacity:.5}.battle-participants .avatar{inline-size:30px;block-size:30px;min-inline-size:30px;min-block-size:30px;max-inline-size:30px;max-block-size:30px;aspect-ratio:1;flex:0 0 30px;align-self:center}.battle-participants span{min-width:0;flex:1;overflow-wrap:anywhere;font-size:12px;font-weight:750}.battle-loading{margin:30px;text-align:center}.battle-game-over{padding:26px}.battle-game-over>header{justify-content:center;text-align:center}.battle-game-over>header p:last-child{color:var(--muted)}.battle-result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.battle-result-card{padding:18px;border:1px solid #c8dce1;border-radius:18px;background:#fff;box-shadow:var(--shadow-small)}.battle-result-card>p{margin:0;color:#426577;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.battle-result-card h3{margin:4px 0 0;font-size:20px}@media (max-width:1050px){.battle-layout{grid-template-columns:minmax(520px,1fr) minmax(260px,310px)}.battle-board{min-width:520px}}@media (min-width:841px) and (max-height:920px){.battle-board{width:min(590px,100%)}}@media (max-width:840px){.battle-condition-header{grid-template-columns:1fr}.battle-total{justify-self:start}.battle-layout{grid-template-columns:1fr}.battle-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-result-cards{grid-template-columns:1fr}.battle-board{min-width:570px}.battle-board-viewport{padding-bottom:6px}}@media (max-width:560px){.agile-battleship-game{padding:10px}.battle-condition-header{padding:13px}.battle-total{width:100%;box-sizing:border-box}.battle-board-region{padding:7px}.battle-board-viewport{margin:0 -1px}.battle-board{min-width:570px;margin:0}.battle-rail{grid-template-columns:1fr}.battle-game-over{padding:16px}}.battle-cell{isolation:isolate;display:grid;place-items:center}.battle-cell[aria-disabled=false]{cursor:crosshair}.battle-cell[aria-disabled=true]{cursor:default}.battle-cell:focus-visible{z-index:3;outline:4px solid #312e81;outline-offset:-4px;box-shadow:inset 0 0 0 2px #fff}.battle-cell[aria-disabled=true]:hover{background-blend-mode:multiply}.battle-shot-sequence{position:relative;z-index:2;display:grid;place-items:center;width:1.65em;height:1.65em;border:1px solid currentColor;border-radius:50%;color:inherit;background:#ffffffe0;font-size:clamp(10px,1.15vw,15px);font-weight:950;line-height:1;text-shadow:none}.battle-cell-symbol{position:absolute;z-index:1;right:4px;bottom:3px;font-size:.62em;font-weight:950;line-height:1}.battle-cell.is-sunk .battle-shot-sequence,.battle-cell.is-complete .battle-shot-sequence{color:#6f211f;background:#fff}.battle-cell.is-planned .battle-shot-sequence{color:#27384a;background:#f8fafc}.battle-cell.is-partial,.battle-comparison-cell.is-partial{color:#2f4651;background:repeating-linear-gradient(45deg,#d9e1e3 0,#d9e1e3 5px,#f5f8f8 5px,#f5f8f8 10px)}.battle-cell.is-partial-hit,.battle-comparison-cell.is-partial-hit{color:#7c2d12;background:repeating-linear-gradient(45deg,#ffd9ad 0,#ffd9ad 6px,#fff1dc 6px,#fff1dc 12px)}.battle-cell.is-complete,.battle-comparison-cell.is-complete{color:#fff;background:repeating-linear-gradient(135deg,#6f211f 0,#6f211f 7px,#a53631 7px,#a53631 14px);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #6f211f;text-shadow:0 1px 2px rgb(0 0 0 / 35%)}.battle-cell.is-complete .battle-cell-symbol{font-size:.48em}.battle-partial-summary{margin:9px 0;color:#4b5961;font-size:12px;line-height:1.35}.battle-partial-summary strong{color:#7c2d12}.battle-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-metrics .metric-primary{grid-column:1/-1;border:1px solid #aebfd0;background:#e8f2f5;box-shadow:inset 4px 0 #244f68}.battle-metrics .metric-primary dt{color:#244f68}.battle-metrics .metric-primary dd{font-size:20px}.battle-metrics div:last-child{grid-column:1/-1}.battle-legend .is-partial{color:#2f4651;background:repeating-linear-gradient(45deg,#d9e1e3 0,#d9e1e3 4px,#f5f8f8 4px,#f5f8f8 8px)}.battle-legend .is-complete{color:#fff;background:repeating-linear-gradient(135deg,#6f211f 0,#6f211f 5px,#a53631 5px,#a53631 10px);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #6f211f}.battle-legend .is-ship{color:#fff;background:repeating-linear-gradient(90deg,#4e6470 0,#4e6470 6px,#718893 6px,#718893 12px)}.battle-game-over{display:grid;gap:20px}.battle-game-over>header{display:block}.battle-game-over>header h2{margin-bottom:5px;font-size:clamp(29px,3vw,42px)}.battle-shared-legend{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 20px;padding:12px 16px;border:1px solid #c8dce1;border-radius:16px;background:#ffffffe0}.battle-shared-legend .rail-kicker{grid-column:1/-1;margin:0}.battle-shared-legend .battle-legend{display:flex;flex-wrap:wrap}.battle-shared-legend>p:last-child{margin:0;color:var(--muted);font-size:12px}.battle-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px}.battle-comparison-panel{min-width:0;padding:14px;border:1px solid #c8dce1;border-radius:18px;background:#fff;box-shadow:var(--shadow-small)}.battle-comparison-panel>p{margin:0;color:#426577;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.battle-comparison-panel>h3{margin:3px 0 10px;font-size:20px}.battle-comparison-viewport{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.battle-comparison-board{--battle-label:22px;min-width:285px;display:grid;grid-template-columns:var(--battle-label) repeat(var(--battle-size),minmax(0,1fr));padding:4px;border:1px solid rgb(36 79 104 / 45%);border-radius:11px;background:#e9f9fa}.battle-comparison-board .battle-corner,.battle-comparison-board .battle-column-label{height:var(--battle-label);font-size:9px}.battle-comparison-board .battle-row-label{font-size:9px}.battle-comparison-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border:1px solid rgb(36 79 104 / 27%);color:#17364a;background:linear-gradient(145deg,#d9f4f3,#cbe8ed);font-weight:900}.battle-comparison-cell.is-miss{color:#285e73;background:#f3fbfc}.battle-comparison-cell.is-hit{color:#8b2d29;background:#ffe1db}.battle-comparison-cell.is-ship{color:#fff;background:repeating-linear-gradient(90deg,#4e6470 0,#4e6470 5px,#718893 5px,#718893 10px)}.battle-comparison-cell .battle-shot-sequence{width:1.55em;height:1.55em;font-size:clamp(8px,.75vw,11px)}.battle-comparison-cell .battle-cell-symbol{right:2px;bottom:1px;font-size:10px}.battle-comparison-panel .battle-metrics{margin-bottom:0}.battle-debrief,.battle-takeaway{padding:22px;border:1px solid #c8dce1;border-radius:18px;background:#fff}.battle-debrief h3,.battle-takeaway h3{margin:2px 0 14px;font-size:25px}.battle-debrief ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0;padding-left:24px}.battle-debrief li{padding-left:4px;font-weight:750;line-height:1.4}.battle-debrief li::marker{color:var(--primary);font-weight:900}.battle-takeaway{border-color:#b9b9e5;background:#f5f3ff}.battle-takeaway>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.battle-takeaway p{margin:7px 0;line-height:1.45}.battle-takeaway>div p{padding:12px;border-radius:12px;background:#fff}.battle-takeaway>p:last-child{padding:11px 13px;border-left:4px solid var(--primary);background:#fff}@media (max-width:1100px){.battle-comparison-grid{grid-template-columns:1fr}.battle-comparison-panel{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(260px,1fr);column-gap:18px}.battle-comparison-panel>p,.battle-comparison-panel>h3{grid-column:1/-1}.battle-comparison-panel .battle-metrics{margin-top:0}.battle-takeaway>div{grid-template-columns:1fr}}@media (max-width:700px){.battle-shared-legend{grid-template-columns:1fr}.battle-comparison-panel{display:block}.battle-comparison-board{min-width:360px}.battle-debrief ol{grid-template-columns:1fr}.battle-debrief,.battle-takeaway{padding:17px}}@media (prefers-reduced-motion:reduce){.battle-progress-track i,.battle-cell,.battle-comparison-cell{animation:none!important;transition:none!important}}a:focus-visible{outline:0;border-radius:5px;box-shadow:var(--focus)}.brand-link{color:var(--ink);text-decoration:none}.site-footer{width:var(--shell);min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;margin:14px auto 24px;padding:14px 2px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.site-footer p{margin:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}.site-footer a{color:inherit;font-weight:700;text-underline-offset:3px}.site-footer a[aria-current=page]{color:var(--primary-dark);text-decoration-thickness:2px}.static-page-shell{width:var(--shell);margin:0 auto}.static-page-shell .site-footer{width:100%}.static-page-main{width:min(760px,100%);margin:28px auto 42px;padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--surface);box-shadow:var(--shadow-small)}.static-page-main h1{margin-bottom:12px;font-size:clamp(36px,5vw,52px);line-height:1.05;letter-spacing:-.04em}.static-page-main .lead{margin:0 0 32px}.static-page-main section{margin-top:28px}.static-page-main section h2{margin-bottom:8px;font-size:21px}.static-page-main section p{margin:0}.static-page-main address{color:var(--muted);font-style:normal;line-height:1.7}.static-page-main a{color:var(--primary-dark);overflow-wrap:anywhere;text-underline-offset:3px}.static-page-main code{overflow-wrap:anywhere;color:#3f378f;background:var(--primary-soft)}@media (max-width:520px){.static-page-nav{align-items:flex-start;flex-direction:column;padding:14px 0}.static-page-nav .button{width:100%;min-height:44px}.static-page-main{margin:14px auto 28px;padding:22px 18px}.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{gap:8px 16px}}[data-scroll-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}[data-scroll-reveal].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){[data-scroll-reveal]{opacity:1;transform:none;transition:none;will-change:auto}}.activity-card{transition:opacity .22s ease,filter .22s ease,transform .22s ease,box-shadow .22s ease}.activity-card:focus-visible{transform:translateY(-2px);box-shadow:0 14px 28px #17223b24}@media (hover:hover) and (pointer:fine){.activity-picker:has(.activity-card:hover) .activity-card:not(:hover){opacity:.72;filter:saturate(.82)}.activity-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #17223b24}}@media (prefers-reduced-motion:reduce){.activity-card,.activity-card:hover,.activity-card:focus-visible{transform:none;transition:none}}