@layer components{.p-door{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:12dvh 0 0;display:flex;overflow:hidden}.p-door[data-door-registered]{justify-content:flex-start;min-height:0;padding:12dvh 0 0}.p-door_hero{--_reveal-cols:9}@media (width>=719.474px){.p-door_hero{--_reveal-cols:10}}@media (width>=758.421px){.p-door_hero{--_reveal-cols:11}}@media (width>=797.369px){.p-door_hero{--_reveal-cols:12}}@media (width>=836.316px){.p-door_hero{--_reveal-cols:13}}@media (width>=875.263px){.p-door_hero{--_reveal-cols:14}}@media (width>=914.211px){.p-door_hero{--_reveal-cols:15}}@media (width>=953.158px){.p-door_hero{--_reveal-cols:16}}@media (width>=992.106px){.p-door_hero{--_reveal-cols:17}}@media (width>=1031.05px){.p-door_hero{--_reveal-cols:18}}@media (width>=1070px){.p-door_hero{--_reveal-cols:19}}@media (width>=1108.95px){.p-door_hero{--_reveal-cols:20}}@media (width>=1147.9px){.p-door_hero{--_reveal-cols:21}}@media (width>=1186.84px){.p-door_hero{--_reveal-cols:22}}@media (width>=1225.79px){.p-door_hero{--_reveal-cols:23}}@media (width>=1264.74px){.p-door_hero{--_reveal-cols:24}}@media (width>=1303.68px){.p-door_hero{--_reveal-cols:25}}@media (width>=1342.63px){.p-door_hero{--_reveal-cols:26}}@media (width>=1381.58px){.p-door_hero{--_reveal-cols:27}}@media (width>=1420.53px){.p-door_hero{--_reveal-cols:28}}.p-door_hero{width:min(clamp(90.28vw,88.6151vw + 24px,92.04vw),263.2dvh);aspect-ratio:var(--_reveal-cols) / var(--_reveal-rows,5);position:relative}.p-door_canvas{overscroll-behavior:none;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;inset:0}.p-door_copy{color:#ffffffd1;text-align:center;margin:0;padding:0 16px;font-size:14px;line-height:1.65}.p-door_verse{color:#ffffff8f;margin-top:14px;display:block}.p-door_boards{background:#000;flex-wrap:wrap;justify-content:center;gap:40px 48px;min-height:300px;margin-top:6dvh;padding:0 16px 64px;display:flex}.p-door_boards .p-thread_board{animation:p-door-board-in .6s var(--ease-power1-out) both;margin:0}@media (prefers-reduced-motion:reduce){.p-door_boards .p-thread_board{animation:none}}.p-door_close{color:#fff;text-align:center;margin:0;font-size:clamp(20px,4vw,32px);line-height:1.65}.p-door_me,.p-door_stage{width:min(100% - 32px,560px);margin:24px auto 0}.p-door_me{text-align:center;justify-items:center;gap:8px;display:grid}.p-door_me[hidden],body[data-layout=game] .p-door{display:none}@media (width>=1000px){body[data-layout=game]{grid-template:"me main""side main""board main"/minmax(260px,360px) minmax(0,1fr);align-content:center;gap:24px 56px;min-height:100dvh;padding:32px 48px;display:grid}body[data-layout=game] .p-door_me{text-align:left;grid-area:me;justify-items:start;width:auto;margin:0}body[data-layout=game] .p-door_stage:not([hidden]),body[data-layout=game] .p-door_stage:not([hidden])>*{display:contents}body[data-layout=game] [data-stage-side]{text-align:left;grid-area:side;max-width:none;margin:0}body[data-layout=game] [data-stage-main]{grid-area:main;place-self:center}body[data-layout=game] .p-door_boards{grid-area:board;justify-content:flex-start;min-height:0;margin:0;padding:0}}@media (width>=1200px){body[data-layout=field]{grid-template:"me door""side door""board work"1fr/minmax(380px,460px) minmax(0,1fr);align-content:center;gap:24px 56px;min-height:100dvh;padding:32px 48px;display:grid}body[data-layout=field] .p-door{grid-area:door;align-self:start;padding:0}@media (width>=1200px){body[data-layout=field] .p-door_hero{--_reveal-cols:12}}@media (width>=1210px){body[data-layout=field] .p-door_hero{--_reveal-cols:13}}@media (width>=1256px){body[data-layout=field] .p-door_hero{--_reveal-cols:14}}@media (width>=1302px){body[data-layout=field] .p-door_hero{--_reveal-cols:15}}@media (width>=1348px){body[data-layout=field] .p-door_hero{--_reveal-cols:16}}@media (width>=1394px){body[data-layout=field] .p-door_hero{--_reveal-cols:17}}@media (width>=1440px){body[data-layout=field] .p-door_hero{--_reveal-cols:18}}@media (width>=1486px){body[data-layout=field] .p-door_hero{--_reveal-cols:19}}@media (width>=1532px){body[data-layout=field] .p-door_hero{--_reveal-cols:20}}@media (width>=1578px){body[data-layout=field] .p-door_hero{--_reveal-cols:21}}@media (width>=1624px){body[data-layout=field] .p-door_hero{--_reveal-cols:22}}@media (width>=1670px){body[data-layout=field] .p-door_hero{--_reveal-cols:23}}@media (width>=1716px){body[data-layout=field] .p-door_hero{--_reveal-cols:24}}@media (width>=1762px){body[data-layout=field] .p-door_hero{--_reveal-cols:25}}@media (width>=1808px){body[data-layout=field] .p-door_hero{--_reveal-cols:26}}@media (width>=1854px){body[data-layout=field] .p-door_hero{--_reveal-cols:27}}@media (width>=1900px){body[data-layout=field] .p-door_hero{--_reveal-cols:28}}body[data-layout=field] .p-door_hero{width:100%}body[data-layout=field] .p-door_me{text-align:left;grid-area:me;justify-items:start;width:auto;margin:0}body[data-layout=field] .p-door_stage:not([hidden]),body[data-layout=field] .p-door_stage:not([hidden])>*{display:contents}body[data-layout=field] [data-stage-side]{text-align:left;grid-area:side}body[data-layout=field] [data-stage-main]{grid-area:work;place-self:start center;width:min(100%,560px)}body[data-layout=field] .p-door_boards{grid-area:board;justify-content:flex-start;min-height:0;margin:0;padding:0}}[data-door-arrive] body{opacity:0}[data-door-arrive][data-door-ready] body{animation:5.335s ease-out both p-door-in}[data-door-leaving] body{opacity:0;transition:opacity 1.219s ease-in}[data-door-entering] body{animation:5.335s ease-out both p-door-in}[data-door-arrive] .p-door_boards .p-thread_board{animation:none}@keyframes p-door-board-in{0%{opacity:0}to{opacity:1}}@keyframes p-door-in{0%{opacity:0}to{opacity:1}}.p-thread_board-kept,.p-thread_board-finished{color:#3bd966;cursor:help;outline:none}.p-thread_board-finished{color:#4da3ff}.p-thread_tip{z-index:10;color:#ffffffe6;white-space:normal;opacity:0;pointer-events:none;background:#121212;border-radius:6px;width:max-content;max-width:240px;padding:6px 10px;font-size:12px;font-style:normal;line-height:1.4;transition:opacity .12s ease-out,translate .12s ease-out;position:fixed;translate:-50% calc(2px - 100%);box-shadow:0 0 0 1px #ffffff14,0 6px 16px #00000080}.p-thread_tip[data-shown]{opacity:1;translate:-50% -100%}.p-door_numeral{z-index:2;color:#fff6;font-family:var(--font-berkeley);letter-spacing:.04em;pointer-events:none;margin:0;font-size:15px;position:fixed;top:24px;right:32px}@media (width<768px){.p-door_numeral{top:16px;right:16px}}.p-door_numeral[hidden],body[data-layout=end] .p-door,body[data-layout=end] .p-door_me,body[data-layout=end] .p-door_boards{display:none}}