@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400..800;1,400..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Jersey+10&family=Silkscreen:wght@400;700&family=VT323&display=swap";@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&family=Press+Start+2P&display=swap";@import "https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap";:root{--hero-bg:#faf8f3;--blue:#2c55c8;--cream:#f1e8d3;--ink:#231f20}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--hero-bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:JetBrains Mono,ui-monospace,monospace;overflow:hidden}.stage-viewport{position:fixed;inset:0;overflow:hidden}.stage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.zoom,.depth{will-change:transform;position:absolute;inset:0}body.is-light .stage,body.is-light .zoom,body.is-light .depth{will-change:auto}.layer,.eyes{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.eyes .show-open,.eyes .show-half,.eyes .show-closed{visibility:hidden}.eyes[data-state=open] .show-open,.eyes[data-state=half] .show-half,.eyes[data-state=closed] .show-closed{visibility:visible}.ph-bg{background:var(--blue);position:absolute;inset:0}.ph-panel{background:var(--cream);border-radius:0 160px 160px 0;width:1900px;position:absolute;top:0;bottom:0;left:0}.ui{pointer-events:none;position:absolute;inset:0}.ui>*{pointer-events:auto}.nav{letter-spacing:.04em;gap:120px;font-size:54px;font-weight:500;display:flex;position:absolute;top:120px;left:190px}.nav a{color:var(--ink);text-decoration:none}.nav a:hover{text-underline-offset:12px;text-decoration:underline}.title{text-transform:uppercase;color:var(--blue);flex-direction:column;margin:0;font-family:Anton,Impact,sans-serif;font-size:280px;font-weight:400;line-height:.98;display:flex;position:absolute;top:340px;left:190px}.projects{margin:0;padding:0;font-size:68px;font-weight:500;line-height:1.55;list-style:none;position:absolute;top:1440px;left:190px}.projects .num{opacity:.55;width:150px;display:inline-block}.enter{border:6px solid var(--ink);background:var(--ink);height:150px;color:var(--cream);letter-spacing:.05em;cursor:pointer;border-radius:75px;padding:0 90px;font:500 54px JetBrains Mono,monospace;transition:transform .2s,background .2s;position:absolute;top:1880px;left:190px}.enter:hover{background:var(--blue);border-color:var(--blue);transform:scale(1.04)}.veil{background:var(--ink);opacity:0;pointer-events:none;z-index:50;position:fixed;inset:0}.room{z-index:40;text-align:center;background:var(--cream);place-content:center;gap:24px;display:grid;position:fixed;inset:0}.room p{margin:0;font-size:28px}.room button{font:inherit;border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:40px;padding:12px 28px}.debug{z-index:100;background:#ffffffeb;border-radius:12px;gap:6px;width:260px;padding:12px;font-size:12px;display:grid;position:fixed;bottom:12px;right:12px}.debug label{gap:2px;display:grid}.debug-row{flex-wrap:wrap;gap:4px;display:flex}.debug button{font:inherit;cursor:pointer;padding:3px 8px}.debug small{opacity:.6}.grain{z-index:30;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.25  0 0 0 0 0.15  0 0 0 1.6 -0.45'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:320px 320px;position:fixed;inset:0}.hero-room{pointer-events:none;position:fixed;inset:0}.hero-room .room-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}body[data-theme=dark]{--hero-bg:#0e0c0c;--dk-light:#f3eee3;--dk-dark:#0e0c0c}body[data-theme=dark] .hud,body[data-theme=dark] .pg{--g-ink:var(--dk-light);--g-paper:var(--dk-dark)}body[data-theme=dark] .grain{mix-blend-mode:screen;opacity:.1!important}body[data-theme=dark][data-dlg=frame] .npc-frame,body[data-theme=dark][data-dlg=white] .npc-frame{padding:5px}body[data-theme=dark][data-dlg=white] .npc-box,body[data-theme=dark][data-dlg=white] .npc-choice{background-color:var(--dk-light);color:var(--dk-dark)}body[data-theme=dark][data-dlg=white] .npc-choice{background:0 0}body[data-theme=dark][data-dlg=double] .npc-frame{padding:4px}body[data-theme=dark][data-dlg=double] .npc-box{box-shadow:inset 0 0 0 10px var(--dk-dark), inset 0 0 0 14px var(--dk-light)}body[data-theme=dark][data-btn=outline] .hud .hud-enter{color:var(--dk-light);box-shadow:inset 0 0 0 6px var(--dk-light);background:0 0}body[data-theme=dark][data-btn=outline] .hud .hud-enter:hover{background:var(--dk-light);color:var(--dk-dark)}body[data-theme=dark][data-btn=outline] .hud .hud-sound{color:var(--dk-light);box-shadow:inset 0 0 0 6px var(--dk-light);background:0 0}body[data-theme=dark][data-btn=outline] .pg-btn{color:var(--dk-light);box-shadow:inset 0 0 0 3px var(--dk-light);background:0 0}body[data-theme=dark][data-btn=outline] .pg-btn:hover{background:var(--dk-light);color:var(--dk-dark)}body[data-theme=dark][data-btn=mixed] .hud .hud-sound{color:var(--dk-light);background:0 0}body[data-theme=dark][data-btn=frame] .hud .hud-enter,body[data-theme=dark][data-btn=frame] .hud .hud-sound{background:var(--dk-dark);color:var(--dk-light);box-shadow:inset 0 0 0 5px var(--dk-light)}body[data-theme=dark][data-btn=frame] .hud .hud-enter:hover{background:var(--dk-light);color:var(--dk-dark)}body[data-theme=dark][data-btn=frame] .pg-btn{background:var(--dk-dark);color:var(--dk-light);box-shadow:inset 0 0 0 2px var(--dk-light)}body[data-theme=dark][data-btn=frame] .pg-btn:hover{background:var(--dk-light);color:var(--dk-dark)}body.is-mobile[data-theme=dark][data-btn=frame] .hud .hud-enter,body.is-mobile[data-theme=dark][data-btn=frame] .hud .hud-sound{box-shadow:inset 0 0 0 calc(2px / var(--s)) var(--dk-light)}body[data-theme=dark][data-btn=frame] .hud-chat svg path:first-child{fill:var(--dk-dark);stroke:var(--dk-light);stroke-width:1px;paint-order:stroke}body[data-theme=dark][data-btn=frame] .hud-chat svg path:nth-child(2){fill:var(--dk-light)}.hud{left:var(--safe-l,0px);right:var(--safe-r,0px);top:var(--safe-t,0px);bottom:var(--safe-b,0px);color:#231f20;font-family:JetBrains Mono,ui-monospace,monospace;position:absolute}.hud>*{pointer-events:auto;position:absolute}.hud{--head-top:70px;--head-side:130px;--head-size:42px;--head-gap:90px;--name-color:#fff;--nav-color:#fdfdfc;--nav-opacity:.85;--line-color:#f3eee3;--line-opacity:.35;--line-gap:26px}.hud-top{pointer-events:none;height:220px;top:0;left:0;right:0}.hud-top:after{content:"";left:var(--head-side);right:var(--head-side);top:calc(var(--head-top) + var(--head-size) * 1.3 + var(--line-gap));background:var(--line-color);height:3px;opacity:var(--line-opacity);position:absolute}.hud-name{left:var(--head-side);top:var(--head-top);pointer-events:auto;font-size:var(--head-size);letter-spacing:.06em;color:var(--name-color);font-weight:500;line-height:1.3;position:absolute}.hud-nav{right:var(--head-side);top:var(--head-top);pointer-events:auto;align-items:center;gap:var(--head-gap);font-size:var(--head-size);letter-spacing:.06em;color:var(--nav-color);font-weight:500;line-height:1.3;display:flex;position:absolute}.hud-nav>*{opacity:var(--nav-opacity);transition:opacity .2s}.hud-nav>:hover,.hud-nav>:focus-visible{opacity:1;font-style:italic}.hud-nav a{color:inherit;cursor:pointer;text-decoration:none}.hud-brain{cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:uppercase;background:0 0;border:0;border-bottom:3px solid;margin:0;padding:0 0 6px}.hud-contact{color:inherit;font-weight:inherit}.hud-enter{color:#f3eee3;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:#231f20;border:0;margin:0;font-family:inherit;font-weight:700;transition:transform .2s}.hud-enter:hover,.hud-enter:focus-visible{transform:scale(1.05)rotate(-1.5deg)}.hud-about{margin:0;font-size:48px;font-weight:500;line-height:1.4;bottom:520px;left:138px}.hud-enter{border-radius:86px 92px 84px 88px/84px 88px 86px 92px;height:170px;padding:0 90px;font-size:52px;bottom:285px;left:138px}.title-speckle{opacity:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' seed='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.92  0 0 0 0 0.86  0 0 0 10 -7.6'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>") 0 0/300px 300px,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='900'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.02' numOctaves='5' seed='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.92  0 0 0 0 0.86  0 0 0 5 -3.5'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>") 0 0/900px 900px;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.title-wrap{transform-origin:144px 247px;transform:scale(.72)}.hud-about{color:#231f20;font-size:46px;font-weight:500;line-height:1.45;bottom:530px;left:140px}.hud-enter{height:165px;padding:0 88px;font-size:50px;bottom:295px;left:140px}.hud-hint{bottom:195px;left:150px}:root{--g-ink:#161213;--g-paper:#f3eee3;--g-accent:#161213;--g-font-ui:"Silkscreen", "Courier New", monospace;--g-font-text:"VT323", "Courier New", monospace;--g-font-logo:"Jersey 10", "Silkscreen", monospace}@keyframes g-blink{50%{opacity:0}}.g-blink{color:var(--g-accent);animation:1s step-end infinite g-blink}.hud{--nav-color:var(--g-ink);--name-color:var(--g-ink);--nav-opacity:1;--head-size:44px;--line-opacity:0;--head-gap:84px}.hud-name,.hud-nav{font-family:var(--g-font-ui);letter-spacing:.1em;font-weight:700}.hud-nav>:hover,.hud-nav>:focus-visible{font-style:normal}.hud-nav>a:before,.hud-nav>button:before{content:"▶";opacity:0;font-size:.75em;position:absolute;top:.15em;left:-1.3em}.hud-nav>a,.hud-nav>button{position:relative}.hud-nav>a:hover:before,.hud-nav>button:hover:before{opacity:1}.hud-brain{border-bottom:0;padding:0}.hud-left{pointer-events:none;flex-direction:row;align-items:center;gap:34px;display:flex;bottom:130px;left:140px}.hud-left>*{pointer-events:auto;position:static!important}.hud-about{font-family:var(--g-font-text);color:var(--g-ink);opacity:1;white-space:nowrap;font-size:78px;font-weight:400;line-height:1;margin:0 0 44px 2px!important}.hud-chat{cursor:pointer;width:160px;height:160px;color:var(--g-ink);image-rendering:pixelated;background:0 0;border:0;margin-left:60px;padding:0}.hud-chat svg{width:100%;height:100%;display:block}.hud-chat:not(.is-open){animation:1.6s steps(2,end) infinite g-hopy}.hud-chat:hover{animation:none;transform:scale(.94)}@keyframes g-hopy{50%{transform:translateY(-14px)}}.hud .hud-enter{--px:12px;background:var(--g-ink);height:auto;color:var(--g-paper);box-shadow:none;clip-path:polygon(0 var(--px), var(--px) var(--px), var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)));font-family:var(--g-font-ui);letter-spacing:.08em;box-sizing:border-box;cursor:pointer;border:0;border-radius:0;align-items:center;gap:28px;height:130px;margin:0;padding:0 64px 0 52px;font-size:54px;font-weight:700;transition:transform .15s steps(2,end);display:inline-flex;position:static;transform:none}.hud .hud-enter:hover,.hud .hud-enter:focus-visible{background:var(--g-ink);color:var(--g-paper);box-shadow:none;transform:scale(.96)}.hud-enter-arrow{font-size:.8em;animation:1s step-end infinite g-blink}.hud-enter-text{background:0 0;padding:0}.hud-enter:hover .hud-enter-arrow,.hud-enter:focus-visible .hud-enter-arrow{animation:.4s steps(2,end) infinite g-hop}@keyframes g-hop{50%{transform:translate(12px)}}.mouth{visibility:hidden}body:not([data-mouth]) .mouth-closed,body[data-mouth=closed] .mouth-closed,body[data-mouth=half] .mouth-half,body[data-mouth=open] .mouth-open{visibility:visible}.room-view{--rh-color:var(--g-paper);--rh-opacity:1;--rh-line:0;--rh-size:clamp(12px, 1.15vw, 28px);--rh-gap:2.2vw}.room-name,.room-nav{font-family:var(--g-font-ui);font-weight:400}.room-name{cursor:pointer;color:inherit;pointer-events:auto;z-index:3;background:0 0;border:0;padding:0}.room-name:hover{opacity:1}.room-nav>a,.room-nav>span{position:relative;font-style:normal!important}.room-nav>a:before{content:"▶";opacity:0;font-size:.75em;position:absolute;top:.15em;left:-1.3em}.room-nav>a:hover:before{opacity:1}.room-nav>a:hover{font-style:normal!important}.room-here{border-bottom:0!important}.room-back,.room-sound{clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));font-weight:700;font-family:var(--g-font-ui)!important;background:var(--g-ink)!important;color:var(--g-paper)!important;box-shadow:none!important;border:0!important;border-radius:0!important}.room-back:hover,.room-sound:hover{transform:scale(.95);background:var(--g-ink)!important;color:var(--g-paper)!important;box-shadow:none!important}.room-card{background:var(--g-paper);color:var(--g-ink);box-shadow:inset 0 0 0 4px var(--g-ink), inset 0 0 0 8px var(--g-paper), inset 0 0 0 10px var(--g-ink);border-radius:0!important;transform:translateY(-50%)!important}.room-card h2{font-family:var(--g-font-ui);letter-spacing:.02em;font-weight:700}.room-card p{font-family:var(--g-font-text);font-size:22px;line-height:1.1}.room-card-tag,.room-card-back{font-family:var(--g-font-ui)}.room-card-open{font-family:var(--g-font-ui);border-radius:0}.room-card-open:hover{background:var(--g-paper);color:var(--g-ink);box-shadow:inset 0 0 0 3px var(--g-ink);transform:none}.room-label{font-family:var(--g-font-ui);border-radius:0}.room-view .room-label{--c:4px;background:var(--g-ink);color:var(--g-paper);font:700 14px/1 var(--g-font-ui);letter-spacing:.08em;text-transform:uppercase;box-shadow:none;clip-path:polygon(0 var(--c), var(--c) var(--c), var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)));white-space:nowrap;border-radius:0;padding:10px 14px;transition:opacity .12s steps(3,end)}.npc{--corner:12px;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;will-change:opacity, transform;width:1250px;transition:opacity .18s,transform .18s;top:330px;left:140px;transform:translateY(20px)}.npc.is-open{opacity:1;pointer-events:auto;transform:none}.npc-frame,.npc-box{clip-path:polygon(0 var(--corner), var(--corner) var(--corner), var(--corner) 0, calc(100% - var(--corner)) 0, calc(100% - var(--corner)) var(--corner), 100% var(--corner), 100% calc(100% - var(--corner)), calc(100% - var(--corner)) calc(100% - var(--corner)), calc(100% - var(--corner)) 100%, var(--corner) 100%, var(--corner) calc(100% - var(--corner)), 0 calc(100% - var(--corner)))}.npc-frame{background:var(--g-ink);padding:10px}.npc-box{--corner:6px;background:var(--g-paper);color:var(--g-ink);min-height:180px;padding:60px 70px;position:relative}.npc-text{white-space:pre-line;font-family:var(--g-font-ui);letter-spacing:.08em;margin:0;font-size:52px;font-weight:700;line-height:1.3}.npc-more{font-size:40px;animation:.8s step-end infinite g-blink;position:absolute;bottom:40px;right:56px}.npc-choices{flex-direction:column;align-items:flex-start;gap:14px;margin-top:52px;display:flex}.npc-choice{cursor:pointer;color:var(--g-ink);font-family:var(--g-font-ui);letter-spacing:.1em;background:0 0;border:0;align-items:center;gap:18px;padding:0;font-size:46px;font-weight:400;display:inline-flex}.npc-arrow{visibility:hidden;font-size:.75em}.npc-choice.is-sel .npc-arrow{visibility:visible;animation:.8s step-end infinite g-blink}.npc-choice:focus-visible{outline-offset:4px;outline:2px dashed}.npc-tail{background:var(--g-ink);clip-path:polygon(0 0,25% 0,25% 25%,50% 25%,50% 50%,75% 50%,75% 75%,100% 75%,100% 100%,0 100%);width:64px;height:80px;position:absolute;top:80px;right:-54px}.room-view{--card-shade:.82}.room-view:has(.room-card):after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg, transparent 35%, rgba(12, 6, 7, calc(var(--card-shade) * .6)) 60%, rgba(12, 6, 7, var(--card-shade)) 100%);animation:.4s steps(4,end) both cardIn;position:absolute;inset:0}.room-view .room-card{width:min(32vw,520px);animation:.4s steps(4,end) both cardIn;right:5vw;box-shadow:none!important;color:var(--g-paper)!important;background:0 0!important;padding:0!important;transform:translateY(-50%)!important}.room-card-tag{color:var(--g-paper);opacity:.7;letter-spacing:.14em;font-size:13px}.room-card h2{color:var(--g-paper);text-shadow:4px 4px 0 var(--g-ink);margin:12px 0 16px;font-size:clamp(32px,3vw,58px);font-weight:700;line-height:.95;font-family:var(--g-font-ui)!important}.room-card p{color:var(--g-paper);text-shadow:2px 2px 0 var(--g-ink);margin-bottom:28px;font-size:clamp(20px,1.5vw,28px);line-height:1.1}.room-card-actions{gap:26px}.room-view .room-card-open{background:var(--g-paper);color:var(--g-ink);box-shadow:none;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));padding:14px 22px;border-radius:0!important}.room-view .room-card-open:hover{transform:scale(.95)}.room-view .room-card-back{color:var(--g-paper)}.hud .hud-sound{cursor:pointer;background:var(--g-ink);width:130px;height:130px;color:var(--g-paper);clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px));border:0;place-items:center;padding:0;display:grid;bottom:145px;right:140px}.hud-sound svg{width:58%;height:58%;display:block}.hud-sound:hover{transform:scale(.94)}.room-sound svg{shape-rendering:crispedges;width:58%;height:58%}.hud-top:before{content:"";pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--hero-bg) 92%, transparent) 0%, color-mix(in srgb, var(--hero-bg) 60%, transparent) 45%, transparent 100%);height:340px;position:absolute;top:0;left:0;right:0}.hud-name,.hud-nav{letter-spacing:.06em;font-size:42px;font-weight:400!important}.hud{--head-size:42px;--head-top:69px;--head-side:130px;--head-gap:88px;--line-color:var(--g-ink);--line-opacity:.3;--line-gap:27px;--nav-opacity:.85}.hud-top:after{height:3px}.room-loading{z-index:5;color:var(--g-paper);font:700 clamp(16px, 1.6vw, 34px) var(--g-font-ui);letter-spacing:.12em;background:#120708;grid-auto-flow:column;place-content:center;gap:0;transition:opacity .5s steps(5,end);display:grid;position:absolute;inset:0}.room-loading.is-done{opacity:0;pointer-events:none}.room-loading-dots{vertical-align:bottom;width:3ch;animation:1.2s steps(4,end) infinite g-dots;display:inline-block;overflow:hidden}.room-loading-dots:after{content:"..."}@keyframes g-dots{0%{width:0}to{width:4ch}}.hud-burger{display:none}body.is-mobile .ui{z-index:2}body.is-mobile .zoom:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(to bottom, transparent, var(--hero-bg) 85%);height:420px;position:absolute;bottom:0;left:0;right:0}body.is-mobile .hud{--head-top:calc(18px / var(--s));--head-side:calc(16px / var(--s));--line-gap:calc(12px / var(--s));--head-size:calc(12px / var(--s))}body.is-mobile .hud-name{letter-spacing:.08em;font-size:calc(12px / var(--s))!important}body.is-mobile .hud-top:after{height:calc(1px / var(--s))}body.is-mobile .hud-burger{right:calc(10px / var(--s));top:calc(10px / var(--s));width:calc(32px / var(--s));height:calc(32px / var(--s));padding:calc(6px / var(--s));color:var(--g-ink);cursor:pointer;pointer-events:auto;background:0 0;border:0;display:block;position:absolute}body.is-mobile .hud-burger svg{width:100%;height:100%;display:block}body.is-mobile .hud-nav{--c:calc(4px / var(--s));top:calc(46px / var(--s));right:calc(12px / var(--s));background:var(--g-ink);color:var(--g-paper);padding:calc(6px / var(--s)) 0;z-index:5;clip-path:polygon(0 var(--c), var(--c) var(--c), var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)));flex-direction:column;align-items:stretch;gap:0;display:none;left:auto;font-size:calc(12px / var(--s))!important;letter-spacing:.1em!important;font-weight:700!important}body.is-mobile .hud-nav.is-open{animation:.15s steps(3,end) both g-menu;display:flex}@keyframes g-menu{0%{opacity:0;transform:translateY(calc(-6px / var(--s)))}}body.is-mobile .hud-nav>*{padding:calc(9px / var(--s)) calc(18px / var(--s)) calc(9px / var(--s)) calc(26px / var(--s));text-align:left;opacity:1;color:var(--g-paper)!important}body.is-mobile .hud-nav>a:before,body.is-mobile .hud-nav>button:before{left:calc(10px / var(--s));top:50%;transform:translateY(-50%)}body.is-mobile .npc{left:calc(12px / var(--s));right:calc(12px / var(--s));width:auto;top:auto;bottom:calc(84px / var(--s));--corner:calc(5px / var(--s))}body.is-mobile .npc-frame{padding:calc(3px / var(--s))}body.is-mobile .npc-box{--corner:calc(3px / var(--s));padding:calc(14px / var(--s)) calc(16px / var(--s));min-height:calc(56px / var(--s))}body.is-mobile .npc-text{font-size:calc(14px / var(--s));letter-spacing:.05em;line-height:1.35}body.is-mobile .npc-more{right:calc(12px / var(--s));bottom:calc(10px / var(--s));font-size:calc(10px / var(--s))}body.is-mobile .npc-choices{margin-top:calc(8px / var(--s));align-items:stretch;gap:0}body.is-mobile .npc-choice{font-size:calc(13px / var(--s));padding:calc(9px / var(--s)) 0;gap:calc(8px / var(--s))}body.is-mobile .npc-tail{display:none}body.is-mobile .hud-left{left:calc(12px / var(--s));right:calc(72px / var(--s));bottom:calc(16px / var(--s));gap:calc(8px / var(--s))}body.is-mobile .hud .hud-enter{height:calc(52px / var(--s));padding:0 calc(12px / var(--s));font-size:calc(14px / var(--s));justify-content:center;gap:calc(10px / var(--s));--px:calc(4px / var(--s));flex:1}body.is-mobile .hud-chat{width:calc(52px / var(--s));height:calc(52px / var(--s));flex:none;margin-left:0}body.is-mobile .hud .hud-sound{right:calc(12px / var(--s));bottom:calc(16px / var(--s));width:calc(52px / var(--s));height:calc(52px / var(--s))}.room-burger,.room-arrow{display:none}body.is-mobile .room-view{--rh-size:12px;--rh-top:18px;--rh-side:16px}body.is-mobile .room-burger{z-index:4;pointer-events:auto;width:32px;height:32px;color:var(--g-paper);cursor:pointer;background:0 0;border:0;padding:6px;display:block;position:absolute;top:10px;right:10px}body.is-mobile .room-burger svg{width:100%;height:100%;display:block}body.is-mobile .room-nav{--c:4px;z-index:4;background:var(--g-ink);letter-spacing:.1em;clip-path:polygon(0 var(--c), var(--c) var(--c), var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)));flex-direction:column;gap:0;padding:6px 0;font-size:12px;font-weight:700;display:none;top:46px;right:12px}body.is-mobile .room-nav.is-open{animation:.15s steps(3,end) both g-menu-r;display:flex}@keyframes g-menu-r{0%{opacity:0;transform:translateY(-6px)}}body.is-mobile .room-nav>*{color:var(--g-paper);opacity:1;padding:9px 18px 9px 26px;border:0!important}body.is-mobile .room-nav>a:before{top:50%;left:10px;transform:translateY(-50%)}body.is-mobile .room-arrow{--c:4px;z-index:3;cursor:pointer;width:40px;height:56px;color:var(--g-paper);clip-path:polygon(0 var(--c), var(--c) var(--c), var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)));background:#16121399;border:0;place-items:center;padding:0;font-size:14px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}body.is-mobile .room-arrow-left{left:8px}body.is-mobile .room-arrow-right{right:8px}body.is-mobile .room-arrow:active{transform:translateY(-50%)scale(.92)}body.is-mobile .room-back{padding:14px 16px;font-size:12px;bottom:16px;left:12px}body.is-mobile .room-sound{width:46px;height:46px;bottom:16px;right:12px}body.is-mobile .room-view:has(.room-card):after{background:linear-gradient(#0000 25%,#0c060799 50%,#0c0607e6 80%)}body.is-mobile .room-view .room-card{width:auto;min-width:0;max-height:55vh;inset:auto 16px 84px;overflow:auto;transform:none!important}body.is-mobile .room-card h2{margin:8px 0 10px;font-size:28px}body.is-mobile .room-card p{margin-bottom:16px;font-size:17px}body.is-mobile .room-card-actions{flex-wrap:wrap;gap:12px 18px}.vol{z-index:9999;box-sizing:border-box;background:var(--vol-bg,#161213);color:var(--vol-fg,#f3eee3);clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));align-items:stretch;gap:3px;padding:9px 10px;animation:.15s steps(3,end) volIn;display:flex;position:fixed;transform:translateY(-50%)}.vol.is-up{transform:none}@keyframes volIn{0%{opacity:0}}.vol-step{color:inherit;cursor:pointer;background:0 0;border:0;align-items:flex-end;width:9px;padding:0;display:flex}.vol-step i{width:100%;height:calc(var(--k) * 100%);opacity:.28;background:currentColor;min-height:3px;display:block}.vol-step.is-on i{opacity:1}.vol-step:hover i{opacity:.7}.vol-step.is-on:hover i{opacity:1}.vol-step:focus-visible{outline-offset:2px;outline:2px dashed}@media (hover:none){.vol{gap:6px;padding:8px 12px}.vol-step{width:14px}}.room-view{z-index:40;color:#231f20;background:#2a0d0b;font-family:JetBrains Mono,ui-monospace,monospace;position:fixed;inset:0;overflow:hidden}.room-img{object-fit:cover;object-position:60% 50%;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.06)}.room-view{--rh-top:1.8vw;--rh-side:3.4vw;--rh-size:clamp(11px, 1.1vw, 26px);--rh-gap:2.3vw;--rh-color:#f3eee3;--rh-opacity:.8;--rh-line:.3;--btn-bg:#ece6da1f;--btn-color:#bbb;--btn-border:#43434380;--btn-hover-bg:#ece6da40}.room-top{pointer-events:none;height:6vw;position:absolute;inset:0 0 auto}.room-top:after{content:"";left:var(--rh-side);right:var(--rh-side);top:calc(var(--rh-top) + var(--rh-size) * 1.3 + .7vw);background:var(--rh-color);height:1px;opacity:var(--rh-line);position:absolute}.room-name,.room-nav{top:var(--rh-top);font-size:var(--rh-size);letter-spacing:.06em;color:var(--rh-color);font-weight:500;line-height:1.3;position:absolute}.room-name{left:var(--rh-side);opacity:var(--rh-opacity)}.room-nav{right:var(--rh-side);gap:var(--rh-gap);pointer-events:auto;display:flex}.room-nav>*{opacity:var(--rh-opacity);color:inherit;text-decoration:none}.room-nav>a:hover{opacity:1;font-style:italic}.room-here{border-bottom:1px solid;padding-bottom:3px;opacity:1!important}.room-back{cursor:pointer;background:var(--btn-bg);color:var(--btn-color);letter-spacing:.06em;border:0;border-radius:2.2vw 2.4vw 2.2vw 2.3vw/2.2vw 2.3vw 2.2vw 2.4vw;padding:.9vw 1.8vw;font:700 clamp(11px,1.1vw,26px) JetBrains Mono,ui-monospace,monospace;transition:transform .2s;position:absolute;bottom:3.6vw;left:3.6vw;border:1px solid var(--btn-border)!important}.room-back:hover,.room-back:focus-visible{transform:scale(1.05)rotate(-1.5deg)}.room-scene{position:absolute;inset:0}.room-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.room-label{z-index:2;pointer-events:none;opacity:0;color:#231f20;letter-spacing:.05em;text-transform:uppercase;background:#ece6da;border-radius:14px;padding:6px 12px;font:700 13px JetBrains Mono,ui-monospace,monospace;transition:opacity .15s;position:fixed;top:0;left:0}.room-top,.room-back{z-index:3}.room-ref{object-fit:cover;object-position:60% 50%;opacity:.45;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.room-sound{z-index:3;cursor:pointer;background:var(--btn-bg);width:clamp(36px,3vw,64px);height:clamp(36px,3vw,64px);color:var(--btn-color);border:1px solid var(--btn-border);border-radius:50%;place-items:center;padding:0;transition:background .2s,transform .2s;display:grid;position:absolute;bottom:3.6vw;right:3.6vw}.room-sound svg{width:55%;height:55%}.room-sound:hover,.room-back:hover{background:var(--btn-hover-bg)}.room-card{z-index:4;color:#231f20;background:#ece6da;border-radius:26px 30px 24px 28px/24px 28px 26px 30px;width:min(30vw,440px);min-width:260px;padding:28px 30px 26px;font-family:JetBrains Mono,ui-monospace,monospace;animation:.45s cubic-bezier(.2,.9,.3,1.3) both cardIn;position:absolute;top:50%;right:3.6vw;transform:translateY(-50%)rotate(-.6deg)}@keyframes cardIn{0%{opacity:0;transform:translateY(-46%)rotate(-3deg)scale(.9)}}.room-card-tag{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:12px}.room-card h2{text-transform:uppercase;margin:8px 0 10px;font:400 clamp(30px,2.6vw,48px)/.95 Anton,Impact,sans-serif}.room-card p{margin:0 0 22px;font-size:14px;line-height:1.5}.room-card-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.room-card-open{color:#f3eee3;letter-spacing:.06em;background:#231f20;border-radius:24px;padding:12px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s}.room-card-open:hover{transform:scale(1.05)rotate(-1.5deg)}.room-card-back{cursor:pointer;letter-spacing:.06em;color:#231f20;background:0 0;border:0;font:700 12px JetBrains Mono,monospace}.room-card-back:hover{font-style:italic}.lab{z-index:100;color:#f3eee3;background:#161213;gap:6px;padding:10px 14px;font:12px/1.2 ui-monospace,monospace;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.lab-row{align-items:center;gap:6px;display:flex}.lab-name{opacity:.6;width:70px}.lab button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #f3eee359;padding:4px 8px}.lab button.is-on{color:#161213;background:#f3eee3}.lab-sum{opacity:.6;-webkit-user-select:all;user-select:all;margin-top:4px}.lab-toggle{opacity:.7;justify-self:start;border:0!important;padding:0 0 4px!important}.lab.is-closed{padding:6px 10px}.lab.is-closed .lab-toggle{padding:0!important}@media (width<=700px){.lab{font-size:10px;inset:52px 8px auto;transform:none}.lab-row{flex-wrap:wrap}.lab-name{width:100%}.lab.is-closed{left:auto;right:8px}}body[data-lab-font=pixelify]{--g-font-ui:"Pixelify Sans", "Silkscreen", monospace}body[data-lab-font=press]{--g-font-ui:"Press Start 2P", "Silkscreen", monospace}body[data-lab-font=press] .hud-name,body[data-lab-font=press] .hud-nav{letter-spacing:.06em!important;font-size:38px!important}body[data-lab-font=press] .npc-text{font-size:42px!important;line-height:1.5!important}body[data-lab-font=press] .npc-choice{font-size:36px!important}body[data-lab-weight=bold] .npc-choice,body[data-lab-weight=bold] .hud-name,body[data-lab-weight=bold] .hud-nav{font-weight:700!important}body[data-lab-header=room] .hud{--head-size:42px;--head-top:69px;--head-side:130px;--head-gap:88px;--line-color:#161213;--line-opacity:.3;--line-gap:27px;--nav-opacity:.85}body[data-lab-header=room] .hud-name,body[data-lab-header=room] .hud-nav{letter-spacing:.06em!important;font-size:42px!important}body[data-lab-header=room] .hud-top:after{height:3px}body[data-lab-box=dark] .npc-box{color:#f3eee3;background:#161213;box-shadow:inset 0 0 0 8px #161213,inset 0 0 0 12px #f3eee3}body[data-lab-box=dark] .npc-choice{color:#f3eee3}.pg{--pg-bg:var(--hero-bg);--pg-ink:var(--g-ink,#161213);--pg-paper:var(--g-paper,#f3eee3);--pg-side:3.4vw;--pg-size:clamp(11px, 1.1vw, 26px);z-index:25;background:var(--pg-bg);color:var(--pg-ink);font-family:var(--g-font-ui);animation:.35s steps(5,end) both pgIn;position:fixed;inset:0;overflow:hidden auto}@keyframes pgIn{0%{opacity:0}}.pg-backdrop{z-index:24;background:var(--hero-bg);animation:.35s steps(5,end) both pgIn;position:fixed;inset:0}.pg-backdrop~.pg{animation:none}.pg-top{z-index:5;height:6vw;min-height:56px;padding:1.8vw var(--pg-side) 0;box-sizing:border-box;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.pg-top:after{content:"";left:var(--pg-side);right:var(--pg-side);top:calc(1.8vw + var(--pg-size) * 1.3 + .7vw);background:var(--pg-ink);opacity:.3;height:1px;position:absolute}.pg-name,.pg-nav{pointer-events:auto;font-size:var(--pg-size);letter-spacing:.06em;color:inherit;line-height:1.3;text-decoration:none}.pg-nav{gap:2.3vw;display:flex}.pg-nav>*{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;opacity:.85;background:0 0;border:0;padding:0;text-decoration:none;position:relative}.pg-nav>:hover,.pg-nav>.is-here{opacity:1}.pg-nav>:before{content:"▶";opacity:0;font-size:.75em;position:absolute;top:.15em;left:-1.3em}.pg-nav>:hover:before,.pg-nav>.is-here:before{opacity:1}.pg-burger{display:none}.pg-main{min-height:100%;position:relative}.pg-btn{--c:4px;cursor:pointer;background:var(--pg-ink);color:var(--pg-paper);font:700 clamp(12px, .95vw, 18px) var(--g-font-ui);letter-spacing:.08em;clip-path:polygon(0 var(--c), var(--c) var(--c), var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)));border:0;align-items:center;gap:10px;padding:14px 20px;text-decoration:none;transition:transform .15s steps(2,end);display:inline-flex}.pg-btn:hover{transform:scale(.96)}.pg-btn.is-light{color:var(--pg-ink);box-shadow:inset 0 0 0 3px var(--pg-ink);background:0 0}.pg-sound{right:var(--pg-side);z-index:7;cursor:pointer;background:var(--pg-ink);width:clamp(40px,3vw,60px);height:clamp(40px,3vw,60px);color:var(--pg-paper);clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));border:0;place-items:center;padding:0;transition:transform .15s steps(2,end);display:grid;position:absolute;bottom:3.6vw}.pg-sound:hover{transform:scale(.94)}.pg-sound svg{width:58%;height:58%}@media (width<=640px){.pg-sound{width:44px;height:44px;bottom:16px;right:12px}}.work-dive{z-index:30;pointer-events:none;background:#0c0b0b;animation:.75s steps(8,end) both workDive;position:fixed;inset:0}@keyframes workDive{0%{clip-path:circle(0% at 60% 55%)}to{clip-path:circle(150% at 60% 55%)}}.pg-btns{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.pg-label{--c:4px;z-index:10;pointer-events:none;opacity:0;background:var(--pg-ink);color:var(--pg-paper);font:700 14px/1 var(--g-font-ui);letter-spacing:.08em;white-space:nowrap;clip-path:polygon(0 var(--c), var(--c) var(--c), var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)));padding:10px 14px;transition:opacity .12s steps(3,end);position:fixed;top:0;left:0}.pg-canvas{position:absolute;inset:0}.pg-canvas canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.work-intro{left:var(--pg-side);z-index:3;margin:0;position:absolute;top:9vw}.work-intro b{letter-spacing:.04em;color:var(--pg-ink);font-size:clamp(26px,3vw,64px);display:block}.work-intro p{font-family:var(--g-font-text);opacity:.7;margin:18px 0 0;font-size:clamp(18px,1.4vw,28px);line-height:1.15}.work-card{left:var(--pg-side);z-index:3;width:min(34vw,560px);animation:.3s steps(4,end) both pgIn;position:absolute;bottom:3.6vw}.work-card-tag{letter-spacing:.14em;opacity:.6;font-size:clamp(11px,.85vw,15px)}.work-card h2{font:700 clamp(24px, 2.4vw, 46px)/1 var(--g-font-ui);letter-spacing:.03em;margin:10px 0 12px}.work-card p{font-family:var(--g-font-text);margin:0 0 20px;font-size:clamp(20px,1.5vw,30px);line-height:1.1}.work-card-actions{flex-wrap:wrap;gap:14px;display:flex}.work-hint{left:var(--pg-side);z-index:3;letter-spacing:.1em;opacity:.55;margin:0;font-size:clamp(11px,.9vw,16px);position:absolute;bottom:3.6vw}.work-arrow{display:none}.about-wrap{max-width:1180px;padding:calc(6vw + 60px) var(--pg-side) 80px;box-sizing:border-box;grid-template-columns:minmax(220px,340px) 1fr;align-items:start;gap:48px;margin:0 auto;display:grid}.about-frame{background:var(--pg-ink);clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));padding:6px}.about-frame>div{background:var(--pg-paper)}.about-portrait canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.about-caption{text-align:center;letter-spacing:.14em;opacity:.6;margin:14px 0 0;font-size:12px}.about-sheet{padding:28px 32px}.about-sheet h1{font:700 clamp(26px, 2.6vw, 48px)/1 var(--g-font-ui);letter-spacing:.03em;margin:0 0 24px}.about-stats{letter-spacing:.08em;grid-template-columns:max-content 1fr;gap:10px 24px;margin:0 0 28px;font-size:clamp(12px,.95vw,17px);display:grid}.about-stats dt{opacity:.55}.about-stats dd{margin:0;font-weight:700}.about-h{letter-spacing:.16em;opacity:.55;margin:0 0 12px;font-size:12px}.about-inv{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.about-inv li{letter-spacing:.08em;box-shadow:inset 0 0 0 2px var(--pg-ink);padding:8px 10px;font-size:12px}.about-special{letter-spacing:.06em;margin:0 0 28px;font-size:clamp(13px,1vw,18px)}.about-special:before{content:"★ "}.about-bio{font-family:var(--g-font-text);max-width:46ch;margin:0 0 28px;font-size:clamp(22px,1.6vw,30px);line-height:1.15}.contact-text{left:var(--pg-side);z-index:3;max-width:46vw;transition:opacity .3s steps(4,end);position:absolute;top:50%;transform:translateY(-50%)}.contact-text.is-hidden{opacity:0;pointer-events:none}.contact-back{left:var(--pg-side);z-index:4;position:absolute;bottom:3.6vw}.contact-kicker{letter-spacing:.16em;opacity:.55;margin:0 0 14px;font-size:12px}.contact-mail{cursor:pointer;color:var(--pg-ink);text-align:left;font:700 clamp(22px, 3vw, 60px)/1.05 var(--g-font-ui);letter-spacing:.02em;word-break:break-all;background:0 0;border:0;padding:0;display:inline-block}.contact-mail:hover{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:3px}.contact-copy{letter-spacing:.12em;opacity:.55;margin:12px 0 28px;font-size:12px}.contact-links{flex-wrap:wrap;gap:12px;margin:0 0 28px;display:flex}.contact-status{letter-spacing:.12em;font-size:clamp(11px,.85vw,15px)}.contact-status b{background:#3fa34d;width:10px;height:10px;margin-right:10px;animation:1.2s step-end infinite g-blink;display:inline-block}.pg-toast{--c:4px;z-index:12;background:var(--pg-ink);color:var(--pg-paper);font:700 14px var(--g-font-ui);letter-spacing:.12em;clip-path:polygon(0 var(--c), var(--c) var(--c), var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)));padding:14px 20px;animation:.2s steps(3,end) both pgIn;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}@media (aspect-ratio<=9/10) and (width<=640px){.pg{--pg-side:16px;--pg-size:12px}.pg-top{height:56px;padding-top:18px}.pg-top:after{top:46px}.pg-burger{width:32px;height:32px;color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:6px;display:block;position:absolute;top:10px;right:10px}.pg-burger svg{width:100%;height:100%;display:block}.pg-nav{--c:4px;background:var(--pg-ink);color:var(--pg-paper);letter-spacing:.1em;clip-path:polygon(0 var(--c), var(--c) var(--c), var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)));flex-direction:column;gap:0;padding:6px 0;font-size:12px;font-weight:700;display:none;position:absolute;top:46px;right:12px}.pg-nav.is-open{display:flex}.pg-nav>*{text-align:left;opacity:1;padding:9px 18px 9px 26px}.pg-nav>:before{top:50%;left:10px;transform:translateY(-50%)}.work-intro{top:66px}.work-intro b{font-size:20px}.work-intro p{display:none}.work-card{background:linear-gradient(to top, var(--pg-bg) 72%, transparent);width:auto;padding:48px 16px 20px;bottom:0;left:0;right:0}.work-hint{display:none}.work-arrow{--c:4px;z-index:4;cursor:pointer;background:var(--pg-ink);width:40px;height:56px;color:var(--pg-paper);clip-path:polygon(0 var(--c), var(--c) var(--c), var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)));border:0;place-items:center;padding:0;font-size:14px;display:grid;position:absolute;top:46%}.work-arrow-left{left:8px}.work-arrow-right{right:8px}.about-wrap{grid-template-columns:1fr;gap:24px;padding-top:80px}.about-portrait{max-width:240px;margin:0 auto}.about-sheet{padding:22px 20px}.contact-text{max-width:none;top:auto;bottom:28px;right:16px;transform:none}}@media (aspect-ratio<=13/10) and (width>=641px){.work-card{left:var(--pg-side);right:var(--pg-side);background:linear-gradient(to top, var(--pg-bg) 70%, transparent);width:auto;padding:60px 0 3vw;bottom:0}.contact-text{max-width:none;top:auto;bottom:6vh;right:var(--pg-side);transform:none}}.pg-about{--pg-bg:#070807;--g-ink:#e9efe6;--g-paper:#070807;--pg-ink:#e9efe6;--pg-paper:#070807;--ph:#8dff7a;--ph-dim:#5fae57;--ph-bg:#0a170b;overflow:hidden}.about-intro{left:var(--pg-side);z-index:3;max-width:40vw;transition:opacity .3s steps(4,end);position:absolute;top:50%;transform:translateY(-50%)}.about-intro.is-hidden{opacity:0;pointer-events:none}.about-intro b{letter-spacing:.04em;font-size:clamp(26px,3vw,64px);display:block}.about-intro p{font-family:var(--g-font-text);opacity:.7;margin:18px 0 0;font-size:clamp(18px,1.4vw,28px);line-height:1.15}.about-back{left:var(--pg-side);z-index:6;position:absolute;bottom:3.6vw}.arc-scr{z-index:5;pointer-events:none;opacity:0;background:var(--ph-bg);width:0;height:0;color:var(--ph);font-family:var(--g-font-ui);letter-spacing:.05em;text-shadow:0 0 .5cqw #8dff7a8c;border-radius:4%/5.3%;line-height:1.25;transition:opacity .25s steps(4,end);position:absolute;top:0;left:0;overflow:hidden;container-type:size}.arc-scr>*{font-size:2.6cqw}.arc-scr.is-on{opacity:1;pointer-events:auto;animation:.5s steps(6,end) arcOn}@keyframes arcOn{0%{clip-path:inset(49% 0);filter:brightness(3)}60%{clip-path:inset(0);filter:brightness(1.6)}}.arc-scr:before,.arc-scr:after{content:"";pointer-events:none;z-index:4;position:absolute;inset:0}.arc-scr:before{background:repeating-linear-gradient(#00000052 0 1px,#0000 1px 3px);animation:9s linear infinite arcRoll}.arc-scr:after{background:radial-gradient(at 30% 18%,#c8ffc812,#0000 40%),radial-gradient(#0000 58%,#0009 100%);animation:.12s steps(2,end) infinite arcFlick}@keyframes arcRoll{to{background-position:0 30px}}@keyframes arcFlick{50%{opacity:.92}}.arc-scr button,.arc-scr a{font:inherit;color:inherit;letter-spacing:inherit;text-shadow:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.arc-dim{color:var(--ph-dim);text-shadow:none}.arc-blink{animation:1s step-end infinite g-blink}.arc-ghost{z-index:5;color:#cfffc6;opacity:0;pointer-events:none;filter:blur(.3cqw);width:26%;position:absolute;top:12%;right:9%}.arc-scr.is-ghost .arc-ghost{animation:.7s steps(7,end) arcGhost}@keyframes arcGhost{20%,70%{opacity:.08}}.arc-coin{flex-direction:column;justify-content:center;align-items:center;gap:6cqw;width:100%;display:flex;position:absolute;inset:0}.arc-coin b{letter-spacing:.06em;font-size:7cqw}.arc-coin span{font-size:2.4cqw}.arc-main{box-sizing:border-box;grid-template-rows:auto 1fr;grid-template-columns:31% 1fr;gap:2.5cqw 4cqw;padding:4cqw 4.5cqw;display:grid;position:absolute;inset:0}.arc-top{border-bottom:.3cqw solid var(--ph-dim);grid-column:1/-1;justify-content:space-between;gap:2cqw;padding-bottom:1.4cqw;font-size:2.2cqw;display:flex}.arc-char{min-height:0}.arc-portrait{width:100%;height:auto;image-rendering:pixelated;box-shadow:0 0 0 .3cqw var(--ph-dim);margin-bottom:2cqw;display:block}.arc-char h2{margin:0 0 1cqw;font-size:3.1cqw;font-weight:700;line-height:1.1}.arc-char p{margin:0 0 .6cqw;font-size:2.3cqw}.arc-status{margin-top:1.6cqw!important}.arc-panel{flex-direction:column;min-height:0;display:flex}.arc-tabs{letter-spacing:.02em;flex-wrap:wrap;gap:.6cqw 2cqw;margin-bottom:2.4cqw;font-size:2.1cqw;display:flex}.arc-tabs button{color:var(--ph-dim);text-shadow:none;position:relative}.arc-tabs button:hover{color:var(--ph)}.arc-tabs .is-on{margin:0 -.8cqw;box-shadow:0 0 1cqw #8dff7a80;color:var(--ph-bg)!important;background:var(--ph)!important;padding:0 .8cqw!important}.arc-body{scrollbar-width:none;flex:1;min-height:0;animation:.3s steps(5,end) arcType;overflow:auto}.arc-body::-webkit-scrollbar{display:none}@keyframes arcType{0%{clip-path:inset(0 0 100%)}}.arc-help{align-self:center;font-size:1.6cqw}.arc-h{color:var(--ph-dim);text-shadow:none;margin:2cqw 0 1cqw;font-size:1.9cqw}.arc-rows{gap:.7cqw;margin:0;padding:0;list-style:none;display:grid}.arc-rows li{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.arc-rows em{color:var(--ph-dim);text-shadow:none;font-size:1.8cqw;font-style:normal}.arc-bar{gap:.6cqw;display:inline-flex}.arc-bar i{width:2.6cqw;height:1.8cqw;box-shadow:inset 0 0 0 .3cqw var(--ph-dim)}.arc-bar i.on{background:var(--ph);box-shadow:0 0 .8cqw #8dff7a99}.arc-chips{flex-wrap:wrap;gap:1cqw;margin:0;padding:0;font-size:1.8cqw;list-style:none;display:flex}.arc-chips li{box-shadow:inset 0 0 0 .25cqw var(--ph-dim);padding:.5cqw 1cqw}.arc-levels{gap:2.4cqw;margin:0;padding:0;list-style:none;display:grid}.arc-levels li{grid-template-columns:1fr auto;gap:.3cqw 2cqw;display:grid}.arc-levels li>:first-child{grid-column:1/-1;font-size:1.8cqw}.arc-levels b{font-size:2.7cqw}.arc-levels li>:nth-child(3){opacity:.8;grid-column:1;font-size:2.1cqw}.arc-state{color:var(--ph-dim);text-shadow:none;grid-area:2/2/4;align-self:center;font-size:2cqw}.arc-levels .is-now .arc-state{color:var(--ph);text-shadow:inherit}.arc-cursor{vertical-align:-.3cqw;background:var(--ph);width:1.4cqw;height:2.2cqw;margin-left:.8cqw;animation:.8s step-end infinite g-blink;display:inline-block}.arc-inv ul{grid-template-columns:1fr 1fr;gap:1.2cqw 2cqw;margin:0 0 2.6cqw;padding:0;list-style:none;display:grid}.arc-inv button{text-align:left;align-items:center;gap:1.4cqw;width:100%;display:flex;color:var(--ph-dim)!important;text-shadow:none!important;padding:.6cqw .8cqw!important;font-size:2.1cqw!important}.arc-inv button.is-on{box-shadow:inset 0 0 0 .3cqw var(--ph);color:var(--ph)!important;text-shadow:0 0 .5cqw #8dff7a8c!important}.arc-icon{flex:none;width:3.2cqw;height:3.2cqw}.arc-desc{border-top:.3cqw dashed var(--ph-dim);font-family:var(--g-font-text);align-items:center;gap:2cqw;margin:0;padding-top:2cqw;font-size:3.4cqw;line-height:1;display:flex}.arc-desc .arc-icon{width:7cqw;height:7cqw}.arc-scores{border-collapse:collapse;width:100%;font-size:2.4cqw}.arc-scores td{padding:.8cqw 0}.arc-scores td:last-child{text-align:right}.arc-scores td:first-child{width:7cqw}.arc-scores .is-ghost td{color:#cfffc6;padding-bottom:2cqw}.arc-scores .is-link{cursor:pointer}.arc-scores .is-link td:nth-child(2):after{content:" →";visibility:hidden}.arc-scores .is-link.is-on td{background:var(--ph);color:var(--ph-bg);text-shadow:none}.arc-scores .is-link.is-on td:nth-child(2):after{visibility:visible}.arc-scores td:first-child,.arc-scores td:last-child{padding-left:.8cqw;padding-right:.8cqw}.arc-save{flex-direction:column;align-items:flex-start;gap:2.4cqw;padding-top:2cqw;display:flex}.arc-save p{margin:0 0 1.4cqw;font-size:3cqw}.arc-opt{color:var(--ph-dim)!important;text-shadow:none!important;font-size:2.6cqw!important}.arc-opt:before{content:"▶ ";visibility:hidden}.arc-opt.is-on{color:var(--ph)!important;text-shadow:0 0 .5cqw #8dff7a8c!important}.arc-opt.is-on:before{visibility:visible;animation:.8s step-end infinite g-blink}@media (aspect-ratio<=13/10){.about-intro{max-width:none;top:auto;bottom:7vh;right:var(--pg-side);transform:none}.about-back{bottom:24px}}@media (aspect-ratio<=9/10) and (width<=640px){.about-intro b{font-size:22px}.about-intro{bottom:28px}.about-intro .pg-btns{margin-top:16px}.arc-scr{z-index:4;border-radius:14px;box-shadow:0 0 0 100vmax #070807e0}}@container (orientation:portrait){.arc-main{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;gap:4cqw;padding:5cqw;font-size:4cqw}.arc-top{padding-bottom:2.4cqw;font-size:3.4cqw}.arc-char{grid-template-columns:30% 1fr;align-items:start;column-gap:4cqw;display:grid}.arc-portrait{grid-row:1/6;margin:0}.arc-char h2{font-size:5cqw}.arc-char p{font-size:3.8cqw}.arc-tabs{gap:2cqw 4cqw;margin-bottom:4cqw;font-size:3.5cqw}.arc-rows{gap:2.4cqw;font-size:4cqw}.arc-rows em{font-size:3cqw}.arc-bar{gap:1cqw}.arc-bar i{width:4.4cqw;height:3cqw}.arc-chips{gap:1.6cqw;font-size:3.1cqw}.arc-chips li{padding:1cqw 1.6cqw}.arc-h{margin:5cqw 0 2.4cqw;font-size:3.1cqw}.arc-levels{gap:5cqw}.arc-levels li>:first-child,.arc-state{font-size:3.1cqw}.arc-levels b{font-size:4.4cqw}.arc-levels li>:nth-child(3){font-size:3.6cqw}.arc-inv ul{grid-template-columns:1fr;gap:1.6cqw;margin-bottom:4cqw}.arc-inv button{gap:3cqw;padding:1.4cqw 2cqw!important;font-size:3.8cqw!important}.arc-icon{width:5cqw;height:5cqw}.arc-desc{padding-top:4cqw;font-size:6cqw}.arc-desc .arc-icon{width:11cqw;height:11cqw}.arc-scores{font-size:4cqw}.arc-scores td{padding:1.6cqw 0}.arc-scores td:first-child{width:12cqw}.arc-save p{font-size:5cqw}.arc-opt{font-size:4.2cqw!important}.arc-coin b{font-size:11cqw}.arc-coin span{font-size:3.6cqw}}.pg-hobs{--hand:"felt-tip-woman", "Felt Tip Woman", "Gochi Hand", cursive;--hb-w:min(1240px, calc(100vw - 2 * var(--pg-side)));scroll-behavior:auto;transition:background-color .8s,color .8s}.pg-hobs .pg-top{background:var(--pg-bg);transition:background-color .8s;position:fixed}.pg-hobs .pg-sound{position:fixed}.hb{padding:0 0 6vw;position:relative}.hb-hand{font-family:var(--hand);text-transform:lowercase;letter-spacing:0;font-weight:400}.hb-curtain{z-index:30;pointer-events:none;background:#0c0b0b;animation:.9s steps(8,end) .15s forwards hbCurtain;position:fixed;inset:0}@keyframes hbCurtain{to{opacity:0;visibility:hidden}}.hb-cover{width:var(--hb-w);box-sizing:border-box;grid-template-rows:auto auto;grid-template-columns:1.15fr 1fr;align-items:center;gap:3vw 4vw;min-height:100vh;margin:0 auto;padding:max(9vw,96px) 0 4vw;display:grid}.hb-cover-media{position:relative}.hb-cup{aspect-ratio:1;width:100%;max-height:70vh}.hb-drag{text-align:center;letter-spacing:.14em;opacity:.45;pointer-events:none;font-size:11px;position:absolute;bottom:4%;left:0;right:0}.hb-kicker{letter-spacing:.14em;opacity:.6;margin:0 0 18px;font-size:clamp(10px,.8vw,14px)}.hb-h1{margin:0 0 24px;font-size:clamp(44px,5.4vw,104px);line-height:.95}.hb-lead{font-family:var(--g-font-text);max-width:34ch;margin:0 0 28px;font-size:clamp(20px,1.6vw,30px);line-height:1.15}.hb-facts{letter-spacing:.08em;gap:10px;margin:0;font-size:clamp(10px,.8vw,14px);display:grid}.hb-facts div{border-top:1px solid color-mix(in srgb, currentColor 25%, transparent);grid-template-columns:7em 1fr;gap:12px;padding-top:10px;display:grid}.hb-facts dt{opacity:.55}.hb-facts dd{margin:0}.hb-board{box-sizing:border-box;color:#f3eee3;background:#161213;grid-column:1/-1;justify-self:center;width:min(560px,100%);padding:22px 30px 18px;transform:rotate(-1.2deg);box-shadow:0 0 0 6px #3a2f27,0 18px 40px #00000040}.hb-board-title{text-align:center;margin-bottom:8px;font-size:34px}.hb-board button{width:100%;color:inherit;cursor:pointer;font:inherit;letter-spacing:.08em;background:0 0;border:0;align-items:baseline;gap:10px;padding:4px 0;font-size:13px;display:flex}.hb-board button .hb-hand{font-size:26px}.hb-board button i{opacity:.4;border-bottom:2px dotted;flex:1;transform:translateY(-5px)}.hb-board button:hover .hb-hand{text-underline-offset:6px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.hb-board.is-compact{transform:none;box-shadow:0 0 0 4px #3a2f27}.hb-hour{width:var(--hb-w);margin:0 auto;padding:9vw 0 2vw;scroll-margin-top:70px}.hb-hour-head{letter-spacing:.12em;align-items:center;gap:16px;margin-bottom:18px;font-size:clamp(11px,.9vw,16px);display:flex}.hb-time{background:var(--pg-ink);color:var(--pg-bg);padding:6px 10px;transition:background-color .8s,color .8s}.hb-title{max-width:16ch;margin:0 0 18px;font-size:clamp(36px,4.6vw,88px);line-height:.95}.hb-text{font-family:var(--g-font-text);opacity:.8;max-width:44ch;margin:0 0 4vw;font-size:clamp(20px,1.5vw,28px);line-height:1.15}.hb-grid{grid-template-columns:1fr 1fr;gap:1.6vw;margin-bottom:1.6vw;display:grid}.hb-img{width:100%;height:auto;display:block}.hb-full{grid-column:1/-1}.hb-half{grid-column:span 1}.hb-crop{aspect-ratio:4/5;object-fit:cover;height:100%}.hb-sq{aspect-ratio:1;object-fit:cover;height:100%}.hb-crop-wide{aspect-ratio:16/9;object-fit:cover}figure{margin:0}.hb-line{box-shadow:inset 0 0 0 3px var(--pg-ink)}.hb-paper{box-sizing:border-box;background:#fff;place-items:center;padding:8%;display:grid}.hb-paper .hb-img{object-fit:contain;max-height:100%}.hb-paper-bg{background:#fff}.hb-wide-paper{margin-top:1.6vw;padding:5% 18%}.hb-reveal{opacity:0;transition:opacity .6s steps(6,end),transform .6s steps(6,end);transform:translateY(24px)}.hb-reveal.is-in{opacity:1;transform:none}.hb-poses{grid-template-columns:repeat(4,1fr);gap:1.2vw;margin-bottom:1.6vw;display:grid}.hb-pose{aspect-ratio:1;cursor:pointer;background:#fff;border:0;place-items:center;padding:10%;transition:transform .2s steps(3,end);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #161213}.hb-pose .hb-img{object-fit:contain;width:80%;height:80%;transition:transform .25s steps(4,end);position:absolute;top:8%;left:10%}.hb-pose span{color:#fff;font:700 clamp(10px, .85vw, 15px) var(--g-font-ui);letter-spacing:.1em;background:#161213;padding:8px;transition:transform .2s steps(3,end);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.hb-pose:hover,.hb-pose.is-on{transform:rotate(-2deg)}.hb-pose:hover .hb-img,.hb-pose.is-on .hb-img{transform:scale(1.08)}.hb-pose:hover span,.hb-pose.is-on span{transform:none}.hb-rules{grid-template-columns:repeat(4,1fr);gap:1.6vw;margin:4vw 0;padding:0;list-style:none;display:grid}.hb-rules li{border-top:3px solid;padding-top:14px}.hb-rules span{letter-spacing:.1em;opacity:.55;margin-bottom:6px;font-size:12px;display:block}.hb-rules b{font-size:clamp(26px,2.2vw,40px);line-height:1}.hb-card{width:min(900px,100%);margin:1.6vw auto}.hb-card-img{position:relative}.hb-stamp{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.hb-stamp:not(.is-on):hover{box-shadow:0 0 0 3px #e14b3b}.hb-stamp .hb-img{object-fit:cover;border-radius:50%;width:100%;height:100%;animation:.25s steps(3,end) hbStamp}@keyframes hbStamp{0%{opacity:0;transform:scale(1.6)rotate(-20deg)}}.hb-cap{letter-spacing:.12em;text-align:center;margin-top:12px;font-size:clamp(10px,.85vw,15px)}.hb-sticker{width:min(320px,40%);margin:-8vw 4vw 0 auto;padding:4%;position:relative;transform:rotate(4deg);box-shadow:0 10px 30px #00000040}.hb-outro{width:var(--hb-w);text-align:center;margin:0 auto;padding:10vw 0 4vw}.hb-outro-pose{background:#fff;width:auto;max-width:60vw;height:min(300px,50vw);margin:0 auto 20px;padding:16px;transform:rotate(-3deg)}.hb-outro-big{margin:0;font-size:clamp(56px,9vw,180px);line-height:.9}.hb-outro-small{font-family:var(--g-font-text);opacity:.7;margin:14px 0 0;font-size:clamp(20px,1.6vw,30px)}.hb-outro-btns{justify-content:center;margin-top:40px}.pg-hobs .pg-btn{background:var(--pg-ink);color:var(--pg-bg)}.pg-hobs .pg-btn.is-light{color:var(--pg-ink);box-shadow:inset 0 0 0 3px var(--pg-ink);background:0 0}.hb-clock{left:var(--pg-side);z-index:8;cursor:pointer;color:#161213;font-family:var(--g-font-ui);background:#fff;border:0;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex;position:fixed;bottom:3vw;box-shadow:0 0 0 3px #161213}.hb-clock-pose{width:64px;height:64px;animation:.3s steps(3,end) hbPose;position:relative}.hb-clock-pose .hb-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}@keyframes hbPose{0%{opacity:0;transform:translateY(10px)rotate(-8deg)}}.hb-clock-txt{text-align:left;display:grid}.hb-clock-txt b{letter-spacing:.06em;font-size:22px}.hb-clock-txt b i{font-style:normal;animation:1s step-end infinite g-blink}.hb-clock-txt span{letter-spacing:.12em;opacity:.6;font-size:10px}.hb-menu-pop{z-index:9;padding:0 var(--pg-side) calc(3vw + 100px);background:#00000040;place-items:end start;display:grid;position:fixed;inset:0}.hb-menu-pop .hb-board{width:min(420px,100%)}@media (width<=760px){.hb-cover{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:80px}.hb-grid{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.hb-half{grid-column:1/-1}.hb-poses{grid-template-columns:repeat(2,1fr);gap:10px}.hb-pose span{transform:none}.hb-rules{grid-template-columns:1fr 1fr;gap:18px}.hb-hour{padding-top:64px}.hb-text{margin-bottom:24px}.hb-board{padding:16px 18px 12px}.hb-board button .hb-hand{font-size:22px}.hb-clock{gap:8px;padding:6px 10px 6px 6px;bottom:16px}.hb-clock-pose{width:44px;height:44px}.hb-clock-txt b{font-size:16px}.hb-sticker{margin-top:-12vw}.hb-menu-pop{padding-bottom:90px}}.hb-ticker{background:var(--pg-ink);color:var(--pg-bg);margin:2vw -2vw;padding:10px 0;transition:background-color .8s,color .8s;overflow:hidden;transform:rotate(-2deg)}.hb-ticker.is-back{transform:rotate(1.6deg)}.hb-ticker-row{white-space:nowrap;transform:translateX(calc(-25% + var(--x,0%)));will-change:transform;font-size:clamp(40px,6vw,110px);line-height:1.05;display:flex}.hb-ticker-row span{align-items:center;gap:.3em;padding-right:.5em;display:inline-flex}.hb-tick-ico{object-fit:contain;background:#fff;border-radius:50%;width:1.1em;height:1.1em;padding:.08em}.hb-split{grid-template-columns:1fr 1fr;align-items:center;gap:4vw;margin:4vw 0;display:grid}.hb-split.is-flip .hb-pile{order:2}.hb-say{margin:0 0 14px;font-size:clamp(34px,3.6vw,68px);line-height:.95}.hb-pile{margin:0}.hb-pile-stack{aspect-ratio:4/5;cursor:pointer;background:0 0;border:0;width:min(460px,78vw);margin:0 auto;padding:0;display:block;position:relative}.hb-pile-card{transform:rotate(var(--r)) translateY(calc(var(--d) * 8px));background:#fff;transition:transform .35s steps(5,end);position:absolute;inset:0;box-shadow:0 0 0 3px #161213,0 14px 30px #0000002e}.hb-pile-card .hb-img{object-fit:cover;width:100%;height:100%}.hb-pile-stack:hover .hb-pile-card:last-child{transform:rotate(calc(var(--r) * -.4)) translateY(-8px)}.hb-pile-card.is-fly{transition:transform .42s cubic-bezier(.5,0,.9,.4);transform:translate(120%,-30%)rotate(28deg)!important}.hb-zen{place-items:center;display:grid}.hb-zen .hb-img{width:70%;animation:3s ease-in-out infinite hbFloat}@keyframes hbFloat{50%{transform:translateY(-14px)}}.hb-runner{z-index:7;pointer-events:none;width:clamp(140px,16vw,260px);position:fixed;bottom:12vh;left:0;transform:translate(-120%)}.hb-runner .hb-img{mix-blend-mode:multiply}.hb-runner.is-on{animation:2.6s linear forwards hbRun}.hb-runner.is-on .hb-img{animation:.3s steps(2,end) infinite hbHop}@keyframes hbRun{to{transform:translate(calc(100vw + 20%))}}@keyframes hbHop{50%{transform:translateY(-10px)rotate(-3deg)}}@media (width<=760px){.hb-cup{max-height:60vh}.hb-split{grid-template-columns:1fr;gap:24px}.hb-split.is-flip .hb-pile{order:0}.hb-ticker{margin:24px -16px;padding:6px 0}.hb-runner{bottom:90px}}