@font-face{font-family:Sniglet;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sniglet-latin-400-normal-D30bKTdt.woff2)format("woff2"),url(/assets/sniglet-latin-400-normal-DesDcgKt.woff)format("woff")}@font-face{font-family:Sniglet;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/sniglet-latin-800-normal-Db1o7iA-.woff2)format("woff2"),url(/assets/sniglet-latin-800-normal-g3yqKLdc.woff)format("woff")}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(/assets/courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff")}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-700-normal-D1YCjmaD.woff2)format("woff2"),url(/assets/courier-prime-latin-700-normal-CVvp4Sof.woff)format("woff")}:root{--ink:#101010;--fur:#fff;--sky:#0d9cfa;--cream:#fdf3d9;--red:#bd0100;--green:#038d4d;--navy:#00017d;--yellow:#edea01;--wall:#2f3d68;--plate:#f3ecd6;--mono:"Courier Prime", ui-monospace, monospace;--bubble:"Sniglet", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--wall);color:var(--ink);font-family:var(--mono);margin:0;overflow-x:hidden}#boom{z-index:99;color:#fff;font:700 13px/1.4 var(--mono);background:#bd0100;padding:10px 14px;position:fixed;inset:auto 0 0}#desk{--deck:clamp(96px, 14vh, 138px);min-height:100svh;padding:clamp(18px,4vw,44px);padding-bottom:calc(var(--deck) + clamp(104px, 14vh, 138px));background:radial-gradient(120% 76% at 72% 94%, #fff6db 0%, #fff6db00 56%), linear-gradient(178deg, var(--sky) 0%, #7ecdff 46%, var(--cream) 100%);grid-template-rows:auto 1fr auto;gap:clamp(16px,2.6vw,26px);display:grid;position:relative;overflow:hidden}#who{z-index:2;aspect-ratio:900/672;pointer-events:none;width:min(48vw,620px);position:absolute;bottom:0;right:clamp(10px,2.6vw,48px)}#cat{filter:drop-shadow(0 18px 26px #00017d33);width:100%;display:block}#prop{transform-origin:50%;width:24.71%;position:absolute;top:-2.5%;left:42.95%;transform:translate(-50%,-50%)}#prop.spin{animation:1.4s cubic-bezier(.15,.7,.25,1) whirl}@keyframes whirl{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(4turn)}}#line{z-index:4;max-width:14ch;font-family:var(--bubble);color:var(--fur);-webkit-text-stroke:clamp(5px, .95vw, 10px) var(--ink);paint-order:stroke fill;margin:0;font-size:clamp(2.2rem,6.8vw,6rem);font-weight:800;line-height:.98;position:relative}#front{z-index:4;flex-wrap:wrap;grid-row:3;align-items:flex-end;gap:18px;display:flex;position:relative}#bell{border:4px solid var(--ink);background:var(--red);color:var(--fur);font-family:var(--bubble);cursor:pointer;box-shadow:0 8px 0 var(--navy);border-radius:999px;align-items:center;gap:12px;padding:14px 26px 16px;font-size:clamp(1rem,2vw,1.35rem);font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}#bell img{width:1.5em;height:1.5em}#bell:hover{box-shadow:0 10px 0 var(--navy);transform:translateY(-2px)}#bell:active,#bell.busy{box-shadow:0 2px 0 var(--navy);transform:translateY(6px)}#bell.done{background:var(--green)}#badge[hidden]{display:none}#badge{border:3px solid var(--ink);background:var(--plate);border-radius:12px;grid-template-columns:auto 1fr;gap:14px;padding:13px;animation:.45s cubic-bezier(.2,.9,.2,1) print;display:grid;box-shadow:0 8px #00017d47}@keyframes print{0%{opacity:0;transform:translateY(-20px)rotate(-2.5deg)}}#badge img{border:2px solid var(--ink);border-radius:9px;width:58px;height:58px}#badge dl{grid-template-columns:auto auto;align-content:center;gap:2px 12px;margin:0;font-size:12px;display:grid}#badge dt{color:#6a6f82;letter-spacing:.08em}#badge dd{color:var(--navy);margin:0;font-weight:700}#badge[data-off] #b-no{color:var(--red)}#counter{z-index:3;height:var(--deck);border-top:6px solid var(--ink);background:linear-gradient(180deg, #f3ecd6 0 32%, #e0d6bb 32% 35%, var(--red) 35% 46%, #f08a00 46% 57%, var(--yellow) 57% 68%, var(--green) 68% 79%, var(--sky) 79% 90%, var(--navy) 90% 100%);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 26px #00017d2e}#sign{z-index:4;left:clamp(18px,4vw,44px);bottom:calc(var(--deck) - clamp(22px, 3.4vh, 34px));background:var(--plate);border:3px solid var(--ink);border-radius:10px;grid-template-columns:auto 1fr;align-items:baseline;gap:3px 12px;max-width:min(88vw,430px);padding:11px 15px 12px;font-size:clamp(10.5px,1.05vw,12.5px);display:grid;position:absolute;box-shadow:0 7px #00017d52}#dept{font-family:var(--bubble);color:var(--navy);grid-column:1/-1;margin-bottom:3px;font-size:clamp(13px,1.5vw,17px);font-weight:800}.k{letter-spacing:.09em;color:#6a6f82;font-weight:700}#ca{cursor:pointer;font:700 inherit;font-family:var(--mono);color:var(--navy);overflow-wrap:anywhere;text-align:left;background:0 0;border:0;justify-self:start;margin:0;padding:0}#ca:hover{color:var(--red)}#ca.took:after{content:" COPIED";color:var(--green)}#count,#tick{color:var(--navy);font-weight:700}#stuck{z-index:4;right:clamp(18px,4vw,44px);bottom:calc(var(--deck) - clamp(18px, 2.8vh, 28px));gap:12px;display:flex;position:absolute}#stuck a{border:2px solid var(--ink);color:var(--ink);letter-spacing:.06em;background:#fffdf4;border-radius:8px;align-items:center;gap:7px;padding:7px 12px 7px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:transform .14s;display:flex;box-shadow:0 4px #00017d42}#stuck a:first-child{transform:rotate(-2.5deg)}#stuck a:last-child{transform:rotate(1.8deg)}#stuck a:hover{transform:rotate(0)translateY(-3px)}#stuck img{width:22px;height:22px}#hall{background:var(--wall);color:#dfe6f6;grid-template-rows:minmax(0,1fr) auto;height:100svh;min-height:560px;display:grid;position:relative}#corridor{touch-action:pan-y;width:100%;height:100%;display:block}#cap{font-family:var(--bubble);color:var(--yellow);margin:0;padding:18px clamp(16px,4vw,44px) 0;font-size:clamp(1.05rem,2.6vw,1.9rem);font-weight:800;line-height:1.1}#knock{letter-spacing:.12em;color:#9fb0d6;min-height:1.2em;padding:6px clamp(16px,4vw,44px) 0;font-size:12px;display:block}#dial{grid-template-columns:auto 1fr;align-items:center;gap:6px 16px;padding:10px clamp(16px,4vw,44px) 0;display:grid}#dial .k{color:#9fb0d6}#year{width:100%;accent-color:var(--yellow);cursor:ew-resize}#y-out{letter-spacing:.1em;color:#dfe6f6;grid-column:1/-1;font-size:clamp(12px,1.6vw,15px);font-weight:700}#src{color:#7f8fb5;max-width:90ch;margin:0;padding:14px clamp(16px,4vw,44px) clamp(16px,4vw,30px);font-size:10px;line-height:1.5}#nojs{color:#dfe6f6;padding:16px;font-size:13px}@media (max-width:760px){#desk{--deck:clamp(74px, 10.5vh, 98px);padding-bottom:calc(var(--deck) + clamp(56px, 9vh, 78px));grid-template-rows:auto auto 1fr;gap:14px}#front{grid-row:2;gap:10px}#who{width:min(150vw,620px);right:-34vw}#line{-webkit-text-stroke-width:5px;max-width:none}#bell{padding:12px 20px 14px}#sign{max-width:62vw;left:clamp(10px,3vw,18px);bottom:calc(var(--deck) - 16px);padding:9px 12px 10px;font-size:10.5px}#stuck{right:clamp(10px,3vw,18px);bottom:calc(var(--deck) - 10px);flex-direction:column;gap:6px}#stuck a{padding:5px 9px 5px 6px;font-size:10px}#stuck img{width:18px;height:18px}#badge{gap:10px;padding:10px}#badge img{width:46px;height:46px}#badge dl{font-size:10.5px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}