:root{--page:#f6f9fc;--surface:#fff;--ink:#17202c;--muted:#5b687a;--blue:#2f7ddd;--blue-dark:#1762bf;--pale:#eaf3ff;--line:#d9e3f1;--green:#e7f7ed;--shadow:0 4px 16px #24467009}*{box-sizing:border-box}.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}html{scroll-behavior:auto}body{background:radial-gradient(circle at 50% 22%,#fff 0,var(--page) 66%);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline-offset:3px;outline:3px solid #8dbaff}.site-header{border-bottom:1px solid var(--line);background:#fff;height:68px}.header-inner{justify-content:space-between;align-items:center;max-width:1380px;height:100%;margin:auto;padding:0 28px;display:flex}.brand,.footer-brand{letter-spacing:-1.15px;color:#233048;white-space:nowrap;font-size:23px;font-weight:800}.brand span,.footer-brand span{color:#2774dc}.site-nav{align-items:stretch;gap:22px;height:100%;display:flex}.site-nav a{color:#34445a;border-bottom:3px solid #0000;place-items:center;min-width:76px;padding:2px 8px 0;font-size:16px;display:grid}.site-nav a:hover,.site-nav a.active{color:#1769ca}.site-nav a.active{border-bottom-color:var(--blue);font-weight:700}.menu-toggle{display:none}main{min-height:calc(100vh - 250px)}.container{max-width:1150px;margin:auto;padding:0 20px 74px}.narrow{max-width:910px}.page-intro{text-align:center;max-width:830px;margin:34px auto 30px}.page-intro h1{letter-spacing:-2.2px;margin:0 0 7px;font-size:clamp(38px,4.5vw,58px);font-weight:800;line-height:1.12}.page-intro p{color:#4f5d70;margin:0;font-size:20px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--blue-dark);font-size:12px;font-weight:800}.home-link{margin-top:20px;display:inline-flex}.text-link{color:var(--blue-dark);font-weight:700}.text-link:hover{text-decoration:underline}.game-card,.surface-card,.mode-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:11px}.game-card{padding:22px 27px 24px}.game-loading{min-height:470px;color:var(--muted);place-items:center;display:grid}.game-topline{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.game-topline strong{letter-spacing:-.5px;font-size:23px;line-height:1.3}.game-topline small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.game-topline>span{color:var(--muted);white-space:nowrap;font-size:18px}.game-stage{border:1px solid var(--line);background:#fff;border-radius:9px;height:317px;position:relative;overflow:hidden}.stage-images{grid-template-columns:1fr 1fr;align-items:end;display:grid;position:absolute;inset:8px 4% 94px}.stage-object{justify-content:center;align-items:end;min-width:0;height:100%;display:flex;overflow:hidden}.object-visual{transform-origin:bottom;flex:none;transition:width .16s,height .16s;position:relative}.object-visual svg{width:100%;height:100%;display:block}.stage-baseline{background:#bccbd9;height:1px;position:absolute;bottom:94px;left:13%;right:13%}.stage-labels{text-align:center;grid-template-columns:1fr 1fr;gap:15px;display:grid;position:absolute;bottom:12px;left:3%;right:3%}.stage-labels div{flex-direction:column;align-items:center;min-width:0;line-height:1.28;display:flex}.stage-labels small{color:#34445a;font-size:14px}.stage-labels strong{overflow-wrap:anywhere;max-width:100%;font-size:17px;font-weight:500}.stage-labels em{color:#5b687a;font-size:12px;font-style:normal}.measurement-note{color:var(--muted);margin:12px 0 9px;font-size:13px}.measurement-note strong{color:var(--ink)}.scale-row{grid-template-columns:56px minmax(80px,1fr) 56px 178px;align-items:center;gap:17px;margin:0 0 16px;display:grid}.step-button{border:1px solid var(--line);height:56px;color:var(--ink);background:#f8fbff;border-radius:9px;font-size:29px;line-height:1}.step-button:hover{background:#eef6ff;border-color:#96bae8}.scale-row input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer;height:44px}.scale-row output{border:1px solid var(--line);white-space:nowrap;background:#f8fbff;border-radius:9px;place-items:center;height:56px;font-size:25px;font-weight:750;display:grid}.button{text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:12px 22px;font-weight:700;display:inline-flex}.button.primary{color:#fff;background:#176bc5;box-shadow:inset 0 -2px #00000012}.button.primary:hover{background:var(--blue-dark)}.button.secondary{color:var(--blue-dark);background:#f8fbff;border-color:#b8d1ef}.button.secondary:hover{background:#eaf3ff}.lock-button{width:100%;min-height:64px;font-size:20px}.reveal-panel{padding-top:17px}.reveal-metrics{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.reveal-metrics div{border:1px solid var(--line);background:#f7faff;border-radius:8px;padding:10px 11px}.reveal-metrics small{color:var(--muted);font-size:12px;display:block}.reveal-metrics strong{font-size:20px;display:block}.reveal-panel p{color:var(--muted);margin:13px 0 5px;font-size:14px}.source-line{color:var(--blue-dark);flex-wrap:wrap;gap:20px;margin-bottom:15px;font-size:13px;font-weight:700;display:flex}.source-line a:hover{text-decoration:underline}.complete-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:46px 26px;display:flex}.complete-card h2{letter-spacing:-1px;margin:6px 0;font-size:34px}.total-score{color:var(--blue-dark);margin:12px 0;font-size:58px;font-weight:800;line-height:1.1}.total-score span{color:var(--muted);font-size:20px;font-weight:400}.result-dots{flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0;display:flex}.result-dots span{border:1px solid var(--line);min-width:65px;color:var(--blue-dark);border-radius:8px;flex-direction:column;padding:5px 10px;font-weight:700;display:flex}.result-dots b{color:var(--muted);font-size:12px}.muted{color:var(--muted)}.action-row,.inline-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.inline-links{color:var(--blue-dark);margin-top:20px;font-size:14px;font-weight:700}.live-note{white-space:pre-line;overflow-wrap:anywhere;min-height:22px;color:var(--blue-dark);font-size:13px}.mode-grid{grid-template-columns:1fr 1fr;gap:23px;margin:31px 0;display:grid}.mode-card{align-items:center;gap:26px;min-height:132px;padding:21px 26px;transition:transform .16s,border-color .16s;display:flex}.mode-card:hover{border-color:#9dbfe8;transform:translateY(-2px)}.mode-icon{border-radius:50%;flex:none;place-items:center;width:78px;height:78px;font-size:37px;font-weight:700;display:grid}.mode-icon.blue{color:#176bd3;background:#e7f1ff}.mode-icon.green{color:#3c775b;background:#e3f5ea}.mode-copy{flex-direction:column;flex:1;gap:4px;display:flex}.mode-copy strong{letter-spacing:-.45px;font-size:21px}.mode-copy small{color:var(--muted);font-size:16px;line-height:1.42}.mode-arrow{color:#506178;font-size:34px;font-weight:300}.surface-card{margin-top:28px;padding:26px 32px}.surface-card h2,.section-title{letter-spacing:-.6px;margin:0 0 15px;font-size:25px}.surface-card p{color:#46556a;margin:8px 0 14px}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{border:1px solid var(--line);background:#fbfdff;border-radius:9px;padding:18px}.step-num{background:var(--pale);width:35px;height:35px;color:var(--blue-dark);border-radius:50%;place-items:center;margin-bottom:10px;font-weight:800;display:grid}.step h3{margin:0 0 5px;font-size:18px}.step p{color:var(--muted);margin:0;font-size:15px}.two-col{grid-template-columns:1fr 1fr;gap:22px;display:grid}.faq-list details{border-top:1px solid var(--line);padding:15px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding-right:24px;font-weight:700}.faq-list p{color:var(--muted);margin:10px 0 0}.article{max-width:850px;margin:auto}.article h2{letter-spacing:-.4px;margin:34px 0 10px;font-size:24px}.article h3{margin:22px 0 8px;font-size:18px}.article p,.article li{color:#47566a;font-size:16px;line-height:1.72}.article a:not(.button):not(.home-link){color:var(--blue-dark);text-underline-offset:2px;text-decoration:underline}.article ul{padding-left:23px}.article .button.primary{color:#fff}.callout{background:#edf5ff;border:1px solid #c9ddf7;border-radius:9px;margin:25px 0;padding:20px 23px}.callout p{margin:0}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:9px;overflow-x:auto}.source-table{border-collapse:collapse;width:100%;min-width:740px}.source-table th{color:#34445a;text-align:left;background:#f2f7fc;padding:13px 16px;font-size:13px}.source-table td{border-top:1px solid var(--line);vertical-align:top;color:#4b5b70;padding:15px 16px;font-size:14px}.source-table td:first-child strong{color:var(--ink)}.source-table tr:target{background:#edf5ff}.source-table a{color:var(--blue-dark);font-weight:700}.source-search{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;max-width:400px;height:48px;margin-bottom:15px;padding:0 14px}.contact-options{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.contact-options>div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.contact-options strong{margin-bottom:5px;display:block}.contact-options p{margin:0;font-size:14px}.contact-form{gap:16px;display:grid}.contact-form label{gap:6px;font-weight:700;display:grid}.contact-form input,.contact-form textarea,.contact-form select{color:var(--ink);background:#fff;border:1px solid #bfcddd;border-radius:8px;width:100%;padding:12px 13px}.contact-form textarea{resize:vertical;min-height:130px}.contact-form .button{justify-self:start}.site-footer{border-top:1px solid var(--line);background:#fff}.footer-inner{justify-content:space-between;gap:25px;max-width:1150px;min-height:160px;margin:auto;padding:32px 20px;display:flex}.footer-brand{font-size:19px}.footer-inner p{color:var(--muted);margin:7px 0;font-size:14px}.footer-inner nav{color:#4c5d72;flex-wrap:wrap;align-items:flex-start;gap:20px;padding-top:5px;font-size:14px;display:flex}.footer-inner nav a:hover{color:var(--blue-dark);text-decoration:underline}@media (max-width:700px){.site-header{height:auto;min-height:60px}.header-inner{flex-wrap:wrap;min-height:60px;padding:0 17px}.brand{font-size:20px}.menu-toggle{color:#2b3c54;background:0 0;border:0;min-height:44px;font-weight:700;display:block}.site-nav{flex-direction:column;flex-basis:100%;gap:0;height:auto;padding-bottom:8px;display:none}.site-nav.open{display:flex}.site-nav a{border-bottom:0;border-left:3px solid #0000;min-height:44px;padding:10px 5px;display:block}.site-nav a.active{border-left-color:var(--blue);background:#f4f8fd}.container{padding:0 14px 55px}.page-intro{margin:22px auto 18px}.page-intro h1{letter-spacing:-1.5px;font-size:38px}.page-intro p{font-size:16px}.game-card{padding:15px}.game-topline strong{font-size:19px}.game-topline>span{font-size:14px}.game-stage{height:220px}.stage-images{inset:8px 3% 92px}.stage-baseline{bottom:92px;left:5%;right:5%}.stage-labels{gap:4px;bottom:8px;left:2%;right:2%}.stage-labels strong{font-size:13px}.stage-labels small{font-size:12px}.stage-labels em{font-size:10px}.object-visual{max-width:none}.scale-row{grid-template-columns:45px minmax(50px,1fr) 45px 87px;gap:7px;margin-bottom:12px}.step-button,.scale-row output{height:48px}.scale-row output{font-size:17px}.lock-button{min-height:54px;font-size:18px}.measurement-note{font-size:12px}.reveal-metrics{grid-template-columns:repeat(2,1fr)}.mode-grid,.steps,.two-col,.contact-options{grid-template-columns:1fr}.mode-card{gap:14px;min-height:105px;padding:16px}.mode-icon{width:56px;height:56px;font-size:27px}.mode-copy strong{font-size:18px}.mode-copy small{font-size:14px}.surface-card{margin-top:18px;padding:20px}.footer-inner{flex-direction:column;padding:28px 17px}.footer-inner nav{gap:12px 20px}.complete-card{min-height:430px;padding:35px 16px}.total-score{font-size:47px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.skip-link{z-index:10;color:var(--blue-dark);border:2px solid var(--blue-dark);background:#fff;border-radius:6px;padding:10px 16px;position:absolute;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.height-guide{border-top:2px solid #6295ce;border-bottom:2px solid #6295ce;border-left:2px solid #6295ce;flex:none;width:7px;margin-left:5px;transition:height .16s;display:block}.storage-note{color:var(--muted);margin:12px 0 0;font-size:13px}.game-stage{scroll-margin-top:16px}.stage-object{overflow:visible}.two-col>*{min-width:0}.article .mode-card{text-decoration:none!important}.footer-inner nav a,.home-link{align-items:center;min-height:44px;display:inline-flex}.source-line a{align-items:center;min-height:32px;display:inline-flex}.table-wrap:focus-visible{outline-offset:2px}@media (min-width:701px) and (max-width:900px){.two-col .mode-card{gap:12px;padding:16px}.two-col .mode-icon{width:48px;height:48px;font-size:25px}.two-col .mode-copy small{font-size:14px}}.cookie-settings{min-height:44px;color:inherit;text-align:left;background:0 0;border:0;padding:0}.cookie-settings:hover{color:var(--blue-dark);text-decoration:underline}.cookie-banner{z-index:20;bottom:max(12px,env(safe-area-inset-bottom));background:#fff;border:1px solid #b8d1ef;border-radius:12px;align-items:center;gap:28px;max-width:1110px;max-height:calc(100dvh - 32px);margin:auto;padding:22px 26px;display:flex;position:fixed;left:20px;right:20px;overflow-y:auto;box-shadow:0 8px 40px #19375a29}.cookie-copy{flex:1;min-width:0}.cookie-copy h2{letter-spacing:-.3px;margin:0 0 6px;font-size:20px;line-height:1.3}.cookie-copy p{color:var(--muted);margin:0 0 6px;font-size:14px;line-height:1.5}.cookie-copy .text-link{text-underline-offset:3px;font-size:14px;text-decoration:underline;display:inline-block}.cookie-copy .cookie-current{margin:8px 0 0;font-size:12px}.cookie-actions{flex:none;gap:10px;display:flex}.cookie-actions .button{min-height:46px;padding:11px 16px;font-size:14px}@media (max-width:900px){.cookie-banner{flex-direction:column;align-items:stretch;gap:16px}.cookie-actions{justify-content:flex-end}}@media (max-width:700px){.cookie-banner{gap:14px;padding:18px;left:12px;right:12px}.cookie-actions{grid-template-columns:1fr;display:grid}.cookie-actions .button{width:100%}.cookie-copy h2{font-size:19px}}