@import "https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Inter:wght@400;600;700;800;900&display=swap";:root{--ink:#292824;--paper:#ece8df;--paper-2:#ded8cd;--rust:#c95d44;--blue:#527fa0;--green:#4e8177;--yellow:#c9a63c;--shadow:#1e1c1838}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#e9e5dc;margin:0;overflow:hidden}body{font-family:Inter,Arial,sans-serif}button,a{font:inherit}button{color:inherit}.world-shell{isolation:isolate;cursor:none;touch-action:none;background:#e9e5dc;outline:none;position:fixed;inset:0;overflow:hidden}.webgl-canvas{z-index:0;inset:0;width:100%!important;height:100%!important;position:absolute!important}.paper-grain{z-index:2;pointer-events:none;opacity:.17;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E");position:absolute;inset:0}.pencil-cursor{border:2px solid var(--ink);z-index:90;pointer-events:none;will-change:transform;border-radius:50% 48% 52% 45%;width:28px;height:28px;transition:width .15s,height .15s,background .15s;position:fixed;top:-14px;left:-14px}.pencil-cursor:after{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:10px}button:hover~.pencil-cursor{width:38px;height:38px}.paper-control,.overlay-close{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 4px 0 var(--shadow);cursor:none;transition:transform .18s,box-shadow .18s,background .18s;transform:rotate(-.7deg)}:is(.paper-control:hover,.paper-control:focus-visible,.overlay-close:hover,.overlay-close:focus-visible){outline-offset:2px;box-shadow:4px 6px 0 var(--shadow);background:#fffdf8;outline:3px solid #c95d4461;transform:translateY(-2px)rotate(.6deg)}.hud-controls{z-index:20;gap:8px;display:flex;position:absolute;top:18px;right:20px}.paper-control{letter-spacing:.05em;clip-path:polygon(3% 0,97% 2%,100% 91%,94% 100%,4% 97%,0 8%);justify-content:center;align-items:center;gap:7px;min-width:52px;height:49px;padding:0 12px;font-size:12px;font-weight:900;display:flex}.paper-control:nth-child(2n){transform:rotate(.7deg)}.back-control{z-index:20;position:absolute;top:18px;left:20px}.back-control span{font-size:24px;line-height:0}.scene-ticket{z-index:12;border:2px solid var(--ink);clip-path:polygon(0 5%,6% 0,26% 3%,46% 0,67% 3%,85% 0,100% 4%,98% 93%,92% 100%,72% 97%,52% 100%,31% 97%,11% 100%,2% 95%);pointer-events:none;background:#efebe2eb;max-width:340px;padding:15px 22px 14px;position:absolute;bottom:24px;left:26px;transform:rotate(-.5deg);box-shadow:5px 6px #23211d2e}.scene-ticket small{letter-spacing:.12em;color:#69645d;font:700 10px/1.2 Architects Daughter,cursive}.scene-ticket strong{margin:5px 0 3px;font:900 clamp(17px,2vw,26px)/1 Inter,sans-serif;display:block}.scene-ticket p{color:#57524c;margin:0;font:700 12px/1.35 Architects Daughter,cursive}.enter-house{z-index:18;border:2px solid var(--ink);cursor:none;clip-path:polygon(2% 3%,16% 0,30% 3%,43% 0,57% 3%,70% 0,83% 3%,98% 0,100% 92%,87% 100%,73% 96%,58% 100%,41% 96%,25% 100%,7% 96%,0 88%);background:#e6dfd1;min-width:230px;padding:13px 26px 10px;transition:all .2s;position:absolute;bottom:28px;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:5px 6px #211f1b47}:is(.enter-house:hover,.enter-house:focus-visible){background:#fffaf0;outline:4px solid #c95d444d;transform:translate(-50%)translateY(-4px)rotate(.5deg)}.enter-house span{letter-spacing:.08em;font-weight:900;display:block}.enter-house small{letter-spacing:.18em;margin-top:4px;font:700 10px Architects Daughter,cursive;display:block}.loader{z-index:200;background:#e9e5dc;place-items:center;transition:visibility 0s 1.3s;display:grid;position:fixed;inset:0}.loader-half{background:#e9e5dc;width:100%;height:51%;transition:transform 1.2s cubic-bezier(.8,0,.2,1);position:absolute;left:0}.loader-top{border-bottom:2px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 95%,93% 100%,84% 95%,74% 100%,63% 94%,52% 100%,42% 95%,31% 100%,19% 94%,9% 100%,0 95%);top:0}.loader-bottom{border-top:2px solid var(--ink);clip-path:polygon(0 5%,10% 0,20% 6%,31% 0,42% 5%,52% 0,63% 6%,75% 0,85% 5%,94% 0,100% 5%,100% 100%,0 100%);bottom:0}.loader-card{z-index:2;text-align:center;width:min(390px,82vw);transition:opacity .35s,transform .35s;position:relative}.loader-mark{border:5px solid var(--ink);border-radius:53% 47% 50% 44%;place-items:center;width:84px;height:84px;margin:0 auto 20px;font:900 53px/1 Architects Daughter,cursive;display:grid;transform:rotate(-8deg)}.loader-card strong{letter-spacing:.16em;font:900 16px/1 Inter;display:block}.loader-rule{border:2px solid var(--ink);height:8px;margin:20px 0 10px;padding:1px;transform:rotate(-.5deg)}.loader-rule i{background:var(--rust);height:100%;transition:width .25s;display:block}.loader-card b{font:900 30px Architects Daughter,cursive}.loader-card small{color:#65615b;font:700 11px Architects Daughter,cursive;display:block}.loader-ready .loader-top{transform:translateY(-110%)}.loader-ready .loader-bottom{transform:translateY(110%)}.loader-ready .loader-card{opacity:0;transform:scale(.9)}.paper-transition{z-index:100;pointer-events:none;clip-path:polygon(0 0,95% 0,100% 10%,96% 20%,100% 31%,96% 42%,100% 52%,96% 62%,100% 74%,95% 84%,100% 96%,94% 100%,0 100%);background:radial-gradient(circle,#fff 0,#f4f1eb 30%,#e9e5dc 72%);place-items:center;animation:1.35s cubic-bezier(.72,0,.2,1) both threshold-wash;display:grid;position:fixed;inset:-4%}.paper-transition i{background:repeating-linear-gradient(7deg,#0000 0 18px,#1e1c1805 20px);position:absolute;inset:0}.paper-transition>span{letter-spacing:.18em;font:900 14px Architects Daughter,cursive;animation:1.2s both label-breathe}@keyframes threshold-wash{0%{opacity:0;transform:scale(1.08)}28%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1.035)}}@keyframes label-breathe{0%,to{opacity:0;letter-spacing:.34em}35%,70%{opacity:1;letter-spacing:.18em}}.identity-reveal{text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:1.1s 50ms both identity-in;display:flex;position:absolute;inset:0}.identity-reveal b{letter-spacing:.02em;color:#0000;-webkit-text-stroke:3px var(--ink);font:900 clamp(68px,15vw,190px)/.8 Architects Daughter,cursive}.identity-reveal em{letter-spacing:.28em;margin-top:32px;font:800 clamp(10px,1.4vw,17px) Inter}.paper-transition.is-intro>span{transform:translateY(-18vh)}@keyframes identity-in{0%{opacity:0;transform:translateY(18px)scale(.96)}35%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}.corridor-guide{z-index:15;border:2px solid var(--ink);width:min(620px,66vw);box-shadow:5px 6px 0 var(--shadow);clip-path:polygon(0 6%,5% 0,13% 4%,24% 0,35% 4%,48% 0,60% 4%,72% 0,85% 4%,96% 0,100% 8%,98% 93%,90% 100%,75% 96%,61% 100%,47% 96%,32% 100%,18% 96%,3% 100%);background:#ede9e0ed;padding:20px 22px 10px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.guide-track{background:#b9b2a8;height:5px;margin:6px 22px 14px;position:relative}.guide-track>i{background:var(--rust);width:0;height:100%;transition:width .16s;display:block}.guide-track>button{border:2px solid var(--ink);cursor:none;background:#e9e5dc;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.guide-track>button span{background:var(--ink);border-radius:50%;width:6px;height:6px;margin:auto;display:block}.guide-track>button b{white-space:nowrap;opacity:.72;font:900 8px/1 Inter;position:absolute;bottom:18px;left:50%;transform:translate(-50%)rotate(-2deg)}.guide-track>button.is-near{background:var(--yellow);width:25px;height:25px;box-shadow:0 0 0 6px #c9a63c2e}.corridor-guide p{text-align:center;margin:0;font:700 11px Architects Daughter,cursive}.room-progress{z-index:12;background:#29282433;height:4px;position:absolute;bottom:16px;left:22%;right:22%}.room-progress i{background:var(--ink);height:100%;transition:width .18s;display:block}.overlay{z-index:50;border:3px solid var(--ink);clip-path:polygon(0 2%,4% 0,13% 2%,22% 0,31% 2%,41% 0,50% 2%,61% 0,72% 2%,82% 0,93% 2%,100% 0,99% 96%,94% 100%,83% 97%,72% 100%,61% 97%,51% 100%,40% 97%,29% 100%,18% 97%,7% 100%,0 97%);background:#eee9df;animation:.45s cubic-bezier(.2,.8,.2,1) both overlay-in;position:absolute;box-shadow:10px 12px #23201b3b}@keyframes overlay-in{0%{opacity:0;transform:translateY(30px)scale(.97)rotate(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.overlay:before{content:"";pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");position:absolute;inset:0}.overlay-close{z-index:5;cursor:none;width:42px;height:42px;font:900 27px/1 Inter;position:absolute;top:15px;right:15px}.map-overlay,.achievement-overlay{width:min(920px,90vw);max-height:86vh;padding:44px 55px 40px;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.map-overlay>small,.achievement-overlay>small,.project-overlay article>small,.design-overlay article>small{letter-spacing:.18em;color:#6d665e;font:800 10px Inter}.map-overlay h2,.achievement-overlay h2,.project-overlay h2,.design-overlay h2{margin:7px 0 26px;font:900 clamp(30px,4vw,58px)/.95 Architects Daughter,cursive}.map-path{grid-template-columns:repeat(4,1fr);gap:16px;padding-top:32px;display:grid;position:relative}.map-path:before{content:"";border-top:3px dashed var(--ink);position:absolute;top:13px;left:3%;right:3%;transform:rotate(-.5deg)}.map-you{border:2px solid var(--ink);background:var(--rust);color:#fff;padding:4px 8px;font:900 9px Inter;position:absolute;top:0;left:0;transform:translateY(-50%)}.map-path button{border:2px solid var(--ink);cursor:none;text-align:left;background:#e4ded3;min-height:150px;padding:28px 14px 14px;transition:all .2s;position:relative;box-shadow:4px 5px #23201b24}:is(.map-path button:hover,.map-path button:focus-visible){outline:4px solid color-mix(in srgb,var(--map-accent),transparent 65%);background:#fffdf8;transform:translateY(-6px)rotate(1deg)}.map-path button:before{content:"";border-left:2px solid var(--ink);height:26px;position:absolute;top:-27px;left:50%}.map-path button i{border:3px solid var(--map-accent);width:38px;height:38px;color:var(--map-accent);border-radius:50%;place-items:center;margin-bottom:12px;font:900 13px Inter;display:grid}.map-path button strong{font:900 15px/1 Inter;display:block}.map-path button small{margin-top:7px;font:700 11px/1.35 Architects Daughter,cursive;display:block}.map-note{text-align:center;margin:24px 0 0;font:700 12px Architects Daughter,cursive}.stamp-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stamp-grid article{opacity:.48;filter:grayscale();border:2px dashed #817b72;align-items:center;gap:14px;min-height:104px;padding:14px 44px 14px 14px;display:flex;position:relative}.stamp-grid article.unlocked{opacity:1;filter:none;background:#c95d4412;border-style:solid}.stamp-grid article>b{border:3px double var(--ink);border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;font:900 25px Architects Daughter,cursive;display:grid;transform:rotate(-7deg)}.stamp-grid article strong{font:900 14px Inter}.stamp-grid article p{margin:4px 0 0;font:700 11px/1.35 Architects Daughter,cursive}.stamp-grid article i{color:#8e877e;font:900 11px Inter;position:absolute;top:10px;right:10px}.project-overlay,.design-overlay{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid;inset:6vh 5vw;overflow:hidden}.project-media,.design-preview{color:#eee9df;border-right:3px solid var(--ink);text-align:center;background:#282724;flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.project-media:after{content:"";border:2px solid #eee9df73;position:absolute;inset:8%}.play-disc{z-index:1;border:3px solid;border-radius:50%;place-items:center;width:105px;height:105px;padding-left:8px;font-size:33px;transition:all .2s;display:grid}.project-media:hover .play-disc{background:var(--rust);transform:scale(1.08)rotate(4deg)}.project-media small,.project-media strong{z-index:1;position:relative}.project-media small{letter-spacing:.18em;margin-top:22px;font:800 9px Inter}.project-media strong{margin-top:7px;font:900 15px Inter}.project-overlay article,.design-overlay article{padding:clamp(40px,6vw,90px) clamp(30px,5vw,80px);position:relative;overflow:auto}.project-overlay article p,.design-overlay article p{color:#504c46;font:700 15px/1.65 Architects Daughter,cursive}.project-overlay dl{margin-top:28px}.project-overlay dl div{border-top:1px solid #aaa298;padding:12px 0}.project-overlay dt{letter-spacing:.17em;font:900 9px Inter}.project-overlay dd{margin:5px 0 0;font:700 12px Architects Daughter,cursive}.design-preview{background:var(--design-accent);color:#fff}.design-preview span{border:5px double;padding:28px;font:900 clamp(45px,8vw,105px)/.82 Architects Daughter,cursive;transform:rotate(-6deg)}.design-overlay article button{border:2px solid var(--ink);letter-spacing:.1em;cursor:none;background:0 0;margin-top:18px;padding:12px 16px;font:900 11px Inter}.toast{z-index:80;border:2px solid var(--ink);box-shadow:4px 5px 0 var(--shadow);background:#e9dfbd;padding:13px 24px;font:800 12px Architects Daughter,cursive;animation:.3s both toast-in;position:absolute;top:24px;left:50%;transform:translate(-50%)rotate(-.5deg)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-20px)rotate(-2deg)}}.accessible-nav{z-index:500;border:3px solid var(--ink);background:#fff;gap:6px;padding:8px;display:flex;position:fixed;top:8px;left:-9999px}.accessible-nav:focus-within{left:8px}.accessible-nav button{border:1px solid var(--ink);background:#fff;padding:7px}@media (max-width:760px){.world-shell{cursor:auto}.pencil-cursor{display:none}.paper-control{cursor:pointer}.hud-controls{gap:5px;top:10px;right:10px}.back-control{top:10px;left:10px}.paper-control{min-width:43px;height:43px;padding:0 9px}.paper-control span{display:none}.motion-control{display:flex}.scene-ticket{max-width:245px;padding:11px 15px;bottom:12px;left:12px}.scene-ticket p{font-size:10px}.scene-ticket strong{font-size:16px}.enter-house{min-width:200px;padding:11px 18px;bottom:92px}.corridor-guide{width:94vw;padding:18px 10px 9px;bottom:12px}.guide-track{margin-inline:24px}.guide-track>button b{display:none}.corridor-guide p{font-size:10px}.map-overlay,.achievement-overlay{width:94vw;max-height:84vh;padding:35px 22px 28px}.map-path{grid-template-columns:repeat(2,1fr)}.map-path:before,.map-path button:before,.map-you{display:none}.map-path button{min-height:130px}.stamp-grid{grid-template-columns:1fr}.project-overlay,.design-overlay{grid-template-rows:44% 56%;grid-template-columns:1fr;inset:3vh 3vw}.project-media,.design-preview{border-right:0;border-bottom:3px solid var(--ink)}.project-overlay article,.design-overlay article{padding:27px 25px}.project-overlay h2,.design-overlay h2{margin-bottom:15px;font-size:34px}.project-overlay article p,.design-overlay article p{font-size:13px}.design-preview span{font-size:48px}.toast{text-align:center;width:88vw;top:auto;bottom:100px}}@media (max-height:590px) and (orientation:landscape){.scene-ticket{bottom:9px}.corridor-guide{bottom:8px}.project-overlay,.design-overlay{inset:2vh 4vw}.hud-controls,.back-control{top:8px}}@media (pointer:coarse){.pencil-cursor{display:none}.world-shell,button{cursor:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.paper-transition{opacity:.95;animation:none}}