/* 전개 시뮬레이터 */
.sim-page{background:var(--bg,#0d1017)}
.sim{display:grid;grid-template-columns:300px minmax(0,1fr) 290px;gap:14px;padding:14px 16px 24px;max-width:1700px;margin:0 auto;color:var(--text,#f0eff6)}
.sim button{background:#1b2133;border:1px solid #333b55;color:#e8e9f0;border-radius:8px;padding:6px 11px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.sim button:hover:not(:disabled){border-color:#5a6690;background:#232a40}
.sim button:disabled{opacity:.4;cursor:default}
.sim button.primary,.sim-modebar .primary{background:#5b4bb7;border-color:#7a69d8}
.sim-hint{color:var(--muted,#9198ac);font-size:12px;line-height:1.5;margin:6px 0}
.sim-side,.sim-log{background:var(--panel,#151925);border:1px solid var(--line,#2a2f3f);border-radius:14px;padding:12px;align-self:start;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
.sim-tabs{display:flex;gap:6px;margin-bottom:10px}.sim-tabs button{flex:1}.sim-tabs button.on{background:#2c2550;border-color:#7a69d8}
.sim-row{display:flex;gap:6px;margin:8px 0}.sim-row select{flex:1;min-width:0;background:#0f131d;color:#e8e9f0;border:1px solid #333b55;border-radius:8px;padding:6px}
#cardSearch{width:100%;background:#0f131d;color:#e8e9f0;border:1px solid #333b55;border-radius:8px;padding:8px 10px;font:inherit;font-size:14px}
.sim-results{list-style:none;margin:6px 0 0;padding:0;max-height:260px;overflow:auto;border-radius:8px}
.sim-results li{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid #222839;font-size:13px;cursor:grab;user-select:none;touch-action:none}
.sim-results li:hover{background:#1d2335}.sim-results li small{color:#8d94aa;flex-shrink:0}.sim-results li.none{cursor:default;color:#8d94aa}
.sim-decklist h3{font-size:13px;margin:12px 0 6px;color:#cfd3e4}.sim-decklist h3 b{color:#c9afff;margin-left:4px}
.sim-deckgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.dk{position:relative;cursor:pointer;aspect-ratio:704/1024;background:#0f131d;border-radius:3px;overflow:hidden}
.dk img{width:100%;height:100%;display:block}.dk b{position:absolute;right:2px;bottom:2px;background:#000c;color:#fff;font-size:11px;padding:0 4px;border-radius:4px}
.dk:hover{outline:2px solid #e66}
.sim-info img.big{width:100%;aspect-ratio:704/1024;display:block;background:#0f131d}
.sim-info h3{font-size:16px;margin:10px 0 6px}.sim-info p{font-size:13px;line-height:1.75;white-space:pre-line;color:#d5def2}
/* 위 막대 */
.sim-main{min-width:0}
.sim-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}
.sim-sep{width:1px;height:22px;background:#333b55;margin:0 4px}
.sim-switch{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;user-select:none}
.sim-switch input{width:16px;height:16px;accent-color:#7a69d8}
.sim-turn{margin-left:auto;color:#c9afff;font-weight:700;font-size:14px}
/* 보드 */
.sim-board-wrap{container-type:inline-size;background:radial-gradient(ellipse at 50% 55%,#1a2238,#0b0e17 75%);border:1px solid var(--line,#2a2f3f);border-radius:14px;padding:12px}
.sim-board{--g:6px;--h:min(108px,calc((100cqw - 6 * var(--g)) / 7));--w:calc(var(--h) * .6875);display:flex;flex-direction:column;gap:var(--g);align-items:center}
.sim-board .row{display:grid;grid-template-columns:repeat(7,var(--h));gap:var(--g)}
.sim-board .row.mid{margin:4px 0}
.sim-board .row.op{opacity:.97}
.zone{position:relative;width:var(--h);height:var(--h);border:1px solid #2f3856;border-radius:6px;background:#121829aa;display:grid;place-items:center}
.zone.ghost{border:0;background:none}
.zone.z-emz{border-color:#5a4b9a;background:#1b1733aa}
.zone.z-f{border-color:#3d6a5a}
.zone.pile{background:#0f1422cc}
.row.op .zone{border-color:#563040;background:#2a121baa}
.zone .zl{font-size:11px;color:#58607a}
.zone.over,.hand.over{outline:2px solid #c9afff;outline-offset:2px;background:#2c2550aa}
.pile .pl{position:absolute;top:2px;left:4px;font-size:10px;color:#8d94aa;text-shadow:0 1px 2px #000}
.pile .pc{position:absolute;bottom:2px;right:3px;font-size:11px;background:#000c;color:#fff;padding:0 5px;border-radius:5px}
.zone .mats{position:absolute;top:-6px;right:-6px;background:#7a69d8;color:#fff;font-size:11px;border-radius:9px;padding:0 6px;z-index:2}
.hand-row{grid-template-columns:none!important;width:100%}
.hand{display:flex;justify-content:center;gap:4px;min-height:calc(var(--h) + 8px);padding:4px;border:1px dashed #2f3856;border-radius:8px;width:100%;flex-wrap:wrap}
.hand-row.op .hand{border-color:#563040}
/* 카드 */
.sc{position:relative;width:var(--w);height:var(--h);border-radius:3px;cursor:grab;user-select:none;touch-action:none;transition:transform .12s,box-shadow .12s;flex-shrink:0}
.zone .sc{height:calc(var(--h) - 6px);width:calc((var(--h) - 6px) * .6875)}
.sc img{width:100%;height:100%;display:block;border-radius:3px;background:#1a2033}
.sc.def{transform:rotate(-90deg)}
.sc .back,.sim-ghost .back{display:block;width:100%;height:100%;border-radius:3px;background:radial-gradient(ellipse at 50% 50%,#c0702a 0 22%,#5a2a10 23% 30%,#7a3a14 31%),#6b3312;box-shadow:inset 0 0 0 3px #3a1a08}
.sc.own-op .back{filter:hue-rotate(180deg)}
.sc:hover{box-shadow:0 0 0 2px #9db5f2}
.sc.sel{box-shadow:0 0 0 3px #c9afff}
.sc.hi-act{box-shadow:0 0 0 3px #ffb347,0 0 18px #ffb347aa}
.sc.hi-move{box-shadow:0 0 0 2px #7fd1ff}
.sc.hi-tgt,.sc.tg{box-shadow:0 0 0 3px #ff5d73,0 0 14px #ff5d73aa}
.sc.neg img{filter:grayscale(.85) brightness(.75)}
.sc .neg-mark{position:absolute;inset:auto 0 40% 0;text-align:center;font-style:normal;font-size:11px;font-weight:700;background:#a0203acc;color:#fff}
.sc .set-mark{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-style:normal;font-size:10px;color:#fff;background:#000a}
.sc .cnt{position:absolute;top:2px;left:2px;background:#2a8a5a;color:#fff;font-size:11px;border-radius:8px;padding:0 5px}
.sim-ghost{position:fixed;z-index:20000;pointer-events:none;width:72px;height:105px;transform:translate(-50%,-60%) rotate(-4deg);opacity:.9;filter:drop-shadow(0 8px 16px #000)}
.sim-ghost img{width:100%;height:100%;border-radius:3px}
body.dragging,body.dragging *{cursor:grabbing!important}
/* 메뉴·모드 막대·더미 보기 */
.sim-menu{position:fixed;z-index:10002;width:210px;background:#171c2b;border:1px solid #3d4560;border-radius:10px;padding:8px;box-shadow:0 14px 40px #000c;display:flex;flex-direction:column;gap:4px}
.sim-menu header{font-size:13px;font-weight:700;padding:2px 4px 6px;border-bottom:1px solid #2a3046;margin-bottom:2px}
.sim-menu header small{display:block;font-weight:400;color:#8d94aa;font-size:11px;margin-top:2px}
.sim-menu button{background:#1f2537;border:1px solid #2f3752;color:#e8e9f0;border-radius:6px;padding:6px 8px;text-align:left;font:inherit;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.sim-menu button:hover{background:#2c2550;border-color:#7a69d8}
.sim-menu kbd{font-size:10px;color:#9aa0b4;border:1px solid #3d4560;border-radius:4px;padding:0 4px;font-family:inherit}
.sim-menu .mrow{display:flex;gap:4px}.sim-menu .mrow button{flex:1;justify-content:center}
.sim-menu hr{border:0;border-top:1px solid #2a3046;margin:3px 0}
.sim-modebar{position:sticky;bottom:12px;margin-top:10px;background:#2c2550;border:1px solid #7a69d8;border-radius:10px;padding:10px 12px;display:flex;gap:10px;align-items:center;font-size:14px;box-shadow:0 8px 24px #000a}
.sim-modebar button{background:#1b2133;border:1px solid #333b55;color:#e8e9f0;border-radius:8px;padding:6px 11px;font:inherit;cursor:pointer}
.sim-pile{position:fixed;z-index:10001;right:320px;top:90px;width:min(560px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:#151925f5;border:1px solid #3d4560;border-radius:12px;padding:12px;box-shadow:0 20px 60px #000c}
.sim-pile header{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:10px}.sim-pile header small{color:#8d94aa;font-weight:400}
.sim-pile header .x{margin-left:auto;background:#1b2133;border:1px solid #333b55;color:#fff;border-radius:50%;width:30px;height:30px;cursor:pointer}
.pile-grid{--h:104px;--w:71px;display:flex;flex-wrap:wrap;gap:6px}
/* 기록 */
.sim-log-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sim-log-head h3{font-size:14px;margin:0}.sim-log-head b{color:#c9afff}
.sim-loglist{list-style:none;margin:0;padding:0;outline:none;max-height:calc(100vh - 210px);overflow:auto}
.sim-loglist li{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:7px;font-size:12.5px;cursor:pointer;border:1px solid transparent;position:relative}
.sim-loglist li:hover{background:#1d2335}
.sim-loglist li .n{color:#6d7590;font-size:11px;min-width:20px;text-align:right}
.sim-loglist li .th{width:22px;height:32px;border-radius:2px;flex-shrink:0;background:#1a2033}
.sim-loglist li .tx{flex:1;line-height:1.4}
.sim-loglist li .x{opacity:0;background:none;border:0;color:#e88;font-size:16px;padding:0 4px;cursor:pointer}
.sim-loglist li:hover .x{opacity:1}
.sim-loglist li.sel{background:#2c2550;border-color:#7a69d8}
.sim-loglist li.cur{box-shadow:inset 0 -2px 0 #ffb347}
.sim-loglist li.after{opacity:.45}
.sim-loglist li.lg-start{color:#8d94aa;font-size:12px}
.sim-loglist li.lg-turn{color:#c9afff;font-weight:700;border-top:1px solid #3d4560;border-radius:0;margin-top:4px}
.sim-loglist li.lg-act .tx{color:#ffcf8a}.sim-loglist li.lg-tgt .tx{color:#ff9aa8}
#toast.show{opacity:1}
@media (max-width:1250px){.sim{grid-template-columns:280px minmax(0,1fr)}.sim-log{grid-column:1 / -1;position:static;max-height:none}.sim-loglist{max-height:320px}.sim-pile{right:16px}}
@media (max-width:820px){.sim{grid-template-columns:1fr;padding:10px}.sim-side{position:static;max-height:none;order:2}.sim-main{order:1}.sim-log{order:3}.sim-board-wrap{padding:6px}.sim-board{--g:4px}}
/* 상대 카드는 상대 쪽을 보게 뒤집음 */
.sc.own-op{transform:rotate(180deg)}.sc.own-op.def{transform:rotate(90deg)}
.pile-grid .sc.own-op{transform:none}

/* 카드 뒷면 */
.sc .back,.sim-ghost .back{background:url(back.webp) center/100% 100% no-repeat;box-shadow:none}
.sc.own-op .back{filter:none}
/* 발동 연출 */
.sim-board-wrap{position:relative;overflow:hidden}
.sim-cut{position:absolute;left:50%;top:50%;z-index:60;display:flex;align-items:center;gap:16px;padding:14px 22px 14px 14px;border-radius:14px;pointer-events:none;transform:translate(-50%,-50%);animation:simCut 1.3s cubic-bezier(.2,.8,.2,1) forwards;box-shadow:0 20px 50px #000c}
.sim-cut.me{background:linear-gradient(90deg,#3a2a10f2,#1a1630f2);border:1px solid #ffb347}
.sim-cut.op{background:linear-gradient(90deg,#4a1020f2,#1a1020f2);border:1px solid #ff5d73;animation-name:simCutOp}
.sim-cut img{width:110px;height:160px;border-radius:4px}
.sim-cut small{display:block;font-size:12px;color:#cfd3e4}.sim-cut b{display:block;font-size:20px;margin:2px 0}.sim-cut span{color:#ffcf8a;font-size:14px}
.sim-cut.op span{color:#ff9aa8}
@keyframes simCut{0%{opacity:0;transform:translate(-50%,-30%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-55%)}}
@keyframes simCutOp{0%{opacity:0;transform:translate(-50%,-90%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-45%)}}
.sc.hi-act{animation:simPulse .6s ease-out}
@keyframes simPulse{0%{filter:brightness(1.8)}100%{filter:none}}
/* 상대 견제 */
.sim-bar button.hit{border-color:#7a2a3a;background:#2a1520}
.hit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin-bottom:10px}
.hit-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;background:#1b2133;border:1px solid #333b55;border-radius:8px;padding:6px;color:#e8e9f0;font:inherit;font-size:11px;cursor:pointer;line-height:1.3}
.hit-grid button:hover{border-color:#ff5d73}
.hit-grid img{width:56px;height:81px;border-radius:3px;background:#1a2033}
#hitSearch{width:100%;background:#0f131d;color:#e8e9f0;border:1px solid #333b55;border-radius:8px;padding:8px 10px;font:inherit;font-size:14px}
.sim-modebar{flex-wrap:wrap}.sim-resbtns{display:flex;flex-wrap:wrap;gap:6px}
.sim-loglist li.lg-hit{background:#2a121b}.sim-loglist li.lg-hit .tx{color:#ff9aa8;font-weight:600}
.sim-loglist li.lg-note .tx{color:#9db5f2;font-style:italic}

/* ── 보드 격자 (묘지는 세로로 긴 칸) ── */
.sim-board{--cols:8;--h:min(104px,calc((100cqw - (var(--cols) - 1) * var(--g)) / var(--cols)));display:grid;grid-template-columns:repeat(var(--cols),var(--h));grid-auto-rows:auto;justify-content:center;align-items:stretch}
.sim-board .cell{display:flex;min-width:0}
.sim-board .cell>.zone{flex:1}
.sim-board .cell>.hand{flex:1}
.zone.gylist{height:auto;display:block;position:relative;background:#0f1422cc;overflow:visible;min-height:calc(var(--h) * 3 + var(--g) * 2)}
.zone.gylist .pl{position:absolute;top:3px;left:0;right:0;text-align:center;font-size:11px;color:#aab1c8;cursor:pointer;z-index:1}
.zone.gylist .pl:hover{color:#fff}
.gyc{position:absolute;left:calc((100% - (var(--h) - 6px) * .6875) / 2);top:calc(20px + var(--k) * min(calc((var(--h) - 6px) * .3), calc((100% - 24px - var(--h) + 6px) / max(var(--n) - 1, 1))))}
.gyc .sc{width:calc((var(--h) - 6px) * .6875);height:calc(var(--h) - 6px)}
.gyc .sc.own-op{transform:none}
.pile.d1 .sc.down{box-shadow:2px 2px 0 #2a1205}
.pile.d2 .sc.down{box-shadow:2px 2px 0 #3a1a08,4px 4px 0 #2a1205}
.pile.d3 .sc.down{box-shadow:2px 2px 0 #3a1a08,4px 4px 0 #2a1205,6px 6px 0 #1a0a02}
.hand{min-height:calc(var(--h) + 8px)}
/* 안내 */
.sim-guide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;width:min(440px,90%);background:#171c2bf2;border:1px solid #7a69d8;border-radius:14px;padding:18px 20px;box-shadow:0 20px 50px #000c;font-size:14px;line-height:1.7}
.sim-guide ol{margin:8px 0 12px;padding-left:20px}.sim-guide li{margin:4px 0}
.sim-guide button,.sim-help button[data-sample]{background:#2c2550;border:1px solid #7a69d8;color:#fff;border-radius:8px;padding:4px 10px;font:inherit;font-size:13px;cursor:pointer}
/* 재생 막대 */
.sim-play{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.sim-play select{background:#0f131d;color:#e8e9f0;border:1px solid #333b55;border-radius:8px;padding:6px}
.sim-play #pPlay{min-width:110px}.sim-play #pPlay.on{background:#7a2a3a;border-color:#ff5d73}
.sim-play #pStep{color:#aab1c8;font-size:13px;margin-left:6px;min-width:80px}
.sim-bar .help-btn{background:#2c2550;border-color:#7a69d8}
/* 묶음 표시 */
.sim-loglist li.g-first,.sim-loglist li.g-in{border-left:3px solid #7a69d8;border-radius:0 7px 7px 0;margin-left:4px}
.sim-loglist li.g-first::before{content:'동시';position:absolute;left:-2px;top:-7px;font-size:9px;background:#7a69d8;color:#fff;border-radius:4px;padding:0 4px}
.sim-loglist li.g-first{margin-top:8px}.sim-loglist li.g-last{margin-bottom:4px}
.sim-log-head span{display:flex;gap:4px}
/* 메모 연출 */
.sim-cut.note{background:linear-gradient(90deg,#14304af2,#141a30f2);border:1px solid #9db5f2;padding:16px 24px;max-width:80%}
.sim-cut.note b{font-size:18px;line-height:1.5}
/* 사용법 */
.sim-help{position:fixed;inset:0;z-index:10010;background:#05070dcc;display:grid;place-items:center;padding:16px}
.sim-help[hidden]{display:none}
.sim-help-box{width:min(680px,100%);max-height:88vh;overflow:auto;background:#151925;border:1px solid #3d4560;border-radius:14px;padding:18px 22px;color:#e8e9f0;box-shadow:0 20px 60px #000c}
.sim-help-box header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sim-help-box h2{font-size:18px;margin:0}
.sim-help-box h3{font-size:14px;margin:14px 0 4px;color:#c9afff}.sim-help-box p{font-size:13.5px;line-height:1.75;margin:0;color:#d5def2}
.sim-help-box kbd{font-size:11px;border:1px solid #3d4560;border-radius:4px;padding:0 5px;background:#0f131d;font-family:inherit}
.help-x{background:#1b2133;border:1px solid #333b55;color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:18px}
.sim-play select{width:auto!important;flex:0 0 auto}
.sim-row select{width:auto}

/* 스크린샷 불러오기 */
.sim-shot{border:1px dashed #5a6690;border-radius:10px;padding:10px;margin:0 0 10px;display:flex;flex-direction:column;gap:6px;text-align:center}
.sim-shot.over{border-color:#c9afff;background:#2c2550aa}
.sim-shot small{color:#9aa0b4;font-size:11.5px;line-height:1.5}
.sim-recog-box{width:min(980px,100%)}
.recog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin:10px 0;max-height:52vh;overflow:auto}
.recog-item{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;gap:2px;background:#1b2133;border:1px solid #333b55;border-radius:8px;padding:5px;cursor:pointer;color:#e8e9f0;font:inherit}
.recog-item img{width:100%;aspect-ratio:704/1024;object-fit:cover;border-radius:3px;background:#0f131d}
.recog-item .ar{color:#6d7590;font-size:11px}
.recog-item small{grid-column:1 / -1;font-size:10.5px;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recog-item.unsure{border-color:#ffb347;box-shadow:0 0 0 1px #ffb347}
.recog-item.on{border-color:#c9afff;box-shadow:0 0 0 2px #c9afff}
.recog-fix{margin-bottom:8px}#recogSearch{width:100%;background:#0f131d;color:#e8e9f0;border:1px solid #333b55;border-radius:8px;padding:8px 10px;font:inherit}
.zone.gylist{min-height:calc(var(--h) * 2 + var(--g))}
.zone.gylist.z-ban{background:#14101fcc}

/* 소재(겹친 카드)를 겹친 만큼 보이게 */
.zone.has-mats{overflow:visible}
.zone .matc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(calc(var(--k) * 5px),calc(var(--k) * 7px))}
.zone .matc .sc{width:calc((var(--h) - 6px) * .6875);height:calc(var(--h) - 6px);filter:brightness(.8)}
.zone .matc .sc:hover{filter:none}
.zone .topc{position:relative;z-index:50;display:grid;place-items:center}
.zone .mats{top:auto;bottom:-8px;right:-8px;font-size:10px;z-index:3}
/* 놓을 때 고르기 */
.sim-chooser{position:fixed;z-index:10003;display:flex;gap:4px;background:#171c2b;border:1px solid #7a69d8;border-radius:10px;padding:6px;box-shadow:0 12px 30px #000c}
.sim-chooser[hidden]{display:none}
.sim-chooser button{background:#2c2550;border:1px solid #7a69d8;color:#fff;border-radius:7px;padding:7px 12px;font:inherit;font-size:14px;cursor:pointer;display:flex;gap:6px;align-items:center}
.sim-chooser button:hover{background:#3d3270}
.sim-chooser button.no{background:#1b2133;border-color:#333b55;font-size:12px}
.sim-chooser kbd{font-size:10px;color:#cfc4ff;border:1px solid #7a69d8;border-radius:4px;padding:0 4px;font-family:inherit}
/* 표시 형식 3가지 */
.sim-menu .pos3 button{font-size:12px;padding:6px 4px}
.sim-menu .pos3 button.on{background:#2c2550;border-color:#7a69d8;opacity:1}
/* 확인·입력 창 */
.sim-dlg{width:min(460px,100%)}
.sim-dlg .dlg-text{font-size:14.5px;line-height:1.7;margin:0 0 10px;color:#e8e9f0}
.sim-dlg input{width:100%;background:#0f131d;color:#e8e9f0;border:1px solid #333b55;border-radius:8px;padding:9px 10px;font:inherit;font-size:14px;margin-bottom:8px}
.sim-dlg .sim-row{justify-content:flex-end}
.sim-dlg button{background:#1b2133;border:1px solid #333b55;color:#e8e9f0;border-radius:8px;padding:7px 14px;font:inherit;cursor:pointer}
.sim-dlg button.primary{background:#5b4bb7;border-color:#7a69d8}
.sim-saved{list-style:none;margin:0 0 8px;padding:0;max-height:50vh;overflow:auto}
.sim-saved li{display:flex;gap:4px;margin-bottom:4px}
.sim-saved li button[data-load]{flex:1;text-align:left;display:flex;flex-direction:column;gap:2px}
.sim-saved small{color:#8d94aa;font-size:11px}
.sim-saved .x{color:#e88}
/* 스크린샷 불러오기 버튼들 */
.sim-shot .shot-t{font-size:13px}
.shot-btns{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.shot-btns button{font-size:12px!important;padding:6px 8px!important}
.pickmsg{color:#ffcf8a!important}

/* 시작 상태 꾸미기 */
.sim-setupbar{display:flex;align-items:center;gap:12px;background:#163a2e;border:1px solid #3fbf8f;border-radius:12px;padding:10px 14px;margin-bottom:10px;font-size:13.5px;line-height:1.6}
.sim-setupbar[hidden]{display:none}
.sim-setupbar>div{flex:1}.sim-setupbar button{flex-shrink:0;background:#2a8a5a!important;border-color:#3fbf8f!important}
body.setup-on .sim-board-wrap{border-color:#3fbf8f;box-shadow:0 0 0 2px #3fbf8f55 inset}
.sim-bar button.setup{border-color:#2f6b55;background:#14261f}.sim-bar button.setup.on{background:#2a8a5a;border-color:#3fbf8f}
body.setup-on .sim-play{opacity:.4;pointer-events:none}

/* 카드 정보 창 (마우스 올림) */
.sim-tip{position:fixed;z-index:10004;display:flex;gap:12px;width:min(520px,calc(100vw - 16px));background:#151925f7;border:1px solid #3d4560;border-radius:12px;padding:12px;box-shadow:0 16px 40px #000c;pointer-events:none;animation:hyTipIn .12s ease-out}
.sim-tip[hidden]{display:none}
.sim-tip img{width:170px;height:auto;aspect-ratio:704/1024;flex-shrink:0;border-radius:4px;background:#0f131d}
.sim-tip strong{font-size:15px;display:block;margin-bottom:6px}
.sim-tip p{font-size:12.5px;line-height:1.7;white-space:pre-line;color:#d5def2;margin:0;max-height:60vh;overflow:hidden}
.sim-bar button.start{padding:6px 16px;font-weight:700}