:root{--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--primary: #0f1720;--primary-hover: #1a2733;--primary-glow: rgba(15, 107, 107, .22);--accent: #0f6b6b;--accent-hover: #0c5757;--accent-gold: #d4a017;--bg-start: #eef3f6;--bg-end: #dfe8ee;--surface: #f4f7f9;--surface-elevated: #ffffff;--border: #c5d0d6;--card-bg: #fff;--card-border: #d5dde4;--card-shadow: 0 8px 32px rgba(15, 23, 32, .06);--text: #0f1720;--text-muted: #4a5a68;--grid-bg: #404040;--grid-cell: #fff;--grid-cell-border: #e5e5e5;--palette-bg: #f5f5f5;--palette-selected: #e5e5e5;--palette-selected-border: #0f1720;--focus-ring: 2px solid var(--accent);--focus-offset: 2px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--font-display: "Fraunces", "Nunito", Georgia, serif;--font-ui: "Nunito", system-ui, -apple-system, Segoe UI, sans-serif}*{box-sizing:border-box}html{background:var(--bg-start);min-height:100%}body{margin:0;font-family:var(--font-ui);font-size:18px;background:linear-gradient(165deg,var(--bg-start) 0%,#e4edf2 42%,var(--bg-end) 100%);background-attachment:fixed;color:var(--text);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,107,107,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,107,107,.035) 1px,transparent 1px),radial-gradient(ellipse at 18% 12%,rgba(15,107,107,.08) 0%,transparent 42%),radial-gradient(ellipse at 88% 78%,rgba(212,160,23,.06) 0%,transparent 40%);background-size:48px 48px,48px 48px,auto,auto;pointer-events:none;z-index:0;animation:hlAmbientFade 1.2s ease-out both}@keyframes hlAmbientFade{0%{opacity:0}to{opacity:1}}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:var(--space-24) var(--space-16);position:relative;z-index:1}h1,.game-title{font-family:Nunito,system-ui,sans-serif;font-size:2rem;font-weight:700;margin:0 0 var(--space-8);letter-spacing:-.02em}h2{font-family:Nunito,system-ui,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 var(--space-16)}.subtitle{color:var(--text-muted);margin-bottom:var(--space-24);text-align:center;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.5}form{display:flex;flex-direction:column;gap:var(--space-16);max-width:320px;width:100%;margin:0 auto}label{display:flex;flex-direction:column;gap:var(--space-8);font-weight:500}input,select{padding:var(--space-8) var(--space-16);font-size:1.05rem;border:1px solid #a3a3a3;border-radius:var(--radius-sm);background:var(--card-bg);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 var(--focus-offset) var(--card-bg),0 0 0 calc(var(--focus-offset) + 2px) var(--primary)}button{padding:var(--space-16) var(--space-24);font-size:1.05rem;font-weight:600;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}button:hover{background:var(--primary-hover);box-shadow:0 4px 16px var(--primary-glow)}button:active{transform:scale(.98)}.rit-touch-btn:active,.cft-touch-btn:active,button.rit-touch-btn:active,button.cft-touch-btn:active{transform:none}button:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-offset) var(--card-bg),0 0 0 calc(var(--focus-offset) + 2px) var(--primary)}button:disabled{background:#a3a3a3;cursor:not-allowed;box-shadow:none}button.secondary{background:#525252}button.secondary:hover{background:#404040}.page{width:100%;max-width:520px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;animation:pageFadeIn .3s ease-out}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-instructions h1{font-size:2.25rem;margin-bottom:var(--space-16)}.instructions{font-size:1.125rem;line-height:1.7;max-width:480px;margin-left:auto;margin-right:auto;background:#ffffffd9;padding:var(--space-24) var(--space-24);border-radius:var(--radius-lg);margin-bottom:var(--space-24);box-shadow:var(--card-shadow);border:1px solid var(--card-border)}.instructions ul{text-align:left;max-width:100%;margin:0;padding-left:var(--space-24);line-height:1.7}.instructions li{margin-bottom:var(--space-8)}.instructions-example-label{margin-bottom:var(--space-8);font-size:1.1rem}.instructions-example-grid{margin-bottom:var(--space-24)}.toggle-row{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-16)}.toggle-row input[type=checkbox]{width:1.25rem;height:1.25rem}.grid-container{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-16)}.copy-page{max-width:720px}.copy-page-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24);align-items:start;width:100%;margin-top:var(--space-8)}.copy-reference,.copy-response{display:flex;flex-direction:column;align-items:center;min-width:0}.copy-section-label{font-weight:600;margin:0 0 var(--space-8);font-size:1.05rem}.copy-grid-wrap{margin-bottom:var(--space-8)}.copy-submit{margin-top:var(--space-16)}.copy-grid-wrap .grid{grid-template-columns:repeat(4,48px)!important;grid-template-rows:repeat(4,48px)!important}.copy-grid-wrap .grid-cell{width:48px;height:48px;min-width:48px;min-height:48px}.copy-grid-wrap .symbol-x,.copy-grid-wrap .symbol-o,.copy-grid-wrap .symbol-plus,.copy-grid-wrap .distractor-svg{width:28px;height:28px}@media (max-width: 639px){.copy-page-layout{grid-template-columns:1fr}}.grid-title{font-family:Nunito,system-ui,sans-serif;font-size:1.25rem;font-weight:600}.grid{display:grid;gap:3px;background:var(--grid-bg);padding:3px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026}.grid-cell{position:relative;width:56px;height:56px;min-width:56px;min-height:56px;background:var(--grid-cell);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:transform .15s ease,background .15s ease}.grid-cell.reconstruction{cursor:pointer}.grid-cell.reconstruction:active{transform:scale(.96)}.grid-cell.cell-just-placed{animation:cellPop .25s ease-out}@keyframes cellPop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.cell-number{position:absolute;top:2px;left:2px;font-size:11px;color:var(--text-muted);line-height:1}.grid-cell.droppable-over{background:#e5e5e5}.symbol-x,.symbol-o,.symbol-plus{stroke:var(--text);stroke-width:3;stroke-linecap:round}.symbol-x,.symbol-o,.symbol-plus{width:32px;height:32px}.symbol-o{fill:none;stroke-width:3}.distractor{stroke:var(--text);fill:none;stroke-width:3}.distractor-svg{width:32px;height:32px}.palette{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;padding:var(--space-16);background:var(--palette-bg);border-radius:var(--radius-md);border:1px solid var(--card-border)}.palette-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:2px solid #a3a3a3;border-radius:var(--radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .15s ease,border-color .2s ease,background .2s ease}.palette-item:hover{border-color:var(--primary)}.palette-item:active{cursor:grabbing}.palette-item.selected{background:var(--palette-selected);border-color:var(--palette-selected-border);box-shadow:0 0 0 2px var(--primary-glow)}.palette-item.dragging{opacity:.7}.fixation{font-size:3rem;color:var(--text-muted);font-weight:300;text-align:center}.get-ready{font-size:1.5rem;font-weight:600;text-align:center}.results-card{max-width:420px;margin:0 auto;padding:var(--space-32);background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);animation:resultsCardIn .4s ease-out}@keyframes resultsCardIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.results-title{font-family:Nunito,system-ui,sans-serif;font-size:1.75rem;font-weight:700;text-align:center;margin:0 0 var(--space-24);color:var(--text)}.results-hero{text-align:center;margin-bottom:var(--space-24);padding:var(--space-24);background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:var(--radius-md);border:1px solid var(--card-border)}.results-hero-value{display:block;font-family:Nunito,system-ui,sans-serif;font-size:3.5rem;font-weight:800;color:var(--primary);line-height:1.1;text-shadow:0 0 24px var(--primary-glow)}.results-hero-label{font-size:1rem;color:var(--text-muted);font-weight:500;margin-top:var(--space-8)}.results-summary-line{font-size:1.05rem;color:var(--text);margin:var(--space-8) 0}.results-accuracy{text-align:center;margin-bottom:var(--space-24);padding:var(--space-16);background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:var(--radius-md);border:1px solid var(--card-border)}.results-accuracy-value{display:block;font-family:Nunito,system-ui,sans-serif;font-size:2.5rem;font-weight:700;color:var(--primary);line-height:1.1}.results-accuracy-label{font-size:1rem;color:var(--text-muted);font-weight:500}.results-score-block{text-align:center;margin-bottom:var(--space-24);padding:var(--space-16);font-size:1.05rem;color:var(--text)}.results-score-block h3{font-family:Nunito,system-ui,sans-serif;margin:0 0 var(--space-8);font-size:1.1rem}.results-score-block p{margin:var(--space-8) 0}.results-details-collapse{margin-top:var(--space-24);text-align:left;width:100%}.results-details-collapse summary{cursor:pointer;color:var(--primary);font-size:1rem;font-weight:600;padding:var(--space-8) 0;list-style:none}.results-details-collapse summary::-webkit-details-marker{display:none}.results-details-collapse[open] summary{margin-bottom:var(--space-16)}.results-section{text-align:left;max-width:400px;margin:0 auto var(--space-24);padding:var(--space-16);background:#f5f5f5;border-radius:var(--radius-sm);border:1px solid #e5e5e5}.results-section h3{margin:0 0 var(--space-16);font-size:1rem;font-weight:600;text-align:center}.results-actions{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-24);align-items:center}.results-success{color:#171717;font-weight:500;margin:0}.results-saving{margin:0;color:var(--text-muted)}button.link-style{background:none;border:none;color:var(--primary);text-decoration:underline;font-size:inherit;padding:0;cursor:pointer}button.link-style:hover{color:var(--primary-hover)}.results-details{margin-top:var(--space-16);text-align:left;width:100%;max-width:520px}.results-details summary{cursor:pointer;color:var(--primary);font-size:1.05rem}.reminder{font-size:1rem;color:var(--text-muted);margin-top:var(--space-8)}.timer{font-size:1.2rem;font-weight:600;margin-bottom:var(--space-8)}.loading-dots{display:inline-flex;gap:6px;align-items:center;justify-content:center;padding:var(--space-24)}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:loadingBounce .6s ease-in-out infinite both}.loading-dots span:nth-child(2){animation-delay:.1s}.loading-dots span:nth-child(3){animation-delay:.2s}@keyframes loadingBounce{0%,80%,to{transform:scale(.6);opacity:.6}40%{transform:scale(1);opacity:1}}.form-error{color:#dc2626;font-size:.95rem;margin:var(--space-8) 0}.rit-brand{font-size:.95rem;color:var(--text-muted);margin:0 0 var(--space-16);letter-spacing:.02em}.rit-experimental{max-width:520px;margin:0 auto var(--space-16);padding:var(--space-8) var(--space-16);border:1px solid var(--card-border);background:#fafafa;color:var(--text-muted);font-size:.9rem;line-height:1.45;text-align:center}.rit-theme-game{--rit-accent: #2f6fed;--rit-accent-2: #e0a000}.rit-theme-clinical{--rit-accent: #2b5ea8;--rit-accent-2: #c49200}.rit-theme-game .page{background:linear-gradient(180deg,#eef3fb,#f7f7f5 55%,#f5f5f5);border-radius:var(--radius-lg);padding:var(--space-24)}.rit-high-contrast{--text: #000;--text-muted: #222;--card-border: #000}.rit-scalable-text{font-size:1.15em}.rit-muted{color:var(--text-muted);font-size:.95rem}.rit-warn{color:#7a3e00;background:#fff7e8;border:1px solid #f0d7a8;padding:var(--space-8) var(--space-16);max-width:480px;margin:0 auto var(--space-16)}.rit-landing-actions{display:flex;flex-direction:column;gap:var(--space-16);width:100%;max-width:320px}.rit-admin-options{display:flex;flex-direction:column;gap:var(--space-16);width:100%;max-width:420px}.rit-option-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;width:100%;padding:var(--space-16);background:var(--card-bg);color:var(--text);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer}.rit-option-btn:hover{border-color:var(--primary)}.rit-option-btn span{color:var(--text-muted);font-weight:400;font-size:.95rem}.rit-form{display:flex;flex-direction:column;gap:var(--space-16);max-width:360px;width:100%}.rit-form-wide{max-width:420px}.rit-field{display:flex;flex-direction:column;gap:6px;font-size:.95rem;width:100%}.rit-field input,.rit-field select,.rit-notes{font:inherit;padding:10px 12px;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:#fff}.rit-check{display:flex;gap:10px;align-items:flex-start;text-align:left;max-width:480px;margin:var(--space-8) auto}.rit-secondary{background:transparent;color:var(--text);border:1px solid var(--card-border);box-shadow:none}.rit-secondary:hover{background:#f0f0f0}.rit-device-list{text-align:left;max-width:480px;margin:0 auto var(--space-16);line-height:1.6}.rit-a11y{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-16)}.rit-stage{position:relative;width:min(280px,70vw);height:min(280px,70vw);display:flex;align-items:center;justify-content:center;margin:var(--space-16) auto}.rit-fixation{width:14px;height:14px;border-radius:50%;background:#737373}.rit-stimulus{display:block}.rit-reverse-frame{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:4px double #333;border-radius:8px;pointer-events:none}.rit-runner{width:100%;max-width:520px;text-align:center}.rit-progress{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-8)}.rit-theme-clinical .rit-progress{opacity:.7}.rit-feedback{min-height:1.5em;font-weight:600}.rit-touch-bar{display:flex;gap:var(--space-16);justify-content:center;margin-top:var(--space-24)}.rit-touch-btn{min-width:120px;min-height:56px;touch-action:manipulation;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.rit-score-panel{margin-bottom:var(--space-24)}.rit-ics{font-size:3rem;font-family:Nunito,system-ui,sans-serif;font-weight:800;margin:0}.rit-export-row{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;margin:var(--space-16) 0}.rit-export-row button{width:auto;padding:10px 14px;font-size:.95rem}.rit-trial-table-wrap{max-height:320px;overflow:auto;width:100%;max-width:640px;margin:var(--space-16) auto;border:1px solid var(--card-border)}.rit-trial-table{width:100%;border-collapse:collapse;font-size:.85rem}.rit-trial-table th,.rit-trial-table td{border-bottom:1px solid var(--card-border);padding:6px 8px;text-align:left}.rit-notes{width:100%;max-width:480px}.rit-results{max-width:720px}.rit-consent{max-width:520px;text-align:left;margin:0 auto var(--space-16);line-height:1.5}.rit-orient-text{max-width:420px;text-align:left;margin:0 auto var(--space-16)}button:focus-visible,.rit-touch-btn:focus-visible,.rit-option-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media (prefers-reduced-motion: reduce){.rit-runner[data-reduced-motion=true] *{animation:none!important;transition:none!important}}.rit-theme-game{--rit-console: #1a2744;--rit-console-soft: #e8eef8}.rit-theme-game .rit-page{border:1px solid #c5d0e6;box-shadow:inset 0 0 0 1px #2f6fed14}.rit-theme-game .game-title{color:#1a2744;letter-spacing:.04em}.rit-theme-game .rit-stage{background:radial-gradient(ellipse at center,#f4f7fc 0%,#e8eef8 70%,transparent 100%);border-radius:12px}.rit-theme-game .rit-touch-btn{border:2px solid #2f6fed;background:#fff;color:#1a2744}.rit-theme-clinical .rit-touch-btn{border:1px solid var(--card-border)}.rit-game-chrome{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#5a6b8a;margin:0 0 4px}.rit-theme-clinical .rit-game-chrome{display:none}.cft-brand{font-size:.95rem;color:var(--text-muted);margin:0 0 var(--space-16);letter-spacing:.02em}.cft-experimental{max-width:520px;margin:0 auto var(--space-16);padding:var(--space-8) var(--space-16);border:1px solid var(--card-border);background:#fafafa;color:var(--text-muted);font-size:.9rem;line-height:1.45;text-align:center}.cft-theme-game{--rit-accent: #2f6fed;--rit-accent-2: #e0a000}.cft-theme-clinical{--rit-accent: #2b5ea8;--rit-accent-2: #c49200}.cft-theme-game .page{background:linear-gradient(180deg,#eef3fb,#f7f7f5 55%,#f5f5f5);border-radius:var(--radius-lg);padding:var(--space-24)}.cft-high-contrast{--text: #000;--text-muted: #222;--card-border: #000}.cft-scalable-text{font-size:1.15em}.cft-muted{color:var(--text-muted);font-size:.95rem}.cft-warn{color:#7a3e00;background:#fff7e8;border:1px solid #f0d7a8;padding:var(--space-8) var(--space-16);max-width:480px;margin:0 auto var(--space-16)}.cft-landing-actions{display:flex;flex-direction:column;gap:var(--space-16);width:100%;max-width:320px}.cft-admin-options{display:flex;flex-direction:column;gap:var(--space-16);width:100%;max-width:420px}.cft-option-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;width:100%;padding:var(--space-16);background:var(--card-bg);color:var(--text);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer}.cft-option-btn:hover{border-color:var(--primary)}.cft-option-btn span{color:var(--text-muted);font-weight:400;font-size:.95rem}.cft-form{display:flex;flex-direction:column;gap:var(--space-16);max-width:360px;width:100%}.cft-form-wide{max-width:420px}.cft-field{display:flex;flex-direction:column;gap:6px;font-size:.95rem;width:100%}.cft-field input,.cft-field select,.cft-notes{font:inherit;padding:10px 12px;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:#fff}.cft-check{display:flex;gap:10px;align-items:flex-start;text-align:left;max-width:480px;margin:var(--space-8) auto}.cft-secondary{background:transparent;color:var(--text);border:1px solid var(--card-border);box-shadow:none}.cft-secondary:hover{background:#f0f0f0}.cft-device-list{text-align:left;max-width:480px;margin:0 auto var(--space-16);line-height:1.6}.cft-a11y{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-16)}.cft-stage{position:relative;width:min(280px,70vw);height:min(280px,70vw);display:flex;align-items:center;justify-content:center;margin:var(--space-16) auto}.cft-fixation{width:14px;height:14px;border-radius:50%;background:#737373}.cft-stimulus{display:block}.cft-reverse-frame{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:4px double #333;border-radius:8px;pointer-events:none}.cft-runner{width:100%;max-width:520px;text-align:center}.cft-progress{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-8)}.cft-theme-clinical .cft-progress{opacity:.7}.cft-feedback{min-height:1.5em;font-weight:600}.cft-touch-bar{display:flex;gap:var(--space-16);justify-content:center;margin-top:var(--space-24)}.cft-touch-btn{min-width:120px;min-height:56px;touch-action:manipulation;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.cft-score-panel{margin-bottom:var(--space-24)}.cft-cfs{font-size:3rem;font-family:Nunito,system-ui,sans-serif;font-weight:800;margin:0}.cft-export-row{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;margin:var(--space-16) 0}.cft-export-row button{width:auto;padding:10px 14px;font-size:.95rem}.cft-trial-table-wrap{max-height:320px;overflow:auto;width:100%;max-width:640px;margin:var(--space-16) auto;border:1px solid var(--card-border)}.cft-trial-table{width:100%;border-collapse:collapse;font-size:.85rem}.cft-trial-table th,.cft-trial-table td{border-bottom:1px solid var(--card-border);padding:6px 8px;text-align:left}.cft-notes{width:100%;max-width:480px}.cft-results{max-width:720px}.cft-consent{max-width:520px;text-align:left;margin:0 auto var(--space-16);line-height:1.5}.cft-orient-text{max-width:420px;text-align:left;margin:0 auto var(--space-16)}button:focus-visible,.cft-touch-btn:focus-visible,.cft-option-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media (prefers-reduced-motion: reduce){.cft-runner[data-reduced-motion=true] *{animation:none!important;transition:none!important}}.cft-theme-game{--rit-console: #1a2744;--rit-console-soft: #e8eef8}.cft-theme-game .cft-page{border:1px solid #c5d0e6;box-shadow:inset 0 0 0 1px #2f6fed14}.cft-theme-game .game-title{color:#1a2744;letter-spacing:.04em}.cft-theme-game .cft-stage{background:radial-gradient(ellipse at center,#f4f7fc 0%,#e8eef8 70%,transparent 100%);border-radius:12px}.cft-theme-game .cft-touch-btn{border:2px solid #2f6fed;background:#fff;color:#1a2744}.cft-theme-clinical .cft-touch-btn{border:1px solid var(--card-border)}.cft-game-chrome{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#5a6b8a;margin:0 0 4px}.cft-theme-clinical .cft-game-chrome{display:none}.hl-brand,.rit-brand,.cft-brand{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-size:.85rem;color:var(--text-muted);margin:var(--space-8) 0 var(--space-12);letter-spacing:.02em}.hl-brand-mono{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:4px;font-family:var(--font-ui);font-size:.55rem;font-weight:800;letter-spacing:.02em;line-height:1;color:#fff;background:var(--accent)}.hl-experimental,.rit-experimental,.cft-experimental{font-size:.85rem;line-height:1.45;color:var(--text-muted);background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:var(--space-8) var(--space-16);max-width:420px;margin:0 auto var(--space-16)}.hl-hub .hl-experimental{font-size:.78rem;line-height:1.4;background:transparent;border:none;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:0;padding:var(--space-8) 0 0;max-width:26rem;margin:var(--space-8) auto 0}.hl-experimental-compact{font-size:.75rem;background:transparent;border-style:dashed}.hl-hub .hl-experimental-compact{border-top-style:dashed;margin-top:var(--space-8);padding-top:var(--space-8)}.hl-hub-link{margin:var(--space-16) 0 0;font-size:.9rem}.hl-hub-link a{color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}.hl-hub-link a:hover{color:var(--accent)}.hl-muted{color:var(--text-muted);font-size:.9rem}.hl-demo-launch{width:100%;margin:0;background:var(--surface-elevated);border:1px solid var(--border);color:var(--text);font-weight:600}.hl-demo-launch:hover{border-color:var(--accent);background:var(--surface-elevated);box-shadow:0 4px 16px var(--primary-glow)}.hl-demo-badge{display:inline-block;margin:0 0 var(--space-16);padding:.35rem .65rem;font-size:.85rem;line-height:1.35;color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent);border-left:3px solid var(--accent)}.hl-demo-continue{display:flex;flex-direction:column;gap:var(--space-8);align-items:stretch;margin:var(--space-24) 0;padding:var(--space-16);border:1px solid var(--border);background:var(--surface)}.hl-demo-continue-title{margin:0 0 var(--space-8);font-size:.95rem;font-weight:600}.hl-demo-continue button.secondary{margin-top:0}.hl-battery-steps{text-align:left;max-width:28rem;margin:0 auto var(--space-24);padding:var(--space-16) var(--space-16) var(--space-16) 1.5rem;line-height:1.5;list-style:decimal;background:color-mix(in srgb,var(--surface-elevated) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-md)}.hl-battery-steps li{margin-bottom:var(--space-16)}.hl-battery-steps li:last-child{margin-bottom:0}.hl-battery-steps strong{display:block;margin-bottom:.25rem;color:var(--text)}.hl-battery-steps .hl-muted{display:block}.hl-brand-mark{display:flex;flex-direction:column;align-items:center;gap:var(--space-12)}.hl-brand-mark-svg{display:block;color:var(--text)}.hl-brand-mark-word{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4.5vw,2.35rem);letter-spacing:-.03em;line-height:1.15;color:var(--text)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hl-hub{max-width:560px}.hl-hub-hero{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:var(--space-24);animation:hlHeroEnter .55s ease-out both}.hl-hub-eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:var(--space-16) 0 var(--space-8);font-weight:700}.hl-hub-title{font-family:var(--font-display);font-size:clamp(1.85rem,5vw,2.55rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 var(--space-8);color:var(--text)}.hl-hub-lead{margin:0 0 var(--space-24);max-width:28rem;line-height:1.5}.hl-hub-ctas{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-8);width:100%;max-width:360px;animation:hlCtaRise .6s ease-out .12s both}.hl-hub-ctas>button{width:100%;margin:0;background:var(--accent)}.hl-hub-ctas>button:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--primary-glow)}.hl-hub-ctas>.hl-demo-launch,.hl-hub-ctas>button.secondary{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border)}.hl-hub-ctas>.hl-demo-launch:hover,.hl-hub-ctas>button.secondary:hover{background:var(--surface-elevated);border-color:var(--accent)}.hl-hub-section-label{align-self:flex-start;width:100%;max-width:480px;margin:var(--space-16) 0 var(--space-12);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:left}.hl-task-list{display:flex;flex-direction:column;gap:var(--space-8);width:100%;max-width:480px}.hl-task-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:var(--space-12);row-gap:2px;align-items:start;text-align:left;width:100%;padding:var(--space-12) var(--space-16);background:transparent;color:var(--text);border:1px solid transparent;border-bottom:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:none;transition:border-color .15s ease,background .15s ease}.hl-task-card:hover{background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:none}.hl-task-card:active{transform:none}.hl-task-mark{grid-row:1 / span 3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:2px;color:var(--text-muted);background:color-mix(in srgb,var(--accent) 8%,var(--surface-elevated));border-radius:var(--radius-sm)}.hl-task-mark svg{display:block}.hl-task-name{font-family:var(--font-ui);font-size:1.05rem;font-weight:700}.hl-task-construct{font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:.02em}.hl-task-detail{font-size:.88rem;font-weight:400;color:var(--text-muted);line-height:1.4}.hl-hub-foot{margin-top:var(--space-24);max-width:28rem}@keyframes hlHeroEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hlCtaRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){body:before,.hl-hub-hero,.hl-hub-ctas{animation:none!important}}.hl-mode-grid,.rit-mode-grid,.cft-mode-grid{width:100%;max-width:360px;margin-bottom:var(--space-16)}.hl-step-dots{display:flex;gap:8px;justify-content:center;margin:0 0 var(--space-16)}.hl-step-dot{width:8px;height:8px;border-radius:50%;background:#d4d4d4}.hl-step-dot.is-active{background:var(--primary)}.hl-orient-stage{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--space-12, 12px);margin-bottom:var(--space-16)}.hl-orient-line{margin:0;max-width:360px;line-height:1.45}.hl-instruction-list{text-align:left;max-width:32rem;margin:0 auto var(--space-16);line-height:1.6;padding-left:1.25rem}.cft-cue,.cft-cue-empty{min-height:2.75rem;display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;margin:0 auto var(--space-8);box-sizing:border-box}.cft-cue{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.06em;color:#0a0a0a;background:#fff;border:2px solid #171717;border-radius:var(--radius-sm);padding:.5rem 1rem}.cft-theme-game .cft-cue{border-color:#2f6fed;color:#1a2744;background:#f4f7fc}.cft-runner,.rit-runner{animation:none}.page.rit-block-page,.page.cft-block-page{max-width:560px}@media (max-width: 420px){.hl-task-card{min-height:64px}.hl-hub-ctas{max-width:100%}.cft-touch-btn,.rit-touch-btn{min-width:44%;flex:1}.cft-cue{font-size:.95rem}}.rit-option-btn,.cft-option-btn{box-shadow:0 2px 10px #0000000a}.rit-option-btn strong,.cft-option-btn strong{color:var(--text);font-weight:700}.hl-auth-form{display:flex;flex-direction:column;gap:var(--space-16);max-width:28rem;margin:var(--space-24) auto;text-align:left;width:100%}.hl-auth-form h2{font-family:var(--font-display);font-size:1.25rem;margin:0}.hl-auth-check{display:flex;gap:var(--space-12);align-items:flex-start;font-size:.95rem;color:var(--text-muted);line-height:1.45}.hl-auth-check input{margin-top:.25rem;flex-shrink:0}