:root{--bg: #11161d;--card: #1a212b;--card-2: #222b37;--line: #2c3742;--text: #e6ecf2;--muted: #8b98a6;--accent: #e0a93b;--accent-2: #f2c668;--me: #41b06e;--me-soft: #1c3a2a;--opp: #d65a4e;--opp-soft: #3a221f;--shield: #46b7d6;--win: #41b06e;--draw: #c9a94a;--loss: #d65a4e}*{box-sizing:border-box}body{margin:0;font-family:Pretendard,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px}.header{text-align:center;padding:22px 16px 6px}.header h1{margin:0;font-size:1.5rem;color:var(--accent-2);letter-spacing:.5px}.subtitle{margin:6px 0 0;color:var(--muted);font-size:.86rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;max-width:980px;margin:14px auto}.toolbar{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;justify-content:flex-start}.tool-group{display:flex;align-items:center;gap:12px;flex:0 0 auto}.tool-group.actions{gap:10px;margin-left:auto}.tool-label{font-size:.82rem;color:var(--muted);white-space:nowrap}.tool-label strong{color:var(--accent-2)}#sims-value{display:inline-block;min-width:4.2em;text-align:right;font-variant-numeric:tabular-nums}.dice-picker{display:flex;gap:8px;align-items:center}.turn-toggle{display:flex;gap:4px;background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:3px}.turn-btn{background:transparent;color:var(--muted);border:2px solid transparent;border-radius:8px;padding:7px 14px;font-size:.84rem;font-weight:700}.turn-btn.me.active{background:#41b06e29;color:var(--me);border-color:var(--me)}.turn-btn.opp.active{background:#d65a4e29;color:var(--opp);border-color:var(--opp)}.turn-btn:not(.active):hover{color:var(--text)}.chk{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text);cursor:pointer;white-space:nowrap}.chk small{color:var(--muted)}.chk input{accent-color:var(--accent)}input[type=range]{width:160px;flex:0 0 160px;accent-color:var(--accent)}button{font:inherit;border-radius:9px;padding:9px 16px;cursor:pointer;border:none;font-weight:700;transition:background .15s,opacity .15s}button.primary{background:var(--accent);color:#15110a}button.primary:hover{background:var(--accent-2)}button.primary:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}button.ghost:hover{color:var(--text);border-color:var(--muted)}.board-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;padding:0 6px}.side-tag{font-weight:800;font-size:1.3rem;min-width:1.4em;text-align:center;font-variant-numeric:tabular-nums}.side-tag.me{color:var(--me)}.side-tag.opp{color:var(--opp)}.vs{color:var(--muted);font-size:.78rem;padding:2px 10px;border:1px solid var(--line);border-radius:20px}.lines{display:flex;flex-direction:column;gap:10px}.line-row{display:grid;grid-template-columns:1fr 132px 1fr;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--card-2);border:2px solid transparent;transition:border-color .2s,box-shadow .2s}.line-row.recommended{border-color:transparent}.dice-zone{display:flex;gap:8px;position:relative;padding:4px;border-radius:10px;border:2px solid transparent;transition:border-color .2s,box-shadow .2s,background .2s}.dice-zone.me{justify-content:flex-end}.dice-zone.opp{justify-content:flex-start}.dice-zone.recommended.me{border-color:var(--me);background:#41b06e1a;box-shadow:0 0 14px #41b06e59}.dice-zone.recommended.opp{border-color:var(--opp);background:#d65a4e1a;box-shadow:0 0 14px #d65a4e59}.score-center{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:4px;text-align:center}.score-center .lname{grid-column:1 / -1;font-size:.72rem;color:var(--muted);margin-bottom:2px}.score-val{font-size:1.05rem;font-weight:800}.score-val.me{color:var(--me)}.score-val.opp{color:var(--opp)}.score-val.dim{color:var(--muted);opacity:.6}.arrow{font-size:.9rem;color:var(--muted)}.arrow.to-me{color:var(--me)}.arrow.to-opp{color:var(--opp)}.slot{width:46px;height:46px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .08s,box-shadow .15s,border-color .15s;border:2px dashed var(--line);background:#141a22;position:relative}.slot:hover{transform:translateY(-2px);border-color:var(--accent)}.slot.empty.me{border-color:#285039}.slot.empty.opp{border-color:#4a2a26}.slot.filled{border-style:solid;background:#f3ecdd}.slot.filled.me{border-color:var(--me)}.slot.filled.opp{border-color:var(--opp)}.slot.filled.shield{border-color:var(--shield);border-width:4px;box-shadow:0 0 0 3px #46b7d680,0 0 12px #46b7d680}.slot.selected{outline:3px solid var(--accent);outline-offset:1px}.slot .plus{color:#3a4854;font-size:1.3rem;font-weight:300}.die-face{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none}.rec-badge{position:absolute;top:-9px;background:var(--accent);color:#15110a;font-size:.62rem;font-weight:800;border-radius:8px;padding:1px 6px;z-index:2}.rec-badge.me{right:4px}.rec-badge.opp{left:4px}.pick-die{width:50px;height:50px;padding:0;border-radius:8px;border:1px solid var(--line);background:#f3ecdd;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .08s,border-color .15s}.pick-die:hover{transform:translateY(-2px)}.pick-die.active{border-color:var(--accent);border-width:3px;box-shadow:0 0 0 3px #e0a93b4d,0 0 14px #e0a93b99}.pick-die.active:after{content:"선택";position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--accent);color:#15110a;font-size:.6rem;font-weight:800;border-radius:6px;padding:1px 5px;white-space:nowrap}.pick-clear{align-self:center;background:transparent;color:var(--opp);border:1px solid var(--opp);border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:700;margin-left:4px}.pick-clear:hover{background:#d65a4e26}.popover{position:absolute;z-index:50;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 12px 30px #00000080;width:188px}.popover .pop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.popover .pop-die{aspect-ratio:1;border-radius:8px;border:1px solid var(--line);background:#f3ecdd;cursor:pointer;display:flex;align-items:center;justify-content:center}.popover .pop-die:hover{border-color:var(--accent)}.popover .pop-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.popover .pop-color{margin-top:10px}.color-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--card-2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:.82rem;font-weight:700}.color-toggle:hover{border-color:var(--muted)}.color-toggle .cdot{width:12px;height:12px;border-radius:50%;display:inline-block}.color-toggle .cdot.me{background:#2f8f4e}.color-toggle .cdot.opp{background:#c0392b}.color-toggle .cswap{color:var(--muted);font-weight:800}.popover .pop-hint{font-size:.72rem;color:var(--muted);margin:8px 0 0}.results{font-size:.88rem;color:var(--muted)}.result-item{padding:10px 12px;border-radius:10px;margin-bottom:8px;background:var(--card-2);border:1px solid var(--line)}.result-item.best{border-color:var(--accent);background:#2b2415}.result-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.result-title{font-weight:700;color:var(--text)}.result-title .crown{margin-left:4px}.result-title .albagi{color:var(--opp);font-size:.74rem;border:1px solid var(--opp);border-radius:5px;padding:0 5px;margin-left:6px}.result-win{font-weight:800;color:var(--win);font-size:1.05rem}.bar{display:flex;height:8px;border-radius:5px;overflow:hidden;margin-top:7px;background:#0e1318}.bar .w{background:var(--win)}.bar .d{background:var(--draw)}.bar .l{background:var(--loss)}.bar-legend{display:flex;gap:14px;margin-top:5px;font-size:.72rem}.bar-legend .lw{color:var(--win)}.bar-legend .ld{color:var(--draw)}.bar-legend .ll{color:var(--loss)}@media(max-width:720px){.line-row{grid-template-columns:1fr 110px 1fr}.slot{width:40px;height:40px}}.line-winrate{font-size:1rem;font-weight:700;color:var(--muted);white-space:nowrap;display:flex;align-items:center}.dice-zone.me .line-winrate{order:99;margin-left:14px}.dice-zone.opp .line-winrate{order:-1;margin-right:14px}.line-winrate.placeable{color:var(--text)}.line-winrate.best{color:var(--win)}.dice-zone.placeable{border-color:#ffffff38}.pick-die.bonus{border-color:var(--shield);border-width:4px;box-shadow:0 0 0 3px #46b7d680,0 0 12px #46b7d680}.pick-die.bonus.active{border-color:var(--accent);border-width:3px;box-shadow:0 0 0 3px #e0a93b80,0 0 14px #e0a93b99}.popover.color-place{width:auto}.pop-title{font-size:.82rem;color:var(--muted);margin:0 0 8px;text-align:center}.pop-color-choices{display:flex;gap:10px}.pop-color-choices .choice{display:flex;flex-direction:column;align-items:center;gap:6px;background:#f3ecdd;border:2px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer}.pop-color-choices .choice:hover{border-color:var(--accent);transform:translateY(-2px)}.pop-color-choices .choice span{font-size:.72rem;font-weight:800}.pop-color-choices .choice.me span{color:#2f8f4e}.pop-color-choices .choice.opp span{color:#c0392b}.winrate-card{padding:12px 18px}.total-winrate{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.total-winrate .tw-label{font-size:.84rem;font-weight:700;color:var(--accent-2);white-space:nowrap}.total-winrate .tw-bar{flex:1;min-width:160px;display:flex;height:14px;border-radius:7px;overflow:hidden;background:#0e1318}.total-winrate .tw-bar .tw-w{background:var(--win)}.total-winrate .tw-bar .tw-d{background:var(--draw)}.total-winrate .tw-bar .tw-l{background:var(--loss)}.total-winrate .tw-nums{font-size:.9rem;font-weight:700;white-space:nowrap}.total-winrate .tw-nums.muted{color:var(--muted);font-weight:600}.total-winrate .tw-me{color:var(--win)}.total-winrate .tw-opp{color:var(--loss)}.loading-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#080b0f73;z-index:100}.loading-overlay.show{display:flex}.loading-box{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 36px;box-shadow:0 16px 40px #00000080}.loading-box .spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--card-2);border-top-color:var(--accent);animation:spin .8s linear infinite}.loading-box .loading-text{font-size:.88rem;font-weight:700;color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.slot.linked-left:before{content:"";position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:14px;height:4px;border-radius:2px;background:var(--accent-2);box-shadow:0 0 6px #f2c668b3;z-index:3}.tazza-panel{max-width:980px;margin:14px auto;width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 12px 30px #00000073;display:flex;flex-direction:column;align-items:center;text-align:center}.tazza-panel .tz-head{font-size:.86rem;font-weight:800;color:var(--accent-2);margin-bottom:10px}.tz-toggle{min-width:220px;border-radius:9px;padding:9px 12px;font-size:.84rem;font-weight:800;border:2px solid transparent}.tz-toggle.on{background:#41b06e29;color:var(--me);border-color:var(--me)}.tz-toggle.off{background:var(--card-2);color:var(--muted);border-color:var(--line)}.tz-advice{margin-top:10px;font-size:.78rem;line-height:1.5;border-radius:9px;padding:9px 12px;max-width:520px}.tz-advice.idle,.tz-advice.used{color:var(--muted);background:var(--card-2)}.tz-advice.hold{color:var(--text);background:var(--card-2)}.tz-advice.suggest{color:var(--accent-2);background:#2b2415;border:1px solid var(--accent)}.tz-advice strong{color:var(--accent-2)}@media(max-width:900px){.tazza-panel{width:auto}}