.gr-page{--gr-bg:#f2f7f7;--gr-paper:#fff;--gr-text:#133b52;--gr-muted:#536e7d;--gr-line:#cfdee2;--gr-accent:#00b8c6;background:var(--gr-bg);color:var(--gr-text);margin:0;line-height:1.55}
html[data-theme="dark"] .gr-page{--gr-bg:#071f32;--gr-paper:#0d3d58;--gr-text:#f7fcfd;--gr-muted:#c8dbe1;--gr-line:#3a7891}
.gr-page *{box-sizing:border-box}.gr-page [hidden]{display:none!important}.gr-page button,.gr-page input{font:inherit}.gr-page a{color:inherit}.gr-page .container{width:min(1160px,calc(100% - 36px));margin-inline:auto}.gr-main{width:min(1120px,calc(100% - 36px));margin:auto;padding:26px 0 60px;min-height:75vh}.gr-main h1,.gr-main h2,.gr-main h3,.gr-main p{margin-top:0}.gr-main h1,.gr-main h2{letter-spacing:-.045em;line-height:1.08}.gr-main button{cursor:pointer}.gr-main button:disabled{cursor:default;opacity:.6}.gr-skip{position:fixed;z-index:1000;top:-100px;left:16px;padding:12px;background:#fff;color:#133b52}.gr-skip:focus{top:12px}.gr-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin-bottom:30px;color:var(--gr-muted)}.gr-breadcrumb a{font-weight:750;text-decoration:none;min-height:32px}.gr-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:850;color:var(--gr-muted);margin-bottom:12px}.gr-start{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center}.gr-start h1{font-size:clamp(50px,6vw,78px);margin-bottom:16px}.gr-start h1 span{display:block;color:#00838f}.gr-lead{font-size:26px;font-weight:750;letter-spacing:-.025em;margin-bottom:14px}.gr-start-copy>p:not(.gr-kicker):not(.gr-lead){max-width:440px;color:var(--gr-muted)}.gr-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.gr-tags span{border:1px solid var(--gr-line);border-radius:30px;padding:5px 10px;font-size:11px;font-weight:750}.gr-button{border:1px solid var(--gr-line);border-radius:8px;padding:12px 18px;min-height:48px;color:var(--gr-text);background:var(--gr-paper);font-weight:750;line-height:1.4;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;touch-action:manipulation}.gr-primary{background:#00bbc6;color:#063448;border-color:#00bbc6}.gr-primary:hover{background:#55dce1}.gr-quiet{font-size:13px;padding:10px 14px}.gr-small{font-size:12px!important;margin:12px 0 0;color:var(--gr-muted)}.gr-start-visual{background:#143e54;border:1px solid var(--gr-line);border-radius:18px;overflow:hidden;box-shadow:0 22px 60px #0c35491a;transform:rotate(1deg)}.gr-art{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.gr-visual-caption{padding:20px;display:flex;align-items:center;gap:16px;color:#fff}.gr-visual-caption strong{display:block;font-size:15px}.gr-visual-caption span:not(.gr-radar-icon){display:block;font-size:12px;color:#c2d9df}.gr-radar-icon{color:#65e3e8;font-size:43px;line-height:1}.gr-settings{grid-column:1/-1;border-top:1px solid var(--gr-line);padding-top:24px;display:grid;gap:12px}.gr-settings label{display:flex;align-items:center;gap:12px;font-size:14px;min-height:36px;cursor:pointer}.gr-settings input{width:22px;height:22px;accent-color:#00838f;flex-shrink:0}.gr-settings .gr-small{max-width:800px;margin:0}.gr-round-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.gr-round-top h1{font-size:clamp(28px,4vw,44px);margin-bottom:12px}.gr-round-top .gr-kicker{margin-bottom:8px}.gr-round-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;margin:12px 0}.gr-round-meta strong{margin-left:auto}.gr-round-meta progress{width:100%;height:5px}.gr-page progress{appearance:none;border:0;border-radius:9px;overflow:hidden;background:var(--gr-line);color:#009fac;display:block}.gr-page progress::-webkit-progress-bar{background:var(--gr-line)}.gr-page progress::-webkit-progress-value{background:#009fac}.gr-page progress::-moz-progress-bar{background:#009fac}.gr-context{max-width:900px;font-size:15px;color:var(--gr-muted);min-height:24px;margin-bottom:18px}.gr-play-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr);gap:24px;align-items:start}.gr-scene-column{min-width:0}.gr-stage{position:relative;border:1px solid var(--gr-line);border-radius:14px;overflow:hidden;cursor:crosshair;touch-action:manipulation;background:#c1dce0}.gr-stage[data-paused="true"] .gr-art{filter:blur(9px);opacity:.25}.gr-stage[data-paused="true"]::after{content:'Pause';position:absolute;inset:0;display:grid;place-items:center;color:#133b52;font-weight:850;font-size:28px}.gr-stage[data-locked="true"]{cursor:default}.gr-scene-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:12px;color:var(--gr-muted)}#gr-time{width:100%;height:4px}.gr-status{font-size:13px;min-height:24px;margin:10px 0;color:var(--gr-muted)}.gr-panel{background:var(--gr-paper);border:1px solid var(--gr-line);border-radius:14px;padding:24px;min-width:0}.gr-panel h2{font-size:23px;line-height:1.2;margin-bottom:16px}.gr-panel p{color:var(--gr-muted);font-size:14px}.gr-wait-icon{font-size:46px;color:#00838f;line-height:1;margin:12px 0 24px}.gr-answer-list{display:grid;gap:10px}.gr-answer{text-align:left;justify-content:flex-start;width:100%;font-size:14px;padding:14px}.gr-answer:hover{border-color:#00838f;background:var(--gr-bg)}.gr-feedback-heading{display:block;border-bottom:1px solid var(--gr-line);padding-bottom:12px;margin-bottom:16px;font-size:13px}.gr-feedback-points{color:#007b83;font-size:25px;font-weight:850;margin:12px 0}.gr-panel .gr-principle{font-weight:750;border-left:3px solid #009fac;padding-left:14px}.gr-source{font-size:11px;display:inline-block;margin-bottom:20px;text-underline-offset:3px}.gr-panel .gr-primary{width:100%}.gr-result{border:1px solid var(--gr-line);border-radius:16px;background:var(--gr-paper);padding:clamp(24px,5vw,52px)}.gr-result h1{font-size:clamp(34px,5vw,54px)}.gr-result-score{font-size:70px;font-weight:850;line-height:1.1;letter-spacing:-.05em;margin-bottom:22px}.gr-result-score span{font-size:21px;color:var(--gr-muted);letter-spacing:0}.gr-badge{display:inline-flex;border-radius:40px;background:#d6f3ee;color:#145750!important;padding:8px 17px;font-weight:800;margin-bottom:22px}.gr-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.gr-result-grid div{padding:16px;background:var(--gr-bg);border:1px solid var(--gr-line);border-radius:8px}.gr-result-grid strong{display:block;font-size:26px}.gr-result-grid span{font-size:12px;color:var(--gr-muted)}.gr-result-actions{display:flex;gap:12px;flex-wrap:wrap}.gr-review{margin-top:30px}.gr-review-item{padding:18px 0;border-top:1px solid var(--gr-line)}.gr-review-item summary{cursor:pointer;font-size:14px;font-weight:750}.gr-review-item p{font-size:14px;margin:14px 0}.gr-review-item small{display:block;margin:7px 0;color:var(--gr-muted)}.gr-explainer{border-top:1px solid var(--gr-line);padding:24px 0;margin-top:36px}.gr-explainer summary{font-size:14px;font-weight:750;cursor:pointer}.gr-explainer p{font-size:13px;color:var(--gr-muted);max-width:850px;margin:16px 0 0}.gr-disclaimer{font-size:12px;color:var(--gr-muted);max-width:850px}.gr-footer{background:#062e49;padding:32px 0;color:#fff}.gr-footer>.container{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.gr-footer img{display:block;max-width:100%;height:auto}.gr-footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.gr-footer a{text-decoration:none}.gr-text-scene{font-size:18px!important;padding:10px 0}.gr-calm-note{font-size:11px;color:var(--gr-muted)}
html[data-theme="dark"] .gr-start h1 span,html[data-theme="dark"] .gr-feedback-points,html[data-theme="dark"] .gr-wait-icon{color:#65e3e8}html[data-theme="dark"] .gr-main .gr-primary{color:#063448!important}html[data-theme="dark"] .gr-visual-caption strong{color:#fff!important}html[data-theme="dark"] .gr-main details{box-shadow:none!important}.gr-main .gr-explainer{background:transparent!important;border-radius:0}
@media(max-width:800px){.gr-start{grid-template-columns:1fr;gap:24px}.gr-start-copy{max-width:620px}.gr-start h1 span{display:inline}.gr-start h1{font-size:clamp(44px,10vw,70px)}.gr-start-visual{max-width:620px;transform:none}.gr-play-layout{grid-template-columns:1fr}.gr-panel{padding:20px}.gr-wait-panel{display:none}.gr-result-grid{grid-template-columns:repeat(2,1fr)}.gr-start-visual .gr-art{max-height:290px}.gr-round-top{gap:12px}.gr-round-top .gr-quiet{max-width:106px;flex-shrink:0}.gr-play-layout{gap:4px}.gr-round-meta{gap:8px}.gr-context{font-size:13px;margin-bottom:12px}.gr-status{margin:5px 0;min-height:20px}.gr-scene-controls{margin:8px 0}.gr-main{padding-top:16px}.gr-breadcrumb{margin-bottom:18px}.gr-settings{gap:14px}}
@media(max-width:380px){.gr-main{width:calc(100% - 24px)}.gr-start h1{font-size:43px}.gr-lead{font-size:23px}.gr-round-top h1{font-size:27px}.gr-scene-controls{align-items:flex-start}.gr-result-grid div{padding:12px}.gr-tags{gap:5px}.gr-tags span{font-size:10px}}
@media(orientation:landscape) and (max-height:550px) and (min-width:650px){.gr-play-layout{grid-template-columns:1.2fr 1fr}.gr-main{padding-top:10px}.gr-stage{max-width:520px}.gr-wait-panel{display:block}.gr-panel{padding:16px}.gr-round-top h1{font-size:28px}.gr-context{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.gr-start-visual{transform:none}.gr-page *{scroll-behavior:auto!important}}
/* Keep long scene titles and the exit control inside narrow phone viewports. */
.gr-round-top>div{min-width:0}.gr-main :where(h1,h2,h3,p,button){overflow-wrap:anywhere}
@media(max-width:620px){.gr-round-top{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.gr-round-top .gr-quiet{justify-self:end;max-width:none;min-height:40px;padding:8px 12px;margin-bottom:6px}.gr-round-top h1{margin-bottom:8px}}
@media(max-width:380px){.gr-start h1{font-size:39px}.gr-start h1 span{display:block}}
/* Leave room for the shared sticky navigation when starting or advancing. */
.gr-page #game,.gr-page .gr-panel{scroll-margin-top:130px;scroll-margin-bottom:20px}