.hall{overflow:hidden;background:#f7f5f0;font-family:Shippori Mincho,serif;color:#2a251d;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hall,.hall #app{position:fixed;inset:0}.hall canvas{display:block;touch-action:none}.hall a{color:#8c6d2f}.hall a:hover{color:#b8913f}.hall #opening{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,#ffffff 0,#efe9dc 78%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:40;transition:opacity 1.6s ease;text-align:center;padding:24px}.hall #opening.hidden{opacity:0;pointer-events:none}.hall #opening .logo{width:230px;height:auto;margin-bottom:22px;mix-blend-mode:multiply}.hall #opening h1{font-family:Zen Old Mincho,serif;font-weight:700;font-size:clamp(30px,6vw,54px);letter-spacing:.22em;margin:0 0 10px;text-indent:.22em;color:#26221c}.hall #opening .sub{font-size:clamp(13px,2.4vw,16px);letter-spacing:.5em;text-indent:.5em;color:#a08c62;margin-bottom:6px}.hall #opening .est{font-size:12px;letter-spacing:.3em;color:#a89a7e;margin-bottom:52px}.hall #enterBtn{font-family:Shippori Mincho,serif;font-size:19px;letter-spacing:.4em;text-indent:.4em;padding:20px 64px;background:#b8913f;color:#fff;border:1px solid #b8913f;box-shadow:0 6px 24px rgba(184,145,63,.45);cursor:pointer;transition:background .3s,color .3s}.hall #enterBtn:hover{background:#a07c2e;border-color:#a07c2e}.hall #opening .browseLink{display:inline-block;margin-top:18px;font-size:13px;letter-spacing:.25em;color:#8c6d2f;text-decoration:none;border-bottom:1px solid #d8c9a4;padding-bottom:3px}.hall #opening .hint{margin-top:26px;font-size:12px;letter-spacing:.15em;color:#a89a7e;line-height:2}.hall #hud{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:0;transition:opacity 1s ease .5s}.hall #hud.on{opacity:1}.hall #brand{position:absolute;top:18px;left:22px;font-family:Zen Old Mincho,serif;letter-spacing:.3em;font-size:14px;color:#4a4234;text-shadow:0 1px 4px rgba(255,255,255,.8)}.hall #controlsHint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.15em;color:rgba(74,66,52,.7);text-shadow:0 1px 3px rgba(255,255,255,.8);white-space:nowrap}.hall #reticle{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:rgba(74,66,52,.55);transition:transform .2s,background .2s}.hall #reticle.hot{transform:scale(2.2);background:#b8913f}.hall #soundBtn{top:14px;right:16px;font-size:12px;letter-spacing:.2em}.hall #exitBtn,.hall #soundBtn{position:absolute;pointer-events:auto;background:rgba(255,255,255,.72);border:1px solid rgba(184,145,63,.55);color:#6b5c40;font-family:Shippori Mincho,serif;padding:8px 14px;cursor:pointer}.hall #exitBtn{top:52px;left:16px;font-size:13px;letter-spacing:.15em;border-radius:3px;text-decoration:none}.hall #exitBtn:hover{background:#b8913f;color:#fff}.hall #hint{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);font-size:13px;letter-spacing:.2em;color:#4a4234;background:rgba(255,255,255,.82);border:1px solid rgba(184,145,63,.4);padding:8px 18px;opacity:0;transition:opacity .4s;white-space:nowrap}.hall #hint.on{opacity:1}.hall #stick{position:absolute;bottom:30px;left:30px;width:110px;height:110px;border-radius:50%;border:1px solid rgba(160,130,80,.5);background:rgba(255,255,255,.35);display:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hall #stick,.hall #stick .knob{touch-action:none}.hall #stick .knob{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px;border-radius:50%;background:rgba(184,145,63,.3);border:1px solid rgba(184,145,63,.6)}.hall.touch #stick{display:block}.hall #panel{position:fixed;top:0;right:0;height:100%;width:min(420px,92vw);background:linear-gradient(180deg,#fffdf9,#f5efe3);border-left:1px solid #ddd0b4;z-index:30;transform:translateX(105%);transition:transform .55s cubic-bezier(.22,.8,.3,1);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(120,100,60,.22)}.hall #panel.open{transform:translateX(0)}.hall #panelInner{padding:46px 34px 40px;overflow-y:auto;flex:1 1}.hall #panel .kicker{font-size:11px;letter-spacing:.45em;color:#a08c62;margin-bottom:14px}.hall #panel h2{font-family:Zen Old Mincho,serif;font-size:26px;letter-spacing:.15em;margin:0 0 6px;color:#26221c;font-weight:700}.hall #panel .rule{width:42px;height:1px;background:#b8913f;margin:18px 0 22px}.hall #panel .body{font-size:14px;line-height:2.2;color:#5a5142;letter-spacing:.06em}.hall #panel .body p{margin:0 0 1.2em}.hall #panel dl{margin:0;font-size:13px;line-height:2}.hall #panel dt{color:#a08c62;letter-spacing:.2em;margin-top:14px}.hall #panel dd{margin:0;color:#3d362b}.hall #closeBtn{position:absolute;top:12px;right:12px;background:none;border:none;color:#a08c62;font-size:26px;cursor:pointer;font-family:serif;padding:8px}.hall .tl{border-left:1px solid #ddd0b4;padding-left:18px;margin-top:6px}.hall .tl .yr{font-family:Zen Old Mincho,serif;color:#8c6d2f;font-size:15px;letter-spacing:.1em;margin-top:16px}.hall .tl .ev{font-size:13px;color:#5a5142;line-height:1.9}.hall .fallback{position:fixed;inset:0;overflow-y:auto;padding:70px 28px;z-index:25;background:radial-gradient(ellipse at 50% 30%,#ffffff,#efe9dc)}