.ad-page{--vh1:1svh;--bar:64px;--char:#18140f;--ember:#c8501a;--ember-deep:#a23e0f;--flint:#9c8e7e;--flint-text:#665b4e;--paper:#f2eadd;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ad-page .display{font-variation-settings:"FLAR" 100,"VOLM" 100;letter-spacing:-.025em;font-family:Commissioner,Inter Variable,Inter,sans-serif;font-weight:860}.ad-bench{padding-top:var(--bar);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.ad-desk{top:var(--bar);z-index:6;height:calc(var(--vh1) * 100 - var(--bar));position:sticky}.ad-page .deskbox{width:var(--fullw,100vw);background:#221c16;height:100%;position:absolute;top:0;left:0;overflow:hidden}.ad-page .tilt{transform-origin:50% 62%;transition:transform .9s cubic-bezier(.6,.05,.2,1);position:absolute;inset:0;transform:perspective(1700px)rotateX(21deg)scale(1.04)translate(-13%)}.ad-page .tilt svg{width:100%;height:100%;display:block;overflow:visible}.ad-page .card{background:var(--paper);border:2px solid var(--char);border-radius:6px;width:min(360px,34%);padding:26px 26px 22px;transition:opacity .4s,visibility .4s;position:absolute;top:50%;right:clamp(16px,4vw,56px);transform:translateY(-50%)rotate(-1.5deg);box-shadow:10px 14px #00000059}.ad-page .card h1{margin:0;font-size:clamp(32px,2.9vw,46px);line-height:1}.ad-page .card p{margin:14px 0 0;font-size:16px;line-height:1.55}.ad-page .note{color:var(--ember-deep);margin-top:16px;font:600 17px Playpen Sans,cursive}.ad-page:not(.intro) .card{opacity:0;visibility:hidden}.ad-chapters{z-index:7;padding:calc(var(--vh1) * 80) clamp(16px,4vw,56px) 0 0;pointer-events:none;position:relative}.ad-ch{min-height:calc(var(--vh1) * 100 - var(--bar));flex-direction:column;justify-content:center;align-items:flex-end;padding:40px 0;display:flex}.ad-sheet{pointer-events:auto;background:var(--paper);border:2px solid var(--char);border-radius:6px;width:min(390px,100%);padding:24px 26px 18px;transform:rotate(-1deg);box-shadow:10px 14px #00000059}.ad-ch:nth-child(2n) .ad-sheet{transform:rotate(.8deg)}.ad-sheet h2{margin:6px 0 0;font-size:clamp(26px,2.3vw,36px);line-height:1.04}.ad-sheet .n{color:var(--ember-deep);font:600 16px Playpen Sans,cursive}.ad-sheet p{margin:14px 0 0;font-size:17px;line-height:1.55}.ad-sheet ul{margin:16px 0 0;padding:0;list-style:none}.ad-sheet li{border-top:1.5px solid #18140f24;padding:9px 0;font-size:16px;line-height:1.5}.ad-sheet li b{font-weight:600}.ad-close{border-top:1.5px solid var(--char);max-width:820px;padding:clamp(64px,10vw,120px) clamp(24px,5vw,80px)}.ad-close h2{margin:0;font-size:clamp(34px,4vw,60px);line-height:1}.ad-close p{max-width:560px;margin:18px 0 26px;font-size:18px;line-height:1.55}.ad-close small{color:var(--flint-text);max-width:560px;margin-top:28px;font-size:15px;display:block}.ad-page .acc{fill:var(--flint);transition:fill .5s}.ad-page .obj.on .acc{fill:var(--ember)}.ad-page .obj,.ad-page #lamp{cursor:pointer}.ad-page.drag-on #desk .obj{cursor:grab}.ad-page.dragging,.ad-page.dragging *{cursor:grabbing!important}.ad-page .lift{transition:transform .18s}.ad-page .obj.drag .lift{transform:translate(-2px,-6px)}.ad-page .sh{transform:translate(calc(9px + var(--d,0px) * .5),calc(12px + var(--d,0px)));transition:transform .25s}.ad-page .obj:hover .sh{transform:translate(calc(14px + var(--d,0px) * .5),calc(19px + var(--d,0px)))}.ad-page .obj.drag .sh{transform:translate(calc(22px + var(--d,0px) * .5),calc(30px + var(--d,0px)))}.ad-page .accs{fill:#6f6458;transition:fill .5s}.ad-page .obj.on .accs{fill:#9e3a10}.ad-page .mark{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .5s .9s,opacity 0s .9s}.ad-page .obj.done .mark{stroke-dashoffset:0;opacity:1}.ad-page .scr-on{opacity:0;transition:opacity .4s .8s}.ad-page .obj.done .scr-on{opacity:1}.ad-page #env{opacity:0;pointer-events:none;transition:opacity .6s}.ad-page #env.show{opacity:1;pointer-events:auto}.ad-page #dimL{pointer-events:none;opacity:.56;will-change:opacity;background:radial-gradient(ellipse var(--rx,.1px) var(--ry,.1px) at var(--x,50%) var(--y,50%),#ffb86480,#ffb86400 48%,#12141c00 55%,#12141c);transition:opacity .6s;position:absolute;inset:0}.ad-page.lit #dimL{opacity:.36}.ad-page #beamT{pointer-events:none;will-change:transform}.ad-page.lite #desk [filter]{filter:none}.ad-page .hud{background:var(--paper);border:2px solid var(--char);pointer-events:none;border-radius:12px;align-items:center;gap:12px;padding:8px 14px;font:600 15px Playpen Sans,cursive;display:flex;position:absolute;bottom:16px;left:16px}.ad-page .hud .things{gap:6px;display:flex}.ad-page .hud svg{fill:none;width:22px;height:22px;stroke:var(--char);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.ad-page .hud .f{fill:var(--paper);transition:fill .3s}.ad-page .hud .got .f{fill:var(--ember)}.ad-page #hudT:empty{display:none}@media(max-width:860px){.ad-bench{grid-template-columns:1fr}.ad-page .deskbox{width:100%}.ad-page .tilt{transform:perspective(1700px)rotateX(21deg)scale(1.12)translateY(-22%)}.ad-page.intro .tilt{transform:perspective(1700px)rotateX(21deg)scale(1.12)translateY(7%)}.ad-page .card{width:auto;padding:16px 18px 14px;top:12px;left:12px;right:12px;transform:rotate(-1deg)}.ad-page .card h1{font-size:34px}.ad-page .card p{display:none}.ad-page .note{margin-top:10px;font-size:16px}.ad-page .hud{gap:8px;padding:5px 10px;font-size:13px;bottom:10px;left:10px}.ad-page .hud svg{width:18px;height:18px}.ad-chapters{padding:0 12px}.ad-ch{min-height:calc(var(--vh1) * 125);justify-content:flex-start;align-items:stretch;padding:0}.ad-sheet{width:100%;padding:18px 18px 12px}.ad-ch:last-child{min-height:calc(var(--vh1) * 100)}}@media(prefers-reduced-motion:reduce){.ad-page .tilt{transition:none}}
