:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0eadc;font-synthesis:none;background:#111a20;font-family:ui-sans-serif,system-ui,sans-serif}#interaction-prompt{z-index:2;text-align:center;pointer-events:none;background:#101b20ed;border:1px solid #b59860;gap:6px;padding:12px 18px;font-size:12px;display:grid;position:fixed;top:calc(50% + 28px);left:50%;transform:translate(-50%)}#interaction-prompt span{color:#d6c6a6;font-size:11px}.study-page{width:100vw;max-width:none;height:100dvh;max-height:none;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:#f0eadc;touch-action:auto;overscroll-behavior:contain;background:radial-gradient(at top,#263338,#111a20 70%);border:0;margin:0;overflow-y:auto}.study-content{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;max-width:640px;min-height:100%;margin:auto;display:flex}.study-content h1{margin:0;font-size:clamp(32px,6vw,64px);line-height:1.1}.study-content p{margin:0;line-height:1.7}#study-back{color:#14191a;background:#d5b987;border:1px solid #ead4ad;min-width:180px;min-height:48px;margin-top:12px;padding:14px 20px}*{box-sizing:border-box}body{margin:0;overflow:hidden}[hidden]{display:none!important}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #f0cc82}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#app:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0b1319f5 0%,#0b1319db 26%,#0b131956 58%,#0000 80%);position:fixed;inset:0}#app[data-state=playing]:after{display:none}.masthead{z-index:2;justify-content:space-between;align-items:center;display:flex;position:fixed;top:34px;left:4vw;right:4vw}.brand{letter-spacing:.14em;align-items:center;gap:12px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.sigil{color:#d4b477;font-size:30px;font-weight:300}.brand-sub{color:#aaaead;letter-spacing:.2em;border-left:1px solid #e7e2d336;margin-left:8px;padding-left:20px;font-size:10px;font-weight:400}.badge{letter-spacing:.05em;color:#b9c1be;background:#0a151bd9;border:1px solid #64706b75;border-radius:20px;padding:8px 12px;font:10px ui-monospace,monospace}.badge.verified:before{content:"";background:#93c4a9;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.menu{z-index:2;width:370px;max-width:85vw;max-height:calc(100dvh - 180px);position:fixed;top:50%;left:7vw;overflow-y:auto;transform:translateY(-48%)}.eyebrow{color:#c8ac77;letter-spacing:.19em;margin:0 0 22px;font-size:9px;font-weight:550}h1{letter-spacing:-.04em;margin:0 0 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6.4vw,88px);font-weight:400;line-height:.97}h1 em{color:#d5b47e;font-weight:400}#status{color:#bcc1bd;max-width:300px;margin:0 0 26px;font-size:13px;line-height:1.7}#play{color:#14191a;letter-spacing:.03em;background:#d5b987;border:1px solid #d2b784;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;font-size:12px;font-weight:600;transition:background .15s;display:flex}#play:hover:enabled{background:#ead4ad}#play span:last-child{font-size:20px;line-height:12px}.controls{border-top:1px solid #b9b29b25;grid-template-columns:1fr 1fr;gap:17px 24px;margin-top:29px;padding-top:24px;display:grid}.controls>div{color:#a8b0ae;flex-direction:column;align-items:flex-start;gap:6px;font-size:10px;display:flex}kbd{color:#dadcd2;text-align:center;background:#20302d48;border:1px solid #7d898675;border-radius:3px;min-width:22px;margin-right:3px;padding:3px 6px;font:10px ui-monospace,monospace;display:inline-block}.control-word{color:#e0decf;height:22px;padding:3px 0;font-size:11px}.text-button{color:#cec6b3;background:0 0;border:0;border-bottom:1px solid #929384;margin-top:22px;padding:0 0 3px;font-size:11px}footer{z-index:2;color:#b4b9b0;text-shadow:0 1px 5px #000;justify-content:space-between;align-items:center;gap:20px;font-size:9px;display:flex;position:fixed;bottom:26px;left:4vw;right:4vw}footer a{text-decoration-color:#b4b9b05c}.edition{letter-spacing:.16em;color:#a8aeaa;font-size:8px}.play-hint{letter-spacing:.05em;background:#0c141ac9;border:1px solid #c9c3a62b;padding:8px 13px;display:none}.play-hint span{color:#d5b47e;margin:0 8px}[data-state=playing] .play-hint{display:block}[data-state=playing] .edition{display:none}[data-state=playing] .brand{opacity:.65}.crosshair{z-index:2;pointer-events:none;background:#fff9dfc9;border-radius:50%;width:5px;height:5px;display:none;position:fixed;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 0 2px #111}[data-state=playing] .crosshair{display:block}#diagnostics{z-index:2;white-space:pre-line;color:#b7d5c5;pointer-events:none;background:#101b20c9;border:1px solid #7b9f904d;padding:12px;font:10px/1.7 ui-monospace,monospace;position:fixed;top:92px;right:4vw}#debug-settings{color:#a7b1ad;margin-top:22px;font-size:10px}#debug-settings label{padding:12px 0;display:block}@media (height<=760px){.menu{max-height:calc(100dvh - 145px)}h1{margin-bottom:18px;font-size:56px}.eyebrow{margin-bottom:14px}.controls{row-gap:8px;margin-top:18px;padding-top:14px}#status{margin-bottom:17px}}@media (width<=700px){.edition,.brand-sub{display:none}.masthead{top:20px}.menu{width:86vw;max-height:calc(100dvh - 130px);left:7vw}#app:after{background:#0b1319db}footer{bottom:15px}#diagnostics{font-size:9px;top:66px}}button:disabled{cursor:default}.text-button,summary,#input-modes button{min-height:48px}#input-modes{border:0;gap:8px;margin:18px 0 0;padding:0;display:flex}#input-modes legend{color:#a8b0ae;padding:0 0 8px;font-size:11px}#input-modes button{color:#e3ddcf;background:#142129;border:1px solid #68736c;border-radius:4px;flex:1;padding:8px;font-size:12px}#input-modes button[aria-pressed=true]{color:#f0cc82;background:#302c23;border-color:#d5b987}.touch-instructions{color:#bcc1bd;font-size:13px;line-height:1.7;display:none}[data-input=touch] .touch-instructions{display:block}[data-input=touch] .desktop-instructions,[data-input=touch] footer{display:none}.menu-credits{color:#aab3ad;font-size:11px;line-height:1.6;display:none}.menu-credits a{align-items:center;min-height:48px;display:inline-flex}[data-input=touch] .menu-credits{display:block}#rotate-prompt{color:#ead4ad;background:#2c2d23;border-left:2px solid #d5b987;padding:10px 14px;font-size:14px;line-height:1.6}#touch-controls{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#touch-look{pointer-events:auto;touch-action:none;position:absolute;inset:0 0 0 35%}.look-hint{top:max(24px, env(safe-area-inset-top));color:#e1dfcd80;letter-spacing:.12em;pointer-events:none;font-size:9px;position:absolute;left:25%}#touch-move{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));touch-action:none;pointer-events:auto;background:#101b2099;border:1px solid #e8d6ad6b;border-radius:50%;width:124px;height:124px;position:absolute}.joystick-knob{pointer-events:none;background:#d5b987cc;border:1px solid #f6e4ba;border-radius:50%;width:44px;height:44px;position:absolute;top:calc(50% - 22px);left:calc(50% - 22px)}.joystick-label{text-align:center;letter-spacing:.15em;color:#e1dfcd;pointer-events:none;font-size:8px;position:absolute;top:17px;left:0;right:0}.touch-actions{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));grid-template-columns:88px 88px;gap:10px 12px;display:grid;position:absolute}#touch-target{text-align:center;color:#f2dec0;text-shadow:0 1px 3px #000;grid-column:1/-1;max-width:188px;min-height:16px;font-size:11px}#touch-interact{grid-column:1/-1}#touch-controls button{color:#f0eadc;pointer-events:auto;touch-action:none;background:#121f28e6;border:1px solid #b99f71b3;border-radius:8px;min-width:48px;min-height:52px;padding:10px 12px;font-size:13px}#touch-controls button:disabled{opacity:.6}#touch-controls button[aria-pressed=true],#touch-interact:enabled{color:#172022;background:#d5b987ee;border-color:#edd5a8}#touch-pause{top:max(16px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));position:absolute}[data-input=touch][data-state=playing] .masthead{top:max(16px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));right:auto}[data-input=touch][data-state=playing] .badge,[data-input=touch][data-state=playing] .brand-sub{display:none}[data-input=touch] #diagnostics{top:max(78px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));font-size:9px}@media (height<=500px){.masthead{top:max(12px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right))}.menu{top:max(64px, calc(env(safe-area-inset-top) + 52px));bottom:max(12px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));width:min(420px,86vw);max-height:none;padding:0 8px 24px 0;transform:none}.menu h1{font-size:44px}footer{display:none}.menu-credits{display:block}.eyebrow{margin-bottom:12px}}@media (width<=500px){.masthead{left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top))}.menu{left:max(20px, env(safe-area-inset-left));width:calc(100vw - 40px);max-width:calc(100vw - 40px);padding-right:4px}.brand-sub{display:none}}