*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:#142d31;background:#aec6cd;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ba5a25;outline-offset:6px}button:disabled{cursor:wait}.scene{position:relative;width:100%;min-height:100svh;aspect-ratio:16/9;overflow:hidden;isolation:isolate;padding:2.8% 4.5%}.room,.wash{position:absolute;inset:0;z-index:-3}.room{background:url('assets/room.webp') center/cover}.wash{z-index:-2;background:linear-gradient(90deg,rgba(196,218,221,.94),rgba(196,218,221,.66) 43%,rgba(54,71,67,.05) 80%),linear-gradient(0deg,rgba(18,34,31,.75),transparent 30%)}header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:clamp(24px,2.1vw,42px);font-weight:900;letter-spacing:-2px}.brand-face{width:46px;height:46px;border:1px solid #203c3e;border-radius:50%;background:#cdb67d url('assets/favicon.png') center/cover}.brand-star{color:#ae6d20;font-size:30px;margin-left:2px}.room-label{font:10px monospace;letter-spacing:2px}.status-dot{display:inline-block;width:7px;height:7px;background:#5a7550;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #567a4820}nav{display:flex;gap:14px}nav a{display:flex;align-items:center;gap:12px;border:1px solid #2a474650;border-radius:4px;padding:14px 17px;font:11px monospace;font-weight:bold;transition:background .2s,transform .2s}nav a:hover{background:#e8e8cc;transform:translateY(-3px)}nav svg{width:15px;height:15px;fill:currentColor}nav b{margin-left:8px}.pill-icon{width:18px;height:10px;display:inline-block;border:1.5px solid;transform:rotate(-40deg);border-radius:8px;background:linear-gradient(90deg,#577d60 50%,transparent 50%)}.intro{position:relative;z-index:3;margin-top:7%;width:53%;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font:10px monospace;letter-spacing:2px;display:flex;gap:28px;align-items:center}.eyebrow:before{content:'';width:24px;height:1px;background:#224145}.eyebrow i{font-size:9px;letter-spacing:1px;opacity:.6}h1{font-size:clamp(64px,7.8vw,150px);line-height:.92;letter-spacing:-.075em;margin:25px 0 25px;font-weight:900}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em;color:#8d591c}.lede{font-size:clamp(14px,1.12vw,22px);line-height:1.6;color:#365052}.lede strong{font-weight:normal;color:#142d31}.actions{display:flex;gap:12px;margin-top:28px;align-items:stretch}.chaos,.ca{border:1px solid #183435;border-radius:3px;min-height:55px;padding:17px 20px;font:11px monospace;font-weight:bold;letter-spacing:.5px;transition:transform .2s,box-shadow .2s}.chaos{background:#183435;color:#f4e9c8;box-shadow:4px 4px 0 #18343526}.chaos span{margin-left:20px;font-size:18px}.chaos:hover{transform:translateY(-3px);box-shadow:5px 7px 0 #18343526}.ca{display:flex;align-items:center;gap:20px;background:#e8e4c9d9;white-space:nowrap}.ca:hover{background:#f7e9ab}.ca svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.hint{font:italic 12px Georgia,serif;opacity:.65;margin:12px 0 0 12px}.portrait{position:absolute;right:3%;bottom:15%;width:53%;height:72%;pointer-events:none}.halo{position:absolute;width:75%;aspect-ratio:1;right:4%;top:-2%;border:1px solid #e9d88e88;border-radius:50%;background:radial-gradient(circle,#e7cb6d30,transparent 65%)}.orbit{position:absolute;right:4%;top:7%;font:9px monospace;letter-spacing:4px;color:#fff6d2;transform:rotate(14deg)}.character{pointer-events:auto;position:absolute;bottom:0;right:0;width:100%;border:0;padding:0;background:none;transform-origin:50% 90%;animation:breathe 5s ease-in-out infinite;filter:drop-shadow(15px 15px 16px #162c3644);transition:filter .2s}.character:hover{filter:drop-shadow(12px 15px 20px #d9bb6d66)}.character img{display:block;width:100%;height:auto;transform:perspective(1200px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .5s ease-out}.speech{position:absolute;top:10%;right:3%;background:#f1e8c7;padding:15px 18px;box-shadow:4px 4px 0 #21383c;border:1px solid #21383c;transform:rotate(5deg);font:italic 18px Georgia,serif;max-width:230px}.speech:after{content:'';position:absolute;bottom:-13px;left:24px;border-width:13px 13px 0 0;border-style:solid;border-color:#f1e8c7 transparent transparent transparent}.watch-glint{position:absolute;bottom:12%;right:29%;color:#fff6b1;font-size:60px;animation:glint 4s infinite;filter:drop-shadow(0 0 8px #fff);pointer-events:none}.name-tag{position:absolute;bottom:-6%;right:7%;background:#eadcb3;padding:14px 25px;transform:rotate(-5deg);box-shadow:4px 5px 0 #23372d88;text-align:center;border:1px solid #53452d}.name-tag span,.name-tag small{display:block;font:8px monospace;letter-spacing:2px}.name-tag strong{font-size:35px;letter-spacing:-2px}.annotation{position:absolute;bottom:10%;left:0;transform:rotate(-10deg);font:italic 16px Georgia,serif;color:#f4e6ba;text-shadow:0 1px 5px #142d31}.annotation span{position:absolute;right:-38px;top:0;font-size:40px;transform:rotate(155deg)}.lore{position:absolute;bottom:10.5%;left:4.5%;width:43%;display:grid;grid-template-columns:1fr 1.8fr;gap:0 25px;border-top:1px solid #25423a66;padding-top:16px;z-index:4}.lore-number{grid-column:1/-1;font:9px monospace;letter-spacing:2px;margin-bottom:10px}.lore h2{font:italic 27px/1.05 Georgia,serif;margin:0}.lore p{font-size:12px;line-height:1.65;margin:0;max-width:350px}.lore-stamp{position:absolute;right:-30px;bottom:-20px;border:2px solid #9d522a;color:#9d522a;transform:rotate(-14deg);font:900 9px/1.4 monospace;letter-spacing:1px;padding:6px;opacity:.8}footer{position:absolute;bottom:3.8%;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f5ecd3;font:9px monospace;letter-spacing:1.4px;border-top:1px solid #e9e0be55;padding-top:20px;z-index:5}footer button{border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit}footer button span{color:#e6cf80;margin-left:10px}.fiction{opacity:.7;font-size:8px}.toast{position:absolute;bottom:10%;left:50%;transform:translate(-50%,15px);background:#152f30;color:#fff0c7;padding:14px 24px;font:12px monospace;border:1px solid #e3cd8b;opacity:0;transition:.2s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}#particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:10}.banknote{position:absolute;top:-70px;width:70px;height:32px;background:#d5d6ad;border:3px double #526854;box-shadow:0 3px 10px #142d3144;display:grid;place-items:center;color:#526854;font:bold 13px Georgia,serif;animation:rain var(--duration) linear forwards}.scene.party .character{animation:groove .35s ease-in-out infinite alternate}.scene.party .halo{background:radial-gradient(circle,#fce37766,transparent 70%)}@keyframes breathe{50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes glint{0%,42%,58%,100%{opacity:0;transform:scale(.2) rotate(0)}50%{opacity:1;transform:scale(1) rotate(80deg)}}@keyframes groove{to{transform:translateY(-15px) rotate(-3deg)}}@keyframes rain{to{transform:translate(var(--drift),110vh) rotate(var(--spin));opacity:.3}}.still *,.still *:before,.still *:after{animation:none!important;transition:none!important}.still .watch-glint{display:none}@media(min-aspect-ratio:19/10){.scene{min-height:1080px;min-height:100svh;aspect-ratio:auto}.intro{margin-top:4%}}@media(max-width:1100px){.scene{min-height:850px;aspect-ratio:auto}.room-label{display:none}.intro{margin-top:85px;width:58%}h1{font-size:90px}.eyebrow i{display:none}.portrait{width:55%;bottom:24%;height:55%}.lore{width:60%;bottom:12%}.speech{top:18%;font-size:14px}.annotation{display:none}.actions{flex-wrap:wrap}.fiction{max-width:200px;line-height:1.5}.lore-stamp{display:none}}@media(max-width:650px){.scene{padding:22px;min-height:1100px}.room{background-position:65% center}.wash{background:linear-gradient(180deg,#bed3d8ee 30%,#bbd1d570 65%,#152b29dd)}.brand{font-size:28px}.brand-face{width:35px;height:35px}nav{gap:8px}nav a{padding:10px}nav a span:not(.pill-icon),nav b{display:none}.intro{margin-top:45px;width:100%}.eyebrow{font-size:8px;letter-spacing:1px;gap:10px}h1{font-size:82px;margin:23px 0 20px}.lede{font-size:15px}.actions{gap:8px;margin-top:20px}.chaos,.ca{font-size:9px;padding:13px;min-height:48px}.chaos span{margin-left:8px}.hint{font-size:11px}.portrait{width:100%;right:0;bottom:26%;height:36%}.character{width:95%;right:-9%}.speech{top:12%;right:8%;font-size:14px;padding:11px}.orbit{font-size:7px;top:8%;right:8%}.name-tag{bottom:-5%;right:10%;padding:10px 15px}.name-tag strong{font-size:27px}.name-tag small,.name-tag span{font-size:6px}.lore{bottom:10%;left:22px;width:calc(100% - 44px);grid-template-columns:1fr 1.5fr;color:#fff0d4;border-color:#f2dfb655;gap:0 15px}.lore h2{font-size:24px}.lore p{font-size:11px}footer{left:22px;right:22px;bottom:2.5%;font-size:7px;letter-spacing:.5px;flex-wrap:wrap;gap:14px}.fiction{max-width:none;flex-basis:100%;font-size:6px}.toast{width:85%;text-align:center;bottom:7%}.watch-glint{font-size:40px;right:23%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.watch-glint{display:none}}

@media(min-width:1101px){.character{width:90%}}
@media(max-width:650px){.speech{top:0;right:4%}}
.ca{max-width:100%}.ca #ca-label{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis}