*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--cream)}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cream);outline-offset:7px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block}#app{position:fixed;inset:0;z-index:2;pointer-events:none}#frame{position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--cream) 15%,transparent);pointer-events:none}#app:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 81%,transparent),color-mix(in srgb,var(--ink) 36%,transparent) 32%,transparent 66%),linear-gradient(0deg,color-mix(in srgb,var(--ink) 65%,transparent),transparent 22%);transition:opacity 1s}#masthead{position:absolute;top:49px;left:58px;right:58px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;color:var(--cream);text-decoration:none;font-size:11px;letter-spacing:2.5px;pointer-events:auto}.crest{font-size:42px;line-height:1;color:var(--gold);font-family:Georgia,serif;transform:scaleX(.85)}.brand-sub{display:block;font-size:7px;letter-spacing:2.6px;opacity:.55;margin-top:7px}.edition{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:18px}.edition i{display:block;width:34px;height:1px;background:var(--cream);opacity:.4}#welcome{position:absolute;top:29%;left:8%;pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:500}.eyebrow>span{display:inline-block;width:26px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}h1{font:normal clamp(58px,6.4vw,106px)/.99 Georgia,"Times New Roman",serif;letter-spacing:-4px;margin:27px 0 26px;text-shadow:0 2px 30px color-mix(in srgb,var(--ink) 20%,transparent)}h1 em{font-weight:400;color:var(--gold)}#welcome p{font: 14px/1.9 Arial,sans-serif;color:var(--muted);letter-spacing:.3px}button{cursor:pointer;pointer-events:auto;border:1px solid color-mix(in srgb,var(--gold) 65%,transparent);background:color-mix(in srgb,var(--ink) 22%,transparent);color:var(--cream);padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:55px;min-width:244px;margin-top:32px;font-size:11px;letter-spacing:1px;transition:background .2s,transform .2s}button:hover{background:color-mix(in srgb,var(--gold) 18%,transparent);transform:translateY(-2px)}.button-arrow{font-size:20px;color:var(--gold)}.entry-note{font-size:7px;letter-spacing:1.7px;margin-top:19px;opacity:.55}.entry-note span{margin:0 9px}footer{position:absolute;bottom:43px;left:58px;right:58px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.8px;gap:24px}.small-dot{padding:0 10px}.footer-right{font-size:7px;opacity:.6}#controls{display:none;gap:25px;align-items:center;font-size:10px;letter-spacing:.4px;color:var(--muted)}#controls>span{display:flex;align-items:center;gap:9px}kbd{font:8px Arial,sans-serif;letter-spacing:1px;border:1px solid color-mix(in srgb,var(--cream) 25%,transparent);padding:6px 7px;color:var(--cream)}#location{position:absolute;top:130px;left:58px;display:flex;align-items:center;gap:16px;opacity:0;transition:opacity 1s}.location-line{height:42px;width:1px;background:var(--gold)}#location .eyebrow{font-size:7px;opacity:.65}#location h2{font:24px Georgia,serif;margin:8px 0 0}#practice{position:absolute;right:58px;top:137px;display:flex;align-items:center;gap:15px;opacity:0;transition:opacity .4s;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ink) 30%,transparent));padding:10px}.practice-icon{font-size:30px;color:var(--gold)}#practice .eyebrow{font-size:8px;color:var(--gold)}#practice p{font-size:11px;letter-spacing:.2px;margin:7px 0}#hit-count{font:28px Georgia,serif;color:var(--gold);min-width:25px}#hit-feedback{position:absolute;bottom:20%;left:50%;transform:translate(-50%,10px);opacity:0;transition:opacity .15s,transform .25s;font:italic 21px Georgia,serif;text-shadow:0 2px 8px var(--ink)}#hit-feedback.show{opacity:1;transform:translate(-50%)}#pause{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:auto;background:color-mix(in srgb,var(--ink) 82%,transparent);padding:48px 60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--gold) 25%,transparent)}#pause h2{font:40px Georgia,serif;font-weight:400;margin:22px 0}#pause button{margin:30px auto 0}#pause p{font-size:10px;color:var(--muted);margin-top:20px}.started #app:before{opacity:0}.started #location,.started #practice.near{opacity:1}.started #controls{display:flex}.started .footer-right,.started #footer-caption{display:none}.started footer{justify-content:center}.started #masthead{opacity:.8}.started #frame{opacity:.5}.paused #app:before{opacity:.65}.paused #controls{opacity:.3}.hide-ui #app>*:not(#pause):not(#error){visibility:hidden}.hide-ui #app:before{opacity:0}#performance{position:absolute;bottom:86px;left:58px;font:11px/1.7 monospace;background:color-mix(in srgb,var(--ink) 85%,transparent);padding:12px;white-space:pre}#error{position:absolute;bottom:100px;left:50%;transform:translate(-50%);max-width:600px;background:var(--ink);border:1px solid var(--gold);padding:20px;font-size:13px;line-height:1.6}@media(max-width:800px){#masthead{top:35px;left:35px;right:35px}.edition{font-size:7px;gap:8px}.brand{font-size:9px}#welcome{left:9%;top:27%}h1{font-size:64px;letter-spacing:-2px}footer{left:35px;right:35px;bottom:34px}.footer-right{display:none}#location{left:35px;top:115px}#practice{right:30px;top:auto;bottom:95px}#controls{gap:12px}#controls>span{gap:5px}#frame{inset:13px}#pause{width:90%;padding:35px 18px}}@media(max-height:650px){#welcome{top:24%}h1{font-size:65px;margin:18px 0}#welcome p{font-size:12px}button{margin-top:20px;padding:14px 20px}.entry-note{margin-top:12px}#masthead{top:32px}footer{bottom:30px}}@media(max-height:430px){#masthead{top:12px;left:16px;right:16px}.edition{display:none}#welcome{top:10%;left:6%}h1{font-size:32px;line-height:1.02;letter-spacing:-1px;margin:8px 0 10px}#welcome p{font-size:11px;line-height:1.4}#welcome p br{display:none}button{margin-top:10px;padding:9px 16px;min-width:170px;gap:30px}.button-arrow{font-size:15px}.entry-note{display:none}#frame{inset:6px}footer{bottom:8px;left:16px;right:16px}#location{top:60px;left:16px}#practice{top:auto;bottom:60px;right:16px}}#rotate-overlay{display:none}@media(pointer:coarse)and (orientation:portrait){#rotate-overlay{display:flex;position:fixed;inset:0;z-index:50;background:var(--ink);color:var(--cream);align-items:center;justify-content:center;text-align:center;font:15px/1.7 Arial,sans-serif;letter-spacing:.5px;padding:0 15%}#world,#app{display:none}}#touch-controls{position:fixed;inset:0;z-index:5;pointer-events:none;display:none}.started #touch-controls{display:block}#touch-attack{position:absolute;right:34px;bottom:34px;width:84px;height:84px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:color-mix(in srgb,var(--ink) 45%,transparent);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:1px;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.joy-base{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:1px solid color-mix(in srgb,var(--cream) 30%,transparent);background:color-mix(in srgb,var(--ink) 30%,transparent)}.joy-thumb{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:color-mix(in srgb,var(--cream) 25%,transparent);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent)}