:root{color-scheme:dark;--gold:#dfba75;--muted:#9aa7a6;--ink:#121a1c;--line:#394441;--heal:#8acbbb;--danger:#db7167}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080e10;color:#eee9dd;font-family:'Noto Sans KR',system-ui,sans-serif}body{display:flex;justify-content:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #65706a;background:#24312e;border-radius:6px;padding:12px 14px;touch-action:manipulation}button:hover{filter:brightness(1.18)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default;filter:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary{background:linear-gradient(115deg,#e5c589,#c6a15f);color:#1c251f;border-color:#e5c589;font-weight:900}.quiet{background:transparent;border-color:var(--line);color:var(--muted)}.danger{color:#f4a99d;border-color:#6d403c}#game{position:relative;width:min(100vw,480px);height:100dvh;max-height:1000px;overflow:hidden;background:#152125;box-shadow:0 0 100px #000;touch-action:none}#world{width:100%;height:100%;display:block}#hud{position:absolute;left:0;right:0;top:0;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:linear-gradient(#0b1518f5,#0b1518bb,transparent);pointer-events:none}.topline,.heroRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.topline{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700}#pauseBtn{pointer-events:auto;padding:5px 12px;background:#152125aa;font-size:15px}.heroRow{margin-top:8px;font-size:12px}.health{height:17px;position:relative;overflow:hidden;background:#121818;border:1px solid #5d6c61;margin-top:6px;border-radius:3px}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#538c70,#8bbf89);transition:width .12s}.health span{position:absolute;inset:0;text-align:center;font-size:10px;text-shadow:0 1px 3px #000;line-height:15px}#partyHud{display:flex;gap:6px;margin-top:8px}#partyHud span{font-size:10px;background:#19282dc7;padding:4px 7px;border:1px solid #46544c;border-radius:3px}#partyHud .dead{opacity:.45;text-decoration:line-through}#objective{text-align:center;color:#e3d4b8;font-size:11px;margin-top:9px;text-shadow:0 1px 3px #000}#bossHud{text-align:center;font-size:11px;color:#f0a28e;margin:12px 10px}.boss{height:7px}.boss i{background:#c76254}#screen{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:calc(22px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#101c21eb,#10201be8);scrollbar-width:thin}#screen:empty{display:none}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:700}.title{font-family:'Noto Serif KR',serif;font-size:38px;line-height:1.35;letter-spacing:-2px;margin:10px 0 14px}.subtitle{color:#c1c8be;font-size:13px;line-height:1.8}.titlebox{margin-top:12vh;text-align:center}.divider{height:1px;background:linear-gradient(90deg,transparent,#8f7954,transparent);margin:24px 0}.stack{display:grid;gap:10px}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.back{padding:5px 10px;margin-right:8px}.sectionhead{display:flex;align-items:center;gap:10px;margin:0 0 20px}.sectionhead h2{margin:0;font-family:'Noto Serif KR',serif;font-size:23px}.balance{margin-left:auto;font-size:12px;color:var(--gold)}.card{background:linear-gradient(120deg,#25312bdf,#172524e8);border:1px solid #4b5547;border-radius:7px;padding:15px;margin-bottom:10px}.card h3{margin:0 0 7px;font-size:15px;color:#ead3a2}.card p{color:#bac6be;font-size:12px;line-height:1.7;margin:6px 0}.card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #b3996260}.card small{font-size:10px;color:var(--muted)}.card button{font-size:12px;padding:8px 12px}.roleIcon{font-family:serif;font-size:30px;margin-right:10px;color:var(--gold)}.roles button{text-align:left;padding:17px}.roles b{font-size:17px}.roles small{display:block;color:#bdc6be;margin-top:6px;font-size:11px;font-weight:400}.townName{margin:4px 0 16px;font-family:'Noto Serif KR',serif;font-size:29px}.townArt{height:150px;position:relative;margin:8px -22px 18px;overflow:hidden;background:linear-gradient(#243b40,#76735b);border-bottom:1px solid #867451}.townArt:before{content:'';position:absolute;left:5%;right:5%;bottom:0;height:110px;background:#182625;clip-path:polygon(0 100%,0 50%,12% 50%,12% 22%,23% 0,34% 22%,34% 48%,39% 48%,39% 10%,44% 10%,44% 0,50% 0,50% 10%,55% 10%,55% 48%,66% 48%,66% 30%,78% 9%,90% 30%,90% 60%,100% 60%,100% 100%)}.townArt:after{content:'✦';position:absolute;bottom:12px;left:45%;font-size:40px;color:#e2b56d;text-shadow:0 0 30px #eaa75e}.townArt span{position:absolute;top:12px;left:20px;letter-spacing:4px;font-size:10px;color:#eadbb4}.townnav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.townnav button{text-align:left;padding:15px 12px;background:#22312e}.townnav b{display:block;font-size:14px}.townnav small{font-size:10px;color:#a8b7ad}.full{width:100%}.notice{font-size:11px;line-height:1.8;color:#b7c3b7;margin:14px 0}.dialogue{padding:15px;border-left:2px solid var(--gold);background:#2d3526;margin:16px 0;color:#e1d1b0;font-family:'Noto Serif KR',serif;font-size:13px;line-height:1.9}.skillgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.skillgrid .card{margin:0;padding:12px}.skillgrid h3{font-size:13px}.skillgrid p{font-size:10px;min-height:48px}.skillgrid button{font-size:10px;padding:7px 9px}.badge{font-size:10px;color:var(--gold)}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0}.tabs button{font-size:11px;padding:8px 10px}.tabs .active{border-color:var(--gold);color:var(--gold)}.equips{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 18px}.equips div{background:#202e2a;border:1px solid #4a584c;padding:10px 6px;border-radius:5px;font-size:10px;min-height:65px}.equips strong{display:block;color:#e0c68d;margin-top:6px;font-size:11px}.resultstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:24px 0}.resultstats div{padding:16px 6px;background:#20322b;border:1px solid #3c5142;border-radius:5px;font-size:10px;color:#a7bba9}.resultstats b{display:block;font-size:26px;color:#e1c487;margin-bottom:4px}.record{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #35423c;font-size:12px}.record small{color:var(--muted)}#toast{position:absolute;left:50%;bottom:210px;transform:translateX(-50%);max-width:90%;width:max-content;padding:9px 15px;background:#10201bf2;border:1px solid #c3a56c;border-radius:5px;font-size:12px;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s;z-index:5}#toast.show{opacity:1}#controls{position:absolute;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));height:170px;pointer-events:none;background:linear-gradient(transparent,#0b171a9c)}#controls[hidden]{display:none}#joystick{pointer-events:auto;position:absolute;width:108px;height:108px;border-radius:50%;border:1px solid #b1bdb346;background:#a8c2b914;left:23px;bottom:20px;touch-action:none;box-shadow:inset 0 0 24px #0004}#stick{position:absolute;left:34px;top:34px;width:40px;height:40px;border:1px solid #aabeb088;border-radius:50%;background:#7b96866b;pointer-events:none}#joystick small{position:absolute;bottom:-18px;width:100%;text-align:center;font-size:9px;color:#8da69e;pointer-events:none}#skillButtons{position:absolute;right:17px;bottom:16px;display:grid;grid-template-columns:repeat(2,62px);gap:9px;pointer-events:auto}.skillBtn{height:62px;width:62px;border-radius:15px;background:linear-gradient(145deg,#354b3c,#142823);border:1px solid #aa9569;padding:3px;position:relative;overflow:hidden;touch-action:none}.skillBtn b{display:block;font-size:22px;color:#eed1a0;line-height:26px}.skillBtn small{display:block;font-size:9px;white-space:nowrap}.skillBtn .cooldown{position:absolute;inset:0;background:#0c181ce0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.skillBtn.bossSkill{border-color:#b66b5d;background:#432e2a}.skillBtn.locked{opacity:.5}#dodgeBtn{pointer-events:auto;position:absolute;left:146px;bottom:22px;width:46px;height:46px;border-radius:50%;padding:0;font-size:20px;background:#203d3c;border-color:#6c9d99;touch-action:none}#dodgeBtn small{display:block;font-size:8px}.help{font-size:10px;color:#8ea69b;text-align:center;margin-top:16px}.version{font-size:9px;letter-spacing:2px;color:#83998e;text-align:center;margin-top:25px}.loot{border-color:#aa9060}.loot h3{font-family:'Noto Serif KR',serif;font-size:18px}#landscape{display:none}.endEmblem{font-size:64px;color:var(--gold);text-align:center;margin-top:5vh}.homeLink{display:block;text-align:center;color:#99afa5;font-size:11px;margin-top:20px;text-decoration:none}@media(max-height:680px){.titlebox{margin-top:4vh}.townArt{height:95px}.title{font-size:32px}#controls{transform:scale(.9);transform-origin:bottom center;width:111%;left:-5.5%}#hud{padding-top:8px}#screen{padding-top:16px}.townnav button{padding:11px}.card{padding:11px}.townName{font-size:24px}}@media(orientation:landscape) and (max-height:500px) and (pointer:coarse){#landscape{position:absolute;inset:0;background:#11201cf7;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:18px}#landscape small{font-size:10px}}