.board-viewport{position:fixed;inset:0;overflow:hidden;background:var(--ink)}.board{position:absolute;touch-action:none;cursor:grab;background:radial-gradient(140% 90% at 50% 0%,rgba(176,141,79,.18) 0%,transparent 60%),radial-gradient(120% 100% at 50% 100%,rgba(0,0,0,.35) 0%,transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.30 0 0 0 0 0.19 0 0 0 0 0.11 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23c)'/%3E%3C/svg%3E"),linear-gradient(160deg,var(--cork) 0%,var(--cork-dark) 100%);box-shadow:0 0 0 14px #3a2a1c inset}.board:active{cursor:grabbing}.board-threads{position:absolute;inset:0;pointer-events:none;overflow:visible}.thread{fill:none;stroke:var(--thread);stroke-width:2.4;filter:drop-shadow(0 2px 1px rgba(0,0,0,.5))}.case-card{position:absolute;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.case-pin{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ff6b6b 0%,var(--thread) 45%,var(--thread-dark) 100%);box-shadow:0 3px 4px #00000080;z-index:2}.case-envelope{position:relative;overflow:hidden;background:linear-gradient(172deg,rgba(0,0,0,.07),transparent 40%),#cdb98f;color:var(--ink);border-radius:3px;padding:40px 14px 12px}.case-flap{position:absolute;top:0;left:0;right:0;height:34px;background:#c0aa7d;clip-path:polygon(0 0,100% 0,50% 100%)}.case-wax{position:absolute;top:20px;left:50%;transform:translate(-50%);width:26px;height:26px;border-radius:48% 52% 50% 50%/52% 48%;background:radial-gradient(circle at 35% 32%,#d24a54 0%,var(--thread) 50%,var(--thread-dark) 100%);box-shadow:0 2px 3px #0006;z-index:1}.case-classified{position:absolute;top:3px;right:-20px;transform:rotate(-14deg);font-family:var(--font-stamp);font-size:9px;text-transform:uppercase;color:var(--thread);border:2px solid var(--thread);border-radius:2px;padding:2px 20px;opacity:.55;z-index:1}.case-title{font-family:var(--font-type);font-size:13px;font-weight:700;line-height:1.4;margin-top:8px}.case-teaser{font-family:var(--font-hand);font-size:14.5px;line-height:1.25;margin-top:5px;color:#191412b8}.case-lock{font-family:var(--font-type);font-size:11px;letter-spacing:.04em;margin-top:9px;opacity:.65}.case-card.final .case-envelope{background:linear-gradient(172deg,rgba(255,255,255,.05),transparent 40%),#241d19;color:var(--paper)}.case-card.final .case-flap{background:#1a1512}.case-card.final .case-teaser{color:#e9dfc8a6}.case-card.final .case-classified{opacity:.85}.prop-polaroid{position:absolute;width:180px;background:#efe9da;padding:9px 9px 4px;border-radius:2px;transform:rotate(4deg);box-shadow:0 8px 14px #00000073}.prop-polaroid svg{display:block;width:100%;border-radius:1px}.prop-polaroid-caption{text-align:center;font-size:15px;color:#191412cc;padding:2px 0 4px}.prop-note{position:absolute;width:132px;background:#f2e3a1;padding:12px 12px 14px;transform:rotate(-3deg);box-shadow:0 6px 10px #0006}.prop-note-text{color:#191412d9;font-size:16px}.prop-stain{position:absolute;width:92px;height:92px;border-radius:50%;border:10px solid rgba(58,36,18,.28);filter:blur(1px);transform:rotate(8deg) scaleX(1.06)}.board-hud{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:flex-end;justify-content:space-between;padding:calc(max(env(safe-area-inset-top),10px) + 6px) 16px 10px;background:linear-gradient(#191412eb,#19141200);pointer-events:none}.board-hud-name{font-family:var(--font-hand);font-size:18px;color:var(--paper);opacity:.9}.board-hud-points{display:flex;align-items:baseline;gap:6px;background:#e9dfc81a;border:1px solid rgba(233,223,200,.25);border-radius:2px;padding:6px 10px}.board-hud-points-num{font-family:var(--font-stamp);font-size:16px}.board-hud-points-label{font-family:var(--font-type);font-size:11px;opacity:.7}.board-hint{position:fixed;bottom:calc(max(env(safe-area-inset-bottom),12px) + 8px);left:0;right:0;text-align:center;z-index:10;color:var(--paper);opacity:.85;pointer-events:none}.boot-folder{position:relative;width:min(92vw,380px);background:linear-gradient(168deg,rgba(0,0,0,.06),transparent 35%),#cdb98f;color:var(--ink);border-radius:3px 8px 3px 3px;padding:34px 24px 26px;box-shadow:0 1px #ffffff4d inset,0 18px 40px #0009,0 4px 10px #00000073}.boot-folder-tab{position:absolute;top:-14px;left:26px;width:110px;height:16px;background:#cdb98f;border-radius:6px 6px 0 0;box-shadow:0 1px #ffffff4d inset}.boot-folder .eyebrow{padding-right:108px}.boot-title{margin-top:6px;font-size:28px}.boot-stamp{position:absolute;top:26px;right:-14px;transform:rotate(12deg);font-family:var(--font-stamp);font-size:11px;line-height:1.25;text-transform:uppercase;color:var(--thread);border:3px double var(--thread);border-radius:3px;padding:6px 10px;max-width:130px;text-align:center;opacity:.82;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0.05'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23r)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0.05'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23r)'/%3E%3C/svg%3E");-webkit-mask-size:120px 120px;mask-size:120px 120px}.boot-intro{margin-top:18px;min-height:118px;border-top:1px dashed rgba(25,20,18,.35);padding-top:14px}.type-line{font-family:var(--font-type);font-size:14.5px;line-height:1.65;min-height:1.65em}.caret{animation:caret-blink .9s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.gate-question{margin-top:16px;font-size:15px;line-height:1.6}.gate-hint{margin-top:6px;transform:rotate(-1.6deg)}.date-row{display:grid;grid-template-columns:1fr 1.5fr 1.1fr;gap:8px;margin-top:14px}.date-row select{appearance:none;font-family:var(--font-type);font-size:15px;color:var(--ink);background:#1914120d;border:1px solid rgba(25,20,18,.35);border-radius:2px;padding:12px 10px;text-align:center}.gate-error{margin-top:14px;font-size:18px}.phone{width:min(92vw,340px);border-radius:34px;background:radial-gradient(130% 100% at 50% 0%,rgba(120,150,190,.14),transparent 60%),var(--glass);color:#dfe6ee;padding:34px 26px 30px;box-shadow:0 0 0 3px #23282e,0 0 0 5px #05070a,0 22px 48px #000000a6;text-align:center}.phone-title{font-family:var(--font-type);font-size:14px;letter-spacing:.06em;opacity:.85}.pin-dots{display:flex;justify-content:center;gap:16px;margin:22px 0 26px}.pin-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid rgba(223,230,238,.8);transition:background .12s ease}.pin-dot.filled{background:#dfe6ee}.pin-dots.error .pin-dot{border-color:var(--thread)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 22px;justify-items:center}.pin-key{width:68px;height:68px;border-radius:50%;background:#dfe6ee14;color:#eef2f7;font-family:var(--font-type);font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .1s ease}.pin-key:active{background:#dfe6ee47}.pin-key.aux{background:none;font-size:15px;letter-spacing:.04em;opacity:.75}.phone-note{margin-top:20px;min-height:26px;font-size:18px}@font-face{font-family:PT Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ptmono-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ptmono-latin.woff2) format("woff2")}@font-face{font-family:Rubik Mono One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rubikmonoone-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik Mono One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rubikmonoone-latin.woff2) format("woff2")}@font-face{font-family:Neucha;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/neucha-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Neucha;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/neucha-latin.woff2) format("woff2")}:root{--ink: #191412;--ink-soft: #241d19;--paper: #e9dfc8;--paper-dim: #d8cbae;--paper-shadow: #b3a482;--cork: #7d5a3e;--cork-dark: #5f4430;--thread: #b3202c;--thread-dark: #7e161f;--brass: #b08d4f;--glass: #101418;--font-stamp: "Rubik Mono One", monospace;--font-type: "PT Mono", "Courier New", monospace;--font-hand: "Neucha", "Segoe Script", cursive}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--ink);color:var(--paper);font-family:var(--font-type);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}button:focus-visible,select:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:hidden}.lamp:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,rgba(176,141,79,.16) 0%,transparent 55%),radial-gradient(140% 120% at 50% 55%,transparent 40%,rgba(0,0,0,.55) 100%);z-index:3}.grain:after{content:"";position:absolute;inset:-50%;pointer-events:none;z-index:4;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.paper-card{position:relative;width:min(92vw,380px);background:linear-gradient(174deg,rgba(0,0,0,.04),transparent 30%),var(--paper);color:var(--ink);border-radius:2px;padding:26px 22px 24px;box-shadow:0 1px #ffffff40 inset,0 14px 34px #0000008c,0 3px 8px #0006}.paper-card:before{content:"";position:absolute;top:14px;bottom:14px;left:9px;width:5px;background-image:radial-gradient(circle at 2.5px 2.5px,rgba(25,20,18,.25) 2.5px,transparent 3px);background-size:5px 26px;background-repeat:repeat-y}.eyebrow{font-family:var(--font-type);font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.6}.stamp-title{font-family:var(--font-stamp);font-size:20px;line-height:1.3;letter-spacing:.02em}.hand-note{font-family:var(--font-hand);font-size:19px;line-height:1.25;color:var(--thread)}.btn-ink{display:block;width:100%;margin-top:20px;padding:14px 18px;background:var(--ink);color:var(--paper);font-family:var(--font-type);font-size:15px;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;box-shadow:0 3px #00000059;transition:transform .08s ease}.btn-ink:active{transform:translateY(2px);box-shadow:0 1px #00000059}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}