:root{--canvas-start:#0e0e29;--canvas-end:#1f1a57;--text:#fae8b8;--text-muted:#c9c5cf;--surface:#fff1;--surface-strong:#ffffff1a;--border:#ffffff2e;--tile:#fae8b8;--tile-text:#0e0e29;--primary:#ffa333;--primary-text:#0e0e29;--accent:#38c9ba;--accent-soft:#38c9ba2e;--primary-soft:#ffa3331a;--danger:#ff9b9f;--shadow:#00000059;--ink:var(--canvas-start);--indigo:var(--canvas-end);--parchment:var(--text);--amber:var(--primary);--coral:var(--danger);--teal:var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:light){:root:not([data-theme]){--canvas-start:#fffaf0;--canvas-end:#e7f1ef;--text:#17133f;--text-muted:#555166;--surface:#ffffffc7;--surface-strong:#fffdf8;--border:#17133f38;--tile:#fff0c9;--tile-text:#17133f;--primary:#9a4b00;--primary-text:#fff;--accent:#006d66;--accent-soft:#006d6621;--primary-soft:#9a4b001f;--danger:#a51d3d;--shadow:#17133f2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--canvas-start:#fffaf0;--canvas-end:#e7f1ef;--text:#17133f;--text-muted:#555166;--surface:#ffffffc7;--surface-strong:#fffdf8;--border:#17133f38;--tile:#fff0c9;--tile-text:#17133f;--primary:#9a4b00;--primary-text:#fff;--accent:#006d66;--accent-soft:#006d6621;--primary-soft:#9a4b001f;--danger:#a51d3d;--shadow:#17133f2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:linear-gradient(160deg, var(--canvas-start), var(--canvas-end));min-height:100%;color:var(--text);margin:0}#root{flex-direction:column;min-height:100svh;display:flex}button{font:inherit}.app{padding:calc(clamp(16px, 4vw, 40px) + env(safe-area-inset-top)) calc(clamp(16px, 4vw, 40px) + env(safe-area-inset-right)) calc(clamp(16px, 4vw, 40px) + env(safe-area-inset-bottom)) calc(clamp(16px, 4vw, 40px) + env(safe-area-inset-left));flex-direction:column;flex:1;align-items:center;display:flex}.app:has(.display-screen){align-items:stretch;padding:0}.screen{flex-direction:column;gap:20px;width:100%;max-width:720px;display:flex}.brand{flex-direction:column;gap:4px;display:flex}.brand__title{letter-spacing:2px;margin:0;font-size:clamp(28px,6vw,42px);font-weight:900}.brand__tagline{color:var(--text-muted);margin:0;font-weight:500}.brand__eyebrow{color:var(--teal);letter-spacing:1.4px;margin:0;font-size:12px;font-weight:800}.panel{background:var(--surface);border:1px solid var(--surface-strong);border-radius:22px;padding:clamp(14px,3vw,24px)}.field-row{flex-wrap:wrap;gap:16px;display:flex}.field{flex-direction:column;flex:140px;gap:6px;display:flex}.field label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.field select{background:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:16px}.button{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;min-height:44px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex}.button--primary{background:var(--primary);color:var(--primary-text)}.button--primary:disabled{opacity:.5;cursor:not-allowed}.button--secondary{background:var(--surface-strong);color:var(--text);border:1px solid var(--border)}.button:focus-visible,.tile:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.stats-row{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat__label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-size:11px}.stat__value{font-variant-numeric:tabular-nums;font-size:clamp(20px,4vw,28px);font-weight:800}.stat__value--amber{color:var(--amber)}.stat__value--teal{color:var(--teal)}.hud{justify-content:space-between;align-items:baseline;display:flex}.feedback{min-height:1.6em;color:var(--text);font-size:clamp(16px,3vw,20px);font-weight:700}.board{aspect-ratio:1;-webkit-user-select:none;user-select:none;gap:clamp(6px,1.6vw,10px);width:100%;max-width:min(560px,92vw);margin:0 auto;display:grid}.tile{aspect-ratio:1;background:var(--tile);color:var(--tile-text);box-shadow:0 6px 10px var(--shadow);cursor:pointer;touch-action:none;border-radius:18% 18% 8%;justify-content:center;align-items:center;transition:transform .12s,background-color .12s;display:flex;position:relative}.tile--selected{background:var(--primary);border:3px solid var(--teal);transform:scale(.96)}.tile__letter{text-transform:uppercase;font-weight:900}.tile__order{color:var(--tile-text);font-size:11px;font-weight:800;position:absolute;top:6px;right:8px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.found-words{flex-wrap:wrap;gap:8px;min-height:34px;display:flex}.found-word{background:var(--accent-soft);color:var(--teal);cursor:pointer;border:none;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.definition{color:var(--text-muted);margin:0;font-size:13px}.privacy-note{color:var(--text-muted);font-size:13px}.social-toggle,.social-panel{width:100%;max-width:720px}.social-panel{flex-direction:column;gap:16px;display:flex}.social-panel h2,.social-panel h3,.social-panel p{margin:0}.social-panel__header,.social-row,.social-board{justify-content:space-between;align-items:center;gap:10px;display:flex}.social-panel code{overflow-wrap:anywhere;color:var(--teal)}.social-form{grid-template-columns:minmax(120px,1fr) minmax(140px,2fr) auto;align-items:center;gap:8px;display:grid}.social-form input{border:1px solid var(--border);background:var(--surface-strong);min-width:0;color:var(--text);border-radius:10px;padding:9px 11px}.social-row button,.social-board button,.social-circle li button{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);cursor:pointer;border-radius:9px;padding:6px 9px}.social-circle{border:1px solid var(--surface-strong);border-radius:14px;padding:14px}.social-circle ul{padding-left:20px}.social-secret,.social-board__open{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.social-board__open{flex:1}.home{gap:14px;max-width:560px}.home__header,.play-card__heading,.tutorial__topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.icon-button,.text-button,.home-nav button{color:var(--teal);cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px;font-weight:750}.icon-button{border:1px solid var(--border);border-radius:50%;width:44px;font-size:20px}.today-card,.play-card,.together-card,.results-explorer,.tutorial-callout,.tutorial-tips{border:1px solid var(--border);background:var(--surface);border-radius:22px}.today-card{background:linear-gradient(135deg, var(--accent-soft), var(--primary-soft));justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.today-card h1,.today-card p,.play-card h2,.play-card p,.start-shroud h1,.start-shroud p,.results-explorer h1,.results-explorer p,.tutorial h1,.tutorial p{margin:0}.eyebrow{color:var(--amber);letter-spacing:1.3px;font-size:11px;font-weight:850}.today-card__score{flex-direction:column;align-items:center;min-width:62px;display:flex}.today-card__score strong{color:var(--amber);font-size:27px}.today-card__score span{color:var(--text-muted);text-transform:uppercase;font-size:11px}.play-card{padding:18px}.play-card__heading{align-items:flex-start}.play-card h2{font-size:22px}.play-card p{color:var(--text-muted);margin-top:3px;font-size:13px}.compact-fields{gap:8px;margin:14px 0}.compact-fields .field{flex-basis:110px}.button--hero,.button--wide{width:100%}.button--hero{min-height:50px;margin-top:16px}.button--quiet{background:var(--surface-strong);color:var(--text);padding-inline:13px}.button--quiet:disabled{opacity:.4}.together-card{overflow:hidden}.together-card>.button{border:0;border-radius:0;justify-content:space-between}.together-card__choices{border-top:1px solid var(--surface-strong);grid-template-columns:1fr 1fr;display:grid}.choice-button{min-height:64px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:3px;padding:12px;display:flex}.choice-button+.choice-button{border-left:1px solid var(--surface-strong)}.choice-button span{color:var(--text-muted);font-size:11px}.home-nav{grid-template-columns:1fr 1fr;display:grid}.settings-sheet{z-index:4;box-shadow:0 18px 50px var(--shadow);position:absolute;inset:auto 16px 16px}.start-shroud{text-align:center;justify-content:center;align-items:center;max-width:480px;min-height:calc(100svh - 2*clamp(16px,4vw,40px))}.shroud-mark{aspect-ratio:1;border:1px solid var(--accent);background:radial-gradient(circle at 35% 30%, var(--accent-soft), transparent 62%);border-radius:36% 36% 16%;place-items:center;width:116px;display:grid}.shroud-mark span{color:var(--amber);font-family:Georgia,serif;font-size:72px;font-weight:800}.countdown{color:var(--amber);font-variant-numeric:tabular-nums;font-size:clamp(72px,24vw,132px);font-weight:900}.game{gap:10px;max-width:590px}.urgency{text-align:center;min-height:20px;color:var(--coral);margin:0;font-size:13px;font-weight:800}.feedback{text-align:center;margin:0}.board{flex-direction:column;gap:clamp(6px,1.6vw,10px);display:flex}.board__row{grid-template-columns:repeat(var(--board-size,1), 1fr);flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:clamp(6px,1.6vw,10px);min-height:0;display:grid}.builder-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.finish-button{flex-basis:100%;min-height:32px;padding-block:2px}.results-explorer{text-align:center;padding:18px}.results-explorer .actions{margin-top:14px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tutorial{max-width:560px}.tutorial-callout{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.tutorial-callout span{color:var(--text-muted);font-size:13px}.tutorial-tips{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.tutorial-tips span{align-items:center;gap:6px;font-size:12px;display:flex}.tutorial-tips strong{aspect-ratio:1;background:var(--accent-soft);width:24px;color:var(--teal);border-radius:50%;place-items:center;display:grid}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.room-code-card,.room-join-form,.room-host-controls,.room-player-results{flex-direction:column;gap:14px;display:flex}.room-code{color:var(--teal);overflow-wrap:anywhere;font-size:clamp(17px,5vw,25px);font-weight:800}.room-join-form h2,.room-host-controls h2,.room-player-results h2,.room-lobby h2,.room-active h2{margin:0}.room-join-form label{color:var(--text-muted);font-size:13px;font-weight:700}.room-join-form input,.room-code-input{border:1px solid var(--border);background:var(--surface-strong);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;font-size:16px}.room-code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.room-title{text-align:center;margin:0}.room-roster{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.room-roster li{background:var(--surface);border-radius:10px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.room-error{color:var(--danger);font-weight:700}.display-screen{align-content:start;gap:clamp(18px,3vw,36px);width:min(100%,1500px);min-height:100dvh;margin:0 auto;padding:clamp(20px,4vw,56px);display:grid}.display-entry{align-content:center;max-width:720px}.display-entry label{color:#ffffffc7;gap:8px;font-weight:700;display:grid}.display-entry input{width:min(100%,360px);color:var(--parchment);letter-spacing:.16em;text-transform:uppercase;background:#ffffff14;border:2px solid #fff3;border-radius:18px;padding:16px;font:900 clamp(28px,7vw,52px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.display-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.display-header h1{margin:4px 0 0;font-size:clamp(32px,5vw,72px)}.display-code{color:var(--amber);letter-spacing:.12em;font:900 clamp(30px,6vw,68px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.display-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.display-qr{border:10px solid #fff;border-radius:16px;width:clamp(112px,14vw,220px)}.display-timer{color:var(--amber);font-variant-numeric:tabular-nums;justify-self:center;font-size:clamp(52px,10vw,150px);font-weight:950}.display-board{aspect-ratio:1;justify-self:center;gap:clamp(6px,1vw,14px);width:min(76vh,90vw,760px);display:grid}.display-tile{background:var(--parchment);min-width:0;color:var(--ink);border-radius:clamp(12px,2vw,28px);place-items:center;font-size:clamp(28px,7vmin,76px);font-weight:950;display:grid;box-shadow:0 10px 30px #00000047}.display-players{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.display-player{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;padding:18px}.display-player h2{margin:0 0 8px}.display-player p,.display-player strong,.display-player span{margin:4px 0;display:block}.display-player span{color:var(--teal)}.display-results-note{color:#ffffffb3;max-width:70ch}.display-screen[data-reduced-motion=true] *{transition:none!important;animation:none!important}@media (aspect-ratio>=4/3) and (width>=900px){.display-screen{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(340px,.8fr) minmax(520px,1.2fr);gap:clamp(12px,1.6vw,24px);height:100dvh;padding:clamp(18px,2.4vw,42px);overflow:hidden}.display-header{grid-column:1/-1}.display-actions{grid-area:2/1;align-self:start}.display-timer{grid-area:2/1;place-self:end start}.display-board{grid-area:2/2/4;align-self:center;width:min(58vw,68vh)}.display-players{grid-area:3/1;grid-template-columns:repeat(2,minmax(0,1fr))}.display-results-note{grid-area:3/1;align-self:end}.display-qr{width:clamp(110px,11vw,170px)}}@media (width<=620px){.social-form{grid-template-columns:1fr}}@media (width<=480px){.room-landing__actions .button{flex:100%}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.solver-status{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);text-align:center;border-radius:18px;margin:8px 0;padding:18px;font-weight:700}.results-detail{border:1px solid var(--border);background:var(--surface);border-radius:24px;flex-direction:column;gap:14px;padding:clamp(14px,3vw,22px);display:flex}.results-detail__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.results-detail__header h2,.results-detail__header p,.result-definition p,.heatmap-legend p{margin:0}.results-detail__header h2{font-size:clamp(20px,4vw,27px)}.results-detail__perfect{color:var(--teal);white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.results-detail__perfect strong{font-size:clamp(17px,4vw,23px)}.result-board{aspect-ratio:1;z-index:2;background:var(--surface);border-radius:18px;flex-direction:column;gap:clamp(5px,1.4vw,8px);width:min(100%,430px);margin:0 auto;display:flex;position:sticky;top:12px}.result-board__row{grid-template-columns:repeat(var(--board-size), 1fr);flex:1;gap:clamp(5px,1.4vw,8px);min-height:0;display:grid}.result-tile{aspect-ratio:1;background:color-mix(in srgb, var(--primary) calc(var(--tile-heat) * 68%), var(--tile));min-width:0;color:var(--tile-text);box-shadow:0 4px 8px var(--shadow);border:2px solid #0000;border-radius:18% 18% 8%;place-items:center;transition:opacity .12s,transform .12s,background-color .12s;display:grid;position:relative}.result-tile strong{font-size:clamp(17px,6vw,34px)}.result-tile--path{border-color:var(--teal);transform:scale(.96)}.result-tile--dimmed{opacity:.28}.result-tile__order,.result-tile__value{background:var(--canvas-start);min-width:20px;color:var(--text);text-align:center;border-radius:999px;padding:2px 5px;font-size:11px;font-weight:850;position:absolute}.result-tile__order{top:5px;right:5px}.result-tile__value{bottom:5px;right:5px}.heatmap-toggle{align-self:center}.heatmap-legend{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12px;display:flex}.heatmap-legend span{align-items:center;gap:5px;display:inline-flex}.heatmap-legend p{flex-basis:100%}.heatmap-swatch{border:2px solid var(--border);background:var(--tile);border-radius:5px;width:18px;height:18px}.heatmap-swatch--high{background:var(--primary)}.result-tabs{border:1px solid var(--border);background:var(--surface-strong);border-radius:14px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.result-tabs button{min-height:42px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-weight:800}.result-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--teal)}.result-sort{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:10px;font-size:13px;font-weight:750;display:flex}.result-sort select{border:1px solid var(--border);background:var(--surface-strong);min-height:42px;color:var(--text);font:inherit;border-radius:10px;padding:7px 34px 7px 10px}.result-word-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;max-height:270px;display:grid;overflow-y:auto}.result-word{border:1px solid var(--border);background:var(--surface-strong);min-height:44px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex}.result-word span{color:var(--text-muted);font-size:12px}.result-word--selected{border-color:var(--teal);background:var(--accent-soft)}.result-word:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.result-definition{border-left:3px solid var(--teal);background:var(--accent-soft);padding:10px 12px}.result-definition .text-button{padding:3px 0}@media (width>=900px){:is(.game:has(.results-detail),.room-results){max-width:980px}.game:has(.results-detail) .results-detail{grid-template-columns:minmax(310px,.9fr) minmax(330px,1.1fr);column-gap:24px;display:grid}:is(.game:has(.results-detail) .results-detail__header,.game:has(.results-detail) .result-board,.game:has(.results-detail) .heatmap-toggle,.game:has(.results-detail) .heatmap-legend){grid-column:1}:is(.game:has(.results-detail) .result-tabs,.game:has(.results-detail) .result-sort,.game:has(.results-detail) .result-word-list,.game:has(.results-detail) .result-definition){grid-column:2}.game:has(.results-detail) .result-tabs{grid-row:1;align-self:end}.game:has(.results-detail) .result-sort{grid-row:2}.game:has(.results-detail) .result-word-list{grid-row:3/span 3;align-self:start;max-height:430px}}@media (width<=480px){.results-detail{border-radius:18px;padding:12px}.results-detail__header{align-items:center}.result-word-list{grid-template-columns:repeat(2,minmax(0,1fr))}.result-word{padding-inline:8px}}@media (height<=500px) and (orientation:landscape){.result-board{width:min(100%,44dvh,430px)}}:root{--focus-ring:#7fe8dd}:root[data-theme=light]{--focus-ring:#005c56}@media (prefers-color-scheme:light){:root:not([data-theme]){--focus-ring:#005c56}}button,[role=button],input,select{min-height:44px}.text-button,.home-nav button,.found-word,.social-row button,.social-board button,.social-circle li button{min-width:44px;min-height:44px}button:focus-visible,[role=button]:focus-visible,select:focus-visible,input:focus-visible,.tile:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 2px var(--canvas-start)}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.58;filter:saturate(.45)}button:disabled:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:.85em;height:.85em;margin-left:.5em}button:disabled:not([aria-busy=true]):after{display:none}@media (prefers-reduced-motion:no-preference){button[aria-busy=true]:after{animation:.8s linear infinite busy-spin}}@keyframes busy-spin{to{transform:rotate(360deg)}}.modal{border:1px solid var(--border);background:var(--canvas-start);width:min(92vw,480px);max-height:min(86svh,680px);color:var(--text);border-radius:24px;padding:clamp(20px,4vw,30px);overflow:auto;box-shadow:0 24px 80px #000000a6}.modal[open]{flex-direction:column;gap:18px;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040312c2}.modal h2,.modal p{margin:0}.modal h2{font-size:clamp(24px,5vw,32px)}.modal__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal__header p,.modal>p{color:var(--text-muted);line-height:1.55}.modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.modal--danger{border-top:5px solid var(--danger)}.modal--danger h2{color:var(--danger)}.button--danger{background:var(--danger);color:var(--canvas-start);border:2px solid #0000}:root[data-theme=light] .button--danger{color:#fff}@media (prefers-color-scheme:light){:root:not([data-theme]) .button--danger{color:#fff}}.button--danger-quiet{color:var(--danger);background:0 0;border:1px solid}.button--strong{border-width:2px;font-weight:850}.finish-button{min-height:44px;color:var(--text-muted);flex-basis:100%}.results-explorer{padding:clamp(22px,5vw,34px)}.results-explorer__kicker{color:var(--accent);letter-spacing:1.4px;font-size:12px;font-weight:850}.results-explorer h1{color:var(--primary);margin-top:5px;font-size:clamp(36px,9vw,58px);line-height:1}.results-explorer__outcome{font-size:clamp(18px,4vw,23px);margin-top:10px!important}@media (width>=900px){.app{padding-inline:clamp(48px,8vw,120px)}.screen{max-width:880px}.home{gap:18px;max-width:760px}.play-card,.today-card{padding:24px 28px}.game{max-width:760px}.board{max-width:620px}}@media (width<=360px){.app{padding-inline:max(10px, env(safe-area-inset-left))}.screen{gap:12px}.today-card,.play-card{border-radius:18px}.play-card{padding:14px}.play-card__heading{flex-wrap:wrap}.compact-fields{grid-template-columns:1fr;display:grid}.together-card__choices{grid-template-columns:1fr}.choice-button+.choice-button{border-left:0;border-top:1px solid var(--surface-strong)}.modal__actions>.button{width:100%}}@media (height<=620px) and (orientation:landscape){.app{padding-block:10px}.start-shroud{gap:10px;min-height:auto}.shroud-mark{width:72px}.shroud-mark span{font-size:44px}.game{gap:6px}.board{max-width:min(62svh,520px)}}.result-view-toggle{justify-content:center;gap:10px;display:flex}.result-view-toggle [aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.result-heatmap{aspect-ratio:1;gap:clamp(6px,1.6vw,10px);width:100%;max-width:min(560px,92vw);margin:0 auto;display:grid}.result-heatmap__row{gap:clamp(6px,1.6vw,10px);display:grid}.result-heatmap__tile{aspect-ratio:1;border:2px solid var(--border);background:var(--tile);color:var(--tile-text);box-shadow:0 6px 10px var(--shadow);border-radius:18% 18% 8%;place-items:center;font-size:clamp(28px,8vmin,54px);font-weight:900;display:grid}.result-heatmap__tile--0{opacity:.42}.result-heatmap__tile--1{background:color-mix(in srgb, var(--accent) 25%, var(--tile))}.result-heatmap__tile--2{background:color-mix(in srgb, var(--accent) 45%, var(--tile))}.result-heatmap__tile--3{background:color-mix(in srgb, var(--primary) 65%, var(--tile))}.result-heatmap__tile--4{background:var(--primary);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent), 0 6px 10px var(--shadow)}