@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=Manrope:wght@500;600;650;700;800&display=swap');
:root{color-scheme:light;--paper:#f6f5f1;--ink:#273b3b;--muted:#77847b;--line:#dfe5db;--teal:#32645c;--sage:#eaf0e5;--red:#e87868;--other:#54aeb9;font-family:'DM Sans',sans-serif;font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #44847e;outline-offset:4px}a{color:inherit}h1,h2,p{margin:0}h1,h2{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-1px}h1{font-size:clamp(26px,4vw,36px);line-height:1.3}h2{font-size:22px;line-height:1.4}p{line-height:1.7}.app-shell{max-width:1080px;margin:0 auto;padding:0 40px 40px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;font-family:Manrope,sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.8px}.brand-dot{color:#e2816a}.brand-symbol{width:34px;height:25px;position:relative;margin-right:9px}.brand-symbol i{position:absolute;top:1px;width:23px;height:23px;border:2px solid var(--teal);border-radius:50%;left:0}.brand-symbol i+i{left:11px;background:var(--paper)}.topbar-actions{display:flex;align-items:center;gap:23px}.quiet-button{display:flex;align-items:center;gap:8px;background:transparent;min-height:44px;font-size:13px}.count{font-size:10px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e5eadf}.icon-button{background:transparent;width:40px;height:40px;display:inline-grid;place-items:center;flex-shrink:0;font-size:21px;border-radius:8px}.icon-button:hover{background:#e8ede2}.help-button{font-size:14px;width:29px;height:29px;border:1px solid #c8d3c2;border-radius:50%}.workflow{max-width:720px;margin:25px auto 29px;display:flex;align-items:center;justify-content:space-between;gap:20px;height:40px}.workflow>.icon-button{font-size:23px}#steps{display:flex;gap:7px;align-items:center}.step{display:block;width:27px;height:4px;background:#dce3d7;border-radius:3px}.step.active{background:var(--teal)}.step.done{background:#a6b8a0}.stage-counter{width:40px;text-align:right;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}main{max-width:720px;margin:0 auto;min-width:0;outline:none!important}.page-heading{text-align:center;margin:0 0 34px}.page-description{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.7}.glasses-options{border:0;margin:0;padding:0;min-width:0}.glasses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.glasses-choice{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:26px 12px;background:#fff;border:1px solid var(--line);border-radius:14px;min-height:157px;cursor:pointer}.glasses-choice:has(input:checked){background:#edf3e9;border-color:#6f9075;box-shadow:0 0 0 1px #6f9075}.glasses-choice:has(input:focus-visible){outline:3px solid #44847e;outline-offset:4px}.glasses-choice input{position:absolute;opacity:0;width:1px;height:1px}.glasses-choice strong{font-weight:500;font-size:14px}.radio-indicator{position:absolute;top:12px;right:12px;width:14px;height:14px;border:1px solid #d0dacc;border-radius:50%}.glasses-choice:has(input:checked) .radio-indicator{background:var(--teal);border-color:var(--teal)}.glasses-choice:has(input:checked) .radio-indicator:after{content:'✓';font-size:10px;position:absolute;inset:0;display:grid;place-items:center;color:white}.choice-glasses{display:flex;align-items:center;gap:9px;position:relative;width:86px;height:42px}.choice-glasses:before{position:absolute;content:'';left:34px;top:10px;width:18px;height:10px;border-top:3px solid #d1d8ce;border-radius:50%}.choice-glasses i{width:38px;height:32px;border:3px solid #d1d8ce;border-radius:7px 7px 15px 15px;background:var(--red);z-index:1}.choice-glasses i+i{background:var(--swatch)}.orientation{margin:29px auto 0;display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap}.orientation-label{font-size:13px;color:var(--muted)}.segment{display:flex;background:#e5eadf;border-radius:8px;padding:4px;gap:3px}.segment label{font-size:12px;padding:10px 17px;border-radius:5px;cursor:pointer;position:relative;white-space:nowrap;color:#74816d}.segment label:has(input:checked){background:#fff;color:var(--ink);box-shadow:0 1px 3px #20342412}.segment input{position:absolute;opacity:0;width:1px;height:1px}.segment label:has(input:focus-visible){outline:3px solid #44847e}.center-action{display:flex;justify-content:center;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:14px 24px;min-height:48px;border-radius:9px;font-weight:500;font-size:14px;background:#e8eee2;text-decoration:none}.button.primary{background:var(--teal);color:white;min-width:180px}.button.primary:hover:not(:disabled){background:#244e47}.button.secondary{background:transparent;border:1px solid var(--line)}.button.ghost{background:transparent;color:var(--muted);padding:12px}.button-row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.preparation{max-width:410px;margin:auto}.checks{display:grid;gap:12px}.setting-tile{display:flex;align-items:center;gap:17px;padding:21px;background:white;border:1px solid var(--line);border-radius:12px;cursor:pointer;min-height:84px;position:relative}.setting-tile:has(input:checked){background:#edf3e9;border-color:#8ba184}.setting-tile input{accent-color:var(--teal);width:21px;height:21px;margin:0 0 0 auto;order:3;flex-shrink:0}.setting-symbol{font-size:27px;color:#85947d;width:30px;text-align:center;flex-shrink:0}.setting-label{font-size:14px;line-height:1.6}.preparation .micro-button{display:block;margin:12px auto 0}.micro-button{font-size:12px;padding:12px 4px;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.filter-illustration{display:block;width:320px;max-width:100%;height:auto;margin:20px auto 0}.filter-illustration .head,.filter-illustration .ear{fill:#eaf0e5;stroke:#c7d3c0;stroke-width:2}.filter-illustration .nose,.filter-illustration .closed-eye{fill:none;stroke:#6b8067;stroke-width:3;stroke-linecap:round}.filter-illustration .active-lens{fill:var(--active-filter);fill-opacity:.37;stroke:var(--active-filter);stroke-width:4}.filter-illustration .handle{stroke:var(--active-filter);stroke-width:7;stroke-linecap:round}.filter-illustration .eye{fill:var(--ink)}.filter-illustration .cover{fill:#e0e7d9;stroke:#a5b79c;stroke-width:2}.filter-illustration .cover-line{stroke:#a5b79c;stroke-width:2;stroke-linecap:round}.filter-caption{text-align:center;font-size:14px;color:var(--muted);margin-top:9px}.intro-action{margin-top:27px}.test-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:14px}.filter-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.filter-dot{width:9px;height:9px;background:var(--red);border-radius:50%}.filter-dot.other{background:var(--other)}.trial-counter{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.stimulus-board{background:var(--stimulus-background,rgb(139,139,139));border-radius:13px;padding:15px;isolation:isolate}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sample{height:255px;background:var(--stimulus-background,rgb(139,139,139));border:1px solid #a7a7a1;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;padding:0;min-width:0}.sample:hover{border-color:#d0d0c9}.sample:focus-visible{outline-color:#f4f5ed;outline-offset:3px}.sample-label{position:absolute;bottom:13px;left:0;right:0;font-size:12px;color:var(--stimulus-label,#f8f8ef);font-weight:400}.test-circle{width:88px;height:88px;border-radius:50%;display:block;flex-shrink:0}.same-answer{display:block;width:100%;margin:13px 0 0;border:1px solid var(--line);border-radius:9px;padding:15px;background:transparent;font-size:14px;min-height:48px}.same-answer:hover{background:#edf2e7}.test-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.test-bottom .icon-button{color:var(--muted)}.verify-board{height:265px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;padding:18px}.verify-position{min-width:0;display:flex;align-items:center;justify-content:center;height:180px}.verification-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}.choice-button{min-height:48px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:15px 8px;font-size:14px}.choice-button:hover{background:#edf3e9;border-color:#8ba184}.result-status{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 19px;border-radius:50%;background:#e6eee1;color:var(--teal);font-size:25px}.result-status.warning{background:#f2e9d9;color:#9b7840}.result-view{max-width:520px;margin:0 auto}.result-view .page-heading{margin-bottom:25px}.palette-preview{height:160px;display:flex;align-items:center;justify-content:center;padding:0}.palette-preview svg{width:300px;height:140px;max-width:100%}.preview-caption{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}.save-form{margin-top:27px}.save-form>label{font-size:12px;display:block;color:var(--muted);margin-bottom:9px}.save-row{display:flex;gap:10px}.text-input{font-size:15px;background:#fff;border:1px solid var(--line);padding:13px;border-radius:8px;min-width:0;width:100%;color:var(--ink)}.save-row .button{min-width:120px;padding:14px 19px;flex-shrink:0}.save-message{font-size:12px;margin-top:8px;min-height:18px;color:var(--teal)}.save-message.error{color:#a46140}.result-details{margin-top:23px;border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:var(--muted)}summary{cursor:pointer;font-size:12px;padding:9px 0}.result-facts{display:flex;justify-content:space-between;gap:15px;margin:15px 0;line-height:1.7}.result-facts b{font-weight:500;color:var(--ink)}.result-details pre{white-space:pre-wrap;word-break:break-word;background:#ebeee5;padding:14px;border-radius:8px;font-size:11px;line-height:1.7}.result-details .button-row{justify-content:flex-start;gap:18px}.result-bottom{display:flex;justify-content:center;margin-top:15px}.draft-save{margin-top:18px}.draft-save summary{text-align:center}.draft-save .save-form{margin-top:10px}.preview-options{display:flex;justify-content:center;gap:8px;margin-top:15px}.preview-options button{border-radius:5px;background:transparent;padding:9px 12px;color:var(--muted);font-size:12px}.preview-options button[aria-pressed=true]{background:#e3eade;color:var(--ink)}dialog{width:min(460px,calc(100% - 32px));max-height:85vh;overflow-y:auto;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);padding:26px;box-shadow:0 20px 100px #17302322}dialog::backdrop{background:#1f34275c;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.dialog-top h2{font-size:22px}dialog p{font-size:14px;color:#6f806a;line-height:1.8;margin:0 0 12px}dialog p:last-child{margin-bottom:0}.fine-print{font-size:11px;color:#8b9585;line-height:1.8;margin-top:20px}dialog .fine-print{font-size:11px;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.empty-profiles{padding:24px 0;text-align:center}.profile-card{padding:15px 0;border-top:1px solid var(--line)}.profile-card:first-child{border-top:0}.profile-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-card strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}.profile-card p{font-size:12px;margin:6px 0}.profile-status{font-size:10px;color:var(--muted);white-space:nowrap}.profile-card-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.profile-card-actions .button{min-height:40px;padding:10px 15px;font-size:12px}.delete-button{color:#a17359}.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:600px){.app-shell{padding:0 22px 30px}.topbar{height:74px}.brand{font-size:28px}.brand-symbol{transform:scale(.9);transform-origin:left;width:31px;margin-right:6px}.topbar-actions{gap:18px}.workflow{margin:18px auto 25px}.step{width:23px}.page-heading{margin-bottom:27px}h1{font-size:27px;letter-spacing:-.9px}.page-description{font-size:13px}.glasses-grid{gap:9px}.glasses-choice{padding:22px 7px;min-height:132px;gap:15px;border-radius:11px}.glasses-choice strong{font-size:12px}.radio-indicator{top:9px;right:9px;width:12px;height:12px}.choice-glasses{transform:scale(.8);width:73px;transform-origin:center}.orientation{gap:12px;margin-top:25px}.orientation-label{font-size:12px}.segment label{font-size:12px;padding:10px 14px}.center-action{margin-top:28px}.setting-tile{padding:19px 16px;gap:13px}.setting-label{font-size:13px}.filter-illustration{width:280px}.filter-caption{font-size:13px}.intro-action{margin-top:22px}.stimulus-board{padding:11px}.comparison-grid{gap:10px}.sample{height:222px}.test-circle{width:71px;height:71px}.sample-label{font-size:12px;bottom:11px}.verify-board{height:230px;padding:12px;gap:5px}.verify-board .test-circle{width:60px;height:60px}.verification-answers{gap:8px}.choice-button{font-size:13px;padding:15px 5px}.palette-preview{height:150px}.save-row .button{min-width:100px;padding:13px}.text-input{font-size:16px}.result-facts{font-size:11px}.result-view .page-heading{margin-bottom:23px}.result-status{margin-bottom:15px}.help-button{width:30px;height:30px}dialog{padding:23px}.result-details .button-row{gap:12px}}
@media(max-width:360px){.app-shell{padding-inline:16px}.glasses-grid{gap:7px}.glasses-choice{padding:21px 5px;min-height:122px}.glasses-choice strong{font-size:11px}.choice-glasses{transform:scale(.65);width:65px;margin-left:-5px}.radio-indicator{width:11px;height:11px}.sample{height:195px}.test-circle{width:61px;height:61px}.verify-board .test-circle{width:51px;height:51px}.choice-button{font-size:12px}.filter-caption{font-size:12px}.page-description{font-size:12px}.save-row{flex-wrap:wrap}.save-row .text-input{flex:1 1 140px}.save-row .button{flex:1 0 95px}.result-facts{flex-wrap:wrap}h1{font-size:25px}}
@media(pointer:coarse){.icon-button,.micro-button,.quiet-button,.preview-options button{min-height:44px}.help-button{min-height:32px}.segment label{min-height:42px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* The procedural stripes use calibrated sRGB colors for every column. */
.test-circle{width:112px;height:112px;overflow:hidden}
.target-pattern{width:100%;height:100%;display:block;pointer-events:none}
@media(max-width:600px){.test-circle{width:90px;height:90px}.verify-board .test-circle{width:68px;height:68px}}
@media(max-width:360px){.test-circle{width:78px;height:78px}.verify-board .test-circle{width:57px;height:57px}}

.background-choice{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:13px;color:var(--muted)}
.background-choice .segment label{display:flex;align-items:center;gap:7px}
.background-swatch{width:13px;height:13px;border-radius:50%;border:1px solid #b5bcae}
.game-dialog{width:min(820px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:23px;overflow-y:auto}
.game-dialog[open]{display:block}
.game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.game-heading h2{font-size:24px}
.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:51px}
.game-mode{font-size:11px;color:var(--muted)}
.game-hud{display:flex;align-items:center;gap:14px;font-size:14px;font-variant-numeric:tabular-nums}
.game-hud output:first-child{font-size:20px;font-weight:500;min-width:20px;text-align:center}
.game-hud-divider{width:1px;height:16px;background:var(--line)}
.game-hud .icon-button{font-size:17px}
.game-arena{position:relative;overflow:hidden;border-radius:12px;background:var(--game-field)}
.game-canvas{width:100%;height:380px;display:block;touch-action:none;cursor:default}
.game-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px}
.game-overlay[hidden]{display:none}
.game-start-panel{max-width:340px;text-align:center;padding:25px 28px;border-radius:12px;background:#f6f5f1ed;box-shadow:0 5px 25px #273b3b09}
.game-start-panel h3{margin:0 0 9px;font:600 22px Manrope,sans-serif;letter-spacing:-.6px}
.game-start-panel p{font-size:12px;margin:0 0 20px;color:var(--muted)}
.game-start-panel p:empty{display:none}
.game-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}
.game-controls>span{font-size:11px;color:var(--muted);text-align:center}
.direction-button{min-width:64px;padding:8px 20px;min-height:44px;font-size:20px;touch-action:none;user-select:none}
.game-settings{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:6px}
.game-background label{font-size:11px;padding:7px 13px}
.game-background input{margin:0}
.result-view>.center-action{margin-top:20px}
@media(max-width:600px){.topbar-actions{gap:12px}.quiet-button{font-size:12px}.game-dialog{padding:16px}.game-heading h2{font-size:21px}.game-canvas{height:330px}.game-toolbar{min-height:48px}.game-mode{font-size:10px}.game-hud{gap:9px;font-size:12px}.game-hud output:first-child{font-size:18px}.game-start-panel{padding:22px 18px}.game-start-panel h3{font-size:20px}.game-start-panel p{font-size:11px}.game-controls>span{font-size:10px}.direction-button{min-width:48px;padding:8px 15px}.game-settings{gap:14px}.background-choice{font-size:12px}}
@media(max-height:650px){.game-canvas{height:260px}.game-dialog{padding:13px}.game-start-panel{padding:18px}.game-controls{margin-top:8px}}
/* Duo Arcade: the game art itself uses the calibrated palette. */
[hidden]{display:none!important}
.topbar-actions .quiet-button[aria-pressed=true]{color:var(--teal);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
main.arcade-home{max-width:1000px;margin-top:32px}
.arcade-home-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.arcade-kicker{font-size:9px;font-weight:650;letter-spacing:2.1px;color:#8c9785;display:block;margin-bottom:8px}
.arcade-home-heading h1{font-size:34px;letter-spacing:-1.3px}
.arcade-palette{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}
.palette-dots,.arcade-game-palette{display:inline-flex;gap:4px;align-items:center}
.palette-dots i{width:17px;height:17px;border-radius:50%;border:1px solid #ffffff50}
.arcade-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.arcade-card{grid-column:span 2;text-align:left;padding:0;border-radius:15px;overflow:hidden;background:#fff;border:1px solid #e0e5d9;box-shadow:0 3px 12px #273b3b03;transition:transform .18s,box-shadow .18s}
.arcade-card-featured{grid-column:span 3}
.arcade-card:hover{transform:translateY(-4px);box-shadow:0 10px 23px #273b3b0b}
.arcade-card:active{transform:translateY(-1px)}
.arcade-card-visual{height:160px;position:relative;background:rgb(139,139,139);overflow:hidden}
.arcade-card-featured .arcade-card-visual{height:190px}
.arcade-card-visual canvas{width:100%;height:100%;display:block}
.arcade-card-tag{position:absolute;top:13px;left:14px;font-size:8px;letter-spacing:1.2px;color:#fcfcf3b3;font-weight:550;pointer-events:none}
.arcade-card-record{position:absolute;right:12px;top:11px;color:#fcfcf3;background:#60705c44;border-radius:5px;padding:4px 6px;font-size:10px}
.arcade-card-copy{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 19px}
.arcade-card-copy h2{font-size:20px;letter-spacing:-.6px;margin:0 0 5px}
.arcade-card-featured .arcade-card-copy h2{font-size:23px}
.arcade-card-copy p{font-size:11px;line-height:1.5;color:#87917f}
.arcade-play-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#edf2e7;color:var(--teal);font-size:19px;flex-shrink:0}
.arcade-card:hover .arcade-play-arrow{background:var(--teal);color:white}
.game-dialog.arcade-game-dialog{width:min(1040px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:17px 21px 14px;border-radius:18px}
.arcade-game-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;min-height:42px}
.arcade-back{display:flex;align-items:center;gap:7px;background:transparent;font-size:19px;padding:8px 0;justify-self:start;min-height:40px}
.arcade-back span{font-size:12px;color:var(--muted)}
.arcade-game-heading h2{font-size:23px;margin:0;letter-spacing:-.7px}
.arcade-game-tools{display:flex;align-items:center;gap:4px;justify-self:end}
.arcade-game-tools .icon-button{font-size:20px;width:34px;height:36px}
#arcade-sound[aria-pressed=false]{opacity:1}
.arcade-hud{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:40px;margin-bottom:5px}
.arcade-game-palette i{width:9px;height:9px;border-radius:50%}
.arcade-game-palette span{font-size:10px;color:var(--muted);margin-left:5px}
.arcade-scores{display:flex;align-items:center;gap:20px;font-variant-numeric:tabular-nums}
#arcade-secondary{font-size:11px;color:#8c9783}
.arcade-score{font-size:23px;font-family:Manrope,sans-serif;letter-spacing:-.6px;white-space:nowrap;display:flex;gap:8px;align-items:center}
.arcade-score>span{font-size:14px;color:#a9af80}
.arcade-playfield{position:relative;border-radius:12px;overflow:hidden;background:rgb(139,139,139)}
.arcade-canvas{width:100%;height:min(520px,calc(100dvh - 205px));min-height:300px;display:block;touch-action:none;cursor:default}
.arcade-canvas.arcade-pointer{cursor:default}
.arcade-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:#64735a0a}
.arcade-overlay-card{width:min(330px,100%);padding:24px 24px 27px;text-align:center;border-radius:17px;background:#f6f5f1f5;box-shadow:0 12px 38px #273b3b0a}
.arcade-overlay-decoration{font-size:27px;color:#9aa97c;display:block;margin-bottom:11px}
.arcade-overlay-card h3{font-family:Manrope,sans-serif;font-size:22px;line-height:1.45;font-weight:600;letter-spacing:-.7px;margin:0 0 20px}
.arcade-overlay-card p{font-family:Manrope,sans-serif;font-size:25px;color:var(--teal);margin:-3px 0 22px;letter-spacing:-.8px}
.arcade-overlay-card p:empty{display:none}
.arcade-live-event{position:absolute;top:18px;left:0;right:0;text-align:center;color:#fafbe4;font-family:Manrope,sans-serif;font-size:21px;font-weight:700;letter-spacing:2px;pointer-events:none}
.arcade-live-event:empty{display:none}
.arcade-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding-top:10px}
.arcade-dpad,.arcade-piece-controls{display:flex;align-items:center;gap:6px}
.arcade-dpad button,.arcade-piece-controls button{width:42px;height:39px;background:#edf1e7;border:1px solid #dce4d5;border-radius:8px;font-size:18px;display:grid;place-items:center;touch-action:none;user-select:none}
.arcade-dpad button:hover,.arcade-piece-controls button:hover{background:#e3ebda}
.arcade-piece-controls button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}
.arcade-controls>span{font-size:10px;color:#8b957f}
.arcade-controls .arcade-record{margin-left:auto;font-size:10px;color:#9ba48e}
@media(max-width:850px){.arcade-grid{gap:13px}.arcade-card-copy{padding:15px 13px}.arcade-card-copy h2{font-size:18px}.arcade-card-copy p{font-size:10px}.arcade-play-arrow{width:27px;height:27px;font-size:16px}.arcade-home-heading h1{font-size:30px}.arcade-game-heading h2{font-size:21px}}
@media(max-width:700px){main.arcade-home{margin-top:25px}.arcade-home-heading{margin-bottom:20px;align-items:flex-end}.arcade-palette{font-size:10px;gap:6px}.palette-dots i{width:13px;height:13px}.arcade-kicker{font-size:8px;margin-bottom:7px}.arcade-home-heading h1{font-size:28px}.arcade-card,.arcade-card-featured{grid-column:span 6}.arcade-card-visual,.arcade-card-featured .arcade-card-visual{height:163px}.arcade-card-copy,.arcade-card-featured .arcade-card-copy{padding:15px 17px}.arcade-card-copy h2,.arcade-card-featured .arcade-card-copy h2{font-size:21px}.arcade-card-copy p{font-size:11px}.arcade-play-arrow{width:32px;height:32px;font-size:19px}.arcade-grid{gap:15px}.game-dialog.arcade-game-dialog{padding:12px;width:calc(100% - 14px);max-height:calc(100dvh - 14px);border-radius:14px}.arcade-game-heading{gap:7px;grid-template-columns:auto 1fr auto}.arcade-game-heading h2{font-size:19px;text-align:center}.arcade-game-tools{gap:0}.arcade-game-tools .icon-button{width:29px;font-size:19px}.arcade-back{font-size:21px}.arcade-back span{display:none}.arcade-hud{min-height:36px;margin-bottom:3px}.arcade-scores{gap:12px}#arcade-secondary{font-size:10px}.arcade-score{font-size:20px;gap:5px}.arcade-game-palette span{font-size:9px}.arcade-game-palette i{width:8px;height:8px}.arcade-canvas{height:min(475px,calc(100dvh - 180px));min-height:300px}.arcade-overlay-card{max-width:270px;padding:20px 19px}.arcade-overlay-card h3{font-size:20px}.arcade-overlay-decoration{margin-bottom:8px}.arcade-controls{flex-wrap:wrap;justify-content:center;gap:8px;min-height:49px;padding-top:8px}.arcade-controls>span{font-size:9px}.arcade-controls .arcade-record{display:none}.arcade-dpad,.arcade-piece-controls{gap:5px}.arcade-dpad button,.arcade-piece-controls button{width:41px;height:41px}.arcade-live-event{font-size:17px;top:12px}.topbar-actions{gap:11px}.topbar-actions #calibrate-open{font-size:11px}}
@media(max-width:380px){.topbar-actions{gap:9px}.topbar-actions #profiles-open{font-size:0;gap:0}.topbar-actions #profiles-open .count{font-size:10px;width:23px;height:23px}.arcade-home-heading h1{font-size:25px}.arcade-palette{flex-direction:column;align-items:flex-end;gap:4px}.arcade-game-palette span{display:none}.arcade-game-heading h2{font-size:18px}.arcade-controls>span:not(.arcade-record){display:none}}
@media(prefers-reduced-motion:reduce){.arcade-card{transition:none}.arcade-card:hover{transform:none}}
.arcade-live-event{color:var(--arcade-common,rgb(200,200,139))}