:root{--ink:#232b36;--ink-soft:#232b369e;--paper:#f3efe6;color:var(--ink);font-family:AppleMyungjo,Noto Serif KR,Nanum Myeongjo,Batang,Songti SC,serif;font-weight:300;line-height:1.7}html,body{background:var(--paper);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#c{opacity:0;width:100%;height:100%;transition:opacity 1.6s;display:block;position:fixed;inset:0}.ready #c{opacity:1}#app{pointer-events:none;position:fixed;inset:0}#app button,#app a{pointer-events:auto}.screen{text-align:center;width:min(56rem,100vw - 2rem);animation:2.4s both bloom;position:absolute;top:13vh;left:50%;transform:translate(-50%)}.screen h1{letter-spacing:.34em;text-indent:.34em;white-space:nowrap;margin:.4em 0 .5em;font-size:clamp(1.5rem,3.6vw,2.8rem);font-weight:200}.screen p{margin:0}.lead,.summary{letter-spacing:.22em;text-indent:.22em;color:var(--ink-soft);font-size:clamp(.95rem,1.8vw,1.15rem)}.stage{letter-spacing:.3em;text-indent:.3em;color:var(--ink-soft);flex-direction:column;gap:.2em;font-size:.82rem;display:flex}.stage b{font-weight:400}.muted{letter-spacing:.18em;color:var(--ink-soft);font-size:.88rem;margin-top:.6em!important}button{font:inherit;color:inherit;border:0;border-bottom:1px solid var(--ink-soft);letter-spacing:.5em;text-indent:.5em;cursor:pointer;background:0 0;border-radius:0;margin-top:2.4em;padding:.35em .2em;font-size:1.05rem;transition:opacity 1.2s,border-color .4s}button:hover,button:focus-visible{border-bottom-color:var(--ink);outline:none}.go.waiting{opacity:0;pointer-events:none}.row{justify-content:center;gap:2.4em;display:flex}.row button{margin-top:2em}.portal{letter-spacing:.3em;text-indent:.3em;width:fit-content;color:var(--ink-soft);margin:3em auto 0;font-size:.78rem;text-decoration:none;display:block}.hud{position:absolute;inset:0}.hint{left:50%;bottom:calc(5.5vh + env(safe-area-inset-bottom,0px));text-align:center;letter-spacing:.22em;opacity:0;width:max-content;max-width:calc(100vw - 2rem);color:var(--ink);margin:0;font-size:clamp(.9rem,1.5vw,1.05rem);transition:opacity 2.4s;position:absolute;transform:translate(-50%)}.hint.on{opacity:.72}.quit{right:calc(1.4rem + env(safe-area-inset-right,0px));top:calc(1.1rem + env(safe-area-inset-top,0px));letter-spacing:.3em;text-indent:0;opacity:.4;border-bottom-color:#0000;margin:0;font-size:.82rem;position:absolute}.quit:hover{opacity:.9}.ending{text-align:center;pointer-events:none;width:min(40rem,100vw - 2rem);position:absolute;top:14vh;left:50%;transform:translate(-50%)}.ending h1{letter-spacing:.34em;text-indent:.34em;white-space:nowrap;opacity:0;margin:0;font-size:clamp(1.5rem,3.6vw,2.8rem);font-weight:200;animation:4s 2s both rise}.ending p{letter-spacing:.3em;text-indent:.3em;color:var(--ink-soft);opacity:0;margin:1.6em 0 0;font-size:.95rem;animation:3s 6s both rise}@keyframes bloom{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}@keyframes rise{0%{opacity:0;filter:blur(5px)}to{opacity:.85;filter:blur()}}.rotate{z-index:10;background:var(--paper);text-align:center;word-break:keep-all;letter-spacing:.3em;place-items:center;padding:2rem;font-size:1.2rem;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){.rotate{display:grid}}@media (height<=520px){.screen{top:7vh}.screen h1{font-size:1.6rem}button{margin-top:1.2em}.portal{margin-top:1.4em}}.check-badge{color:#fff;pointer-events:none;background:#c33;border-radius:.25rem;margin:0;padding:.1rem .5rem;font-size:.75rem;position:fixed;bottom:.5rem;right:.5rem}.screen.result{background:radial-gradient(#f3efe6e0 0%,#f3efe6b8 45%,#f3efe600 72%);padding:2.4rem 3rem 2rem}
