.planner{--out: #d2603e;--in: #6ea24a;--tile-w: 146px;--tile-overlap: -126px;color:var(--color-pm-text)}.planner .pbtn{background:var(--color-pm-panel2);border:1px solid var(--color-pm-border);color:var(--color-pm-text);font:inherit;font-size:13px;padding:7px 13px;border-radius:7px;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.planner .pbtn:hover:not(:disabled){border-color:var(--color-pm-border-strong)}.planner .pbtn:disabled{opacity:.45;cursor:not-allowed}.planner .pbtn--primary{background:var(--color-pm-gold);border-color:var(--color-pm-gold);color:#1a1410;font-weight:600}.planner .pbtn--primary:hover:not(:disabled){background:var(--color-pm-gold2);border-color:var(--color-pm-gold2)}.planner .pbtn--danger:hover:not(:disabled){border-color:var(--out);color:var(--out)}.planner .pbtn--sm{padding:4px 10px;font-size:12px}.planner .decks-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.planner .decks-head__title{font-size:18px;margin:0}.planner .sync-status{font-size:12px;color:var(--color-pm-muted);margin-top:3px}.planner .sync-status__hint{color:var(--color-pm-gold)}.planner .sync-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:color-mix(in srgb,var(--color-pm-gold) 8%,var(--color-pm-panel));border:1px solid var(--color-pm-gold2);border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:13px;color:var(--color-pm-text)}.planner .sync-banner__actions{display:flex;gap:8px}.planner .pempty{border:1px dashed var(--color-pm-border-strong);border-radius:12px;padding:40px 20px;text-align:center;color:var(--color-pm-dim);font-size:14px}.planner .deck-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:14px}.planner .deck-card{position:relative;border:1px solid var(--color-pm-border);border-radius:12px;background:var(--color-pm-panel);transition:border-color .15s}.planner .deck-card:hover{border-color:var(--color-pm-gold)}.planner .deck-card__open{display:block;width:100%;text-align:left;background:none;border:none;color:inherit;cursor:pointer;padding:14px 38px 14px 14px;font:inherit}.planner .deck-card__name{font-size:15px;font-weight:600;margin-bottom:4px}.planner .deck-card__meta{font-size:12px;color:var(--color-pm-muted)}.planner .deck-card__plans{font-size:12px;color:var(--color-pm-dim);margin-top:8px;line-height:1.5}.planner .deck-card__del{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:6px;border:1px solid var(--color-pm-border);background:var(--color-pm-panel2);color:var(--color-pm-muted);cursor:pointer;font-size:14px;line-height:1}.planner .deck-card__del:hover{border-color:var(--out);color:var(--out)}.planner .import{background:var(--color-pm-panel);border:1px solid var(--color-pm-border);border-radius:12px;padding:14px;margin-bottom:16px}.planner .import__name,.planner .import__text{width:100%;background:var(--color-pm-bg);border:1px solid var(--color-pm-border);border-radius:8px;color:var(--color-pm-text);padding:9px 11px;outline:none;font-size:13px}.planner .import__name{margin-bottom:10px}.planner .import__text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5;resize:vertical}.planner .import__name:focus,.planner .import__text:focus{border-color:var(--color-pm-gold)}.planner .import__hint{font-size:12px;color:var(--color-pm-muted);margin:8px 0 0;line-height:1.5}.planner .import__hint code{color:var(--color-pm-gold)}.planner .import__row{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.planner .import__error{color:var(--out);font-size:13px}.planner .pv-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.planner .pv-title{font-size:18px;margin:0}.planner .pv-plans{flex-basis:100%;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.planner .pv-plans__label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--color-pm-muted)}.planner .pchip{background:var(--color-pm-panel2);border:1px solid var(--color-pm-border);color:var(--color-pm-dim);border-radius:999px;padding:4px 11px;font-size:12px;cursor:pointer}.planner .pchip:hover{border-color:var(--color-pm-border-strong);color:var(--color-pm-text)}.planner .pchip--active{background:var(--color-pm-gold);border-color:var(--color-pm-gold);color:#1a1410;font-weight:600}.planner .pv-board{display:flex;gap:14px;align-items:stretch}.planner .pzone{display:flex;flex-direction:column;border:1px solid var(--color-pm-border);border-radius:12px;background:var(--color-pm-panel);overflow:hidden}.planner .pzone--main{flex:1 1 0;min-width:0}.planner .pzone--side{flex:0 0 auto;width:300px;background:color-mix(in srgb,var(--out) 5%,var(--color-pm-panel))}.planner .pzone--side .pzone__cols{--col-w: 128px;--tile-overlap: -100px}.planner .pzone__head{display:flex;align-items:baseline;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-pm-border);background:var(--color-pm-panel2)}.planner .pzone__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.planner .pzone__count{font-size:11px;color:var(--color-pm-muted)}.planner .pzone__cols{display:flex;flex-wrap:wrap;gap:12px;padding:14px;overflow:visible;flex:1 1 auto;min-height:0;align-items:flex-start;align-content:flex-start}.planner .pzone__cols--main{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.planner .pcol{flex:0 0 var(--col-w, 146px);width:var(--col-w, 146px);display:flex;flex-direction:column}.planner .pcol .ptile+.ptile{margin-top:var(--tile-overlap, -126px)}.planner .ptile{position:relative;width:100%;padding:0;border:none;background:var(--color-pm-panel2);border-radius:8px;aspect-ratio:488 / 680;cursor:pointer;overflow:hidden;box-shadow:0 0 0 1px #00000080;transition:filter .1s}.planner .ptile:after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 0 2px var(--color-pm-gold);opacity:0;transition:opacity .1s;pointer-events:none}.planner .ptile:hover{filter:brightness(1.12)}.planner .ptile:hover:after{opacity:1}.planner .ptile--out{box-shadow:0 0 0 2px var(--out)}.planner .ptile--in{box-shadow:0 0 0 2px var(--in)}.planner .ptile--full{opacity:.5}.planner .ptile__img{width:100%;height:100%;display:block;object-fit:cover}.planner .ptile__ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;text-align:center;font-size:11px;line-height:1.2;color:var(--color-pm-dim);border:1px solid var(--color-pm-border-strong);border-radius:8px}.planner .ptile__ph--missing{border-color:var(--out);color:var(--out)}.planner .ptile__ph small{font-size:9px;text-transform:uppercase}.planner .ptile__qty{position:absolute;top:2px;left:2px;background:#0e0e10eb;color:var(--color-pm-text);font-size:10.5px;font-weight:700;padding:0 4px;border-radius:4px;line-height:1.45}.planner .ptile__moved{position:absolute;top:2px;right:2px;font-size:12px;font-weight:800;padding:1px 7px;border-radius:5px;transition:opacity .1s}.planner .ptile__moved--out{background:var(--out);color:#fff}.planner .ptile__moved--in{background:var(--in);color:#11140d}.planner .ptile:hover .ptile__moved{opacity:0}.planner .ptile__stepper{position:absolute;top:2px;right:2px;display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .1s;background:#0e0e10e6;border-radius:6px;padding:2px 3px}.planner .ptile:hover .ptile__stepper{opacity:1}.planner .ptile__step{width:22px;height:22px;border-radius:5px;background:var(--color-pm-panel2);color:var(--color-pm-text);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer}.planner .ptile__step:hover{background:var(--color-pm-gold);color:#1a1410}.planner .ptile__stepn{min-width:14px;text-align:center;font-size:12px;font-weight:700;color:var(--color-pm-text)}.planner .planpanel{flex:0 0 290px;position:sticky;top:12px;align-self:flex-start;background:var(--color-pm-panel);border:1px solid var(--color-pm-border-strong);border-radius:12px;padding:14px;max-height:calc(100vh - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:12px}.planner .planpanel__head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-pm-muted)}.planner .pl-check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--color-pm-dim);cursor:pointer}.planner .pl-check input{accent-color:var(--color-pm-gold);width:15px;height:15px}.planner .pl-seg{display:flex;border:1px solid var(--color-pm-border);border-radius:7px;overflow:hidden}.planner .pl-seg button{flex:1;background:var(--color-pm-panel2);border:none;color:var(--color-pm-dim);font:inherit;font-size:12px;padding:7px 6px;cursor:pointer}.planner .pl-seg button.on{background:var(--color-pm-gold);color:#1a1410;font-weight:600}.planner .pl-section{display:flex;flex-direction:column;gap:6px}.planner .changes__head{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.planner .changes__head--out{color:var(--out)}.planner .changes__head--in{color:var(--in)}.planner .changes__none{color:var(--color-pm-muted);font-size:13px}.planner .pl-chips{display:flex;flex-wrap:wrap;gap:5px}.planner .cchip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 5px 3px 9px;border-radius:999px;border:1px solid var(--color-pm-border)}.planner .cchip--out{color:var(--out);border-color:color-mix(in srgb,var(--out) 45%,transparent)}.planner .cchip--in{color:var(--in);border-color:color-mix(in srgb,var(--in) 45%,transparent)}.planner .cchip button{width:16px;height:16px;border-radius:50%;border:none;cursor:pointer;background:var(--color-pm-panel2);color:var(--color-pm-dim);font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.planner .cchip button:hover{color:var(--color-pm-text)}.planner .pl-totals{font-size:15px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--color-pm-border);padding-top:12px}.planner .pl-totals .t-out{color:var(--out)}.planner .pl-totals .t-in{color:var(--in)}.planner .pl-after{font-size:11px;color:var(--color-pm-muted);margin-left:auto}.planner .matchup-input{width:100%;background:var(--color-pm-bg);border:1px solid var(--color-pm-border);border-radius:7px;color:var(--color-pm-text);padding:8px 11px;font-size:13px;outline:none}.planner .matchup-input:focus{border-color:var(--color-pm-gold)}.planner .planpanel__actions{display:flex;gap:8px;flex-wrap:wrap}.planner .cardpreview{position:fixed;z-index:1000;pointer-events:none;border-radius:13px;overflow:hidden;box-shadow:0 18px 44px #000000bf}.planner .cardpreview img{width:100%;display:block;border-radius:13px}.planner .cardpreview__missing{background:var(--color-pm-panel2);border:1px solid var(--color-pm-border-strong);border-radius:13px;padding:30px 14px;text-align:center;color:var(--color-pm-dim)}.planner .modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.planner .modal__box{width:100%;max-width:560px;background:var(--color-pm-panel);border:1px solid var(--color-pm-border-strong);border-radius:12px;padding:16px}.planner .modal__head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:10px}.planner .modal__x{width:26px;height:26px;border-radius:6px;border:1px solid var(--color-pm-border);background:var(--color-pm-panel2);color:var(--color-pm-dim);cursor:pointer;font-size:16px;line-height:1}.planner .modal__text{width:100%;background:var(--color-pm-bg);border:1px solid var(--color-pm-border);border-radius:8px;color:var(--color-pm-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;padding:10px 12px;resize:vertical}.planner .modal__row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.planner .pv-share{margin-left:4px}.planner .publish-hint{font-size:13px;color:var(--color-pm-dim);margin:0 0 14px;line-height:1.5}.planner .publish-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--color-pm-muted);font-weight:600;margin:12px 0 5px}.planner .publish-input{width:100%}.planner select.publish-input{cursor:pointer}.planner .publish-error{color:var(--out);font-size:13px;margin-top:12px}.planner .publish-done p{font-size:14px;color:var(--color-pm-dim);line-height:1.55;margin:0 0 10px}.planner .publish-done a{color:var(--color-pm-gold)}.planner .pempty-side{color:var(--color-pm-muted);font-size:12px}@media(max-width:1100px){.planner .pv-board{flex-direction:column}.planner .pzone--main,.planner .pzone--side,.planner .planpanel{width:100%;flex:none}.planner .planpanel{position:static;max-height:none}.planner .pzone--side{width:100%}}
