:root{--bg: #0b1129;--panel: #131d47;--panel-2: #1b2760;--line: #2f3f86;--text: #e5e9ff;--muted: #95a0cf;--gold: #f5b83d;--gold-dark: #b9801b;--good: #86efac;--bad: #fca5a5;--info: #93c5fd;--top-zone: 0px;--font: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit}h1,h2,h3{margin:.2em 0 .4em}h2{font-size:1.1rem}h3{font-size:.95rem;margin-top:1em}small{font-size:.75rem}.app{max-width:480px;margin:0 auto;min-height:100dvh;padding:max(env(safe-area-inset-top),var(--top-zone)) 8px env(safe-area-inset-bottom);position:relative}button{min-height:36px;padding:6px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--panel-2);color:var(--text);font-weight:700;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:disabled{opacity:.4;cursor:default}button.gold{background:linear-gradient(#ffd166,var(--gold));border-color:var(--gold-dark);color:#2a1a00}button.big{width:100%;min-height:48px;font-size:1rem;margin-top:8px}.pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.25);transform:scale(1.03)}}.muted{color:var(--muted)}.small{font-size:.78rem}.accent{color:var(--gold)}.gold-text{color:var(--gold);font-weight:800}.center{text-align:center;align-items:center;justify-content:center}.row{display:flex;gap:10px;align-items:center}.grow{flex:1;min-width:0}.btn-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;align-items:center}.portrait{display:block}.pix{image-rendering:pixelated;image-rendering:crisp-edges}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.item-line{display:inline-flex;align-items:center;gap:8px;min-width:0}.panel{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.panel-head{display:flex;justify-content:space-between;align-items:center;font-weight:800}.chips{display:inline-flex;gap:4px;flex-wrap:wrap;vertical-align:middle}.chip{font-size:.68rem;padding:1px 6px;border-radius:6px;color:#0b1129;font-weight:800}.badge{font-size:.7rem;padding:1px 6px;border-radius:6px;background:var(--gold);color:#2a1a00;font-weight:800}.badge.blue{background:var(--info)}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.list li{display:flex;align-items:center;gap:8px;justify-content:space-between;background:var(--panel-2);border-radius:10px;padding:8px 10px}.list li small{display:block;color:var(--muted)}.list li button{flex-shrink:0}.list.team li{align-items:flex-start;justify-content:flex-start}.list.team li.in-party{outline:2px solid var(--gold)}.plain{padding-left:1.1em;margin:0;line-height:1.7}.intro{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:16px 4px}.title-card{text-align:center;padding:24px 16px;border-radius:18px;background:radial-gradient(circle at 50% 0%,#2c3a8a,var(--panel) 70%);border:2px solid var(--gold)}.title-card h1{font-size:2rem;letter-spacing:.04em;color:#fff3c4;text-shadow:0 2px 0 #b9801b}.title-stars{color:var(--gold);letter-spacing:.5em}.title-actors{display:flex;justify-content:center;gap:2px;margin:14px 0;flex-wrap:wrap}.answers{display:flex;flex-direction:column;gap:8px}.answers button{min-height:48px;text-align:left}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px}.pick.selected{border-color:var(--gold);background:#2c376f}.text-input{width:100%;min-height:44px;border-radius:10px;border:2px solid var(--line);background:var(--bg);color:var(--text);font-size:1rem;padding:0 12px;font-family:inherit}.hub{display:flex;flex-direction:column;gap:8px;padding:8px 0 24px}.town{border-radius:14px;padding:10px;background:linear-gradient(#0f1745,#1d2b6b 70%,#2e3f2a);border:2px solid var(--line)}.town-row{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:.8rem;padding:3px 8px;border-radius:999px;background:#00000059}.houses{display:flex;justify-content:space-around;margin-top:8px}.town-row{align-items:center}button.mini{min-height:28px;padding:2px 10px;font-size:.78rem}.leader-card{display:flex;gap:10px;align-items:center;background:var(--panel);border-radius:14px;padding:10px;border:2px solid var(--line)}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tab{font-size:.85rem}.tab.active{background:var(--gold);color:#2a1a00;border-color:var(--gold-dark)}.tab-body{background:var(--panel);border-radius:14px;padding:10px;border:2px solid var(--line)}.card-grid{display:grid;grid-template-columns:1fr;gap:8px}.dcard{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:12px;background:var(--panel-2);border:2px solid}.dcard.locked{filter:grayscale(.8);opacity:.6}.dcard-head{display:flex;gap:6px;align-items:center}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.dex-cell{display:flex;flex-direction:column;align-items:center;background:var(--panel-2);border-radius:10px;padding:4px;text-align:center}.modal{position:fixed;inset:0;z-index:50;background:#030614bf;display:flex;align-items:center;justify-content:center;padding:16px}.modal .panel{width:100%;max-width:440px;max-height:85dvh;overflow-y:auto}.dialog{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);transform:translate(-50%);width:min(460px,calc(100% - 16px));z-index:40;display:flex;gap:10px;align-items:flex-start;background:#1a2a7a;border:3px solid #e5e9ff;border-radius:14px;padding:12px;cursor:pointer}.dialog p{margin:4px 0;line-height:1.5}.dungeon{display:flex;flex-direction:column;gap:6px;padding-top:6px;user-select:none;-webkit-user-select:none}.stage{position:relative;border-radius:12px;overflow:hidden;border:2px solid var(--line)}.stage-canvas{display:block;width:100%;aspect-ratio:1;touch-action:none}.hud{position:absolute;top:6px;left:6px;font-size:.74rem;line-height:1.35;background:#0d153cd9;border:1.5px solid #4a5bb0;border-radius:8px;padding:5px 8px;min-width:120px}.hud-title{font-weight:800}.weather{color:var(--info)}.danger{color:var(--bad);font-weight:800}.bar-row{display:flex;flex-direction:column}.bar{display:block;height:5px;width:100%;background:#00000080;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:#4ade80}.bar.small{width:48px;display:inline-block;margin-left:4px;vertical-align:middle}.minimap{position:absolute;top:6px;right:6px;width:88px;height:60px;background:#05060f8c;border-radius:6px;image-rendering:pixelated}.party-strip{position:absolute;left:6px;bottom:6px;display:flex;gap:4px;flex-wrap:wrap}.ally-chip{font-size:.68rem;background:#0d153cd9;border-radius:6px;padding:2px 6px}.banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:900;background:#00000073;color:#fff3c4}.log{height:96px;overflow-y:auto;font-size:.78rem;line-height:1.4;padding:6px 8px;background:var(--panel);border:2px solid var(--line);border-radius:10px}.log-good{color:var(--good)}.log-bad{color:var(--bad)}.log-info{color:var(--info)}.controls{display:grid;grid-template-columns:138px 1fr;gap:8px}.pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:3px}.pad-btn{padding:0;min-height:0;font-size:1.1rem;border-radius:10px;touch-action:none}.pad-wait{font-size:.7rem;color:var(--muted)}.actions{display:flex;flex-direction:column;gap:6px}.skills{display:grid;grid-template-columns:1fr 1fr;gap:5px}.skill-btn{display:flex;flex-direction:column;align-items:flex-start;padding:4px 8px;min-height:42px;border-width:2px}.skill-name{font-size:.8rem}.skill-pp{font-size:.66rem;color:var(--muted)}.action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.action-row button{padding:4px;font-size:.8rem;min-height:40px}.stage-canvas{image-rendering:pixelated}.goal{background:var(--panel-2);border:2px solid var(--gold-dark);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}.goal-track{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.goal-track span{height:8px;border-radius:4px;background:#0006}.goal-track span.on{background:var(--gold)}.toast{position:fixed;left:50%;top:calc(max(env(safe-area-inset-top),var(--top-zone)) + 12px);transform:translate(-50%);z-index:80;background:#2a1f00;border:2px solid var(--gold);border-radius:12px;padding:8px 14px;font-size:.85rem;animation:toast-in .25s ease-out;white-space:nowrap}@keyframes toast-in{0%{transform:translate(-50%,-20px);opacity:0}}button.danger-btn{background:#5b1d2a;border-color:#b4435a;color:#ffe1e6}.status-tag{display:inline-block;font-weight:800;font-size:.7rem;padding:0 6px;border-radius:6px;color:#0b1129}.st-poison{background:#c084fc}.st-paralysis{background:#facc15}.st-sleep{background:#93c5fd}.money{display:flex;align-items:center;gap:4px}button.resonance{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}button.resonance:disabled{opacity:.75}button.resonance.ready{background:linear-gradient(#fef3c7,#a78bfa);color:#1e1b4b;border-color:#7c3aed}.gauge{display:block;width:80%;height:4px;border-radius:2px;background:#00000073;overflow:hidden}.gauge i{display:block;height:100%;background:#c4b5fd}.list li.todo{opacity:.6}.list li.done b{color:var(--gold)}button.toggle{min-width:64px}.ending .panel{background:radial-gradient(circle at 50% 0%,#3b3561,var(--panel) 75%);border-color:var(--gold)}.ending-line{line-height:1.8;min-height:5.4em}@media(min-width:900px){.app{max-width:520px}}