:root{color:#f0eadb;background:#111b22;font-family:Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-synthesis:none;--ink: #f0eadb;--muted: #b1bdb9;--gold: #e4bd75;--line: rgba(212, 222, 207, .3);--panel: rgba(20, 36, 42, .9)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.one-erase-ui{width:100%;height:100dvh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(#0b171cce,#0b171ce8),url(../art/city/rooftop.webp?v=20261012-30) center/cover;-webkit-tap-highlight-color:transparent}.game-screen{position:relative;width:min(100vw,480px);height:min(100dvh,980px);overflow:hidden;isolation:isolate;box-shadow:0 0 90px #0009}.scene-page{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(#0e1b2280,#0c18265c 45%,#0c1825dd),url(../art/city/rooftop.webp?v=20261012-30) center/cover}.screen-content{position:relative;width:100%;height:100%;min-height:0;padding:max(22px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.menu-button{position:absolute;top:max(18px,env(safe-area-inset-top));right:16px;z-index:12;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #d8e1d326;border-radius:8px;background:#102027a8}.menu-button:hover{background:#243a41}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.eyebrow{margin:0;color:#d6d4bd;font-size:11px;font-weight:500;letter-spacing:.19em}.paper-button{min-height:48px;padding:12px 18px;border:1px solid #bec9b566;border-radius:7px;background:linear-gradient(#283b42ef,#182b32f2);color:var(--ink);box-shadow:inset 0 1px #fff1,0 4px 12px #0003;font-size:14px;font-weight:600;letter-spacing:.02em}.paper-button:hover:not(:disabled){border-color:var(--gold);filter:brightness(1.12)}.paper-button:active:not(:disabled){transform:translateY(1px)}.paper-button--primary{color:#302c22;border-color:#ead399;background:linear-gradient(#ecd399,#cfad68);box-shadow:inset 0 1px #fff8,0 4px 18px #0004}.paper-button:disabled{opacity:.45}.quiet-link{min-height:44px;border:0;padding:8px 12px;background:none;color:#e2e4d9;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.quiet-link:hover{color:var(--gold)}.game-screen--title .scene-page{background:linear-gradient(#0a151b24,transparent 42%,#0710170d 63%,#071017df),url(../art/city/cover.webp?v=20261012-30) center/cover}.title-heading{margin-top:clamp(32px,7dvh,76px);text-align:center;text-shadow:0 3px 18px #000}.game-logo{margin:20px 0 0;font-family:AppleMyungjo,"Noto Serif KR",Georgia,serif;font-weight:500;line-height:1.05;letter-spacing:-.065em}.game-logo span{display:block}.game-logo__first{font-size:clamp(44px,11.5vw,62px)}.game-logo__last{margin-top:6px;font-size:clamp(72px,20vw,102px)}.title-copy{margin:23px 0 0;text-align:center;font-size:13px;line-height:1.9;color:#f4f0df;text-shadow:0 2px 8px #000}.title-actions{position:absolute;left:32px;right:32px;bottom:max(46px,calc(env(safe-area-inset-bottom) + 26px));display:grid;gap:9px}.title-actions .paper-button--wide{min-height:54px;font-size:17px}.title-map-link{min-height:35px;padding:4px}.title-map-link svg{width:19px;height:19px}.title-footer{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:0;width:100%;text-align:center;color:#c0c4bb;font-size:10px;letter-spacing:.04em}.section-heading h1{font-family:AppleMyungjo,"Noto Serif KR",Georgia,serif;font-weight:500;font-size:32px;margin:12px 0 0;letter-spacing:-.04em}.section-heading{padding:15px 42px 6px 2px;flex:none}.game-screen--map .scene-page,.game-screen--workshop .scene-page{background-image:linear-gradient(#101e27da,#15272b77 52%,#0c1825e8),url(../art/city/rooftop.webp?v=20261012-30)}.game-screen--map .screen-content,.game-screen--workshop .screen-content{display:flex;flex-direction:column;gap:13px}.progress-block{padding:5px 2px;flex:none}.progress-block>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.progress-block strong{font-weight:500}.progress-track{height:3px;background:#d5d9c923;margin-top:12px}.progress-track span{display:block;height:100%;background:var(--gold);box-shadow:0 0 9px #e4bd7580}.chapter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:none}.chapter-tabs button{padding:10px 3px;min-height:57px;border:1px solid #cbd4c329;border-radius:5px;background:#12262db8;color:#b5c0b8;font-size:10px;line-height:1.4}.chapter-tabs small{display:block;font-size:13px;margin-bottom:3px;letter-spacing:.14em}.chapter-tabs button[aria-pressed=true]{color:#efd9a7;background:#6c633351;border-color:#ddc38d99}.stage-book{flex:1;min-height:130px;display:grid;align-content:center;overflow-y:auto;padding:8px 0}.stage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px 8px;width:100%}.stage-tile{position:relative;aspect-ratio:.8;display:grid;place-items:center;min-width:0;border:1px solid #96a38e88;border-radius:5px;color:#e3dbc5;background:linear-gradient(145deg,#425247e8,#1b3535ef);box-shadow:0 4px 12px #0004,inset 0 0 0 3px #15282c88;font-family:Georgia,serif;font-size:23px}.stage-tile.is-locked{background:#101d26bb;color:#83918c;border-color:#6b7d7738;box-shadow:inset 0 0 0 3px #15282c55}.stage-tile.is-current{color:#ffe5a5;border-color:var(--gold);box-shadow:0 0 18px #f4d3852a,inset 0 0 0 3px #b7a37430}.stage-tile.is-cleared{color:#d3e4ce;background:linear-gradient(145deg,#476252e8,#213e35ef)}.stage-tile i{position:absolute;bottom:5px;right:5px;display:flex}.stage-tile svg{width:13px;height:13px}.stage-star svg{fill:var(--gold);stroke:var(--gold)}.stage-selection{min-height:23px;margin:0;text-align:center;font-size:14px;line-height:1.5;color:#eee1bd}.map-start{width:100%;flex:none}.bottom-links{display:flex;justify-content:center;gap:25px;flex:none;margin-top:auto}.bottom-links>span{display:none}.game-screen--play .screen-content{display:flex;flex-direction:column;padding-left:14px;padding-right:14px}.play-heading{min-height:66px;padding:3px 50px 4px 4px;flex:none}.play-heading p{margin:0 0 9px;color:#e1d9bd;font-size:9px;letter-spacing:.09em;line-height:1.4}.play-heading p span{padding:0 3px;color:#b9a56d}.play-heading h1{margin:0;font-size:clamp(19px,5vw,24px);font-weight:500;letter-spacing:-.04em}.play-heading h1>span{color:var(--gold);margin-right:7px;font-family:Georgia,serif;font-size:.9em}.play-main{display:flex;flex-direction:column;align-items:center;gap:9px;flex:1;min-height:0}.puzzle-prompt{margin:0;color:#e9e2d0;font-size:12px;text-align:center;line-height:1.5;flex:none}.playfield{position:relative;width:min(100%,calc((100dvh - 244px) * 360 / 460));aspect-ratio:360 / 460;flex:none;margin:auto 0;isolation:isolate;border-radius:5px;background:#152b35a8;box-shadow:0 4px 32px #0004,inset 0 0 0 1px #b5c4b42b;backdrop-filter:blur(2px)}.playfield:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #e4d6aa36;border-radius:inherit;z-index:2}.canvas-host,.canvas-host canvas{width:100%;height:100%;display:block;touch-action:none}.canvas-host{overflow:hidden;border-radius:inherit}.play-instructions{text-align:center;flex:none}.play-instructions p{margin:0;color:#cbd3c6;font-size:11px;line-height:1.8}.play-instructions .play-state{color:var(--gold)}.play-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:none}.play-controls button{min-height:44px;padding:10px}.result-layer{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;padding:28px 18px;text-align:center;border-radius:inherit;background:#12272bdc;backdrop-filter:blur(5px);color:#f0eadb}.result-layer--failure{background:#14232ae3}.success-stamp{display:grid;gap:15px}.success-stamp strong{font-family:AppleMyungjo,Georgia,serif;font-size:29px;font-weight:500;color:#f3d794}.success-stamp span{font-size:12px;line-height:1.7}.result-stars{display:flex;gap:19px;align-items:center;color:var(--gold)}.result-stars i{width:9px;height:9px;background:currentColor;transform:rotate(45deg);opacity:.7}.result-stars i:nth-child(2){width:16px;height:16px;opacity:1}.result-stars i:nth-child(4){display:none}.reward-line{margin:0;font-size:12px;color:#d2dbc9}.reward-line strong{color:var(--gold);margin-left:5px}.result-button{min-width:190px;margin-top:4px}.failure-dongle{width:86px;height:94px;object-fit:contain}.failure-note{display:grid;gap:10px}.failure-note strong{color:#e3c799;font-size:27px}.failure-note span,.result-layer small{font-size:12px;color:#ccd3c8}.screen-dialog{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#08151bbd;backdrop-filter:blur(6px)}.dialog-card{position:relative;width:100%;max-height:92%;overflow-y:auto;padding:29px 23px 23px;border:1px solid #bdc9ad57;border-radius:9px;background:linear-gradient(150deg,#2a3d40,#142a31);box-shadow:0 18px 70px #0009;text-align:center}.dialog-kicker{margin:0 0 12px;font-size:10px;letter-spacing:.12em;color:var(--gold)}.dialog-card h2{margin:0 0 25px;font-family:AppleMyungjo,Georgia,serif;font-weight:500;font-size:26px}.dialog-close{position:absolute;top:7px;right:7px;width:40px;height:40px;border:0;background:transparent}.dialog-close:before,.dialog-close:after{content:"";position:absolute;left:12px;top:19px;width:17px;height:1px;background:#e1e3d2;transform:rotate(45deg)}.dialog-close:after{transform:rotate(-45deg)}.dialog-actions,.menu-navigation{display:grid;gap:11px}.menu-navigation .paper-button{display:flex;gap:12px;align-items:center;justify-content:center}.dialog-footnote{font-size:10px;color:var(--muted);margin:19px 0 0;line-height:1.6}.hint-copy{font-size:14px;line-height:1.9;margin:18px 0 25px}.hint-illustration img{width:78px;height:74px;object-fit:contain}.sound-toggle{display:flex;width:100%;align-items:center;gap:12px;border:1px solid #b4c2ad33;border-radius:6px;background:#0e252b7a;padding:16px 13px;margin:0 0 18px;text-align:left}.sound-toggle>span:nth-child(2){display:grid;gap:5px}.sound-toggle strong{font-size:14px;font-weight:500}.sound-toggle small{font-size:10px;color:var(--muted)}.sound-toggle i{margin-left:auto;width:31px;height:17px;border-radius:12px;background:#6d8077;position:relative}.sound-toggle i:before{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#d9dfd1}.sound-toggle[aria-pressed=true] i{background:#c4a65e}.sound-toggle[aria-pressed=true] i:before{left:17px;background:#fff4d2}.audio-notice{position:absolute;bottom:max(2px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:40;width:max-content;max-width:95%;margin:0;padding:5px 10px;border-radius:4px;color:#e4e4d5;background:#0b1b25e8;font-size:10px;pointer-events:none}.dust-balance{display:flex;align-items:center;gap:7px;margin-top:12px;color:#e3cd98;font-size:12px}.dust-speck{display:inline-block;width:6px;height:6px;border-radius:50%;background:#dfb673;box-shadow:5px -3px 0 -1px #dfb673,4px 3px 0 -1px #f3d7a3;margin-right:5px}.workshop-room{position:relative;width:100%;aspect-ratio:1.6;flex:none;overflow:hidden;border:1px solid #aab59a55;border-radius:7px;background:linear-gradient(#223a411a,#101b2370),url(../art/city/rooftop.webp?v=20261012-30) center 67%/cover}.room-window{display:none}.room-desk{position:absolute;bottom:24px;left:0;right:0;height:19px;background:linear-gradient(#798475,#414d48 35%,#2b3836 38%);border-top:2px solid #d3c89c;box-shadow:0 7px 10px #0006}.workshop-boy{position:absolute;left:15%;bottom:43px;height:65%;max-width:30%;object-fit:contain}.workshop-cat{position:absolute;left:42%;bottom:43px;height:32%;width:20%;object-fit:contain}.empty-room-note{position:absolute;bottom:1px;left:0;width:100%;text-align:center;font-size:10px;color:#dddac3}.decoration-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow-y:auto;min-height:0}.decoration-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:12px 9px;border:1px solid #b0bda142;border-radius:6px;background:#172c32db}.decoration-card.is-owned{border-color:#a5bf8d77}.decoration-card strong,.decoration-card small{display:block;white-space:nowrap}.decoration-card strong{font-size:11px;font-weight:500;margin:2px 0 5px}.decoration-card small{font-size:10px;color:#d7c08b}.decoration-card button{grid-column:1 / -1;width:100%;min-height:31px;border:1px solid #b1bd9855;border-radius:4px;background:#50624d88;font-size:11px}.decoration-card button:disabled{opacity:.5}.decoration-card button svg{width:15px;height:15px;vertical-align:middle}.decoration-preview,.room-decoration{position:relative;width:29px;height:34px}.decoration-preview--pencil-cup:before,.room-decoration--pencil-cup:before{content:"";position:absolute;bottom:0;left:5px;width:22px;height:21px;border:2px solid #b89963;border-radius:2px 2px 7px 7px;background:#9b7250}.decoration-preview--pencil-cup i,.room-decoration--pencil-cup i{position:absolute;width:3px;height:24px;left:14px;top:0;background:#f0c777;transform:rotate(12deg);box-shadow:5px 3px #9eb49f,-5px 4px #bfa070}.decoration-preview--frame,.room-decoration--frame{width:30px;height:28px;border:4px solid #ab8f60;background:url(../art/city/cover.webp?v=20261012-30) center/cover}.decoration-preview--curtain,.room-decoration--curtain{background:linear-gradient(100deg,#c1ad7d 42%,transparent 43% 57%,#c1ad7d 58%);border-top:3px solid #a4895a}.decoration-preview--windmill:before,.room-decoration--windmill:before{content:"";position:absolute;left:14px;top:7px;width:2px;height:27px;background:#ac8f62}.decoration-preview--windmill i,.room-decoration--windmill i{position:absolute;top:1px;left:2px;width:25px;height:25px;background:conic-gradient(#c7b373 0 25%,#718e82 25% 50%,#c7b373 50% 75%,#718e82 75%);clip-path:polygon(50% 50%,0 0,50% 0,50% 50%,100% 0,100% 50%,50% 50%,100% 100%,50% 100%,50% 50%,0 100%,0 50%)}.room-decoration{display:none;position:absolute;z-index:2}.room-decoration.is-owned{display:block}.room-decoration--pencil-cup{right:13%;bottom:43px}.room-decoration--frame{right:10%;top:22px}.room-decoration--curtain{right:4%;top:10px;width:88px;height:72px}.room-decoration--windmill{right:3%;bottom:45px}@media(max-height:670px){.title-heading{margin-top:26px}.game-logo{margin-top:15px}.game-logo__first{font-size:44px}.game-logo__last{font-size:72px}.title-copy{margin-top:13px;font-size:11px}.title-actions{bottom:37px;gap:6px}.title-actions .paper-button{min-height:42px;padding:9px}.title-actions .paper-button--wide{min-height:48px}.section-heading{padding-top:7px}.section-heading h1{font-size:28px;margin-top:8px}.game-screen--map .screen-content,.game-screen--workshop .screen-content{gap:9px}.decoration-card{padding:8px;gap:5px}.game-screen--workshop .workshop-room{aspect-ratio:1.9}.play-main{gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}