:root{color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#11100e;color:#f5f0e8}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#11100e}button,a{font:inherit}button,a{touch-action:manipulation}.skip{position:absolute;top:-5rem;left:1rem;z-index:10;background:#f5f0e8;color:#11100e;padding:.8rem 1rem}.skip:focus{top:1rem}.masthead{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 22px;border-bottom:1px solid #ffffff18;background:#11100e}.back{color:#d8d1c5;text-decoration:none;font-size:12px;letter-spacing:.02em;min-height:32px;display:inline-flex;align-items:center;width:max-content}.back:hover{color:#fff}.back:focus-visible,button:focus-visible,#splat-stage:focus-visible{outline:2px solid #f0bd61;outline-offset:3px}.brand{font-family:Georgia,serif;letter-spacing:.12em;font-size:12px;white-space:nowrap}.brand span{color:#ae9675}.state{justify-self:end;color:#c2baad;font-size:11px;letter-spacing:.04em;white-space:nowrap}.stage-shell{height:calc(100dvh - 62px);min-height:540px;position:relative;overflow:hidden;background:#211e18}#splat-stage{position:absolute;inset:0;touch-action:none;cursor:grab}#splat-stage:active{cursor:grabbing}#splat-stage canvas{display:block;width:100%;height:100%}.veil{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#17150f;color:#f5f0e8;transition:opacity .38s ease}.veil[hidden]{opacity:0;pointer-events:none}.mark{font-family:Georgia,serif;font-size:38px;letter-spacing:.12em;color:#b98b4c}.veil strong{font-size:20px;font-weight:500}.veil span:not(.mark){font-size:12px;color:#cfc4b3}.meter{width:min(250px,62vw);height:2px;background:#ffffff26;margin:8px 0}.meter i{display:block;height:100%;width:8%;background:#e0ad60;transition:width .25s ease}.veil button{margin-top:10px;background:#ead9be;color:#1a1610;border:0;padding:10px 14px;min-height:40px;cursor:pointer}.topline,.lower-third{position:absolute;z-index:2;left:clamp(16px,3vw,48px);right:clamp(16px,3vw,48px);pointer-events:none}.topline{top:clamp(18px,3vw,42px);display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#d5c0a1;font-weight:650}.topline h1{font:clamp(42px,7vw,104px)/.83 Georgia,serif;letter-spacing:-.075em;margin:9px 0 0;text-shadow:0 2px 24px #000b}.reset{pointer-events:auto;border:1px solid #ffffff45;background:#161411ab;color:#f4eadb;padding:9px 12px;min-height:38px;backdrop-filter:blur(8px);cursor:pointer}.reset:disabled{opacity:.45}.lower-third{bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.pose-nav{pointer-events:auto;border-left:1px solid #e3bf82;padding-left:12px;text-shadow:0 1px 9px #000}.pose-nav>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.pose-buttons{display:flex;gap:6px}.pose-buttons button{border:1px solid #ffffff50;background:#14120fbc;color:#eee2d1;padding:7px 10px;min-height:34px;font-size:11px;cursor:pointer;backdrop-filter:blur(8px)}.pose-buttons button[aria-pressed=true]{background:#ead2a4;color:#19130b;border-color:#ead2a4}.notice{max-width:330px;text-align:right;font-size:11px;line-height:1.4;color:#f5eee3;text-shadow:0 1px 10px #000}.readout{position:fixed;z-index:5;right:clamp(14px,2vw,28px);top:78px;width:206px;display:grid;gap:5px;padding:12px 13px;border:1px solid #ffffff26;background:#14120fcc;backdrop-filter:blur(12px);box-shadow:0 8px 28px #0004}.readout strong{font:20px Georgia,serif}.readout span:not(.eyebrow){font-size:11px;color:#d3cabd;line-height:1.4}.readout a{font-size:11px;color:#edc98b;text-underline-offset:3px;margin-top:4px}.readout a:hover{color:#fff}@media(max-width:700px){.masthead{grid-template-columns:1fr auto;padding:0 14px}.brand{display:none}.state{font-size:10px}.stage-shell{min-height:480px}.readout{display:none}.lower-third{align-items:flex-start;flex-direction:column}.notice{text-align:left;max-width:290px}.pose-buttons button{min-height:44px;padding:9px 12px}.topline h1{font-size:58px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
