:root{--gp-accent: #e0b76a;--gp-primary: #c99a4a;--gp-primary-line: #e6c486;--gp-panel: rgba(22, 16, 12, .92);--gp-ink: #f3eadb;--gp-muted: #b9ab95;--gp-line: rgba(230, 196, 134, .22);--hd-glass: rgba(18, 13, 10, .62);--hd-serif: "Noto Serif KR", var(--gp-serif, serif)}body{background:#0b0806;word-break:keep-all}.num{font-variant-numeric:tabular-nums}.hd-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:calc(96px + var(--gp-safe-top)) 16px calc(32px + var(--gp-safe-bottom));text-align:center;cursor:pointer;background:#0a0e1a;outline:none;overflow:hidden}.hd-intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hd-intro>:not(.hd-intro-bg),.hd-veil.title>:not(.hd-intro-bg){position:relative;z-index:1}.hd-intro>.hd-intro-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .35s ease}.hd-intro>.hd-intro-fx.on{opacity:1}@media(orientation:landscape)and (max-height:500px){.hd-intro{padding-top:calc(16px + var(--gp-safe-top))}}.hd-intro h1,.hd-veil.title h1{margin:0;font-family:var(--hd-serif);font-weight:700;font-size:clamp(48px,15vw,76px);letter-spacing:.14em;color:#f7efe0;text-shadow:0 2px 18px rgba(0,0,0,.7);animation:hd-in 1.6s ease both}.hd-intro h1:not(:lang(ko)),.hd-veil.title h1:not(:lang(ko)){font-size:clamp(44px,14vw,72px);letter-spacing:.04em}.hd-intro h1 img,.hd-veil.title h1 img{display:block;width:min(76vw,340px);height:auto}.hd-intro h1 span,.hd-veil.title h1 span{display:block;margin-top:8px;font-size:16px;letter-spacing:.6em;color:#e4cf9f;opacity:.9}.hd-intro-line{margin:0;font-size:16px;color:#efe7d8;word-break:keep-all;text-shadow:0 1px 8px rgba(0,0,0,.75);animation:hd-in 1.6s .4s ease both}.hd-intro-foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.hd-intro-go{min-width:220px;min-height:52px;padding:0 32px;border:0;border-radius:26px;background:linear-gradient(180deg,#f3dcaa,#d8b06a);color:#3a2a18;font:700 18px var(--hd-serif);letter-spacing:.04em;font-variant-numeric:tabular-nums;box-shadow:0 8px 28px #00000059,inset 0 1px #ffffff80;cursor:pointer;animation:hd-in 1.4s .6s ease both}.hd-intro-go:active{transform:translateY(1px)}.hd-intro-go.loading{background:#f7efe038;color:#fff;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hd-intro-next{margin:0;font-size:14px;color:#f7efe0;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(20,40,30,.85)}.hd-intro-wl .hd-wl{color:#fff;text-shadow:0 1px 6px rgba(20,40,30,.9)}.hd-intro-wl{margin:0;height:41px;font-family:system-ui,Apple SD Gothic Neo,sans-serif}@media(max-height:500px){.hd-intro-wl{display:none}}@keyframes hd-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}:root{--hd-paper: rgba(250, 246, 238, .95);--hd-paper-ink: #2a2117;--hd-paper-soft: rgba(42, 33, 23, .64);--hd-paper-line: rgba(255, 255, 255, .72);--hd-paper-shadow: 0 4px 14px rgba(0, 0, 0, .16)}.hd-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:radial-gradient(ellipse 90% 70% at 50% 38%,color-mix(in srgb,var(--hd-fog, #0d0a07) 78%,#fff3dc),var(--hd-fog, #0d0a07) 75%);opacity:0;pointer-events:none;transition:opacity .6s ease}.hd-veil.on{opacity:1;transition-duration:.35s}.hd-veil.place{display:grid;place-items:center;background:#0b0806;overflow:hidden;transition-duration:.14s}.hd-veil.place>i{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:center / cover no-repeat;filter:blur(10px) brightness(.72)}.hd-veil-pct{position:relative;margin:0;font-size:16px;color:var(--gp-ink);font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.8)}.hd-veil-wl{position:absolute;left:16px;right:16px;top:calc(50% + 24px);margin:0}.hd-veil.title{display:flex;flex-direction:column;align-items:center;padding-top:calc(96px + var(--gp-safe-top));background:#12151a;transition:opacity .9s ease}.hd-veil.title *,.hd-veil.title *:before{animation:none!important}.hd-intro-call{margin:0;font-size:15px;color:var(--gp-accent);word-break:keep-all;text-shadow:0 1px 6px rgba(0,0,0,.7);animation:hd-in 1.4s .4s ease both}.hd-act{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:96px;min-height:72px;padding:4px 12px;border:0;border-radius:20px;background:transparent;color:var(--gp-ink);font:inherit;font-size:14px;cursor:pointer}.hd-act:active{background:#e0b76a24}.hd-chip{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--gp-line);background:#ffffff0a;color:var(--gp-ink);font:inherit;font-size:15px;cursor:pointer}.hd-wide{width:100%;min-height:48px;margin:4px 0}.gp-m-title{font-family:var(--hd-serif);letter-spacing:0}.gp-btn.primary,.gp-m-btn{letter-spacing:0}.hd-x{position:absolute;top:12px;right:12px;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:22px;border:0;background:transparent;color:var(--gp-muted)}.gp-box{background:#1a1410;border-color:#e6c4862e}.hd-sw{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 0;border-radius:12px;border:1px solid var(--gp-line);background:#ffffff0a;color:var(--gp-ink);font:inherit;font-size:14px;cursor:pointer;word-break:keep-all}.hd-rdot{width:44px;height:44px;min-height:44px;padding:0;border-radius:22px;border:2px solid rgba(255,255,255,.18);background:var(--c);cursor:pointer}:root{--gp-bg: #0b0f17;--gp-panel: rgba(16, 20, 30, .92);--gp-line: rgba(232, 220, 190, .18);--gp-ink: #ece4d2;--gp-muted: #9a9384;--gp-accent: #d8b25a;--gp-primary: #7a2a22;--gp-primary-line: #c25a4a;--gp-good: #5ee08a;--gp-bad: #ff6a5a;--gp-serif: "Gowun Batang", serif;--gp-sans: "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--gp-bg);color:var(--gp-ink);font-family:var(--gp-sans);overflow:hidden}body{user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none}html,body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}.hidden{display:none!important}#gp-root{position:fixed;left:0;right:0;top:0;height:100%;height:100dvh;background:var(--gp-bg)}#gp-stage{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gp-bg);touch-action:none}#gp-stage canvas{display:block;background:var(--gp-bg);touch-action:none}.gp-screen,.gp-box,[data-scroll]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#gp-screens{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gp-screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;overflow-y:auto}.gp-screen.pass{pointer-events:none;z-index:6}:where(.gp-screen.pass) :where(button,a[href],input,select,textarea,label,summary,[role=button],[role=tab],[contenteditable=true],[data-interactive],.gp-panel){pointer-events:auto}#gp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.gp-banner{position:absolute;left:0;right:0;top:38%;text-align:center;font-family:var(--gp-serif);font-size:34px;font-weight:700;letter-spacing:.1em;opacity:0;text-shadow:0 2px 12px #000}.gp-banner.on{animation:gp-banner 1.1s ease-out forwards}@keyframes gp-banner{0%{opacity:0;transform:scaleX(1.4)}20%{opacity:1;transform:scaleX(1)}80%{opacity:1}to{opacity:0}}.gp-toast{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100% - 32px);background:#241a1a;border:1px solid #6a4a3a;padding:9px 14px;border-radius:8px;font-size:13px;line-height:1.5;opacity:0;transition:opacity .2s}.gp-toast.on{opacity:1}.gp-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:16px;pointer-events:auto}.gp-box.wide{width:min(720px,100%)}.gp-box{width:min(440px,100%);max-height:calc(100% - 32px);overflow-y:auto;background:#141a26;border:1px solid var(--gp-line);border-radius:14px;padding:18px}.gp-m-title{font-family:var(--gp-serif);font-size:19px;font-weight:700;margin-bottom:4px}.gp-box{position:relative}.gp-box.closable .gp-m-title,.gp-box.closable .gp-m-sub{padding-right:44px}.gp-m-x{position:absolute;top:8px;right:8px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:22px;background:transparent;color:inherit;font-size:18px;line-height:1;opacity:.7;cursor:pointer;touch-action:manipulation}.gp-m-x:active{background:#7f7f7f2e}.gp-m-grab{height:12px;margin:-10px -18px 0;touch-action:none}.gp-m-sub{color:var(--gp-muted);font-size:13px;margin-bottom:14px;line-height:1.5}.gp-m-btns{display:grid;gap:8px;margin-top:12px}.gp-m-btn{text-align:left;padding:11px 13px;border-radius:10px;border:1px solid var(--gp-line);background:#ffffff0d}.gp-m-btn b{display:block;font-size:15px}.gp-m-btn span{display:block;font-size:12px;color:var(--gp-muted);margin-top:3px}.gp-m-btn.primary{background:var(--gp-primary);border-color:var(--gp-primary-line)}.gp-m-btn:hover:not(:disabled){border-color:var(--gp-accent)}.gp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--gp-serif);font-weight:700;padding:12px 22px;border-radius:10px;background:#ffffff0d;border:1px solid var(--gp-line)}.gp-btn.primary{background:var(--gp-primary);border-color:var(--gp-primary-line);font-size:18px;padding:14px 30px;letter-spacing:.08em}.gp-btn.small{font-family:var(--gp-sans);font-weight:400;font-size:13px;padding:6px 12px;border-radius:999px}.gp-btn:hover:not(:disabled){border-color:var(--gp-accent)}.gp-progress{position:absolute;left:0;right:0;top:0;height:3px;pointer-events:none;transition:opacity .3s}.gp-progress i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gp-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}.gp-progress span{position:absolute;right:8px;top:6px;font-size:11px;color:var(--gp-muted);text-shadow:0 1px 2px #000}.gp-progress.out{opacity:0}.gp-m-body{display:contents}.gp-m-status{margin-top:10px;font-size:13px;color:var(--gp-muted);line-height:1.5}.gp-m-status.good{color:var(--gp-good)}.gp-m-status.bad{color:var(--gp-bad)}.gp-credits{max-height:min(60vh,520px);overflow-y:auto;text-align:left;font-size:max(var(--gp-min-text, 14px),13px)}.gp-credits h4{margin:12px 0 4px;font-size:14px;color:var(--gp-accent)}.gp-credits ul{list-style:none;margin:0;padding:0}.gp-credits li{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid var(--gp-line);word-break:keep-all;overflow-wrap:anywhere}.gp-credits small{color:var(--gp-muted)}.gp-credits details summary{cursor:pointer;font-size:12px;color:var(--gp-muted)}.gp-credits pre{white-space:pre-wrap;font-size:11px;line-height:1.4;max-height:240px;overflow-y:auto;margin:4px 0 0;padding:8px;background:#00000040;border-radius:8px;user-select:text;-webkit-user-select:text}.gp-credits a{color:inherit;opacity:.8;font-size:12px;overflow-wrap:anywhere;pointer-events:auto}.gp-skel{display:grid;gap:12px;padding:8px 0 16px}.gp-skel i{display:block;height:44px;border-radius:12px;background:linear-gradient(90deg,#7f7f7f24,#7f7f7f47,#7f7f7f24);background-size:200% 100%;animation:gp-skel 1.1s linear infinite}@keyframes gp-skel{0%{background-position:200% 0}to{background-position:-200% 0}}html.gp-reduce-motion .gp-skel i{animation:none}.gp-install{list-style:none;margin:8px 0 4px;padding:0;display:grid;gap:12px}.gp-install-step{display:flex;align-items:center;gap:12px;font-size:16px}.gp-install-step i{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#7f7f7f2e;color:#3a8dde}@media(min-width:700px)and (min-height:501px){.gp-box,.gp-box.wide{max-width:var(--gp-col, none)}.gp-toast,.gp-banner{max-width:min(calc(100% - 32px),calc(var(--gp-col, 100vw) - 32px))}.gp-banner{margin:0 auto}}:root{--gp-safe-top: env(safe-area-inset-top, 0px);--gp-safe-right: env(safe-area-inset-right, 0px);--gp-safe-bottom: env(safe-area-inset-bottom, 0px);--gp-safe-left: env(safe-area-inset-left, 0px);--gp-text-scale: 1;--gp-min-text: 12px;--gp-min-label: 11px;--gp-touch: 44px}@media(pointer:coarse){:root{--gp-min-text: 14px;--gp-min-label: 12px}}.gp-toast{font-size:max(var(--gp-min-text),calc(13px * var(--gp-text-scale)));bottom:calc(24px + var(--gp-safe-bottom))}.gp-m-title{font-size:calc(19px * var(--gp-text-scale))}.gp-m-sub,.gp-m-status{font-size:max(var(--gp-min-text),calc(13px * var(--gp-text-scale)))}.gp-m-btn{min-height:var(--gp-touch)}.gp-m-btn b{font-size:max(var(--gp-min-text),calc(15px * var(--gp-text-scale)))}.gp-m-btn span{font-size:max(var(--gp-min-text),calc(12px * var(--gp-text-scale)))}.gp-btn{min-height:var(--gp-touch)}.gp-btn.small{font-size:max(var(--gp-min-text),calc(13px * var(--gp-text-scale)))}.gp-progress{top:var(--gp-safe-top)}@media(max-width:640px)and (orientation:portrait){.gp-modal:not(.center){place-items:end stretch;padding:0}.gp-modal:not(.center) .gp-box{width:100%;max-height:85%;border-radius:18px 18px 0 0;border-bottom:0;padding-bottom:calc(18px + var(--gp-safe-bottom));animation:gp-sheet-up .22s ease-out}.gp-modal:not(.center) .gp-box:before{content:"";display:block;width:40px;height:4px;margin:-6px auto 12px;border-radius:2px;background:var(--gp-line)}html.gp-no-sheet .gp-modal{place-items:center;padding:16px}html.gp-no-sheet .gp-modal .gp-box{width:min(440px,100%);border-radius:14px;border-bottom:1px solid var(--gp-line);animation:none}html.gp-no-sheet .gp-modal .gp-box:before{display:none}}@keyframes gp-sheet-up{0%{transform:translateY(40%);opacity:.4}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){html:not(.gp-motion-ok) *,html:not(.gp-motion-ok) *:before,html:not(.gp-motion-ok) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html.gp-reduce-motion *,html.gp-reduce-motion *:before,html.gp-reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.gp-tier-low *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.gp-tier-low .gp-banner{text-shadow:none}.gp-rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-content:center;justify-items:center;gap:16px;background:var(--gp-bg);color:var(--gp-ink);text-align:center;font-size:16px;padding:24px}.gp-rotate-icon{width:44px;height:72px;border:3px solid var(--gp-ink);border-radius:8px;animation:gp-rotate 1.6s ease-in-out infinite}.gp-rotate-icon.landscape{animation-name:gp-rotate-l}@keyframes gp-rotate{0%,30%{transform:rotate(90deg)}70%,to{transform:rotate(0)}}@keyframes gp-rotate-l{0%,30%{transform:rotate(0)}70%,to{transform:rotate(90deg)}}.gp-offline{position:absolute;left:50%;top:calc(8px + var(--gp-safe-top));transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#4a2a1a;border:1px solid #a0603a;font-size:max(var(--gp-min-text),12px);white-space:nowrap;pointer-events:none;z-index:60}.gp-float{position:absolute;transform:translate(-50%,-100%);font-weight:900;font-size:22px;color:#fff;text-shadow:0 2px 4px #000,0 0 2px #000;animation:gp-rise 1.3s ease-out forwards;pointer-events:none;white-space:nowrap}@keyframes gp-rise{0%{opacity:0;transform:translate(-50%,-80%) scale(1.6)}12%{opacity:1;transform:translate(-50%,-100%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)}}.gp-stats{position:absolute;left:6px;top:6px;z-index:60;padding:3px 7px;border-radius:6px;background:#0000008c;color:#9fe39f;font:11px/1.4 ui-monospace,monospace;pointer-events:none;white-space:nowrap}
