:root{color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263344;background:#eee9df;font-synthesis:none;--red:#bd4336;--blue:#254a8b;--cream:#f8f2e6}*{box-sizing:border-box}body{margin:0}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{min-width:44px;min-height:44px;border:1px solid #c8beb0;background:#faf6ee;border-radius:8px;cursor:pointer;touch-action:manipulation}button:hover{background:#fff}button:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid #cc742c;outline-offset:3px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--red);border-color:var(--red);color:#fff8e8;font-weight:750}button.primary:hover{background:#a7352b}[hidden]{display:none!important}#app{max-width:1180px;margin:auto;padding:0 24px 22px}header{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfc7ba}.brand{font-size:20px;font-weight:800;text-decoration:none;color:#253b61;letter-spacing:-.6px}.brand span{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#7b766e;margin-left:12px}nav{display:flex;align-items:center;gap:6px}nav button{background:transparent;border:0;font-size:21px}select{border:0;background:transparent;min-height:44px;max-width:95px}.mission{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px}#eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:750;color:#8d6d5d}h1{font-family:Georgia,"Noto Serif KR",serif;letter-spacing:-.8px;font-size:29px;margin:5px 0 0}button.collection{font-size:21px;font-weight:750;border:0;background:transparent}.collection span{font-size:13px;color:#8d8274}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:24px;align-items:start}#stage{position:relative;background:#214589;border-radius:14px;overflow:hidden;box-shadow:0 12px 38px #23364c20}canvas{display:block;width:100%;aspect-ratio:640/540;touch-action:none;outline-offset:-4px;cursor:none}.entry{position:absolute;inset:auto 24px 22px;background:#fbf5e8f5;backdrop-filter:blur(12px);border:1px solid #ffffffaa;box-shadow:0 8px 40px #12234755;padding:22px 28px;border-radius:10px}.entry small{font-size:10px;letter-spacing:3px;color:#9c6551}.entry h2{font-family:Georgia,serif;font-size:29px;letter-spacing:-.8px;margin:8px 0}.entry p{font-size:13px;line-height:1.6;margin:0 0 14px;max-width:400px}.mode-choice{display:flex;gap:8px;margin-bottom:10px}.mode-choice button{flex:1;font-size:12px}.selected{border:2px solid #b24b3d;background:#f5e5d3}.entry>.primary{width:100%;font-size:15px}.entry #continue{margin-top:8px;width:100%;background:transparent}aside{padding-top:4px}.toolrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.toolrow button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:70px;border-color:#d3c9b9}.toolrow button.chosen{border:2px solid var(--blue);background:#e4eaf3}.toolrow button>span{font-size:25px;line-height:1;color:#a84935}.toolrow button b{font-size:12px;font-weight:600}.toolrow kbd{font-size:9px;position:absolute;right:6px;top:5px;color:#aaa}.tool-icon{transform:rotate(-32deg)}.tool-icon.pad{transform:rotate(-10deg);color:#b7873e}.tool-icon.peel{transform:rotate(20deg);color:#747d8b}.settings{display:flex;gap:6px;margin-top:10px}.settings #force{flex:1;font-size:12px}.settings #undo,.settings #pause{font-size:12px;padding:0 10px}.settings #restart{font-size:22px}#notice{background:#e8e2d7;border-left:3px solid #be8a46;font-size:13px;line-height:1.6;padding:11px 12px;min-height:64px;margin:14px 0}.quality{display:flex;justify-content:space-between;border-top:1px solid #d5ccbd;border-bottom:1px solid #d5ccbd;padding:13px 0}.quality div{display:grid;gap:6px}.quality span{font-size:10px;color:#8b7a66}.quality b{font-size:17px;font-variant-numeric:tabular-nums}.latch{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}.latch span{font-size:12px;flex:1}.latch button{font-size:12px;padding:0 10px}.bottom-actions{display:flex;gap:8px;margin-top:14px}.bottom-actions button{flex:1;font-size:12px}.quiet{border:0;background:transparent;font-size:11px;color:#776957;padding:0;margin-top:10px}details{margin-top:18px;border-top:1px solid #d5ccbd;padding-top:12px}summary{cursor:pointer;font-size:12px;font-weight:700;min-height:34px}#notes-content{font-size:12px;line-height:1.8;color:#756653}#notes-content strong{color:#4b4a43}.pause{position:absolute;inset:0;background:#132d58dd;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff6e4}.pause button{min-width:150px}.pause h2{font-family:Georgia,serif}dialog{max-width:650px;width:calc(100% - 28px);max-height:90dvh;overflow:auto;border:0;border-radius:15px;background:#fbf5e8;color:#263344;padding:32px;box-shadow:0 20px 80px #0007}dialog::backdrop{background:#102748aa;backdrop-filter:blur(5px)}.close{position:sticky;top:0;float:right;border:0;background:#eee5d6;font-size:24px;border-radius:50%;z-index:1}dialog h2{font-family:Georgia,serif;font-size:28px;margin:10px 45px 16px 0}dialog p,dialog li{font-size:14px;line-height:1.7}dialog .result-star{font-size:34px;letter-spacing:8px;color:#bd8131}dialog .result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.result-actions button{flex:1;min-width:110px}.objects{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;clear:both}.object-card{padding:0 0 10px;overflow:hidden;border-radius:9px;display:grid;align-content:start}.object-card img{width:100%;display:block;margin-bottom:8px}.object-card b{font-size:11px;padding:0 5px}.object-card span{font-size:11px;color:#9b6a35;margin-top:3px}.credit{border-bottom:1px solid #dfd4c0;padding:10px 0;font-size:12px;line-height:1.6}.credit a{color:#244e91}.result-art{display:block;max-width:100%;border-radius:8px;margin-top:12px}.notice-danger{border-left-color:#bb3a2b!important;background:#f1d9c9!important}body #gamenow-exit-button{right:12px;bottom:12px}
@media(max-width:760px){#app{padding:0 10px 12px}header{height:48px}.brand{font-size:17px}.brand span{display:none}nav{gap:0}nav button{font-size:19px}select{font-size:12px;max-width:80px}.mission{padding:9px 2px 10px}h1{font-size:20px;margin-top:2px}#eyebrow{font-size:8px;letter-spacing:1.8px}.workspace{display:block}#stage{border-radius:9px}.entry{inset:auto 12px 12px;padding:13px 16px}.entry h2{font-size:23px;margin:4px 0}.entry p{font-size:12px;margin-bottom:8px}.entry small{font-size:8px}.mode-choice{gap:6px;margin-bottom:6px}.mode-choice button{font-size:11px}.toolrow{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:8px}.toolrow button{height:55px;min-width:0;border-radius:6px;gap:2px}.toolrow button>span{font-size:20px}.toolrow button b{font-size:9px}.toolrow kbd{display:none}.settings{margin-top:6px;gap:4px}.settings button{min-height:44px}#notice{font-size:11px;line-height:1.5;min-height:36px;padding:6px 9px;margin:7px 0}.quality{padding:7px 0}.quality div{gap:2px}.quality span{font-size:9px}.quality b{font-size:13px}.bottom-actions{margin-top:7px}.bottom-actions button{min-height:44px}.latch{margin:6px 0;font-size:11px}.latch span{font-size:10px}.latch button{font-size:11px;padding:0 8px}details{margin-top:12px;padding-top:8px}.quiet{margin-top:2px}dialog{padding:22px 18px}dialog h2{font-size:24px}.objects{gap:6px}.object-card b{font-size:10px}canvas{cursor:default}}
@media(max-height:600px) and (min-width:761px){header{height:48px}.mission{padding:10px 0}.workspace{grid-template-columns:minmax(320px,1.5fr) minmax(290px,1fr)}#stage{max-width:540px}.toolrow button{height:55px}#notice{margin:8px 0;padding:7px;min-height:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
body:not(.gamenow-mobile-mode) #app{max-width:min(1180px,calc(100vw - 160px))}body.gamenow-mobile-mode:not(.gamenow-mobile-expanded) #gamenow-mobile-menu-launcher{top:51px!important;bottom:auto!important;transform:none!important}body.gamenow-mobile-mode .collection{margin-right:42px}
@media(max-width:760px) and (max-height:650px) and (orientation:portrait){header{height:42px}.mission{padding:5px 2px 7px}h1{font-size:18px}#eyebrow{font-size:7px}.toolrow{margin-top:5px}.toolrow button{height:45px}.toolrow button>span{font-size:17px}.settings{margin-top:4px}#notice{margin:4px 0;font-size:10px;min-height:30px;padding:4px 7px}.quality,aside>details,aside>.quiet{display:none}.bottom-actions{margin-top:4px}.latch{margin:3px 0}.entry{padding:10px 12px}.entry h2{font-size:20px}.entry p{font-size:10px;line-height:1.4}.entry small{font-size:7px}#continue{min-height:44px}}
@media(min-width:600px) and (max-height:500px){#app{padding:0 12px 6px;max-width:1100px}header{height:40px}.mission{padding:5px 0;height:46px}h1{font-size:18px}#eyebrow{font-size:7px}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:12px;align-items:start}#stage{height:calc(100dvh - 96px);max-width:none;display:flex;align-items:center;justify-content:center}canvas{width:auto;max-width:100%;height:100%;aspect-ratio:640/540}aside{max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain;padding:0 4px 0 0}.toolrow{grid-template-columns:repeat(6,1fr);gap:3px;margin-top:0}.toolrow button{height:46px}.toolrow button>span{font-size:18px}.toolrow button b{font-size:9px}.toolrow kbd{display:none}.settings{margin-top:4px}#notice{margin:5px 0;padding:5px 8px;min-height:34px;font-size:11px}.quality{padding:6px 0}.quality b{font-size:13px}.bottom-actions{margin-top:5px}.latch{margin:4px 0}aside>details,aside>.quiet{display:none}.entry{padding:12px;inset:auto 12px 12px}.entry h2{font-size:21px}.entry p{font-size:11px}.entry small{font-size:8px}.mode-choice{margin-bottom:5px}.entry #continue{margin-top:4px}}
