.deck-page{max-width:1320px;margin:0 auto;padding:24px 32px 80px}.deck-top{margin:16px 0 28px}.deck-brand{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:28px}.deck-top h1{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.deck-top p{margin:0;font-size:14px;color:var(--ink-2)}.deck-cols{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}@media(max-width:1080px){.deck-cols{grid-template-columns:minmax(0,1fr)}}.deck-left section{margin-bottom:40px}.deck-left h2{display:flex;align-items:baseline;gap:10px;font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.step{font-size:12px;font-weight:600;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--on-yin);display:inline-flex;align-items:center;justify-content:center;transform:translateY(-2px)}.count{font-size:14px;font-weight:400;color:var(--ink-3)}.deck-left .hint{font-size:13px;color:var(--ink-2);margin:0 0 14px}.deck-left .grid.selves{grid-template-columns:repeat(5,minmax(0,1fr))}.deck-left .grid.packs{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media(max-width:760px){.deck-left .grid.selves{grid-template-columns:repeat(2,minmax(0,1fr))}}.pick.pack{gap:10px;min-height:0;padding:14px 14px 12px}.pack-head{display:flex;flex-direction:column;gap:2px}.pack-cards{display:flex;flex-direction:column;gap:3px}.pack-card{display:flex;align-items:center;gap:8px;font-size:13px;padding:2px 0}.pack-card .cost{width:12px;font-weight:600;font-size:13px}.pack-card .mark{width:10px;height:10px;flex:none}.pick.on .mark{border-color:var(--on-yin)}.pick.on .mark.both{background:linear-gradient(90deg,var(--on-yin) 50%,transparent 50%)}.pick.on .mark.yin{background:var(--on-yin)}.pick.on .mark.yang,.pick.on .mark.free{background:transparent}.pack-chain{font-size:11.5px;line-height:1.45;opacity:.7;margin-top:4px}.seg-row{display:flex;align-items:center;gap:14px;margin-bottom:10px;flex-wrap:wrap}.seg-label{font-size:13px;color:var(--ink-2);width:32px}.deck-right{position:sticky;top:24px}.deck-card{background:var(--surface);border:1px solid var(--edge);border-radius:16px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}.deck-scroll{flex:1;min-height:0;overflow:auto;padding:22px 22px 16px}.deck-foot{flex:none;padding:14px 22px 20px;border-top:1px solid var(--hair)}@media(max-width:1080px){.deck-card{max-height:none}}.deck-title{display:flex;flex-direction:column;gap:3px}.deck-card h3{font-size:12px;font-weight:600;color:var(--ink-2);margin:22px 0 10px;display:flex;align-items:baseline;gap:8px}.deck-note{font-size:12px;color:var(--ink-3);margin:8px 0 0;line-height:1.5}.deck-note b{color:var(--ink);font-weight:600}.ratio-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.cell{height:22px;border-radius:5px;transition:background .18s ease}.cell.yin{background:var(--yin-face)}.cell.yang{background:var(--yang-face);border:1px solid rgba(31,29,26,.35)}.deck-card .ratio-read{display:flex;align-items:baseline;gap:6px;font-size:15px;margin:10px 0 12px;min-width:0;font-weight:400}.deck-card .ratio-read b{font-weight:600}.deck-card .ratio-read .link{margin-left:auto}.ratio-bars{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;height:74px}.bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:4px;border-radius:6px;padding:0}.bar-track,.curve-track{flex:1;min-height:0;display:flex;align-items:flex-end;width:100%}.bar-fill{display:block;width:100%;border-radius:4px 4px 2px 2px;background:var(--done);transition:height .2s ease,background .15s ease}.bar:hover .bar-fill{background:#1f1d1a4d}.bar.on .bar-fill{background:var(--ink)}.bar-label{font-size:11px;color:var(--ink-3);text-align:center}.bar.on .bar-label{color:var(--ink);font-weight:700}.slots{display:flex;flex-direction:column;gap:3px;font-size:12px}.slots-row{display:grid;grid-template-columns:26px repeat(10,1fr);gap:3px;align-items:center;text-align:center}.slots-row>span:first-child{text-align:left;color:var(--ink-3);font-size:11px}.slots-row.head{color:var(--ink-3);font-size:11px}.slots-row.yin span+span,.slots-row.yang span+span{border-radius:5px;padding:3px 0;font-weight:600}.slots-row.yin span+span{background:var(--yin-face);color:var(--on-yin)}.slots-row.yang span+span{background:var(--yang-face);border:1px solid rgba(31,29,26,.3)}.slots-row span.zero{opacity:.25}.curve{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;height:92px}.curve-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.curve-n{font-size:11px;font-weight:600}.curve-bar{width:100%;background:var(--ink);border-radius:4px 4px 2px 2px;transition:height .2s ease}.curve-label{font-size:11px;color:var(--ink-3)}.deck-list{display:flex;flex-direction:column}.deck-row{display:grid;grid-template-columns:14px 12px 1fr auto;align-items:center;gap:8px;padding:5px 6px;border-radius:7px;font-size:13px}.deck-row:hover,.deck-row.on{background:var(--done)}.deck-row .cost{font-weight:600}.deck-row .mark{width:10px;height:10px}.deck-row .flag{font-size:11px;color:var(--ink-3)}.deck-row.dead .name{text-decoration:line-through;color:var(--ink-3)}.deck-row.dead .flag{color:var(--ink);font-weight:600}.peek{margin-bottom:14px;border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.peek .face{min-height:92px;padding:12px;gap:8px}.deck-start{display:flex;align-items:center;gap:14px}:root{--paper: #f5f2eb;--surface: #fcfbf8;--yang-face: #f1ede2;--yang-choice: #fbf9f3;--yin-face: #2b2825;--ink: #1f1d1a;--ink-2: #4f4a43;--ink-3: #6f6a62;--on-yin: #f5f2eb;--hair: rgba(31, 29, 26, .14);--edge: rgba(31, 29, 26, .1);--edge-2: rgba(31, 29, 26, .16);--dash: rgba(31, 29, 26, .22);--done: #ece8df;--alarm: #a3402e;--card-h: clamp(150px, 21vh, 190px);--hand-h: clamp(148px, 18.6vh, 168px);--pad-x: clamp(24px, 7.5vw, 120px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-feature-settings:"tnum";-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}button:disabled{cursor:default}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.muted{color:var(--ink-3)}.small{font-size:12px}.board{min-height:100%;min-width:1024px;height:100vh;padding:24px var(--pad-x) 26px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;position:relative;overflow:hidden}@media(max-height:760px){.board{height:auto;overflow:visible}}.side-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.side-left{display:flex;align-items:flex-end;gap:40px}.who{padding-bottom:6px;min-width:120px}.who-name{font-size:15px;font-weight:600;letter-spacing:-.01em}.who-brand{font-weight:700}.who-sub{font-size:12px;color:var(--ink-3);margin-top:4px}.who-ability{font-size:11px;color:var(--ink-3);margin-top:2px}.meter{width:220px}.meter-top{display:flex;justify-content:space-between;align-items:baseline}.meter-label{font-size:12px;color:var(--ink-2)}.meter-num{font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.meter-max{font-size:12px;color:var(--ink-3)}.meter-line{height:1px;background:var(--hair);margin-top:4px;position:relative}.meter-fill{position:absolute;left:0;top:-1px;height:3px;background:var(--ink);border-radius:2px;transition:width .35s ease}.meter.alarm .meter-num,.meter.alarm .meter-label{color:var(--alarm)}.meter.alarm .meter-fill{background:var(--alarm)}.badges{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:8px;max-width:220px}.badge{font-size:11px;padding:2px 8px;border:1px solid var(--edge-2);border-radius:99px;color:var(--ink-2);background:var(--surface);white-space:nowrap}.badge.warn{border-color:var(--ink);color:var(--ink)}.opp-hand{display:flex;align-items:center;gap:10px;padding-bottom:4px}.backs{display:flex}.back{width:18px;height:26px;border-radius:4px;background:var(--yin-face);border:1px solid var(--paper)}.back+.back{margin-left:-6px}.field-wrap{position:relative}.field{display:grid;grid-template-columns:repeat(4,200px);gap:20px;justify-content:center}.slot-empty{height:var(--card-h);border:1px dashed var(--dash);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-3)}.char{height:var(--card-h);background:var(--surface);border:1px solid var(--edge);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;width:100%;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.char-face{flex:1;padding:14px;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.char.yin .char-face{background:var(--yin-face);color:var(--on-yin)}.char.yang .char-face{background:var(--yang-face);color:var(--ink)}.char-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.mode-pill{font-size:11px;padding:2px 8px;border-radius:99px;border:1px solid rgba(31,29,26,.45)}.char.yin .mode-pill{border-color:#f5f2eb8c}.char-kind{font-size:11px;opacity:.75}.char-state{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--ink);color:var(--on-yin);white-space:nowrap}.char.yin .char-state{background:var(--on-yin);color:var(--ink)}.char-name{font-size:19px;font-weight:600;letter-spacing:-.01em}.char-foot{padding:10px 14px 12px;display:flex;flex-direction:column;gap:6px}.char-hp{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}.hp-pips{display:flex;gap:3px}.hp{width:8px;height:8px;border-radius:2px;background:var(--ink)}.hp.lost{background:none;border:1px solid rgba(31,29,26,.35)}.char-text{font-size:12px;color:var(--ink-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.char.pickable{cursor:pointer;box-shadow:0 0 0 1.5px var(--ink),0 10px 24px #1f1d1a1a;transform:translateY(-4px)}.char.pickable:hover{transform:translateY(-8px)}.char.dimmed{opacity:.4}.char-preview{font-size:11px;font-weight:600;color:var(--ink)}.recap{position:absolute;top:0;bottom:0;width:calc((100% - 860px)/2 - 28px);display:flex;flex-direction:column;justify-content:center;gap:6px;overflow:hidden}.recap.right{right:0}.recap-title{font-size:11px;color:var(--ink-3)}.recap-item{font-size:12px;line-height:1.4;color:var(--ink-2)}.recap-item b{font-weight:600;color:var(--ink)}.recap-delta{color:var(--ink-3)}@media(max-width:1320px){.recap{display:none}}.mid{display:flex;align-items:center;gap:18px}.mid-line{flex:1;height:1px;background:var(--hair)}.mid-body{display:flex;align-items:center;gap:18px}.day{display:flex;align-items:baseline;gap:5px}.day b{font-size:16px;font-weight:600}.today{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface);border:1px solid var(--edge);border-radius:99px}.today-name{font-size:14px;font-weight:600}.today-effect{font-size:12px;color:var(--ink-2)}.forecast{display:flex;align-items:baseline;gap:5px;font-size:13px}.forecast b{font-weight:500}.forecast .fx{font-size:11px;color:var(--ink-3)}.turn-pill{padding:5px 12px;border-radius:99px;background:var(--ink);color:var(--on-yin);font-size:12px;font-weight:600;margin-left:6px;white-space:nowrap}.turn-pill.waiting{background:none;color:var(--ink-2);border:1px solid var(--edge-2)}.ask{display:flex;align-items:center;gap:14px;padding:8px 8px 8px 16px;background:var(--surface);border:1.5px solid var(--ink);border-radius:99px;box-shadow:0 10px 24px #1f1d1a1a}.ask-text{font-size:14px;font-weight:600}.ask-sub{font-size:12px;color:var(--ink-2);font-weight:400;margin-left:6px}.ask-btn{padding:7px 14px;border-radius:99px;border:1px solid var(--edge-2);font-size:13px;background:var(--paper)}.ask-btn:hover{border-color:var(--ink)}.res-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.res{display:flex;align-items:center;gap:24px}.res-one{display:flex;align-items:center;gap:10px;font-size:13px}.res-one b{font-weight:600}.pips{display:flex;gap:5px}.pip{width:10px;height:10px;border-radius:50%}.pip.yin{background:var(--ink)}.pip.yang{border:1.5px solid var(--ink);background:var(--surface)}.pip.spent{background:none;border:1px dashed rgba(31,29,26,.4)}.pip.blocked{background:none;border:1px solid rgba(31,29,26,.3);position:relative}.pip.blocked:after{content:"";position:absolute;left:1px;right:1px;top:50%;height:1px;background:#1f1d1a73;transform:rotate(-45deg)}.actions{display:flex;align-items:center;gap:10px}.chip{padding:7px 14px;border:1px solid var(--edge-2);border-radius:99px;font-size:13px;color:var(--ink);transition:border-color .15s ease,background .15s ease}.chip:hover:not(:disabled){border-color:var(--ink)}.chip:disabled{color:var(--ink-3)}.chip.done{border-color:transparent;background:var(--done);color:var(--ink)}.chip.armed{border-color:var(--ink);background:var(--ink);color:var(--on-yin)}.chip-fx{font-size:11px;color:var(--ink-3);margin-left:6px}.chip.armed .chip-fx{color:#f5f2ebb3}.hand-wrap{position:relative}.hand{display:flex;justify-content:center;align-items:flex-end;min-height:calc(var(--hand-h) + 8px)}.hcard{flex:none;width:140px;height:var(--hand-h);background:var(--surface);border:1px solid rgba(31,29,26,.12);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.hcard:hover{transform:translateY(-6px);z-index:5;box-shadow:0 10px 24px #1f1d1a1a}.hcard.selected{border:1.5px solid var(--ink);transform:translateY(-8px);z-index:6;box-shadow:0 10px 24px #1f1d1a1a}.hcard-top{display:flex;justify-content:space-between;align-items:center}.hcard-cost{font-size:20px;font-weight:600;line-height:1}.mark{width:12px;height:12px;border-radius:50%;border:1px solid var(--ink)}.mark.both{background:linear-gradient(90deg,var(--ink) 50%,var(--surface) 50%)}.mark.yin{background:var(--ink)}.mark.yang,.mark.free{background:var(--surface)}.hcard-name{font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.2}.hcard-kind{font-size:11px;color:var(--ink-3);margin-top:1px}.hcard-faces{margin-top:auto;display:flex;flex-direction:column;gap:4px}.mini{font-size:11px;line-height:1.3;padding:4px 6px;border-radius:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini.solo{-webkit-line-clamp:4}.mini.yin{background:var(--yin-face);color:var(--on-yin)}.mini.yang{background:var(--yang-choice);border:1px solid rgba(31,29,26,.3);color:var(--ink-2)}.mini.free{background:var(--done);color:var(--ink-2)}.mini.off{opacity:.35}.hcard.blocked .hcard-top,.hcard.blocked .hcard-name,.hcard.blocked .hcard-kind{opacity:.45}.hcard-why{position:absolute;left:10px;bottom:100%;margin-bottom:4px;font-size:11px;font-weight:600;color:var(--ink);white-space:nowrap}.split{position:absolute;bottom:calc(100% + 14px);width:320px;min-height:184px;background:var(--surface);border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 28px #1f1d1a29;z-index:20}.split-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 8px;gap:10px}.split-title{display:flex;align-items:baseline;gap:8px}.split-title .cost{font-size:20px;font-weight:600;line-height:1}.split-title .name{font-size:15px;font-weight:600}.split-q{font-size:11px;color:var(--ink-3);white-space:nowrap}.split-faces{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.hcard{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hcard.dragging{opacity:.3;transform:none;box-shadow:none}.hcard-ghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%) scale(.6) rotate(-3deg);filter:drop-shadow(0 14px 22px rgba(31,29,26,.28))}.hcard-ghost .hcard{border:1.5px solid var(--ink);transition:opacity .12s ease}.hcard-ghost.over .hcard{opacity:.35}.split.dropping{pointer-events:none}.split.dropping .face{transition:box-shadow .12s ease,filter .12s ease}.split.dropping .face.cant .face-head,.split.dropping .face.cant .face-fx{opacity:.4}.split.dropping .face.over:not(.cant){box-shadow:inset 0 0 0 3px var(--ink);filter:brightness(.97)}.split.dropping .face.yin.over:not(.cant){box-shadow:inset 0 0 0 3px var(--on-yin);filter:brightness(1.25)}.face{padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:128px;transition:filter .15s ease}.face.yin{background:var(--yin-face);color:var(--on-yin)}.face.yang{background:var(--yang-face);color:var(--ink)}.face.free{background:var(--done);color:var(--ink)}.face+.face{border-left:1px solid var(--hair)}.face:hover:not(:disabled){filter:brightness(1.08)}.face.yang:hover:not(:disabled),.face.free:hover:not(:disabled){filter:brightness(.97)}.face-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.dot{width:10px;height:10px;border-radius:50%;flex:none}.face.yin .dot{background:var(--on-yin)}.face.yang .dot,.face.free .dot{border:1.5px solid var(--ink)}.face-fx{font-size:13px;opacity:.85;line-height:1.4}.face-pay{font-size:11px;opacity:.6;margin-top:4px}.face:disabled .face-head,.face:disabled .face-fx{opacity:.4}.face:disabled .face-pay{opacity:1;font-weight:600}.end-box{display:flex;align-items:center;gap:14px}.end-btn{height:48px;padding:0 28px;border-radius:12px;background:var(--ink);color:var(--on-yin);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.end-btn:disabled{opacity:.35}.end-btn:hover:not(:disabled){background:#000}.link{font-size:12px;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--ink)}.top-links{position:absolute;top:10px;right:var(--pad-x);display:flex;gap:14px}.veil{position:fixed;inset:0;background:#f5f2ebd1;display:flex;align-items:center;justify-content:center;z-index:40}.sheet{background:var(--surface);border:1px solid var(--edge);border-radius:16px;padding:28px;box-shadow:0 24px 60px #1f1d1a29;max-width:min(920px,92vw);max-height:88vh;overflow:auto}.sheet h2{margin:0 0 6px;font-size:22px;font-weight:600;letter-spacing:-.02em}.sheet p{margin:0 0 20px;font-size:13px;color:var(--ink-2)}.options{display:flex;gap:16px}.option{width:240px;border:1px solid rgba(31,29,26,.12);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:var(--surface);transition:transform .15s ease,box-shadow .15s ease}.option:hover{transform:translateY(-4px);box-shadow:0 0 0 1.5px var(--ink),0 10px 24px #1f1d1a1a}.option-head{padding:12px 14px;display:flex;align-items:baseline;gap:8px}.option-head .cost{font-size:20px;font-weight:600}.option-head .name{font-size:15px;font-weight:600}.option-kind{font-size:11px;color:var(--ink-3);padding:0 14px 10px}.option .face{min-height:84px;border-left:0}.sheet-actions{display:flex;gap:10px;margin-top:24px}.btn{height:44px;padding:0 22px;border-radius:12px;font-size:14px;font-weight:600;border:1px solid var(--edge-2);display:inline-flex;align-items:center}.btn:hover{border-color:var(--ink)}.btn.primary{background:var(--ink);color:var(--on-yin);border-color:var(--ink)}.btn:disabled{opacity:.35}.log{width:min(560px,92vw)}.log-day{font-size:12px;color:var(--ink-3);margin:16px 0 6px;padding-bottom:6px;border-bottom:1px solid var(--hair)}.log-day:first-child{margin-top:0}.log-item{display:grid;grid-template-columns:36px 1fr;gap:8px;font-size:13px;line-height:1.5;padding:2px 0}.log-who{font-size:11px;color:var(--ink-3);padding-top:2px}.log-delta{color:var(--ink-3);margin-left:6px;font-size:12px}.setup{max-width:920px;margin:0 auto;padding:56px 28px 80px}.setup h1{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0 0 40px}.setup h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:36px 0 4px}.setup .hint{font-size:13px;color:var(--ink-2);margin:0 0 16px}.grid{display:grid;gap:12px}.grid.selves{grid-template-columns:repeat(5,1fr)}.grid.packs{grid-template-columns:repeat(3,1fr)}.pick{border:1px solid rgba(31,29,26,.12);border-radius:12px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:4px;min-height:92px;transition:border-color .15s ease}.pick:hover:not(:disabled){border-color:var(--ink)}.pick.on{background:var(--yin-face);color:var(--on-yin);border-color:var(--yin-face)}.pick:disabled{opacity:.4}.pick-name{font-size:15px;font-weight:600}.pick-sub{font-size:12px;opacity:.75;line-height:1.45}.ratio{display:flex;align-items:center;gap:16px}.ratio input[type=range]{flex:1;accent-color:var(--ink)}.ratio-read{font-size:15px;font-weight:600;min-width:120px}.seg{display:inline-flex;border:1px solid var(--edge-2);border-radius:99px;overflow:hidden}.seg button{padding:8px 16px;font-size:13px}.seg button.on{background:var(--ink);color:var(--on-yin)}.setup-foot{display:flex;align-items:center;gap:16px;margin-top:40px}.error{color:var(--alarm);font-size:13px}.board.watching{cursor:pointer}.board.watching .hand,.board.watching .res-row,.board.watching .end-box{opacity:.55;transition:opacity .2s ease}.stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.stage-body{display:flex;flex-direction:column;align-items:center;gap:8px;animation:stage-in .32s cubic-bezier(.2,.8,.2,1) both}@keyframes stage-in{0%{opacity:0;transform:translateY(-22px) scale(.96)}to{opacity:1;transform:none}}.stage-card{width:280px;background:var(--surface);border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 18px 44px #1f1d1a38}.stage-card-head{display:flex;align-items:baseline;gap:8px;padding:10px 14px 8px}.stage-card-head .cost{font-size:20px;font-weight:600;line-height:1}.stage-card-head .name{font-size:15px;font-weight:600}.stage-who{font-size:11px;color:var(--ink-3);margin-left:auto;white-space:nowrap}.stage-face{min-height:96px}.stage-pill,.stage-day{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--surface);border:1.5px solid var(--ink);border-radius:99px;font-size:15px;font-weight:600;box-shadow:0 12px 28px #1f1d1a29;white-space:nowrap}.stage-pill .stage-who{margin-left:0;font-weight:400}.stage-day{border-color:var(--edge-2);font-weight:500;font-size:14px;color:var(--ink-2)}.stage-target{font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--ink);color:var(--on-yin)}.stage-delta{min-height:30px;padding:6px 14px;border-radius:99px;font-size:13px;font-weight:600;background:var(--ink);color:var(--on-yin);opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.stage-delta.on{opacity:1;transform:none}.stage-skip{pointer-events:auto;font-size:12px;color:var(--ink-2);padding:5px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--edge-2)}.stage-skip:hover{color:var(--ink);border-color:var(--ink)}.char.struck{box-shadow:0 0 0 2px var(--ink),0 10px 24px #1f1d1a29;animation:struck .45s ease both}@keyframes struck{0%,to{transform:none}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.char.acting{animation:acting .7s ease both;box-shadow:0 0 0 1.5px var(--ink)}@keyframes acting{0%,to{transform:none}40%{transform:translateY(7px)}}.meter-value{position:relative;white-space:nowrap}.meter-delta{position:absolute;right:100%;bottom:4px;margin-right:8px;font-size:15px;font-weight:700;padding:1px 8px;border-radius:99px;background:var(--ink);color:var(--on-yin);animation:delta-pop 1.4s ease both}@keyframes delta-pop{0%{opacity:0;transform:translateY(8px) scale(.8)}14%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.hcard.fresh{animation:fresh-in .5s cubic-bezier(.2,.8,.2,1) both}.hcard.fresh:after{content:"새로 온 카드";position:absolute;right:8px;bottom:100%;margin-bottom:4px;font-size:10.5px;color:var(--ink-3);white-space:nowrap;animation:fresh-tag 2.4s ease both}@keyframes fresh-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes fresh-tag{0%,70%{opacity:1}to{opacity:0}}.discover-veil{background:#f5f2ebbd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet.discover{max-width:min(1040px,94vw);padding:28px 28px 26px}.discover-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.discover-head p{margin:0}.discover-res{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:13px;white-space:nowrap}.discover-res b{font-weight:600}.discover-warn{margin:-6px 0 16px!important;padding:8px 12px;border:1px solid var(--ink);border-radius:10px;color:var(--ink)!important;font-weight:600}.sheet.discover .options{gap:18px;align-items:stretch}.sheet.discover .option{width:312px;border-radius:14px;animation:option-in .42s cubic-bezier(.2,.8,.2,1) both}@keyframes option-in{0%{opacity:0;transform:translateY(28px) rotate(-1.5deg)}to{opacity:1;transform:none}}.sheet.discover .option:hover,.sheet.discover .option:focus-visible{transform:translateY(-6px);box-shadow:0 0 0 1.5px var(--ink),0 16px 36px #1f1d1a24}.sheet.discover .option-head{padding:12px 14px 0}.option-key{margin-left:auto;font-size:11px;color:var(--ink-3);border:1px solid var(--edge-2);border-radius:6px;padding:1px 7px;align-self:center}.sheet.discover .option-kind{padding:2px 14px 10px}.option-faces{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.sheet.discover .option .face{min-height:148px;text-align:left}.sheet.discover .option .face+.face{border-left:1px solid var(--hair)}.face.never .face-head,.face.never .face-fx{opacity:.4}.face.never .face-pay{opacity:1;font-weight:600}.option-foot{padding:10px 14px;font-size:12px;color:var(--ink-2);border-top:1px solid var(--hair);text-align:left}@media(prefers-reduced-motion:reduce){.stage-body,.char.struck,.char.acting,.meter-delta,.hcard.fresh,.sheet.discover .option{animation:none}.hcard.fresh:after{animation:none;opacity:0}}.art{display:block;width:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hcard:has(>.hcard-art){padding:0}.hcard-art{position:absolute;inset:0;height:100%;border-radius:11px;transition:opacity .15s ease,filter .15s ease}.hcard-badge{position:absolute;left:8px;top:8px;width:26px;height:26px;border-radius:50%;background:var(--surface);border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;line-height:1}.hcard-plate{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;padding:28px 10px 9px;border-radius:0 0 11px 11px;background:linear-gradient(180deg,#fcfbf800 0,#fcfbf8f0 50%);text-align:left}.face-dots{display:flex;gap:4px;flex:none;padding-bottom:3px}.face-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--ink);transition:opacity .15s ease}.face-dot.yin{background:var(--ink)}.face-dot.yang{background:var(--surface)}.face-dot.free{background:var(--done)}.face-dot.off{opacity:.2}.hcard.blocked .hcard-art{opacity:.5;filter:saturate(.4)}.hcard.blocked .hcard-badge,.hcard.blocked .hcard-plate .hcard-name{opacity:.55}.split-art{height:112px;flex:none;border-bottom:1px solid var(--hair)}.split.peeking{pointer-events:none;animation:peek-in .12s ease both}@keyframes peek-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.face.cant .face-pay{opacity:1;font-weight:600}.stage-art{height:118px;border-bottom:1px solid var(--hair)}.option-art{height:132px;flex:none;border-bottom:1px solid var(--hair)}.peek .peek-art{height:112px;flex:none;border-bottom:1px solid var(--hair)}.char-art{display:none}@media(min-height:840px){.char-art{display:block;flex:1 1 0;height:0;min-height:0}.char:has(>.char-art) .char-face{flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:7px 12px}.char:has(>.char-art) .char-top{display:contents}.char:has(>.char-art) .mode-pill{order:0;flex:none}.char:has(>.char-art) .char-name{order:1;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char:has(>.char-art) .char-kind{display:none}.char:has(>.char-art) .char-state{order:2;margin-left:auto}.char:has(>.char-art) .char-foot{padding-top:8px}}@media(prefers-reduced-motion:reduce){.split.peeking{animation:none}}