:root{--paper:#f6f3e9;--ink:#193d35;--muted:#6c766b;--line:#d5dacb;--gold:#a98443}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}header{max-width:1080px;padding:26px 30px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{font:italic 26px Georgia;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font:11px system-ui;letter-spacing:4px;margin-top:5px}nav{display:flex;gap:6px}nav button{background:none;border:0;border-radius:20px;padding:9px 12px;font-size:12px;color:var(--muted)}nav button[aria-pressed=true]{background:var(--ink);color:var(--paper)}main{max-width:1020px;margin:auto;padding:0 30px}#home{padding:25px 0 38px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold)}h1{font-family:Georgia,"Songti SC","SimSun",serif;font-size:48px;font-weight:400;line-height:1.4;margin:18px 0}.value-link{background:none;border:0;border-left:2px solid var(--gold);padding:3px 0 3px 12px;font-size:13px}.role-switch{display:flex;gap:25px;margin:27px 0 20px}.role-switch button{border:0;border-bottom:2px solid transparent;background:none;padding:8px 0;font-size:13px;color:var(--muted)}.role-switch button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.moments{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.visual-card{position:relative;aspect-ratio:3/4;text-align:left;border:0;border-radius:5px;overflow:hidden;background-color:#173f36;background-repeat:no-repeat;background-size:cover;color:var(--paper);padding:22px;display:flex;align-items:flex-end}.visual-card:before{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#0d2827dc)}.visual-card span{position:relative;z-index:1}.visual-card small{font-size:12px;letter-spacing:2px}.visual-card strong{display:block;font-weight:400;font-size:21px;line-height:1.6;margin-top:10px;max-width:220px}.ready{background-image:url('assets/next-rally.png');background-size:100% 300%;background-position:bottom}.reset{background-image:url('assets/reset-poster.jpg');background-position:center}.companion{background-image:url('assets/courtside.png');background-position:center;background-size:cover}.visual-card.ready{background-size:auto 300%}.visual-card.companion{background-position:35% center}#experience{max-width:570px;margin:0 auto 40px}.back{border:0;background:none;padding:12px 0;font-size:12px;color:var(--muted)}.media{margin-top:18px;border-radius:5px;overflow:hidden}.scene-art{height:350px}video{width:100%;max-height:480px;display:block;background:#173f36;object-fit:cover}.play-video{background:var(--ink);color:var(--paper);border:0;border-radius:25px;padding:12px 20px;margin:15px 0 0;font-size:13px}#scene-title{font-size:38px;white-space:pre-line;outline:0;line-height:1.5}#scene-action{font-size:16px;line-height:1.9}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.controls button{border:1px solid var(--line);border-radius:24px;background:transparent;padding:12px 17px;font-size:12px}.controls #done{border:0;color:var(--muted)}.quiet-actions button,footer button{border:0;background:none;padding:0;color:var(--muted);font-size:11px}.status{min-height:10px;font-size:11px;color:var(--muted)}details{border-top:1px solid var(--line);padding:17px 0;margin-top:23px;font-size:12px;line-height:1.9;color:var(--muted)}summary{cursor:pointer}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0 35px;font-size:11px;color:var(--muted)}footer a{text-decoration:none}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:24px;width:calc(100% - 40px);max-width:430px;line-height:1.9}dialog::backdrop{background:#102d29aa}dialog h2{font-size:23px;font-weight:400}dialog p{font-size:13px}.pwa-settings{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.pwa-settings p{font-size:11px;color:var(--muted)}.pwa-settings button{border:1px solid var(--line);border-radius:20px;background:none;padding:10px 14px;font-size:12px}.update-banner{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 32px));background:var(--ink);color:var(--paper);padding:14px 18px;display:flex;align-items:center;gap:14px;z-index:10;border-radius:12px;font-size:13px}.update-banner span{flex:1}.update-banner button{background:transparent;color:inherit;border:0;padding:7px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}header{padding-top:max(26px,env(safe-area-inset-top))}footer{padding-bottom:max(35px,env(safe-area-inset-bottom))}@media(max-width:650px){header{padding:24px}main{padding:0 24px}#home{padding-top:10px}h1{font-size:36px}.moments{grid-template-columns:1fr;gap:14px}.visual-card{aspect-ratio:1.5;padding:21px}.visual-card.ready{background-size:100% 300%}.visual-card strong{font-size:23px;max-width:260px}.visual-card.companion{background-position:center 45%}.scene-art{height:245px}#scene-title{font-size:30px}video{max-height:400px}}@media(prefers-reduced-motion:no-preference){.visual-card{transition:filter .2s}.visual-card:hover{filter:brightness(1.1)}}

.training{background-image:url("assets/training.png");background-size:cover;background-position:32% center}.mode-switch{display:flex;gap:8px;margin:-4px 0 18px}.mode-switch button{background:none;border:1px solid var(--line);border-radius:20px;padding:8px 14px;font-size:11px;color:var(--muted)}.mode-switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}

.focus-entry{width:100%;display:flex;align-items:center;gap:14px;background:#e9ede1;border:0;border-radius:6px;padding:18px;margin:0 0 20px;text-align:left;font-size:15px}.focus-entry small{font-size:11px;color:var(--muted);flex:1}.focus-entry[hidden]{display:none!important}#focus{max-width:540px;max-height:calc(100dvh - 32px);overflow:auto}#focus h2{font-family:Georgia,"Songti SC",serif;font-size:29px;font-weight:400;line-height:1.6}.focus-top{display:flex;justify-content:space-between}.focus-options{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.focus-options button{border:1px solid var(--line);border-radius:24px;padding:11px 15px;background:none;font-size:12px}.focus-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#focus-orb{display:flex;justify-content:center;margin:24px 0}#focus-orb img{width:100px;height:100px;border-radius:50%}.focus-note,#focus-timer{font-size:11px!important;color:var(--muted)}.cue-pill{display:inline-block;border-left:2px solid var(--gold);padding-left:12px}#focus-session{text-align:center}#focus-session .focus-options{justify-content:center}@media(max-width:650px){.focus-entry{flex-wrap:wrap;gap:8px}.focus-entry small{flex-basis:60%}}@media(prefers-reduced-motion:no-preference){#focus-orb.attending img{animation:focus-pulse 5s ease-in-out infinite}@keyframes focus-pulse{50%{box-shadow:0 0 0 16px #173f360a}}}

/* Original voxel sports world */
:root{--paper:#eff4de;--ink:#163e36;--gold:#a66b25;--line:#bdd0ae}body{background:#eff4de}h1,h2,.brand{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;font-style:normal;font-weight:800;letter-spacing:-1px}.brand{font-size:25px}button{touch-action:manipulation}.visual-card{border:3px solid #184b3b;border-radius:3px;box-shadow:0 5px 0 #123c34;background-position:center!important;background-size:cover!important}.ready{background-image:url('assets/world-ready.svg')}.training{background-image:url('assets/world-training.svg')}.companion{background-image:url('assets/world-companion.svg')}.reset{background-image:url('assets/world-reset.svg')}.visual-card strong{text-shadow:0 2px 0 #123c34;font-weight:800}.visual-card:before{background:linear-gradient(transparent,#123c34ed)}.role-switch button{font-weight:700}.mode-switch button,.controls button,.play-video{border-radius:4px;border:2px solid #194c3d;box-shadow:0 3px 0 #123c34}.play-video{background:#f5cc5d;color:#193c32;font-weight:800}.focus-entry{min-height:116px;background:#f5cc5d;border:3px solid #184b3b;border-radius:5px;box-shadow:0 7px 0 #163e36;gap:20px;margin-bottom:30px;padding:18px 22px}.entry-symbol{display:grid;place-items:center;background:#1f5a45;color:#fff3c7;min-width:66px;height:66px;font-size:33px;box-shadow:4px 4px 0 #b18b37}.entry-copy{flex:1}.entry-copy strong{display:block;font-size:24px;font-weight:900}.entry-copy small{display:block;margin-top:8px;font-size:12px;letter-spacing:1px}.entry-go{font-size:30px}#experience{max-width:900px}.scene-art{height:min(55vh,520px);background-position:center!important;background-size:cover!important}.media{border:3px solid #184b3b;box-shadow:0 6px 0 #123c34;border-radius:3px}#scene-title{font-family:system-ui,sans-serif;font-weight:800;font-size:38px}#focus{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:16px max(22px,calc((100vw - 720px)/2));background:#edf3dc;overflow:auto}#focus .focus-top{position:sticky;top:0;z-index:2;background:#edf3deed}#focus h2{font:800 30px/1.4 system-ui,sans-serif;margin:16px 0}#focus-setup{text-align:center}#focus .focus-options{justify-content:center}#focus .focus-options button{border-radius:3px;border:2px solid #1e5844;box-shadow:0 3px 0 #164031;padding:12px 17px}#focus .focus-options button[aria-pressed=true]{background:#f4cc62;color:#193e34}#focus-orb{display:block;width:100%;max-width:720px;margin:12px auto;overflow:hidden;border:3px solid #1d5644;box-shadow:0 5px 0 #123c34;background:#9cd4c5}#focus-orb svg{display:block;width:100%;height:min(40vh,390px)}#focus[data-step="-1"] #focus-orb svg{height:min(28vh,250px)}#focus[data-step="3"] #focus-orb svg{height:min(38vh,340px)}#focus-instruction{font-size:17px;max-width:500px;margin:10px auto;line-height:1.7}#focus-stage{font-weight:900;font-size:14px}#chosen-cue{font-size:14px}.focus-note{max-width:440px;margin:18px auto}.voxel-player,.voxel-shuttle{transform-box:fill-box;transform-origin:center}.voxel-world .target-ring{opacity:0}.voxel-world .racket{transform-origin:50px 80px}#focus-finish{padding:17px 28px}#scene-action{font-size:18px;font-weight:600}#focus-orb.attending img{animation:none}
@media(prefers-reduced-motion:no-preference){#focus[data-step="0"] .player-body{animation:ready-bob 3s ease-in-out infinite}#focus[data-step="1"] .target-ring{opacity:1;animation:target-breathe 4s ease-in-out infinite}#focus[data-step="2"] .player-body{animation:ready-step 3s ease-in-out infinite}#focus[data-step="2"] .racket{animation:racket-ready 3s ease-in-out infinite}#focus[data-step="3"] .target-ring{opacity:1}@keyframes ready-bob{50%{transform:translateY(-4px)}}@keyframes target-breathe{50%{opacity:.35}}@keyframes ready-step{50%{transform:translate(8px,-5px)}}@keyframes racket-ready{50%{transform:rotate(-12deg)}}}
@media(max-width:650px){.focus-entry{min-height:106px;flex-wrap:nowrap;padding:15px;gap:15px}.focus-entry small{flex-basis:auto}.entry-symbol{min-width:52px;height:58px;font-size:28px}.entry-copy strong{font-size:21px}.entry-go{font-size:23px}#focus{padding:8px 18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}#focus h2{font-size:25px}#focus-instruction{font-size:16px}#focus .focus-options{gap:8px}#focus .focus-options button{padding:10px 12px}.scene-art{height:45vh}.visual-card{aspect-ratio:1.4}header{padding-bottom:16px}#scene-title{font-size:30px}}

#focus-setup .focus-settings{margin:18px auto 0;max-width:480px;padding:10px 0;font-size:12px}.sound-toggle{display:block;margin:12px auto;border:1px solid var(--line);background:none;padding:9px 14px;font-size:12px;border-radius:4px}#focus-audio-status{text-align:center;margin:0;min-height:0}#focus-setup .focus-note{margin:12px auto}#focus-start{min-width:220px;padding:18px;font-size:18px}#focus-setup h2{margin-bottom:8px}#focus[data-step="-1"] #focus-orb svg{height:min(37vh,320px)}
@media(prefers-reduced-motion:no-preference){.scene-art.playing{animation:scene-drift 6s ease-in-out infinite}@keyframes scene-drift{50%{transform:scale(1.025);filter:brightness(1.08)}}}

#focus .player-body,#focus .racket,#focus .target-ring{animation-play-state:paused!important}#focus[data-running="true"] .player-body,#focus[data-running="true"] .racket,#focus[data-running="true"] .target-ring{animation-play-state:running!important}

.moments{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media(max-width:650px){.moments{grid-template-columns:1fr}}
#focus[data-step="1"] .target-ring,#focus[data-step="3"] .target-ring{opacity:1}

#focus-orb #focus-audio{display:none;height:min(47vh,520px);width:100%;max-height:none;object-fit:contain;background:#163e36}#focus[data-media="true"] #focus-orb svg{display:none}#focus[data-media="true"] #focus-audio{display:block}#focus[data-media="true"] #focus-instruction{display:none}#focus[data-step="3"] #focus-orb svg{display:block}#focus[data-step="3"] #focus-audio{display:none}
@media(prefers-reduced-motion:reduce){#focus[data-media="true"] #focus-audio{display:none}#focus[data-media="true"] #focus-orb svg{display:block}#focus[data-media="true"] #focus-instruction{display:block}}