.shell{transform-origin:0 0;background:linear-gradient(158deg, var(--case-hi) 0%, var(--case) 30%, var(--case) 70%, var(--case-lo) 100%);--case:#cabb9e;--case-hi:#e0d3b8;--case-lo:#a3937a;--case-ink:#6b5f4c;--rust:#c0563c;--amber:#e0872f;--teal:#3f8f83;--scr:#16161e;--scr2:#1e1e29;--phos:#e9ead0;border-radius:15px;width:240px;height:250px;position:relative;box-shadow:inset 0 2px #ffffff47,inset 0 -8px 16px #0000001f}.shell>*{position:absolute}.bezel{background:linear-gradient(160deg, var(--case-lo), var(--case));width:220px;height:182px;box-shadow:inset 0 3px 7px #0006, inset 0 -1px 0 var(--case-hi), 0 1px 0 #fff3;border-radius:11px;top:33px;left:10px}.crt{background:radial-gradient(120% 130% at 50% 30%, var(--scr2) 0%, var(--scr) 78%, #0e0e15 100%);border-radius:9px;width:206px;height:168px;top:40px;left:17px;overflow:hidden;box-shadow:inset 0 0 34px #000000b3,inset 0 0 0 1px #00000080}.crt-inner{z-index:2;color:var(--phos);padding:6px 9px;font-family:Galmuri9,monospace;font-size:10px;line-height:12px;position:absolute;inset:0}.crt-scan{z-index:3;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 2px,#00000038 2px 3px);position:absolute;inset:0}.crt-glow{z-index:3;pointer-events:none;background:radial-gradient(90% 80% at 50% 42%,#e9ead00f,#0000 70%);position:absolute;inset:0}.brand{letter-spacing:0;height:16px;color:var(--case-ink);font-family:Galmuri11,monospace;font-size:12px;line-height:16px;top:10px;left:12px}.stripe{width:9px;height:5px;top:16px;box-shadow:0 0 0 1px #0000001f}.stripe.s0{background:var(--rust);left:44px}.stripe.s1{background:var(--amber);left:53px}.stripe.s2{background:var(--teal);left:62px}.led{background:var(--teal);width:6px;height:6px;box-shadow:0 0 5px var(--teal), inset 0 0 0 1px #0003;border-radius:50%;top:15px;left:222px}.screw{background:radial-gradient(circle at 35% 30%, var(--case-hi), var(--case-lo));border-radius:50%;width:7px;height:7px;top:228px;box-shadow:inset 0 0 0 1px #0000002e}.screw.l{left:12px}.screw.r{left:221px}.screw:after{content:"";background:#00000047;width:5px;height:1.5px;position:absolute;top:2.75px;left:1px}.vent{background:#00000029;border-radius:1.5px;width:49px;height:3px}.label{letter-spacing:1px;width:72px;height:13px;color:var(--case-ink);white-space:nowrap;font-family:GalmuriMono9,monospace;font-size:10px;line-height:13px;top:225px;left:84px}.giant-timer{color:#e9dcba;text-shadow:0 0 .04em #e9dcba8c,0 0 .16em #e9dcba4d,0 0 .5em #e9dcba24;white-space:nowrap;pointer-events:none;will-change:transform;opacity:0;font-family:Galmuri11,monospace;line-height:1;position:fixed;top:50%;left:0}.giant-timer .colon{animation:1s step-end infinite colon-blink}.giant-timer .d{width:var(--dw,.62em);text-align:center;display:inline-block}.giant-timer .colon{width:var(--cw,.4em);text-align:center;display:inline-block}@keyframes colon-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.giant-timer .colon{animation:none}}.memo-layer{pointer-events:none;will-change:transform;position:fixed;inset:0}:root{--nk:1}@media (height>=1200px){:root{--nk:2}}.note{width:calc(190px * var(--nk));padding:calc(15px * var(--nk)) calc(13px * var(--nk)) calc(24px * var(--nk));background:var(--bg);color:var(--ink);box-shadow:calc(3px * var(--nk)) calc(5px * var(--nk)) 0 #2a232038;background-image:repeating-linear-gradient(0deg, transparent 0 calc(21px * var(--nk)), #2a23200d calc(21px * var(--nk)) calc(22px * var(--nk)));font-family:Galmuri11,monospace;font-size:calc(12px * var(--nk));line-height:calc(18px * var(--nk));word-break:keep-all;overflow-wrap:anywhere;opacity:0;transform:translateY(-10px) rotate(var(--rot)) scale(.96);transition:opacity .18s,transform .26s cubic-bezier(.2,.9,.25,1);position:absolute}.note.in{opacity:1;transform:translateY(0) rotate(var(--rot)) scale(1)}.note-tape{top:calc(-11px * var(--nk));width:calc(58px * var(--nk));height:calc(20px * var(--nk));background:repeating-linear-gradient(90deg,#e4d6b0a8 0 5px,#d6c69ca8 5px 6px);position:absolute;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:inset 0 0 0 1px #ffffff47,0 1px 2px #00000024}.note-head{align-items:center;gap:calc(7px * var(--nk));margin-bottom:calc(9px * var(--nk));display:flex}.note-head b{font-weight:400}.note-head em{opacity:.4;background:currentColor;flex:1;height:1px}.note-head s{width:calc(6px * var(--nk));height:calc(6px * var(--nk));text-decoration:none}.note-row{align-items:flex-start;gap:calc(7px * var(--nk));margin:calc(4px * var(--nk)) 0;display:flex}.note-row i{width:calc(14px * var(--nk));height:calc(14px * var(--nk));margin-top:calc(1px * var(--nk));border:calc(1.6px * var(--nk)) solid currentColor;box-sizing:border-box;flex:none}.note-row i.on{background:currentColor}.sec{position:relative}.room{pointer-events:none;position:fixed;inset:0}.room>*{position:absolute}.room-wall{z-index:0;background:linear-gradient(#08080a 0%,#0d0d10 46%,#131317 74%,#17171b 100%);inset:0}.room-glow{z-index:1;opacity:.5;height:62%;transform-origin:var(--cx,50%) 62%;transform:scale(var(--zoom,1));background:radial-gradient(60% 70% at var(--cx,50%) 62%, #e9ead052, #e9ead000 70%);top:12%;left:0;right:0}.room-floor3d{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#gl{z-index:5}.room-floor3d{z-index:2}.giant-timer{z-index:7}.memo-layer{z-index:8}.stage-scrim{z-index:6;pointer-events:none;background:linear-gradient(#0f0f1100 0%,#0f0f118c 34%,#0f0f11db 66%,#0f0f11f2 100%);height:62%;position:fixed;bottom:0;left:0;right:0}.crt-vig{z-index:9;pointer-events:none;opacity:0;background:radial-gradient(120% 120%,#0000 52%,#0000008c 88%,#000000d9 100%),radial-gradient(90% 70% at 50% 22%,#e9ead00d,#e9ead000 70%);position:fixed;inset:0}.dim{z-index:10;opacity:0;pointer-events:none;background:#07070a;position:fixed;inset:0}.report{z-index:10;width:min(calc(560px * var(--nk)), calc(100vw - 32px));pointer-events:none;visibility:hidden;-webkit-user-select:text;user-select:text;color:#e9ead0;opacity:0;font-family:Galmuri11,monospace;position:fixed;top:0;left:50%;transform:translate(-50%)}.report.up{pointer-events:auto;visibility:visible}.rp-scale{zoom:var(--nk);width:100%}.rp-box{background:#16161e;border:1.5px solid #e9ead0;box-shadow:5px 6px #00000080}.rp-bar{background:#1e1e29;border-bottom:1.5px solid #e9ead04d;align-items:center;gap:6px;height:26px;padding:5px 8px;display:flex;position:relative;overflow:hidden}.rp-bar:before{content:"";background-image:repeating-linear-gradient(#e9ead085 0 1.5px,#0000 1.5px 4px);position:absolute;inset:0}.rp-btn{background:#1e1e29;border:1.5px solid #e9ead0;flex:none;width:13px;height:11px;position:relative}.rp-title{text-align:center;white-space:nowrap;background:#1e1e29;flex:1;padding:0 10px;font-size:12px;position:relative}.rp-body{padding:18px;font-size:12px;line-height:18px}.rp-body p{margin:5px 0;line-height:20px}.rp-h2{align-items:center;gap:8px;margin:15px 0 7px;display:flex}.rp-h2 span{white-space:nowrap;font-size:12px}.rp-h2 i{background:#e9ead04d;flex:1;height:1.5px}.rp-h3{color:#e9ead09e;margin:10px 0 3px;font-size:12px}.rp-body ul{margin:6px 0;padding:0;line-height:18px;list-style:none}.rp-body li{margin:4px 0;padding-left:15px;position:relative}.rp-body li:before{content:"·";color:#e9ead085;position:absolute;left:3px}.rp-body code{color:#16161e;background:#e9ead0;padding:0 3px;font-family:GalmuriMono9,monospace}.rp-body strong{font-weight:400}.rp-btns{gap:10px;margin-top:16px;display:flex}.rp-btns span{text-align:center;color:#e9ead0;border:1.5px solid #e9ead0;flex:1;padding:6px 4px;font-family:Galmuri9,monospace;font-size:10px;box-shadow:inset -1.5px -1.5px #e9ead04d}.rp-btns span.pri{color:#16161e;background:#e9ead0;box-shadow:inset -1.5px -1.5px #00000040}.rp-copy{text-align:right;color:#e9ead085;margin-top:8px;font-family:GalmuriMono9,monospace;font-size:10px}.pets{z-index:3;pointer-events:none;position:fixed;inset:0}.pet{opacity:0;transition:opacity .3s;position:absolute}.pet.in{opacity:1;transform:translateY(0)}.pet canvas{image-rendering:pixelated;display:block}.pet b{text-align:center;color:#e9ead0b8;white-space:nowrap;margin-top:10px;font-family:Galmuri9,monospace;font-size:10px;font-weight:400;display:block}.chrome{z-index:11;pointer-events:none;font-family:IBM Plex Sans KR,Pretendard,-apple-system,system-ui,sans-serif;position:fixed;inset:0}.chrome a,.chrome button{pointer-events:auto}.ch-mark{color:#e9ead0;font-family:Galmuri11,monospace;font-size:12px;line-height:12px;text-decoration:none;position:absolute;top:clamp(22px,2.6vw,56px);left:clamp(20px,2.8vw,64px)}@media (width>=2000px){.ch-mark{font-size:24px;line-height:24px}}.ch-lang{letter-spacing:.1em;color:#9aa0a8;font-family:JetBrains Mono,monospace;font-size:clamp(11px,.85vw,15px);text-decoration:none;position:absolute;top:clamp(22px,2.6vw,56px);right:clamp(20px,2.8vw,64px)}.ch-lang:hover{color:#e9dcba}.ch-mark,.ch-lang{text-shadow:0 1px 3px #0f0f11,0 0 10px #0f0f11,0 0 20px #0f0f11e6}.ch-hero,.ch-foot{opacity:0;visibility:hidden;text-align:center;width:clamp(320px,min(41vw,68vh),940px);max-width:calc(100vw - 48px);position:absolute;left:50%}.ch-hero.on,.ch-foot.on{visibility:visible}.ch-hero{top:auto;bottom:clamp(20px,2.4vw,52px);transform:translate(-50%)}.ch-foot{top:auto;bottom:6vh;transform:translate(-50%)}.ch-foot h2{letter-spacing:-.03em;color:#eef0f3;margin:0 0 clamp(10px,1vw,18px);font-size:clamp(21px,min(1.8vw,2.9vh),40px);font-weight:700}.ch-foot .ch-lede{margin-bottom:clamp(14px,1.4vw,24px)}@media (height<=780px),(width<=720px){.ch-foot .ch-lede{display:none}}.ch-foot .ch-next{margin-top:8px}.ch-foot .ch-sub{margin-top:clamp(8px,.7vw,14px)}.cmd{text-align:center;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:0;display:flex;overflow:visible}.cmd-src{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.cmd-src.shown{clip-path:none;white-space:pre-wrap;overflow-wrap:anywhere;color:#eef0f3;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#17181a;border:1px solid #26282b;border-radius:8px;width:auto;height:auto;margin-top:12px;padding:11px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;position:static;overflow-x:auto}.cmd button{color:#e9dcba;cursor:pointer;pointer-events:auto;white-space:nowrap;background:#16161a;border:1px solid #2a2a31;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:168px;height:34px;padding:0 22px;font-family:inherit;font-size:clamp(12px,.9vw,15px);font-weight:600;display:flex}.cmd button:hover,.cmd button.ok{color:#17170f;background:#e9dcba;border-color:#e9dcba}.cmd button:focus-visible,.chrome a:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #e9dcba}.cmd-pc{color:#c9ccd1;justify-content:center;align-items:center;min-height:34px;margin:0;padding:0 12px;font-size:clamp(12px,.9vw,15px);display:flex}.cmd code{pointer-events:auto;-webkit-user-select:text;user-select:text}.ch-next{color:#7f858d;margin:10px 0 0;font-family:JetBrains Mono,monospace;font-size:clamp(11px,.8vw,14px)}.ch-sub{color:#9aa0a8;margin:clamp(10px,.9vw,18px) 0 0;font-size:clamp(12px,.9vw,16px)}.ch-sub a{color:#c9ccd1}.ch-foot nav{justify-content:center;gap:clamp(18px,1.6vw,32px);margin-top:clamp(16px,1.6vw,30px);font-size:clamp(12px,.9vw,16px);display:flex}.ch-foot nav a{color:#c9ccd1;text-decoration:none}.ch-foot nav a:hover{color:#e9dcba}@media (width<=720px){.ch-mark,.ch-lang{top:20px}.ch-mark{left:20px}.ch-lang{right:20px}.ch-mark{margin:-16px;padding:16px;font-size:12px}.ch-lang{margin:-15px;padding:15px;font-size:12px}.ch-foot h2{font-size:21px}}.chrome header,.chrome main,.chrome footer{display:contents}.ch-hero h1{letter-spacing:-.035em;color:#eef0f3;margin:0 0 clamp(10px,1vw,20px);font-size:clamp(27px,min(2.78vw,4.45vh),64px);font-weight:700;line-height:1.22}.ch-lede{color:#c9ccd1;word-break:keep-all;margin:0 0 clamp(18px,1.8vw,34px);font-size:clamp(14px,min(1.05vw,1.68vh),21px);line-height:1.7}.ch-progress{background:#1d1d22;height:2px;position:absolute;top:0;left:0;right:0}.ch-progress i{transform-origin:0;background:#e9dcba;height:100%;display:block;transform:scaleX(0)}body.flat{background:#0f0f11;overflow:auto}body.flat .chrome{pointer-events:auto;padding:12vh 24px 10vh;position:static}body.flat .ch-mark,body.flat .ch-lang,body.flat .ch-progress{position:static}body.flat .ch-hero,body.flat .ch-foot{opacity:1;visibility:visible;text-align:left;margin:0 auto 12vh;position:static;transform:none}.flat-note{color:#9aa0a8;background:#17181a;border:1px solid #26282b;border-radius:8px;max-width:536px;margin:0 auto 24px;padding:12px 14px;font-family:IBM Plex Sans KR,system-ui,sans-serif;font-size:13px}@media (width<=720px){#s-intro{height:160vh!important}#s-hero{height:200vh!important}.ch-hero h1{font-size:27px}.ch-lede{font-size:14px}.ch-hero{bottom:20px}.ch-foot{bottom:4vh}}.pomo-alert{z-index:10;width:calc(176px * var(--nk));color:#e9ead0;pointer-events:none;visibility:hidden;opacity:0;font-family:Galmuri11,monospace;position:fixed;top:0;left:50%;transform:translate(-50%)}.pomo-alert.up{visibility:visible}.pomo-alert .al-win{background:#16161e;border:1.5px solid #e9ead0;box-shadow:3px 4px #00000080}.al-bar{box-sizing:border-box;background:#1e1e29;border-bottom:1.5px solid #e9ead04d;align-items:center;gap:5px;height:18px;padding:3px 5px;display:flex;position:relative;overflow:hidden}.al-bar:before{content:"";background-image:repeating-linear-gradient(#e9ead085 0 1.5px,#0000 1.5px 4px);position:absolute;inset:0}.al-g{gap:3px;display:flex;position:relative}.al-sp{flex:1}.al-box{box-sizing:border-box;background:#1e1e29;border:1.5px solid #e9ead0;flex:none;width:13px;height:11px;display:inline-block;position:relative}.al-box i{box-sizing:border-box;border-top:1.5px solid #e9ead0;border-bottom:none;border-left:none;border-right:1.5px solid #e9ead0;width:5px;height:4px;position:absolute;top:1px;right:1px}.al-title{white-space:nowrap;color:#e9ead0;background:#1e1e29;padding:0 8px;font-family:Galmuri9,monospace;font-size:10px;position:relative}.al-body{background:#16161e;padding:10px 11px 9px}.al-inner{border:1.5px solid #e9ead04d;flex-direction:column;align-items:center;gap:8px;padding:10px 9px 11px;display:flex}.al-msg{text-align:center;white-space:pre-line;color:#e9ead0;word-break:keep-all;font-size:12px;line-height:18px}.al-pet{image-rendering:pixelated;display:block}.al-btns{gap:6px;margin-top:2px;display:flex}.al-btns span{color:#e9ead0;border:1.5px solid #e9ead0;padding:5px 12px;font-family:Galmuri9,monospace;font-size:10px;line-height:1;box-shadow:inset -1.5px -1.5px #e9ead04d}.al-btns span.pri{color:#16161e;background:#e9ead0;box-shadow:inset -1.5px -1.5px #00000040}.al-copy{justify-content:flex-end;margin-top:5px;display:flex}.al-copy>span{color:#e9ead085;background:#16161e;padding:1px 4px;font-family:GalmuriMono9,monospace;font-size:10px}.giant-timer.bg{text-align:center;color:#e9dcba;opacity:0;text-shadow:0 0 40px #e0872f;width:100%;left:0;right:0}.petbar{z-index:3;opacity:0;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:9px;display:flex;position:fixed;left:0;right:0}.petbar b{color:#e9ead0;font-family:Galmuri11,monospace;font-size:24px;font-weight:400;line-height:24px}.petbar .pb-n{letter-spacing:.1em;color:#8e8e98;font-family:JetBrains Mono,monospace;font-size:12px}.petbar .pb-dots{gap:6px;display:flex}.petbar .pb-dots s{background:#e9ead03d;width:6px;height:6px;text-decoration:none}.petbar .pb-dots s.on{background:#e9dcba}.petbar.back .pb-n{color:#e9dcba;letter-spacing:.02em}.petbar.back .pb-dots{opacity:.35}body.locked{touch-action:none;overscroll-behavior:none}.seccap{z-index:11;pointer-events:none;opacity:0;text-shadow:0 1px 3px #0f0f11,0 0 10px #0f0f11,0 0 20px #0f0f11e6;align-items:baseline;gap:12px;transition:opacity .45s,transform .45s cubic-bezier(.2,.9,.25,1);display:flex;position:fixed;bottom:clamp(20px,2.4vw,52px);left:clamp(20px,2.8vw,64px);transform:translateY(6px)}.seccap.on{opacity:1;transform:none}.seccap b{color:#e9dcba;font-family:Galmuri11,monospace;font-size:24px;font-weight:400;line-height:24px}.seccap span{color:#9aa0a8;word-break:keep-all;max-width:40vw;font-size:clamp(12px,.95vw,16px);line-height:1.5}@media (width<=720px){.seccap span{max-width:calc(100vw - 100px);min-height:3em}}@media (width<=720px) and (height<=780px){body:has(.report.up) .seccap{opacity:0}}.seccap em{color:#eef0f3;margin-bottom:3px;font-size:clamp(14px,1.1vw,19px);font-style:normal;font-weight:700;display:block}.campanel{z-index:41;color:#8e8e98;background:#101012eb;border:1px solid #26282b;border-radius:8px;flex-direction:column;gap:7px;width:208px;padding:10px 12px 12px;font:11px/1.5 ui-monospace,monospace;display:flex;position:fixed;top:56px;right:12px}.campanel b{color:#e9dcba;letter-spacing:.06em;font-weight:600}.campanel label{grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;display:grid}.campanel i{font-style:normal}.campanel em{text-align:right;color:#d2d2d8;font-style:normal}.campanel input{accent-color:#e9dcba;width:100%}.campanel code{white-space:pre-wrap;color:#e9dcba;-webkit-user-select:all;user-select:all;background:#0f0f11;border:1px solid #26282b;border-radius:5px;padding:6px 7px}.campanel button{font:inherit;cursor:pointer;color:#c9ccd1;background:#17181a;border:1px solid #26282b;border-radius:6px;padding:5px}.campanel button:hover{color:#e9dcba;border-color:#e9dcba}@media (width<=900px),(pointer:coarse){.cmd button{min-width:200px;height:46px}}@media (width<=1100px){.campanel{display:none}}