:root{--ink:#0d1017;--paper:#f5efe4;--pro-accent:#6fb7ff;--pro-accent-dim:#6fb7ff59;--cre-accent:#ffb15e;--cre-accent-dim:#ffb15e59;--accent:var(--pro-accent);--accent-dim:var(--pro-accent-dim);--glass:#0d1017db;--line:#f5efe424;--serif:"Instrument Serif",serif;--sans:"Outfit",sans-serif;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--sans);overflow:hidden}body.cre{--accent:var(--cre-accent);--accent-dim:var(--cre-accent-dim)}#stage{cursor:grab;position:fixed;inset:0}#stage.dragging{cursor:grabbing}#stage.hovering{cursor:pointer}::selection{background:var(--accent);color:var(--ink)}#vignette{pointer-events:none;z-index:3;background:radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}#grain{pointer-events:none;z-index:3;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");position:fixed;inset:0}#intro{z-index:20;text-align:center;background:radial-gradient(120% 120% at 50% 20%,#141a26 0%,#0a0d13 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;transition:opacity 1.4s;display:flex;position:fixed;inset:0}#intro.gone{opacity:0;pointer-events:none}#intro .kicker{font-family:var(--mono);letter-spacing:.42em;text-transform:uppercase;color:var(--pro-accent);opacity:0;font-size:11px}#intro h1{font-family:var(--serif);opacity:0;font-size:clamp(44px,8vw,92px);font-weight:400;line-height:1.02}#intro h1 em{color:var(--cre-accent);font-style:italic}#intro .sub{color:#f5efe4b8;opacity:0;max-width:460px;font-size:15px;font-weight:300;line-height:1.7}#intro .enter{opacity:0;font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--paper);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;margin-top:14px;padding:15px 34px;font-size:12px;transition:border-color .3s,color .3s,box-shadow .3s}#intro .enter:hover,#intro .enter:focus-visible{border-color:var(--pro-accent);color:var(--pro-accent);box-shadow:0 0 32px var(--pro-accent-dim);outline:none}#intro .rise{animation:1.1s cubic-bezier(.2,.7,.2,1) forwards rise}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}#hint{z-index:6;pointer-events:none;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:#f5efe4bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);opacity:0;background:#0d10178c;border-radius:99px;padding:12px 22px;font-size:11px;transition:opacity 1s;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}#hint.show{opacity:1}.hud{z-index:6;font-family:var(--mono);position:fixed}#roomTag{opacity:0;align-items:center;gap:12px;transition:opacity .8s;display:flex;top:26px;left:28px}#roomTag.show{opacity:1}#roomTag .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 14px var(--accent);border-radius:50%;transition:background .8s,box-shadow .8s}#roomTag .name{letter-spacing:.34em;text-transform:uppercase;font-size:11px}#roomTag .who{letter-spacing:.14em;color:#f5efe480;margin-top:4px;font-size:10px;display:block}#progress{opacity:0;transition:opacity .8s;bottom:28px;left:28px}#progress.show{opacity:1}#progress .label{letter-spacing:.3em;text-transform:uppercase;color:#f5efe48c;margin-bottom:8px;font-size:9px}#pips{flex-wrap:wrap;gap:5px;max-width:220px;display:flex}#pips i{background:#f5efe429;border-radius:2px;width:14px;height:3px;transition:background .5s,box-shadow .5s}#pips i.on{background:var(--accent);box-shadow:0 0 8px var(--accent-dim)}#soundBtn{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:42px;height:42px;color:var(--paper);cursor:pointer;opacity:0;pointer-events:auto;background:#0d10178c;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:opacity .8s,border-color .3s;display:flex;top:26px;right:28px}#soundBtn.show{opacity:1}#soundBtn:hover{border-color:var(--accent)}#tip{z-index:7;pointer-events:none;opacity:0;font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--ink);background:var(--paper);white-space:nowrap;border-radius:6px;padding:8px 14px;font-size:10px;transition:opacity .18s;position:fixed;transform:translate(-50%,-140%);box-shadow:0 6px 24px #00000080}#tip.show{opacity:1}#tip:after{content:"";background:var(--paper);width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}#tip .sub{letter-spacing:.12em;color:#0d101799;text-transform:none;margin-top:2px;font-size:9px;display:block}#panelWrap{z-index:10;pointer-events:none;position:fixed;inset:0}#panelWrap.open{pointer-events:auto}#scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#05070b59;transition:opacity .5s;position:absolute;inset:0}#panelWrap.open #scrim{opacity:1}#panel{background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-left:1px solid var(--line);flex-direction:column;width:min(520px,100%);height:100%;transition:transform .55s cubic-bezier(.2,.75,.2,1);display:flex;position:absolute;top:0;right:0;transform:translate(103%)}#panelWrap.open #panel{transform:none}#panel:before{content:"";background:linear-gradient(var(--accent),transparent 70%);width:2px;position:absolute;top:0;bottom:0;left:0}#panelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:30px 34px 20px;display:flex}#panelKicker{font-family:var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:10px}#panelTitle{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.05}#closeBtn{border:1px solid var(--line);width:40px;height:40px;color:var(--paper);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:17px;transition:border-color .3s,transform .3s}#closeBtn:hover{border-color:var(--accent);transform:rotate(90deg)}#panelBody{color:#f5efe4e0;flex:1;padding:26px 34px 44px;font-size:15px;font-weight:300;line-height:1.75;overflow-y:auto}#panelBody::-webkit-scrollbar{width:4px}#panelBody::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}#panelBody h4{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:26px 0 8px;font-size:10px}#panelBody h4:first-child{margin-top:0}#panelBody p{margin-bottom:14px}#panelBody em{font-family:var(--serif);color:var(--paper);font-size:1.12em;font-style:italic}#panelBody .quote{font-family:var(--serif);color:var(--paper);border-left:2px solid var(--accent);margin:20px 0;padding:6px 0 6px 18px;font-size:21px;line-height:1.45}#panelBody .tagrow{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}#panelBody .tag{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--line);color:#f5efe4d9;border-radius:99px;padding:6px 13px;font-size:10.5px}#panelBody .tag.hot{border-color:var(--accent);color:var(--accent)}#panelBody .term{border:1px solid var(--line);font-family:var(--mono);background:#080b10;border-radius:10px;min-height:210px;margin:14px 0;padding:18px;font-size:12.5px;line-height:2}#panelBody .term .ln{display:block}#panelBody .term .p{color:var(--accent)}#panelBody .term .c{color:#f5efe466}#panelBody .cursor{background:var(--accent);vertical-align:-2px;width:8px;height:14px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}#panelBody .steps{counter-reset:s;flex-direction:column;gap:0;margin:14px 0;display:flex}#panelBody .step{opacity:0;padding:0 0 22px 34px;animation:.6s forwards rise;position:relative;transform:translateY(10px)}#panelBody .step:before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:var(--mono);color:var(--accent);font-size:10px;position:absolute;top:2px;left:0}#panelBody .step:after{content:"";background:var(--line);width:1px;position:absolute;top:22px;bottom:4px;left:7px}#panelBody .step:last-child:after{display:none}#panelBody .step b{color:var(--paper);margin-bottom:3px;font-size:15px;font-weight:600;display:block}#panelBody .step span{color:#f5efe4b8;font-size:13.5px}#panelBody .cards{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}#panelBody .card{border:1px solid var(--line);opacity:0;border-radius:12px;padding:15px;animation:.6s forwards rise}#panelBody .card b{margin-bottom:4px;font-size:14px;font-weight:600;display:block}#panelBody .card span{color:#f5efe4a6;font-size:12px;line-height:1.5;display:block}#panelBody .card .yr{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);margin-bottom:7px;font-size:9.5px;display:block}#panelBody .links{flex-direction:column;gap:10px;margin-top:16px;display:flex}#panelBody .link{border:1px solid var(--line);color:var(--paper);opacity:0;border-radius:12px;align-items:center;gap:14px;padding:15px 17px;text-decoration:none;transition:border-color .3s,background .3s;animation:.5s forwards rise;display:flex}#panelBody .link:hover{border-color:var(--accent);background:#ffffff08}#panelBody .link .ic{text-align:center;width:24px;font-size:18px}#panelBody .link b{font-size:14px;font-weight:600;display:block}#panelBody .link span{color:#f5efe48c;font-size:11.5px;display:block}#panelBody .link .arr{color:var(--accent);margin-left:auto}#panelBody .pins{flex-direction:column;gap:8px;margin:12px 0;display:flex}#panelBody .pin{border:1px solid var(--line);opacity:0;border-radius:12px;animation:.5s forwards rise;overflow:hidden}#panelBody .pin>button{width:100%;color:var(--paper);font-family:var(--sans);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:500;display:flex}#panelBody .pin .geo{font-family:var(--mono);letter-spacing:.18em;color:var(--accent);font-size:9.5px}#panelBody .pin .chev{color:#f5efe480;margin-left:auto;transition:transform .3s}#panelBody .pin.open .chev{transform:rotate(180deg)}#panelBody .pin .body{color:#f5efe4bf;max-height:0;font-size:13.5px;line-height:1.7;transition:max-height .45s;overflow:hidden}#panelBody .pin.open .body{max-height:260px}#panelBody .pin .body div{padding:0 16px 15px}#panelBody .pagectl{justify-content:space-between;align-items:center;margin-top:18px;display:flex}#panelBody .pagectl button{border:1px solid var(--line);color:var(--paper);font-family:var(--mono);letter-spacing:.14em;cursor:pointer;background:0 0;border-radius:99px;padding:9px 20px;font-size:11px;transition:border-color .3s}#panelBody .pagectl button:hover:not(:disabled){border-color:var(--accent)}#panelBody .pagectl button:disabled{opacity:.3;cursor:default}#panelBody .pagectl .no{font-family:var(--mono);color:#f5efe480;letter-spacing:.2em;font-size:10px}#panelBody .journalPage{border:1px solid var(--line);background:linear-gradient(#fff0d60f,#fff0d605);border-radius:12px;min-height:230px;padding:24px}#panelBody .journalPage .date{font-family:var(--mono);letter-spacing:.26em;color:var(--accent);margin-bottom:12px;font-size:9.5px}#panelBody .journalPage .body{font-family:var(--serif);color:#f5efe4eb;font-size:19px;line-height:1.6}#panelBody .stick{color:#241a08;transform:rotate(var(--r,-1.5deg));opacity:0;border-radius:4px 4px 14px;padding:16px;font-size:13px;line-height:1.55;animation:.55s forwards rise;box-shadow:0 8px 20px #00000059}#panelBody .stick b{text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:12.5px;font-weight:700;display:block}#panelBody .photo{border:1px solid var(--line);opacity:0;border-radius:12px;margin:12px 0;animation:.6s forwards rise;overflow:hidden}#panelBody .photo .frame{height:150px;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 6px #0009;align-items:flex-end;padding:14px;font-size:10px;display:flex}#panelBody .photo .cap{color:#f5efe4bf;padding:13px 15px;font-size:13px;line-height:1.6}#panelBody .souv{border:1px solid var(--line);opacity:0;border-radius:12px;align-items:flex-start;gap:15px;margin-bottom:10px;padding:16px;animation:.55s forwards rise;display:flex}#panelBody .souv .em{filter:drop-shadow(0 0 10px var(--accent-dim));flex:none;font-size:26px}#panelBody .souv b{margin-bottom:3px;font-size:14.5px;font-weight:600;display:block}#panelBody .souv span{color:#f5efe4b8;font-size:13px;line-height:1.6}#panelBody .foot{border-top:1px dashed var(--line);font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#f5efe473;margin-top:26px;padding-top:18px;font-size:10px}#ripple{z-index:15;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--rx,50%) var(--ry,50%), #fff7e6 0%, #ffb15e 24%, #35204a 55%, #0a0d13 80%);position:fixed;inset:0}#ripple.go{animation:1.7s forwards rip}@keyframes rip{0%{opacity:0;transform:scale(1)}25%{opacity:1}55%{opacity:1}to{opacity:0;transform:scale(1.06)}}#finale{z-index:18;opacity:0;pointer-events:none;background:linear-gradient(115deg,#0a0d13f5 0%,#171a28f5 48%,#362114f5 100%);justify-content:center;align-items:center;transition:opacity 1.6s;display:flex;position:fixed;inset:0;overflow-y:auto}#finale.show{opacity:1;pointer-events:auto}#finale .inner{text-align:center;max-width:640px;padding:70px 30px}#finale .word{font-family:var(--serif);opacity:0;font-size:clamp(30px,5.4vw,52px);line-height:1.15}#finale .word.i{font-style:italic}#finale .word:nth-child(odd){color:var(--pro-accent)}#finale .word:nth-child(2n){color:var(--cre-accent)}#finale .creed{color:#f5efe4d9;opacity:0;max-width:480px;margin:36px auto 0;font-size:17px;font-weight:300;line-height:1.9}#finale .creed em{font-family:var(--serif);color:var(--paper);font-size:1.25em;font-style:italic}#finale .ctaHead{font-family:var(--mono);letter-spacing:.4em;text-transform:uppercase;color:#f5efe499;opacity:0;margin-top:52px;font-size:11px}#finale .ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}#finale .cta{opacity:0;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--paper);border:1px solid var(--line);border-radius:99px;padding:14px 26px;font-size:11.5px;text-decoration:none;transition:border-color .3s,color .3s,box-shadow .3s}#finale .cta:hover{border-color:var(--cre-accent);color:var(--cre-accent);box-shadow:0 0 26px var(--cre-accent-dim)}#finale .cta.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}#finale .cta.primary:hover{color:var(--ink);box-shadow:0 0 34px #f5efe459}#finale .stay{color:#f5efe473;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;opacity:0;background:0 0;border:none;margin:44px auto 0;font-size:10px;display:block}#finale .stay:hover{color:var(--paper)}#finale .show-el{animation:1s cubic-bezier(.2,.7,.2,1) forwards rise}#toast{z-index:9;opacity:0;pointer-events:none;font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent);color:var(--accent);background:#0d1017b3;border-radius:99px;padding:11px 22px;font-size:10.5px;transition:opacity .5s,transform .5s;position:fixed;top:84px;left:50%;transform:translate(-50%,-12px)}#toast.show{opacity:1;transform:translate(-50%)}@media (width<=640px){#panelHead{padding:22px 22px 16px}#panelBody{padding:20px 22px 40px}#panelTitle{font-size:27px}#roomTag{top:20px;left:20px}#soundBtn{top:20px;right:20px}#progress{bottom:20px;left:20px}#hint{text-align:center;letter-spacing:.18em;width:max-content;max-width:88vw;bottom:24px}#panelBody .cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}