:root{--bg:#14121a;--bg-deep:#0d0b11;--panel:#1c1924;--panel-hi:#262130;--ink:#e8e3da;--ink-dim:#9a9289;--gold:#d3b071;--line:#322c3d;--shadow:0 18px 40px #0000008c}*{box-sizing:border-box}html,body{background:var(--bg-deep);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:16px;line-height:1.65;overflow:hidden}#app{background:radial-gradient(120% 80% at 50% 22%, #241f2e 0%, var(--bg) 45%, var(--bg-deep) 100%);grid-template-rows:auto 1fr auto auto;max-width:1100px;height:100%;margin:0 auto;display:grid;position:relative}#hud{border-bottom:1px solid var(--line);letter-spacing:.02em;align-items:center;gap:1.5rem;padding:.9rem 1.4rem;font-size:.9rem;display:flex}#hud-day{color:var(--gold);font-weight:600}#hud-money,#hud-rep{color:var(--ink-dim)}#journal-toggle{background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:6px;margin-left:auto;padding:.4rem .9rem;font-size:.85rem}#journal-toggle:hover{background:var(--panel-hi)}#table{justify-content:center;align-items:center;gap:2.2rem;min-height:0;padding:1rem;display:flex}.slot{flex-direction:column;align-items:center;gap:.7rem;display:flex}.slot-label{color:var(--ink-dim);letter-spacing:.12em;font-size:.82rem}.card{aspect-ratio:100/172;perspective:1000px;opacity:0;width:150px;transition:opacity .34s,transform .34s cubic-bezier(.2,.9,.3,1);position:relative;transform:translateY(26px)}.card.dealt{opacity:1;transform:translateY(0)}.card-inner{width:100%;height:100%;transform-style:preserve-3d;box-shadow:var(--shadow);border-radius:10px;transition:transform .5s cubic-bezier(.4,.05,.2,1);position:relative}.card.flipped .card-inner{transform:rotateY(180deg)}.face{backface-visibility:hidden;text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:.8rem;display:flex;position:absolute;inset:0}.face-back{background:repeating-linear-gradient(45deg,#221d33 0 6px,#1b1729 6px 12px);border:2px solid #4a3d63}.face-back:after{content:"";aspect-ratio:1;border:1px solid #6b5a8a;width:42%;transform:rotate(45deg)}.face-front{color:#221f1a;background:linear-gradient(#f0ebe0,#ddd5c6);border:2px solid #2c2721;flex-direction:column;gap:.35rem;transform:rotateY(180deg)}.card-name{font-size:1.05rem;font-weight:600}.card-dir{color:#6b6055;letter-spacing:.08em;font-size:.78rem}.card.reversed .card-name{transform:rotate(180deg)}.card.anomaly .face-front{background:linear-gradient(#f0d9d6,#d8b6b2);border-color:#7a2b28}#dialogue{border:1px solid var(--line);background:#14111aeb;border-radius:12px;grid-template-columns:88px 1fr;align-items:start;gap:1.1rem;min-height:130px;margin:0 1.2rem;padding:1.2rem 1.4rem;display:grid;position:relative}#portrait{aspect-ratio:1;background:#5d5852;border-radius:10px;width:88px;transition:background .5s}#speaker{color:var(--gold);min-height:1.2em;margin-bottom:.3rem;font-size:.88rem}#body{white-space:pre-wrap;margin:0}#hint{color:var(--ink-dim);font-size:.78rem;position:absolute;bottom:.7rem;right:1.2rem}#choices{gap:.55rem;padding:.9rem 1.2rem 1.4rem;display:grid}#choice-prompt{color:var(--ink-dim);letter-spacing:.06em;font-size:.82rem}.choice{text-align:left;background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:10px;padding:.85rem 1.1rem;transition:background .15s,border-color .15s,transform 80ms}.choice:hover{background:var(--panel-hi);border-color:#4b4159}.choice:active{transform:translateY(1px)}.choice .tag{min-width:3.4em;color:var(--gold);letter-spacing:.08em;margin-right:.7rem;font-size:.76rem;display:inline-block}.choice.locked{opacity:.45}#journal{border:1px solid var(--line);width:300px;max-height:60vh;box-shadow:var(--shadow);z-index:5;background:#0d0b11f7;border-radius:12px;padding:1rem 1.2rem;position:absolute;top:3.4rem;right:1rem;overflow-y:auto}#journal h2{color:var(--gold);letter-spacing:.08em;margin:0 0 .7rem;font-size:.9rem}#journal .entry{color:var(--ink-dim);margin-bottom:.8rem;font-size:.86rem}#journal .entry b{color:var(--ink);font-weight:500;display:block}#overlay{z-index:10;background:#08070bf2;place-items:center;animation:.35s fade;display:grid;position:absolute;inset:0}#overlay-inner{text-align:center;width:min(560px,82%)}#overlay h1{color:var(--gold);letter-spacing:.06em;margin:0 0 1.4rem;font-size:1.6rem}#overlay .rows{text-align:left;gap:.5rem;max-width:380px;margin:0 auto 1.4rem;display:grid}#overlay .row{justify-content:space-between;gap:1.5rem;display:flex}#overlay .row span:first-child{color:var(--ink-dim)}#overlay .quote{margin-bottom:1.6rem;font-size:1.15rem}#overlay .note{color:var(--ink-dim);white-space:pre-wrap;margin-top:1.2rem;font-size:.85rem}#overlay .choice{margin-top:.5rem}@keyframes fade{0%{opacity:0}to{opacity:1}}.clickable{cursor:pointer}#table:has(.reader){gap:1.4rem}#table:has(.reader) .card{width:118px}.card.reader .face-front{border-color:var(--gold);color:var(--gold);background:linear-gradient(#1a1626,#2b2338)}.card.reader .card-name{letter-spacing:.14em;font-size:.95rem}.card.reader .card-inner{box-shadow:0 0 42px #d3b07152, var(--shadow)}