:root{--ink:#282820;--paper:#faf7ee;--red:#ff3b39}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{height:90px;margin:0 5%;border-bottom:1px solid #d9d6cc;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;color:var(--ink);font-size:28px;font-weight:950;letter-spacing:-1.5px}.edition,.eyebrow,.corner,.room-footer,.controls>span{font-size:10px;letter-spacing:1.7px;font-weight:700}button{background:transparent;border:1px solid #b7b5a9;border-radius:30px;padding:11px 18px;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}button:hover{background:#eee9da}button:focus-visible,a:focus-visible{outline:3px solid #fe7459;outline-offset:4px}main{max-width:1500px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 30px}.eyebrow{margin:0 0 16px;color:#79796c}h1{font-size:clamp(42px,5.4vw,76px);line-height:1.01;letter-spacing:-4px;margin:0;font-weight:850}h1 em{font-family:Georgia,serif;font-weight:400}.instructions{padding:10px 0 0 25px;max-width:300px}.instructions p{font-size:21px;line-height:1.4;margin:8px 0}.instructions small{font-size:11px;line-height:1.7;color:#78786b}.redstar{font-size:36px;color:var(--red)}#arena{height:clamp(330px,48vh,570px);position:relative;overflow:hidden;border:1.5px solid var(--ink);border-radius:12px;background-color:#eeedc9;background-image:radial-gradient(#c9c99f .8px,transparent .8px);background-size:8px 8px;touch-action:none;isolation:isolate}#arena.active{cursor:none}#arena:focus-visible{outline:3px solid #ff704e;outline-offset:4px}.corner{position:absolute;top:24px;left:25px;z-index:2}.corner span{margin-left:18px;font-size:22px}.floor-text{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-8deg);font-size:clamp(55px,8vw,110px);font-weight:950;line-height:.85;letter-spacing:-6px;color:#d5d5a9;white-space:nowrap;user-select:none}.floor-text span{-webkit-text-stroke:1px #bebf90;color:transparent}.orbit{position:absolute;width:480px;height:480px;border:1px solid #d5d6ad;border-radius:50%;left:40%;top:-270px}.orbit2{width:650px;height:650px;left:-240px;top:180px}#cat{position:absolute;width:210px;height:166px;left:0;top:0;will-change:transform;pointer-events:none;z-index:3}#cat svg{width:100%;height:100%;overflow:visible}#tail{transform-origin:74px 115px;animation:tail 1.3s ease-in-out infinite alternate}@keyframes tail{to{transform:rotate(13deg)}}#laser{position:absolute;width:9px;height:9px;border-radius:50%;background:white;border:2px solid var(--red);box-shadow:0 0 7px 4px var(--red),0 0 30px 10px color-mix(in srgb,var(--red),transparent 65%);pointer-events:none;z-index:5;display:none;transform:translate(-50%,-50%)}.bubble{position:absolute;background:#fffdf4;border:2px solid var(--ink);border-radius:50%;padding:14px 20px;font-family:Georgia,serif;font-style:italic;font-size:17px;transform:rotate(-8deg);z-index:4;pointer-events:none;white-space:nowrap}.bubble:after{content:'';position:absolute;bottom:-12px;left:25px;width:15px;height:19px;background:#fffdf4;border-right:2px solid;border-bottom:2px solid;transform:skewY(-35deg)}.room-footer{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;color:#6b6c50;font-size:9px;z-index:2;pointer-events:none}#mood{letter-spacing:0;font-size:11px}.play-hint{position:absolute;bottom:65px;right:30px;font-size:13px;color:#6b6c50}footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:20px}.profile{display:flex;gap:12px;align-items:center}.profile p{font-size:12px;line-height:1.8;margin:0}.profile p span{color:#8b8b7d;font-size:11px}.avatar{border:1px solid #c8c6b7;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-family:Georgia;font-size:24px;background:#f2e7ce}.controls{display:flex;align-items:center;gap:9px}.controls>span{font-size:8px;letter-spacing:1px;margin-right:6px}.swatch{background:var(--swatch);width:16px;height:16px;padding:0;border:3px solid var(--paper);outline:1px solid transparent}.swatch:hover{background:var(--swatch)}.swatch.selected{outline-color:var(--swatch)}#auto{margin-left:12px}.puff{position:absolute;pointer-events:none;font-weight:950;font-style:italic;z-index:6;animation:puff .65s ease-out forwards;color:var(--ink);font-size:25px}@keyframes puff{from{transform:translate(-50%,-40%) rotate(-12deg);opacity:1}to{transform:translate(-50%,-140%) rotate(9deg) scale(1.3);opacity:0}}@media(max-width:650px){header{height:72px}.edition{display:none}.intro{padding:28px 0 24px;align-items:flex-end}h1{letter-spacing:-2px}.instructions{max-width:135px;padding:0 0 0 10px}.instructions p{font-size:14px}.instructions small{font-size:9px}.redstar{font-size:25px}footer{align-items:flex-start;flex-direction:column;gap:18px}.room-footer>span:first-child{display:none}.room-footer{justify-content:flex-end}#cat{width:170px;height:135px}.corner{font-size:8px}.play-hint{font-size:11px}.bubble{font-size:14px;padding:10px 16px}}@media(prefers-reduced-motion:reduce){#tail{animation:none}}