@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:CookieRun;src:url(/fonts/CookieRun-Regular.woff) format("woff");font-weight:400;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#111;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font-family:inherit}#app{width:100%;height:100%;position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#popup-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}#popup-container:not(:empty){pointer-events:auto}.popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.popup-box{background:#222;border:1px solid #444;border-radius:12px;padding:24px;min-width:280px;max-width:90vw}.popup-title{font-size:18px;font-weight:700;margin-bottom:12px}.popup-message{font-size:14px;color:#ccc;margin-bottom:20px;line-height:1.5}.popup-buttons{display:flex;gap:8px;justify-content:flex-end}.popup-btn{padding:8px 20px;border-radius:8px;border:none;font-size:14px;cursor:pointer}.popup-btn.primary{background:#4a9eff;color:#fff}.popup-btn.secondary{background:#444;color:#fff}#demo-banner{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%);background:#ffc800e6;color:#000;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700;z-index:500;pointer-events:none}#ota-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#111;display:flex;align-items:center;justify-content:center;z-index:9999}.ota-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:ota-spin .8s linear infinite}@keyframes ota-spin{to{transform:rotate(360deg)}}:root{--bg: #050506;--ink: #e7e3da;--dim: #6f6b64;--gold: #b89253;--gold-lit: #dcbc80;--line: rgba(184, 146, 83, .16);--line-soft: rgba(255, 255, 255, .06);--panel: rgba(255, 255, 255, .022)}body{background:var(--bg);color:var(--ink)}[hidden]{display:none!important}#grain,#vignette{position:fixed;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none;z-index:400}#grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");animation:grain-drift .7s steps(2,end) infinite}#vignette{background:radial-gradient(ellipse at 50% 42%,transparent 42%,rgba(0,0,0,.72) 100%)}@keyframes grain-drift{0%{transform:translate(0)}50%{transform:translate(-6px,4px)}to{transform:translate(4px,-5px)}}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}#title-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(184,146,83,.09),transparent 62%),var(--bg);padding:calc(60px + env(safe-area-inset-top)) 28px calc(40px + env(safe-area-inset-bottom));animation:fade-in .9s ease both}#title-inner{text-align:center;width:100%;max-width:400px}#title-sub{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);margin-bottom:26px}#title-sub:after{content:"";display:block;width:34px;height:1px;background:var(--line);margin:18px auto 0}#title-main{font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:400;letter-spacing:.26em;text-indent:.26em;color:var(--ink);text-shadow:0 0 34px rgba(184,146,83,.22)}#title-chapter{margin-top:14px;font-size:12px;letter-spacing:.38em;text-indent:.38em;color:var(--gold)}.primary-btn{position:relative;padding:16px 30px;background:transparent;color:var(--gold-lit);border:1px solid var(--gold);border-radius:2px;font-size:14px;letter-spacing:.16em;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.primary-btn:active{background:#b8925324;box-shadow:0 0 24px #b892532e inset}.ghost-btn{padding:13px 22px;background:transparent;color:var(--dim);border:1px solid var(--line-soft);border-radius:2px;font-size:13px;letter-spacing:.12em;cursor:pointer;transition:color .18s ease,border-color .18s ease}.ghost-btn:active{color:var(--ink);border-color:var(--line)}#start-btn{margin-top:56px;width:100%}#lang-btn{margin-top:16px;border-color:transparent}#game-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#hud{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px}#place-name{font-size:16px;letter-spacing:.06em}#progress-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}#stage{position:relative;width:100%;flex-shrink:0;aspect-ratio:4 / 3;max-height:46vh;background:#000;overflow:hidden}#stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(5,5,6,.55) 0%,transparent 22%,transparent 74%,rgba(5,5,6,.92) 100%)}#stage-bg{width:100%;height:100%;display:block;object-fit:contain;animation:stage-in .62s ease both}#illus-layer{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top) + 46px);bottom:148px;z-index:420;display:flex;align-items:center;justify-content:center;padding:10px 12px 0;background:linear-gradient(to bottom,#040406f7,#040406f7 86%,#040406db);animation:fade-in .26s ease both}#illus-scroll{width:100%;height:100%;overflow:auto;scrollbar-width:none;display:flex;align-items:center;justify-content:center;cursor:zoom-in}#illus-scroll::-webkit-scrollbar{display:none}#illustration{max-width:100%;max-height:100%;object-fit:contain;border:1px solid var(--line-soft);box-shadow:0 18px 50px #000000bf;transition:max-width .26s ease,max-height .26s ease}#illus-scroll.zoom{cursor:zoom-out;align-items:flex-start;justify-content:flex-start}#illus-scroll.zoom #illustration{max-width:260%;max-height:none}#illus-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.14em;color:var(--dim);pointer-events:none}.panel{flex:1;min-height:0;overflow-y:auto;padding:6px 20px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.panel::-webkit-scrollbar{display:none}.action-row{position:relative;width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:17px 4px 17px 16px;background:transparent;border:0;border-bottom:1px solid var(--line-soft);color:var(--ink);font-size:16px;letter-spacing:.02em;text-align:left;cursor:pointer;animation:row-in .36s ease both}.action-row:before{content:"";position:absolute;left:0;top:50%;width:2px;height:12px;transform:translateY(-50%);background:var(--gold);opacity:.32;transition:height .18s ease,opacity .18s ease}.action-row:active:before{height:30px;opacity:1}.action-row:active{background:#b892530d}.action-verb{flex-shrink:0;color:var(--gold);font-size:12px;letter-spacing:.14em}.action-verb:after{content:" ›";color:var(--dim)}.action-row.no-object .action-verb:after{content:"›"}.action-row:nth-child(1){animation-delay:0ms}.action-row:nth-child(2){animation-delay:34ms}.action-row:nth-child(3){animation-delay:68ms}.action-row:nth-child(4){animation-delay:102ms}.action-row:nth-child(5){animation-delay:136ms}.action-row:nth-child(6){animation-delay:.17s}.action-row:nth-child(7){animation-delay:204ms}.action-row:nth-child(n+8){animation-delay:238ms}#dialog-box{display:flex;flex-direction:column;justify-content:flex-end;padding-top:20px;padding-bottom:18px;cursor:pointer}#dialog-speaker{font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:12px;min-height:14px}#dialog-text{font-size:16px;line-height:1.95;letter-spacing:.01em;white-space:pre-wrap;color:var(--ink)}#dialog-next{align-self:flex-end;margin-top:14px;color:var(--gold);font-size:13px;opacity:0;transition:opacity .2s ease}#dialog-next.ready{opacity:1;animation:caret 1.5s ease-in-out infinite}#item-popup{display:block;max-height:24vh;margin:0 auto 18px;animation:item-in .42s cubic-bezier(.2,.8,.3,1) both;filter:drop-shadow(0 0 26px rgba(184,146,83,.3))}.choice-row{width:100%;padding:16px 18px;margin-bottom:10px;background:var(--panel);border:1px solid var(--line);border-radius:2px;color:var(--gold-lit);font-size:15px;letter-spacing:.03em;text-align:left;cursor:pointer;animation:row-in .36s ease both;transition:background .18s ease}.choice-row:active{background:#b892531f}#inventory-bar{flex-shrink:0;padding:10px 16px 14px;border-top:1px solid var(--line-soft)}#inventory-bar.empty{display:none}#inventory-items{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;min-height:4px}#inventory-items::-webkit-scrollbar{display:none}.inv-item{flex-shrink:0;width:54px;height:54px;border:1px solid var(--line-soft);border-radius:2px;background:#ffffff05 center / 76% no-repeat;cursor:pointer;transition:border-color .18s ease,transform .18s ease;animation:item-in .38s ease both}.inv-item:active{border-color:var(--gold);transform:translateY(-2px)}.inv-item.fresh{animation:item-in .38s ease both,inv-glow 1.6s ease-out .38s 2}@keyframes inv-glow{0%,to{box-shadow:0 0 #b8925300;border-color:var(--line-soft)}40%{box-shadow:0 0 18px #b892538c;border-color:var(--gold)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:flex;align-items:center;justify-content:center;padding:26px;background:#030304c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .22s ease both}.modal-inner{width:100%;max-width:360px;padding:26px 22px;background:#0c0c0f;border:1px solid var(--line);border-radius:2px;text-align:center;box-shadow:0 24px 60px #000000b3;animation:modal-in .26s cubic-bezier(.2,.8,.3,1) both}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions button{flex:1}#item-modal-img{max-height:28vh;margin-bottom:16px;filter:drop-shadow(0 0 24px rgba(184,146,83,.26))}#item-modal-name{font-size:15px;letter-spacing:.06em}#input-field{width:100%;padding:16px;font-size:22px;text-align:center;letter-spacing:.3em;text-indent:.3em;background:#060607;color:var(--gold-lit);border:1px solid var(--line);border-radius:2px;outline:none}#input-field:focus{border-color:var(--gold)}#lock-dials{position:relative;display:flex;gap:6px;justify-content:center}#lock-dials:before{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:64px;transform:translateY(-50%);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);opacity:.42;pointer-events:none;z-index:2}.dial{position:relative;z-index:1;flex:1;max-width:62px;height:192px;overflow-y:auto;scroll-snap-type:y mandatory;background:#060607;border:1px solid var(--line-soft);border-radius:2px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 26%,#000 74%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 26%,#000 74%,transparent)}.dial::-webkit-scrollbar{display:none}.dial-pad{height:64px}.dial-cell{height:64px;line-height:64px;text-align:center;font-size:24px;color:var(--dim);scroll-snap-align:center;transition:color .14s ease,transform .14s ease}.dial-cell.on{color:var(--gold-lit);transform:scale(1.14)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes stage-in{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes item-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes caret{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.35;transform:translateY(3px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important}}