:root{color:#302c27;font-synthesis:none;--ink:#302c27;--muted:#746d62;--accent:#d53c20;--line:#dcd5c9;--paper:#fffdf8;background:#f5f0e7;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #ab321d}button{color:inherit}button svg{flex-shrink:0;width:22px;height:22px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.page-shell{flex-direction:column;max-width:1600px;min-height:100dvh;margin:auto;padding:0 5%;display:flex}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:28px 0;display:flex}.brand{align-items:center;gap:22px;display:flex}.brand-mark{letter-spacing:-4px;font-size:36px;font-weight:950;display:block;transform:rotate(-5deg)}.brand-mark>span{letter-spacing:0;vertical-align:top;margin-left:5px;font-size:12px}.brand-caption{letter-spacing:2px;max-width:80px;font-size:9px;font-weight:700;line-height:1.6}.header-tools{align-items:center;gap:10px;display:flex}.live-label{letter-spacing:.3px;align-items:center;gap:8px;margin-right:22px;font-size:11px;display:flex}.live-label i{background:var(--accent);border-radius:50%;width:6px;height:6px}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{background:#eae2d6}.icon-button.muted{color:var(--accent);background:#f8dfd5}.experience{flex:1;grid-template-columns:minmax(190px,1fr) minmax(330px,1.9fr) minmax(235px,1fr);align-items:center;gap:3%;padding:45px 0 42px;display:grid}.eyebrow{letter-spacing:1.7px;color:var(--muted);font-size:9px;font-weight:700}h1{letter-spacing:-2.5px;margin:24px 0;font-size:clamp(29px,3.1vw,48px);line-height:1.32}h1 span{color:var(--accent)}.intro>p{color:#6c655b;letter-spacing:-.2px;font-size:13px;line-height:1.95}.intro-note{color:var(--muted);align-items:center;gap:10px;margin-top:30px;font-size:11px;display:flex}.note-line{background:var(--muted);width:23px;height:1px}.edition{letter-spacing:2px;margin-top:65px;font-size:9px;line-height:1.7}.edition b{letter-spacing:1px;font-size:22px;font-weight:400;display:block}.edition>span{letter-spacing:0;color:var(--muted);margin-top:10px;font-size:10px;display:block}.stage-panel{background:radial-gradient(at 50% 45%,#e9dfc9 0%,#eee6d7 48%,#f0e9dd 75%);border-radius:160px 160px 16px 16px;flex-direction:column;align-self:stretch;min-height:560px;display:flex;position:relative;overflow:hidden}.stage-meta{letter-spacing:1.6px;color:#817765;z-index:1;justify-content:space-between;padding:30px 30px 0;font-size:8px;display:flex}.scene-host{isolation:isolate;flex:1;width:100%;min-height:450px;position:relative}.scene-host canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-bottom{color:#786d5a;justify-content:space-between;align-items:center;gap:10px;padding:0 27px 14px;display:flex}.stage-bottom p{text-align:center;font-size:11px}.tiny-cross{font-size:20px;font-weight:300}.screen-overlay{z-index:2;text-align:center;width:max-content;max-width:90%;position:absolute;bottom:77px;left:50%;transform:translate(-50%)}.screen-overlay p{color:#493a2c;background:#f9f3e7e8;border-radius:20px;width:fit-content;margin:0 auto 12px;padding:9px 14px;font-size:12px;box-shadow:0 2px 10px #00000005}.primary-button{background:var(--ink);color:#fff8e9;border:0;border-radius:30px;justify-content:center;align-items:center;gap:32px;min-height:52px;margin:auto;padding:14px 26px;font-size:14px;font-weight:700;display:flex;box-shadow:0 8px 20px #4a352522}.primary-button:hover{background:#493b2d}.control-heading h2{letter-spacing:-.8px;margin:11px 0 23px;font-size:20px}.action-list{gap:10px;display:grid}.action-card{text-align:left;border:1px solid var(--line);background:0 0;border-radius:12px;align-items:center;gap:14px;min-height:76px;padding:16px;transition:background .15s,border-color .15s;display:flex}.action-card:hover{border-color:#bbaa96}.action-card.selected{background:var(--paper);border-color:var(--accent);box-shadow:0 3px 10px #70452405}.action-icon{color:#877b69;place-items:center;width:34px;display:grid}.selected .action-icon{color:var(--accent)}.action-card strong{letter-spacing:-.3px;font-size:15px;display:block}.action-card small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.keycap{border:1px solid var(--line);color:var(--muted);border-radius:4px;margin-left:auto;padding:3px 5px;font-size:9px}.damage-card{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.damage-label{justify-content:space-between;align-items:center;font-size:12px;display:flex}.damage-label strong{letter-spacing:-1px;font-size:27px;font-weight:500}.damage-label strong span{margin-left:2px;font-size:13px}.progress-track{background:#e1d8c9;border-radius:5px;height:5px;margin-top:14px;overflow:hidden}.progress-track>span{background:var(--accent);border-radius:5px;width:0;height:100%;display:block}.damage-card p{color:var(--muted);margin:11px 0 22px;font-size:10px}.result-button{background:var(--accent);color:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:47px;padding:12px 15px;font-size:12px;font-weight:700;display:flex}.result-button:disabled{color:#8b8172;opacity:1;background:#e3dace}.result-button:not(:disabled):hover{background:#b83017}.reset-button{width:100%;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:44px;margin-top:4px;font-size:11px;display:flex}.reset-button svg{width:14px;height:14px}.sound-note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:9px;line-height:1.6}.footer{border-top:1px solid var(--line);letter-spacing:1.5px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:19px 0 22px;font-size:9px;display:flex}.footer>span:last-child{letter-spacing:0}.footer button{min-height:44px;color:var(--muted);background:0 0;border:0;font-size:10px}.footer button span{margin-left:6px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:20px;width:min(440px,100% - 32px);max-height:85dvh;padding:26px;box-shadow:0 30px 100px #30271930}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30271966}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.dialog-heading h2{letter-spacing:-1px;font-size:22px}.dialog-heading button{font-size:27px}.setting-row{border-bottom:1px solid #ece5db;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;font-size:14px;display:flex}.setting-row input{accent-color:var(--accent)}.setting-row input[type=checkbox]{width:21px;height:21px}.setting-row select{border:1px solid var(--line);background:0 0;border-radius:6px;padding:8px}.volume-row input{width:55%}.help-copy{margin-top:25px}.help-copy h3{font-size:14px}.help-copy p{color:var(--muted);font-size:12px;line-height:1.8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1500px){.experience{gap:4%}.stage-panel{min-height:640px}.intro h1{font-size:48px}}@media (width<=1050px){.page-shell{padding:0 4%}.experience{grid-template-columns:minmax(320px,1.5fr) minmax(240px,1fr);gap:5%;padding:30px 0}.intro{display:none}.stage-panel{min-height:540px}.controls{max-width:330px}.header{padding:20px 0}}@media (width<=650px){.page-shell{padding:0 20px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.header{padding:14px 0}.brand{gap:12px}.brand-mark{font-size:30px}.brand-caption{max-width:67px;font-size:7px}.live-label{display:none}.header-tools{gap:8px}.icon-button{width:44px;height:44px}.experience{flex-direction:column;align-items:stretch;gap:20px;padding:20px 0;display:flex}.stage-panel{border-radius:110px 110px 14px 14px;height:48dvh;min-height:365px;max-height:490px}.scene-host{min-height:280px}.stage-meta{padding:24px 23px 0;font-size:7px}.stage-bottom{padding:0 20px 5px}.stage-bottom p{font-size:10px}.screen-overlay{bottom:52px}.screen-overlay p{font-size:10px}.primary-button{min-height:47px;font-size:13px}.controls{max-width:none}.control-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.control-heading h2{order:-1;margin:0;font-size:15px}.control-heading .eyebrow{letter-spacing:1px;font-size:7px}.action-list{grid-template-columns:repeat(3,1fr);gap:8px}.action-card{text-align:center;flex-direction:column;gap:6px;min-height:90px;padding:12px 3px}.action-card strong{font-size:13px}.action-card small{white-space:nowrap;font-size:8px}.action-icon{height:24px}.keycap{display:none}.damage-card{margin-top:18px;padding-top:15px}.damage-label strong{font-size:24px}.damage-card p{margin:9px 0 16px}.progress-track{margin-top:9px}.sound-note{margin-top:4px}.footer{gap:5px;padding:8px 0 10px;font-size:7px}.footer>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}