:root{--ink:#1b1b19;--paper:#f2f0e9;--accent:#8b2f25}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#d8d5cc;color:var(--ink);font-family:Arial,Helvetica,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}.brand{position:fixed;z-index:4;top:28px;left:32px;display:flex;flex-direction:column;gap:5px;letter-spacing:.18em;font-size:13px}.brand small{font-size:9px;opacity:.55}.info{position:fixed;z-index:7;top:24px;right:28px;border:1px solid rgba(0,0,0,.35);background:rgba(245,243,237,.72);backdrop-filter:blur(8px);border-radius:50%;width:36px;height:36px;font-family:Georgia,serif;font-size:18px}.intro{position:fixed;z-index:8;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;background:rgba(232,230,223,.9);backdrop-filter:blur(9px);transition:opacity .7s}.intro.off{opacity:0;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.28em;margin:0 0 20px;color:#6c6861}.intro h1{font:italic clamp(48px,9vw,112px)/.95 Georgia,serif;font-weight:400;margin:0}.intro>p:not(.eyebrow){max-width:460px;font:18px/1.5 Georgia,serif;margin:27px 0}.intro button{border:1px solid var(--ink);background:transparent;padding:14px 24px;letter-spacing:.15em;font-size:10px;cursor:pointer}.intro small{margin-top:18px;opacity:.5;font-size:10px}.panel{position:fixed;z-index:10;top:0;right:0;height:100%;width:min(420px,90vw);background:rgba(242,240,233,.95);backdrop-filter:blur(14px);padding:100px 48px;box-shadow:-20px 0 80px rgba(0,0,0,.12)}.panel h2{font:italic 42px Georgia,serif;font-weight:400}.panel>p{font:15px/1.7 Georgia,serif}.panel #close{position:absolute;top:25px;right:25px;border:0;background:none;font:30px Georgia,serif}.signature{margin-top:45px!important;font-family:Arial!important;font-size:12px!important;letter-spacing:.12em}.signature span{font-size:9px;opacity:.55}.reticle{position:fixed;z-index:3;left:50%;top:50%;width:5px;height:5px;margin:-2px;border:1px solid rgba(0,0,0,.35);border-radius:50%;pointer-events:none}.hint{position:fixed;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);margin:0;font-size:9px;letter-spacing:.18em;opacity:.55}.mobile{display:none;position:fixed;z-index:5;bottom:25px;left:22px}.mobile button{width:44px;height:44px;border:1px solid rgba(0,0,0,.2);background:rgba(245,243,237,.55);backdrop-filter:blur(7px);font-size:17px}.mobile>button{margin-left:44px}.mobile div{display:flex}@media(max-width:750px){.brand{top:22px;left:20px}.info{top:17px;right:18px}.mobile{display:block}.hint{display:none}.intro small{max-width:250px;line-height:1.5}.panel{padding:82px 32px}}