*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#3c344f;color:#fff6ee;font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #fff6ee44;background:#33283e88;color:inherit;letter-spacing:.1em;border-radius:6px;padding:12px 16px;touch-action:none}button:hover{background:#574351aa}button:focus-visible{outline:3px solid #81f5e0;outline-offset:3px}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 45%,transparent 40%,#20152870)}#rewindFX{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#70ffee08 0px,#70ffee08 2px,transparent 3px,transparent 6px);box-shadow:inset 0 0 140px #7fffea90;transition:opacity .14s}body.rewinding #rewindFX{opacity:1}header{position:absolute;top:max(23px,env(safe-area-inset-top));left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;z-index:3}.brand{text-decoration:none;color:inherit;font-size:12px;letter-spacing:.23em;font-weight:bold;line-height:1.4}.brand span{display:block;color:#d8ad8c;letter-spacing:.29em}.settings{display:flex;gap:8px}.settings button{font-size:10px;padding:10px 13px}#overlay{position:absolute;inset:0;display:grid;align-items:center;padding:80px 7vw;background:linear-gradient(90deg,#24192cdd 0%,#30213888 40%,transparent 78%);z-index:2}#overlay[hidden],#hud[hidden]{display:none}#panel{max-width:440px}.eyebrow{font-size:10px;letter-spacing:.25em;color:#9ee9da}h1{font-size:clamp(46px,6vw,76px);line-height:1.02;margin:20px 0;letter-spacing:-.04em;font-weight:500}h1 em{font-family:Georgia,serif;color:#f7c4aa;font-weight:normal}.intro{font-size:17px;line-height:1.6;color:#e3d6e5}.instructions{margin:26px 0;color:#cbb9cd;font-size:12px;line-height:1.55}.instructions b{display:inline-block;min-width:90px;color:#fff5e9;letter-spacing:.12em;font-size:10px}.primary{background:#f1c0a7;color:#32223c;border:0;padding:18px 22px;font-size:11px;font-weight:bold;box-shadow:0 4px 32px #d5907430;width:100%;display:flex;justify-content:space-between}.primary:hover{background:#ffdbbe}.fine{font-size:10px;letter-spacing:.12em;color:#bda7bd;text-align:center;margin-top:18px}.chapter{position:absolute;top:95px;left:30px;pointer-events:none;max-width:245px;text-shadow:0 2px 10px #33213e}.chapter small{font-size:10px;letter-spacing:.2em;color:#a6f0df}.chapter h2{font-family:Georgia,serif;font-weight:normal;font-size:25px;margin:9px 0}.chapter p{font-size:12px;line-height:1.45;color:#e4d2e4;margin:0}.readout{position:absolute;right:30px;top:90px;display:flex;flex-direction:column;align-items:end;gap:10px;color:#f8c8b1;font-size:14px;letter-spacing:.13em}.readout span+span{font-size:10px;color:#e4d2e4}.memory{position:absolute;bottom:68px;left:30px;width:240px;padding:14px 17px;background:#2b213dc9;border:1px solid #b599c13b;border-radius:8px}.memory small{font-size:9px;letter-spacing:.15em;color:#d8c6e1}.memory b{color:#8febdb}.track{height:3px;background:#ae8aaf44;margin:11px 0}.track i{display:block;height:100%;width:0;background:#94f2de;box-shadow:0 0 10px #94f2de}.memory #echoStatus{font-size:9px;color:#9be6d9;letter-spacing:.1em}.hint{position:absolute;bottom:82px;right:30px;max-width:310px;font-size:12px;line-height:1.4;color:#eedce7;text-shadow:0 1px 8px #201529}#desktopHelp{position:absolute;bottom:23px;left:30px;font-size:9px;letter-spacing:.14em;color:#d8c4d8;pointer-events:none}#desktopHelp span{margin:0 14px;color:#c2f3e6}#message{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);padding:13px 20px;background:#2e213eea;border:1px solid #93edd77a;border-radius:7px;font-family:Georgia,serif;font-size:19px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:4;white-space:nowrap}#message.show{opacity:1}#touch{display:none}.pad{width:144px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}.pad button{padding:0;font-size:20px;background:#2f2246c9}.pad button:nth-child(1){grid-column:2}.pad button:nth-child(2){grid-row:2;grid-column:1}.pad button:nth-child(3){grid-row:2;grid-column:2}.pad button:nth-child(4){grid-row:2;grid-column:3}.actions{display:flex;align-items:end;gap:8px}.actions button{font-size:8px;padding:11px 9px}.actions #touchRewind{font-size:28px;width:74px;height:78px;background:#c1ece0;color:#302b48;border:0;border-radius:13px}.actions small{display:block;font-size:8px;letter-spacing:.1em}body.menu #hud,body.menu #touch,body.win #touch,body.defeat #touch{display:none!important}@media(pointer:coarse),(max-width:650px){header{left:18px;right:18px;top:18px}#touch{display:flex;position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:18px;right:18px;justify-content:space-between}#desktopHelp{display:none}.chapter{left:18px;top:81px;max-width:220px}.chapter h2{font-size:21px}.chapter p{font-size:11px}.readout{top:85px;right:18px}.readout span+span{font-size:8px}.memory{bottom:127px;left:18px;width:173px;padding:10px 12px}.memory small{font-size:8px}.hint{bottom:138px;right:18px;max-width:145px;font-size:10px;text-align:right}#overlay{padding:85px 26px 25px;background:linear-gradient(90deg,#281c38e8,#322140ba 68%,#38204360)}#panel{max-width:360px}h1{font-size:54px;margin:15px 0}.intro{font-size:15px}.instructions{margin:22px 0;font-size:11px}.eyebrow{font-size:8px;line-height:1.6}#message{font-size:15px;max-width:90%;white-space:normal;text-align:center}.brand{font-size:10px}.settings button{padding:9px;font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}