@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
[hidden]{display:none!important}
:root{--ink:#111319;--paper:#f4f1e9;--night:#11151d;--panel:#fdfbf6;--coral:#ff6049;--lime:#d9f06a;--blue:#7fc7ff;--line:rgba(17,19,25,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",sans-serif}.top-nav{height:64px;padding:0 max(17px,calc((100% - 940px)/2));display:flex;align-items:center;justify-content:space-between;background:#0c0f15;color:#fff}.top-nav a{color:#fff;text-decoration:none;font-size:12px;font-weight:700}.top-nav a span{margin-left:4px}.top-nav>b{font-size:11px;letter-spacing:1.5px}.top-nav button{width:38px;height:38px;border:1px solid #343944;border-radius:50%;background:#171b24;color:#fff;cursor:pointer}main{width:min(940px,100%);margin:auto}.game-shell{position:relative;margin:30px 0 0;overflow:hidden;border-radius:25px;background:var(--night);color:#fff;box-shadow:0 35px 90px rgba(8,10,15,.25)}.game-head{padding:24px 27px 19px;display:flex;align-items:center;justify-content:space-between}.episode{color:var(--coral);font-size:9px;font-weight:900;letter-spacing:2px}.game-head h1{margin:5px 0 0;font:400 27px/1 "Black Han Sans",sans-serif;letter-spacing:-.8px}.game-head p{margin:3px 0 0;color:#aeb3bd;font-size:10px}.ghost-button{padding:8px 11px;border:1px solid #373c47;border-radius:8px;background:transparent;color:#aeb3bd;font-size:10px;cursor:pointer}.status-bar{height:62px;padding:0 27px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292e38;border-bottom:1px solid #292e38;background:#151922}.status-bar>div{padding:11px 14px;border-left:1px solid #292e38}.status-bar>div:last-child{border-right:1px solid #292e38}.status-bar span,.status-bar b{display:block}.status-bar span{color:#858b96;font-size:8px;font-weight:700}.status-bar b{margin-top:2px;font-size:17px}.status-bar .time b{color:var(--lime)}.scene-frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:#090b0f}.scene-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:opacity .45s,transform 5s}.scene-frame.enter img{animation:scene-in .8s both}.scene-frame.tense{animation:shake .38s}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,8,12,.48))}.location-label{position:absolute;left:22px;bottom:18px;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:99px;background:rgba(7,9,13,.6);font-size:9px;font-weight:700;backdrop-filter:blur(7px)}.event-flash{position:absolute;right:20px;top:18px;padding:8px 12px;border-radius:9px;background:rgba(255,96,73,.92);font-size:11px;font-weight:900;opacity:0;transform:translateY(-8px)}.event-flash.show{animation:flash-in 1.6s}.story-panel{min-height:265px;padding:34px 44px 42px;background:var(--panel);color:var(--ink)}.scene-count{margin:0;color:var(--coral);font-size:9px;font-weight:900;letter-spacing:2px}.story-panel h2{margin:9px 0 21px;font-size:26px;letter-spacing:-1.1px}.story-text{min-height:80px;color:#44464a;font-size:15px;line-height:2}.story-text p{margin:0 0 10px;opacity:0;animation:line-in .55s forwards}.story-text strong{color:var(--ink);font-weight:900}.story-text .impact{padding:1px 4px;background:linear-gradient(transparent 56%,rgba(255,96,73,.28) 56%)}.story-text .broadcast{display:block;padding:14px 17px;border-left:3px solid var(--coral);background:#eeebe4;color:#27292e;font-weight:700}.story-text .message{display:inline-block;padding:10px 14px;border-radius:3px 13px 13px 13px;background:#e7f5c5;color:#24300f;font-size:13px}.story-text .danger{color:#c92822;font-size:20px;font-weight:900;letter-spacing:3px;animation:pulse .75s infinite alternate}.continue-button{margin:20px 0 0;padding:10px 0;border:0;background:none;color:#777;font-weight:800;cursor:pointer}.continue-button span{margin-left:7px;color:var(--coral);font-size:10px}.choice-panel{position:relative;z-index:5;width:calc(100% - 64px);margin:-43px auto -2px;padding:24px 25px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(19,23,31,.97);box-shadow:0 20px 55px rgba(0,0,0,.42);animation:choice-up .45s both;backdrop-filter:blur(16px)}.choice-head{display:flex;justify-content:space-between;color:var(--coral);font-size:8px;font-weight:900;letter-spacing:2px}.choice-head b{color:var(--lime);font-size:13px}.choice-panel h2{margin:7px 0 16px;font-size:18px}.choice-buttons{display:grid;gap:8px}.choice-buttons button{width:100%;padding:13px 15px;border:1px solid #383e49;border-radius:10px;background:#20252e;color:#f7f7f5;font-family:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer;transition:.2s}.choice-buttons button:hover,.choice-buttons button:focus{border-color:var(--lime);background:#2a3038;transform:translateX(3px);outline:none}.choice-buttons button.chosen{border-color:var(--lime);background:var(--lime);color:#18200c}.choice-buttons button.dim{opacity:.24}.timer-track{height:4px;margin-top:14px;overflow:hidden;border-radius:9px;background:#333944}.timer-track i{height:100%;display:block;background:linear-gradient(90deg,var(--coral),var(--lime));transform-origin:left}.inventory{padding:14px 27px;display:flex;gap:17px;align-items:center;border-top:1px solid #292e38;background:#11151d}.inventory>span{color:#747b87;font-size:8px;font-weight:900;letter-spacing:1px}.inventory>div{display:flex;gap:6px;flex-wrap:wrap}.inventory em,.inventory b{padding:4px 7px;border-radius:6px;background:#272c35;color:#aeb4bd;font-size:8px;font-style:normal}.inventory b{background:#333c1e;color:var(--lime)}.ending-panel{padding:48px 44px;background:var(--panel);color:var(--ink);text-align:center}.ending-panel>p{margin:0;color:var(--coral);font-size:9px;font-weight:900;letter-spacing:2px}.ending-panel h2{margin:11px 0 20px;font:400 42px/1.2 "Black Han Sans";letter-spacing:-2px}.ending-panel>div:not(.ending-stats):not(.ending-actions){color:#555;font-size:14px;line-height:1.9}.ending-stats{margin:27px auto;display:flex;justify-content:center;gap:7px}.ending-stats span{padding:8px 11px;border-radius:9px;background:#ece9e1;color:#777;font-size:9px}.ending-stats b{margin-left:4px;color:var(--ink)}.ending-actions{display:flex;justify-content:center;gap:8px}.ending-actions button,.start-overlay button{padding:13px 18px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.ending-actions button:last-child{background:var(--coral)}.start-overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,rgba(8,10,14,.97),rgba(16,20,28,.9)),url('assets/images/office-dusk.webp') center/cover}.start-overlay>div{padding:35px;text-align:center}.start-tag{color:var(--lime);font-size:9px;font-weight:900;letter-spacing:2px}.start-overlay h2{margin:18px 0;font:400 clamp(55px,9vw,92px)/.86 "Black Han Sans";letter-spacing:-4px}.start-overlay h2 strong{color:var(--coral);font-weight:400}.start-overlay p{color:#b7bbc4;font-size:13px;line-height:1.8}.start-overlay button{margin:14px auto 12px;padding:15px 30px;display:block;background:var(--coral);font-size:14px}.start-overlay small{color:#747a85;font-size:9px}.guide{padding:90px 30px}.guide>p{margin:0;color:var(--coral);font-size:10px;font-weight:900;letter-spacing:2px}.guide h2{margin:12px 0 35px;font:400 47px/1.08 "Black Han Sans";letter-spacing:-2px}.guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide span{padding:22px;border:1px solid var(--line);border-radius:14px;background:#faf8f2;font-size:12px;line-height:1.7}.guide b{margin-right:8px;color:var(--coral)}.ad-container{margin:0 20px 35px;min-height:90px}footer{padding:30px max(20px,calc((100% - 940px)/2));display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px}footer a{color:inherit;font-weight:900;text-decoration:none}@keyframes scene-in{from{opacity:.2;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes line-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes choice-up{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes pulse{to{opacity:.35}}@keyframes flash-in{0%{opacity:0;transform:translateY(-8px)}18%,70%{opacity:1;transform:none}100%{opacity:0;transform:none}}@media(max-width:680px){.top-nav{height:56px}.top-nav>b{display:none}main{width:100%}.game-shell{margin:0;border-radius:0}.game-head{padding:17px 15px 14px}.game-head h1{font-size:22px}.status-bar{height:55px;padding:0 10px}.status-bar>div{padding:9px 8px}.status-bar b{font-size:15px}.scene-frame{aspect-ratio:16/9}.location-label{left:12px;bottom:10px}.choice-panel{width:calc(100% - 24px);margin:-24px auto 0;padding:19px 16px;border-radius:14px}.choice-panel h2{font-size:16px}.choice-buttons button{padding:12px;font-size:11px}.story-panel{min-height:255px;padding:28px 20px 34px}.story-panel h2{font-size:23px}.story-text{font-size:14px;line-height:1.9}.inventory{padding:12px 17px}.ending-panel{padding:38px 19px}.ending-panel h2{font-size:35px}.ending-actions{flex-direction:column}.guide{padding:65px 17px}.guide h2{font-size:39px}.guide>div{grid-template-columns:1fr}.start-overlay h2{font-size:62px}.start-overlay p{font-size:12px}footer{padding:25px 17px;gap:6px;flex-direction:column}}