/* The existing homepage map becomes the play surface. */
.home-practice{--hp-blue:#48b9ff;--hp-ink:#eaf5ff;--hp-muted:#a9bfd1;--hp-line:#315370;color:var(--hp-ink);background:#0b2134;border-color:#355c7a;scroll-margin-top:105px}
.home-practice [hidden]{display:none!important}.home-practice button,.home-practice input{font:inherit}.home-practice .demo-heading{background:#0c253b;padding:15px 18px;gap:12px}.home-practice .demo-heading h2{font-size:14px;letter-spacing:.08em}.home-practice .demo-badge{font-size:10px;background:#12394d;border:1px solid #286377;color:#9ee6f1;white-space:nowrap}.home-practice .demo-controls{gap:8px}.home-practice .hp-reset{border:1px solid #315b78;background:#0b2134;color:#b6d2e6;border-radius:9px;min-height:38px;padding:6px 10px;font-size:12px}.home-practice .map-scene{height:370px!important;isolation:isolate}.home-practice .map-art{filter:saturate(.8) brightness(.82);object-fit:cover}.home-practice .map-vignette{background:linear-gradient(180deg,#06172620 50%,#061726a0);pointer-events:none}
.home-practice .prize-pin{min-height:0!important;width:88px!important;height:114px;transform:translate(-50%,-100%)!important;z-index:3;transition:opacity .2s,filter .2s;display:flex!important}.home-practice .cash-pin{left:21%!important;top:58%!important}.home-practice .ps5-pin{left:52%!important;top:41%!important}.home-practice .etb-pin{left:79%!important;top:73%!important}.home-practice .prize-visual{height:78px!important;min-height:0;animation:none}.home-practice .prize-visual img{max-height:100%;width:100%;object-fit:contain}.home-practice .prize-label{margin-top:1px;font-size:11px!important;padding:2px 8px;line-height:1.2;z-index:1}.home-practice .locator-ring{width:57px!important;height:15px!important;top:auto!important;bottom:-6px;left:50%;transform:translateX(-50%);z-index:-1}.home-practice .hp-pin-status{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);font-size:9px;font-weight:750;white-space:nowrap;letter-spacing:.03em;color:#d3e9f8;background:#0a2135ed;border:1px solid #385b76;border-radius:4px;padding:2px 5px}.home-practice .hp-locked{opacity:.64;filter:saturate(.65)}.home-practice .hp-visited{opacity:.38}.home-practice .hp-target{opacity:1;filter:drop-shadow(0 0 12px #47bbff55)}.home-practice .hp-target .locator-ring{border-color:#c5f2ff;box-shadow:0 0 0 8px #48b9ff22,0 0 20px #48b9ff99}.home-practice .hp-target .hp-pin-status{background:#48b9ff;color:#102639;border-color:#88d7ff}.home-practice .explorer-trail{z-index:2}.home-practice .explorer-trail path{stroke:#79d8ff;stroke-width:3;stroke-dasharray:3 9}.home-practice .map-explorer{z-index:7;width:48px;height:72px;left:46%;top:79%}.home-practice .explorer-label{font-size:9px}.home-practice .map-hint{left:50%;transform:translateX(-50%);width:max-content;bottom:13px;max-width:calc(100% - 28px);white-space:normal;text-align:center;font-size:11px!important;background:#071b2ee6;border:1px solid #365a74;padding:7px 11px;border-radius:20px;z-index:8;line-height:1.4;pointer-events:none}
.hp-panel{padding:17px 18px 14px;border-top:1px solid var(--hp-line);background:linear-gradient(130deg,#102c43,#0b2033)}.hp-progress-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.hp-progress-row>span{font-size:11px;color:var(--hp-muted);white-space:nowrap}.hp-steps{display:flex;gap:6px;align-items:center}.hp-step{height:5px;width:34px;border-radius:4px;background:#2f4a60}.hp-step.is-current{background:#48b9ff}.hp-step.is-done{background:#65cbb5}.hp-clue-number{font-size:10px;font-weight:750;letter-spacing:.1em;color:#7dcfff}.hp-content{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px;align-items:center}.hp-clue h3{font-family:inherit!important;font-size:16px;line-height:1.45;font-weight:650;letter-spacing:0;margin:7px 0 8px;color:#edf7ff}.hp-directions{font-size:12px;line-height:1.5;color:#b2c9dc;margin:0 0 10px}.hp-answer-form>label{display:block;font-size:11px;font-weight:700;margin:0 0 5px;color:#c7dced}.hp-answer-row{display:flex;gap:7px}.hp-answer-row input{width:100%;min-width:0;height:43px;border:1px solid #4a7290;background:#071c2e;border-radius:9px;padding:8px 10px;color:#f1f8ff;font-size:16px}.hp-answer-row input::placeholder{color:#8fa9bf}.hp-answer-row button{white-space:nowrap;flex-shrink:0;border:1px solid #65c7ff;border-radius:9px;background:#48b9ff;color:#102a40;padding:8px 12px;font-weight:750;font-size:12px;min-height:43px}.hp-help{border:0;background:none;color:#8dd5ff;padding:7px 0;min-height:34px;font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.hp-hint-text,.hp-feedback{font-size:12px;line-height:1.45;color:#ffdf9d;margin:2px 0 8px}.hp-feedback:empty{display:none}.hp-clue .hp-reveal{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #63ccff;border-radius:10px;background:#48b9ff;color:#0a2338;font-size:14px;font-weight:750;padding:10px 16px}.hp-practice-note{font-size:10px;line-height:1.4;color:#8faac0;margin:12px 0 0;padding-top:11px;border-top:1px solid #29485f}
.hp-control-column{display:flex;flex-direction:column;align-items:center;gap:8px}.hp-control-column>span{font-size:10px;color:#aac8de;text-align:center;line-height:1.35}.hp-stick{height:91px;width:91px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#173e5b 0 60%,#112b42 61%);border:1px solid #3f6b8a;position:relative;touch-action:none;user-select:none}.hp-stick:before,.hp-stick:after{content:'';position:absolute;left:50%;top:8%;width:1px;height:84%;background:#365b76;pointer-events:none}.hp-stick:after{transform:rotate(90deg)}.hp-stick-knob{height:42px;width:42px;background:#48b9ff;border:2px solid #b4e7ff;border-radius:50%;color:#0c3451;display:grid;place-items:center;z-index:1;box-shadow:0 4px 9px #020b1566;font-size:20px;pointer-events:none}.hp-dpad{display:grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,32px);gap:4px}.hp-dpad button{height:32px;width:32px;border:1px solid #345e7c;border-radius:7px;background:#15344e;color:#d7efff;font-size:17px;line-height:1;touch-action:none;user-select:none}.hp-dpad button:active{background:#2874a3}.hp-dpad button[data-hp-move="0,-1"]{grid-column:2}.hp-dpad button[data-hp-move="-1,0"]{grid-column:1;grid-row:2}.hp-dpad button[data-hp-move="0,1"]{grid-column:2;grid-row:2}.hp-dpad button[data-hp-move="1,0"]{grid-column:3;grid-row:2}.hp-keyboard-note{font-size:10px;color:#8cabc2;text-align:center;margin:2px 0 0}.hp-result{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.hp-result a,.hp-result button{min-height:43px;padding:9px 12px;border-radius:9px;font-size:12px;text-decoration:none}.hp-result a{background:#48b9ff;color:#102a40;font-weight:750}.hp-result button{border:1px solid #477a9a;background:#112f49;color:#c1e3fa}.home-practice[data-phase="prize"] .hp-content,.home-practice[data-phase="complete"] .hp-content{grid-template-columns:1fr}.hp-celebration{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#06192b65}.hp-found-stamp{padding:16px 24px;border:1px solid #83d6ff;background:#0b2b43ed;box-shadow:0 10px 45px #0006;border-radius:15px;text-align:center;animation:hp-found .55s ease-out}.hp-found-stamp>span{display:block;color:#ffde8a;font-size:25px}.hp-found-stamp strong{display:block;color:#e7f8ff;font-size:25px}.hp-found-stamp small{color:#9bd7f6;font-size:11px}.home-practice[data-phase="complete"] .etb-pin{opacity:1;filter:none;z-index:10}
@keyframes hp-found{from{transform:scale(.7)}to{transform:scale(1)}}
@media(max-width:480px){.home-practice .map-scene{height:310px!important}.home-practice .demo-heading{padding:12px}.home-practice .demo-heading h2{font-size:12px}.home-practice .demo-badge{font-size:9px;padding:3px 5px}.home-practice .hp-reset{font-size:11px;min-height:36px}.hp-panel{padding:14px 12px}.hp-content{grid-template-columns:minmax(0,1fr) 104px;gap:12px}.hp-clue h3{font-size:14px}.hp-directions{font-size:11px}.hp-answer-row{gap:5px}.hp-answer-row button{white-space:nowrap;flex-shrink:0;font-size:11px;padding:7px 8px}.hp-stick{width:80px;height:80px}.hp-dpad{grid-template-columns:repeat(3,32px);gap:4px}.home-practice .prize-pin{width:74px!important;height:99px}.home-practice .prize-visual{height:65px!important}.home-practice .prize-label{font-size:10px!important}.home-practice .hp-pin-status{font-size:8px}.home-practice .map-explorer{width:43px;height:65px}.home-practice .map-hint{font-size:10px!important;bottom:9px}.hp-practice-note{font-size:10px}.hp-progress-row>span{font-size:10px}}
@media(pointer:coarse){.hp-dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:3px}.hp-dpad button{width:44px;height:44px}.hp-content{grid-template-columns:minmax(0,1fr) 138px}.hp-help{min-height:44px}}
@media(max-width:360px){.hp-content{grid-template-columns:1fr}.hp-control-column{display:grid;grid-template-columns:90px 1fr;gap:5px 14px;justify-items:center}.hp-control-column>span{grid-column:1/-1}.hp-keyboard-note{grid-column:1/-1}.hp-answer-row input{min-width:0}.home-practice .demo-heading{gap:6px}}
@media(prefers-reduced-motion:reduce){.home-practice *{animation:none!important;transition:none!important}}