:root{--color-bg: #0a0e16;--color-bg-2: #10192a;--color-surface: #131b28;--color-surface-2: #1b2434;--color-border: #263243;--color-border-strong: #3a4a61;--color-text: #e8eef7;--color-text-muted: #8b9ab2;--color-primary: #16a6f5;--color-primary-hover: #45bcff;--color-deep: #0c4fd0;--color-danger: #ff5d6c;--color-danger-hover: #ff8591;--radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 10px 30px rgba(0, 0, 0, .55);--nav-height: 54px;--accent-grad: linear-gradient(180deg, #22b2fb 0%, #0a55cc 100%);--accent-grad-hover: linear-gradient(180deg, #46c4ff 0%, #0f68e6 100%);--chrome-grad: linear-gradient(180deg, #f6faff 0%, #cbd5e2 40%, #8996a9 52%, #dbe3ef 78%, #aab6c7 100%);--chrome-line: linear-gradient(90deg, transparent, #4a5a72 18%, #92a1b8 50%, #4a5a72 82%, transparent);--glow: 0 0 0 3px rgba(22, 166, 245, .28);--glow-blue: 0 0 22px rgba(22, 166, 245, .45)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600;letter-spacing:-.01em;color:var(--color-text)}h1{font-size:26px;margin:0 0 4px}h2{font-size:17px;margin:28px 0 12px}h3{font-size:14px;margin:16px 0 8px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:14px;line-height:1.2;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}button:hover:not(:disabled){border-color:#c4cad4;background:#f9fafb}button:disabled{opacity:.6;cursor:not-allowed}button[type=submit]{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:500}button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}input,select,textarea{font-family:inherit;font-size:14px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.page{max-width:720px;margin:32px auto;padding:0 16px 64px}.page--wide{max-width:1080px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card-list{list-style:none;padding:0;margin:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.card-link{font-size:15px;font-weight:600}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px;margin:12px 0 24px;display:flex;flex-direction:column;gap:10px}.form-actions{display:flex;gap:8px;margin-top:4px}.muted{color:var(--color-text-muted);font-size:13px}.error{color:var(--color-danger);font-size:13px}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#eef2f7;color:var(--color-text-muted);white-space:nowrap}.btn-danger{color:var(--color-danger);border-color:#f3c8c8}.btn-danger:hover:not(:disabled){background:#fef2f2;border-color:var(--color-danger)}.app-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:12px;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.app-nav-left{display:flex;align-items:center;gap:4px}.app-nav-links{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.app-nav-brand{font-weight:700;font-size:16px;color:var(--color-text);text-decoration:none;margin-right:12px}.nav-hamburger{display:none}@media(max-width:767px){.app-nav-brand{margin-right:4px}.nav-hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;width:36px;height:32px;padding:0 8px;cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.nav-hamburger span{display:block;height:2px;width:100%;background:var(--color-text);border-radius:2px}.app-nav-links{position:absolute;top:100%;left:0;right:0;z-index:300;flex-direction:column;align-items:stretch;gap:2px;flex-wrap:nowrap;padding:8px;display:none;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.app-nav-links.open{display:flex}.app-nav-links .app-nav-link{padding:10px 12px;font-size:15px}}.app-nav-link{color:var(--color-text-muted);text-decoration:none;font-size:14px;font-weight:500;padding:6px 12px;border-radius:var(--radius);transition:background-color .15s ease,color .15s ease}.app-nav-link:hover{background:var(--color-bg);text-decoration:none;color:var(--color-text)}.app-nav-link--active{color:var(--color-primary);background:#2563eb14}.app-nav-user{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--color-text-muted)}.board-columns{display:flex;gap:16px;align-items:flex-start}.board-column{flex:1;min-width:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:10px;min-height:80px;transition:background-color .15s ease,border-color .15s ease}.board-column--over{background:#2563eb0f;border-color:var(--color-primary)}.board-column-cards{display:flex;flex-direction:column;gap:8px;min-height:40px}.task-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow-sm);cursor:grab}.task-card:active{cursor:grabbing}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s;line-height:1}.icon-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.icon-btn-danger:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger);background:transparent}.toolbar--split{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.card-clickable{padding:0}.card-link-block{display:block;padding:14px 16px;color:inherit;text-decoration:none}.card-link-block:hover{background:#2563eb0a;border-radius:calc(var(--radius) - 1px);text-decoration:none}.board-column-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.board-column-header--dragging-over{background:#2563eb0f;border-radius:var(--radius)}.delete-confirm{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--color-danger);border-radius:var(--radius);background:#fff5f5;white-space:nowrap}.delete-confirm-label{font-size:12px;color:var(--color-danger);font-weight:500}.btn-xs{padding:2px 10px;font-size:12px}.rich-editor{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-surface)}.rich-editor:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb26}.rich-editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:5px 8px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.rich-editor-btn{padding:2px 6px;border:1px solid transparent;border-radius:4px;background:none;cursor:pointer;font-size:12px;font-family:inherit;color:var(--color-text);line-height:1.5;min-width:24px;text-align:center}.rich-editor-btn:hover{background:var(--color-border)}@media(max-width:767px){h1{font-size:20px}.page{margin:12px auto;padding:0 12px 64px}.app-nav{padding:10px 12px;gap:8px}.board-columns{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.board-column{min-width:260px;flex:none}}.rich-editor-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.rich-editor-btn--active:hover{background:var(--color-primary-hover)}.rich-editor-sep{display:inline-block;width:1px;height:18px;background:var(--color-border);margin:2px 4px;align-self:center}.rich-editor .ProseMirror{padding:10px 12px;outline:none;font-size:14px;line-height:1.6}.rich-editor .ProseMirror>*+*{margin-top:.6em}.rich-editor .ProseMirror p{margin:0}.rich-content{font-size:14px;line-height:1.6;color:var(--color-text)}.rich-content>*+*{margin-top:.5em}.rich-content p{margin:0}.rich-content h1{font-size:20px;font-weight:700;margin:.8em 0 .3em}.rich-content h2{font-size:16px;font-weight:700;margin:.8em 0 .3em}.rich-content h3{font-size:14px;font-weight:700;margin:.6em 0 .3em}.rich-content ul,.rich-content ol{margin:.4em 0;padding-left:20px}.rich-content li+li{margin-top:2px}.rich-content code{font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;background:#00000012;padding:1px 4px;border-radius:3px}.rich-content pre{background:#1e1e2e;color:#cdd6f4;border-radius:6px;padding:12px 14px;overflow-x:auto;font-size:12px;line-height:1.5}.rich-content pre code{background:none;padding:0;color:inherit}.rich-content a{color:var(--color-primary);text-decoration:underline}.rich-content s{color:var(--color-text-muted)}.rich-editor .ProseMirror h1{font-size:20px;font-weight:700}.rich-editor .ProseMirror h2{font-size:16px;font-weight:700}.rich-editor .ProseMirror h3{font-size:14px;font-weight:700}.rich-editor .ProseMirror ul,.rich-editor .ProseMirror ol{padding-left:20px}.rich-editor .ProseMirror code{font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;background:#00000012;padding:1px 4px;border-radius:3px}.rich-editor .ProseMirror pre{background:#1e1e2e;color:#cdd6f4;border-radius:6px;padding:12px 14px;overflow-x:auto;font-size:12px;line-height:1.5}.rich-editor .ProseMirror pre code{background:none;padding:0;color:inherit}.rich-editor .ProseMirror a{color:var(--color-primary);text-decoration:underline}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;transition:opacity .15s ease}.card-grid-item{display:flex;flex-direction:column;gap:6px;color:var(--color-text);text-decoration:none}.card-grid-item:hover{text-decoration:none}.card-grid-item:hover .card-img{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-grid-name{font-size:13px;font-weight:500;line-height:1.3;text-align:center}.card-img{width:100%;aspect-ratio:59 / 86;object-fit:cover;border-radius:6px;background:#e9ecf2;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease;display:block}.card-img--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:12px;border:1px dashed var(--color-border)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0 8px}.detail-head{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.detail-img{flex:0 0 240px;max-width:240px}.detail-info{flex:1 1 320px;min-width:260px}.detail-badges{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.detail-typeline{font-weight:600;color:var(--color-text-muted);margin:6px 0}.detail-stats{font-size:15px;margin:6px 0}.detail-effect{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 14px;font-size:14px;line-height:1.6;margin-top:12px}.ref-links{display:flex;flex-wrap:wrap;gap:6px}.ref-badge{text-decoration:none;color:var(--color-primary);background:#2563eb14}.ref-badge:hover{text-decoration:none;background:#2563eb29}.printings{display:flex;flex-direction:column;gap:12px}.printing{display:flex;gap:14px;align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-sm)}.printing-img{flex:0 0 90px;max-width:90px}.printing-meta{display:flex;flex-direction:column;gap:4px;font-size:14px}.printing-title{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:767px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.detail-img{flex-basis:180px;max-width:180px}}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ms{position:relative}.ms-summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.9rem;white-space:nowrap;-webkit-user-select:none;user-select:none}.ms-summary::-webkit-details-marker{display:none}.ms-summary:after{content:"▾";color:var(--color-text-muted);font-size:.75rem}.ms[open]>.ms-summary{border-color:var(--color-primary)}.ms-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-primary);color:#fff;font-size:.72rem;font-weight:600}.ms-panel{position:absolute;z-index:30;top:calc(100% + 4px);left:0;min-width:220px;max-width:320px;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.ms-search{width:100%;margin-bottom:6px}.ms-clear{width:100%;margin-bottom:6px;padding:5px 8px;font-size:.8rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer}.ms-clear:hover{color:var(--color-danger);border-color:var(--color-danger)}.ms-options{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.ms-option{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;cursor:pointer;font-size:.88rem}.ms-option:hover{background:var(--color-bg)}.ms-option input{width:15px;height:15px}.ms-empty{padding:6px;font-size:.85rem}.filters-clear{padding:8px 12px;font-size:.85rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer}.filters-clear:hover{color:var(--color-danger);border-color:var(--color-danger)}.synergy{margin-top:24px}.synergy h3{margin-bottom:4px}.syn-note{margin:0 0 10px;font-size:.85rem}.syn-list{display:flex;flex-wrap:wrap;gap:8px}.syn-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);text-decoration:none;font-size:.86rem;transition:border-color .12s,background .12s}.syn-chip:hover{border-color:var(--color-primary);background:var(--color-bg)}.syn-name{white-space:nowrap}.syn-score{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums}.badge-muted{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);font-variant-numeric:tabular-nums}.syn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.syn-card{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:var(--color-text)}.syn-card-img{position:relative;width:100%;border-radius:6px;overflow:hidden;transition:transform .12s}.syn-card:hover .syn-card-img{transform:translateY(-2px)}.syn-card-img img{width:100%;display:block}.syn-card-score{position:absolute;top:4px;right:4px;padding:1px 6px;border-radius:999px;background:#2563ebeb;color:#fff;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #00000059}.syn-card-name{font-size:.76rem;line-height:1.15;text-align:center}.printings-toggle{width:100%;margin-top:8px;padding:7px 10px;font-size:.85rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer}.printings-toggle:hover{border-color:var(--color-primary)}.printing-picker{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:8px}.printing-picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:600}.link-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.82rem;padding:0}.printing-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-height:420px;overflow-y:auto}.printing-option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:transparent;border:2px solid transparent;border-radius:6px;cursor:pointer;color:var(--color-text)}.printing-option:hover{background:var(--color-bg)}.printing-option.selected{border-color:var(--color-primary)}.printing-option img{width:100%;display:block;border-radius:3px}.printing-option-label{font-size:.72rem;font-weight:600;text-align:center}.printing-option-rarity{font-size:.68rem;text-align:center}.current-printing{margin-top:10px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.current-printing .badge{margin-right:4px}.current-printing-set{font-size:.9rem;margin-top:2px}body{background:#0a0e16;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 520px at 50% -8%,rgba(22,166,245,.1),transparent 62%),linear-gradient(180deg,#0b1220,#080b12)}::selection{background:#16a6f559;color:#fff}*{scrollbar-color:#33435a var(--color-bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#2c3a4e;border-radius:6px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:#3a4d66}a:hover{color:var(--color-primary-hover)}button:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-2)}button[type=submit]{background:var(--accent-grad);border:1px solid #0e5fd0;color:#fff;box-shadow:inset 0 1px #ffffff2e,0 2px 12px #0a3ca080}button[type=submit]:hover:not(:disabled){background:var(--accent-grad-hover);border-color:#1f78e6}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:var(--glow)}input::placeholder{color:#647388}select option{background:var(--color-surface)}.app-nav{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#121a28,#0c121d);border-bottom:1px solid transparent;border-image:var(--chrome-line) 1;box-shadow:0 2px 22px #0000008c}.app-nav-brand{font-weight:800;font-size:20px;letter-spacing:.07em;text-transform:uppercase;background:var(--chrome-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(22,166,245,.35))}.app-nav-link--active{color:var(--color-primary);background:#16a6f51f}.badge{background:linear-gradient(180deg,#1f2b3d,#151f2c);border:1px solid var(--color-border-strong);color:#cdd8e8}.badge-muted{background:transparent}h1,h2{text-shadow:0 0 22px rgba(22,166,245,.12)}.card-grid-item{border-radius:8px;transition:transform .15s ease,box-shadow .15s ease}.card-grid-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0009,var(--glow-blue)}.card-img{background:#0e1520;box-shadow:0 2px 10px #00000080}.syn-card-score,.syn-score,.ms-count{background:var(--accent-grad);box-shadow:0 0 10px #16a6f580;color:#fff}.syn-card:hover .syn-card-img{box-shadow:var(--glow-blue)}.ms-summary:hover,.printings-toggle:hover{border-color:var(--color-border-strong)}.ms[open]>.ms-summary{border-color:var(--color-primary);box-shadow:var(--glow)}.printing-option.selected{border-color:var(--color-primary);box-shadow:var(--glow)}.detail-img .card-img,.printing-option img{box-shadow:0 4px 18px #0009}.btn-danger{border-color:#ff5d6c66}.btn-danger:hover:not(:disabled){background:#ff5d6c1f;border-color:var(--color-danger)}.create-deck-btn{background:var(--accent-grad);border:1px solid #0e5fd0;color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff2e,0 2px 12px #0a3ca080}.create-deck-btn:hover:not(:disabled){background:var(--accent-grad-hover)}.deck-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.deck-row{display:flex;gap:14px;align-items:center;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-decoration:none;color:var(--color-text);transition:border-color .12s,box-shadow .12s}.deck-row:hover{border-color:var(--color-primary);box-shadow:var(--glow)}.deck-row-cover{width:46px;flex:none;border-radius:4px;overflow:hidden}.deck-row-cover img{width:100%;display:block}.deck-row-title{font-weight:600}.deck-row-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.priv-badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--color-border-strong)}.priv-public{color:#52e0a0;border-color:#2f7a5a}.priv-unlisted{color:#ffcf6b;border-color:#7a6330}.priv-private{color:var(--color-text-muted)}.builder-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.builder-title{flex:1 1 260px;min-width:220px;font-size:20px;font-weight:700;background:var(--color-surface);padding:8px 12px}.builder-head-actions{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.builder-title-h{margin:0;flex:1 1 260px;min-width:220px}.cover-select{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.cover-select span{white-space:nowrap}.cover-select select{max-width:200px}.deck-zone-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.deck-zone-head h3{margin:0}.zone-sort{font-size:12px;padding:3px 6px}.dcard-slot-over{outline:2px dashed var(--color-primary);outline-offset:1px;border-radius:6px}.status-details-row{margin:8px 0 4px}.save-btn{background:var(--accent-grad);border:1px solid #0e5fd0;color:#fff;font-weight:600}.save-btn:disabled{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text-muted);opacity:1}.link-btn2{background:var(--color-surface)}.warn-banner{margin:12px 0;padding:10px 12px;border-radius:var(--radius);border:1px solid #7a6330;background:#ffcf6b14;color:#ffcf6b;font-size:13px;display:flex;flex-direction:column;gap:3px}.builder-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;margin-top:12px;align-items:start}.builder-zones{display:flex;flex-direction:column;gap:16px}.zone-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.zone-col-skill{flex:0 0 150px}.zone-col-extra{flex:1 1 320px;min-width:0}@media(max-width:640px){.zone-row{flex-direction:column}.zone-col-skill,.zone-col-extra{flex:1 1 auto;width:100%}}.deck-zone{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:10px 12px}.deck-zone h3{margin:0 0 8px;font-size:14px}.zone-count-bad{color:#ffcf6b;font-size:12px}.zone-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.zone-empty{grid-column:1 / -1;margin:4px 0}.zone-card{position:relative}.zone-card-imglink{display:block;position:relative;border-radius:5px;overflow:hidden}.zone-card-imglink img{width:100%;display:block}.zone-card-count{position:absolute;bottom:3px;right:3px;padding:0 5px;border-radius:4px;background:#000000bf;color:#fff;font-size:11px;font-weight:700}.zone-card-ctrl{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:3px}.zone-card-ctrl button{padding:0;width:22px;height:22px;line-height:1;font-size:15px;font-weight:700;border-radius:5px;background:var(--color-surface-2)}.zone-card-n{font-size:12px;min-width:14px;text-align:center;font-variant-numeric:tabular-nums}.builder-add{position:sticky;top:70px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:12px}.add-tabs{display:flex;gap:6px;margin-bottom:10px}.add-tabs button{flex:1;background:var(--color-surface-2)}.add-tabs button.active{background:var(--accent-grad);border-color:#0e5fd0;color:#fff}.target-row{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:10px;font-size:12px}.target-chip{padding:4px 9px;font-size:12px;background:var(--color-surface-2)}.target-chip.active{border-color:var(--color-primary);box-shadow:var(--glow);color:var(--color-primary)}.add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:62vh;overflow-y:auto}.add-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:4px;background:transparent;border:1px solid transparent;align-items:center;text-align:center}.add-card:hover{background:var(--color-bg);border-color:var(--color-border-strong)}.add-card img{width:100%;display:block;border-radius:4px}.add-card-name{font-size:.72rem;line-height:1.1}.add-card-score{position:absolute;top:6px;right:6px}.builder-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:70px}.drag-hint{margin:0 0 8px;font-size:12px;color:var(--color-text-muted)}.builder-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.dcard{position:relative}.dcard-img{position:relative;border-radius:5px;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.dcard-img:active{cursor:grabbing}.dcard-img img{width:100%;display:block;pointer-events:none}.dcard-dragging{opacity:.4}.dcard-count{position:absolute;bottom:3px;right:3px;padding:0 5px;border-radius:4px;background:#000c;color:#fff;font-size:11px;font-weight:700}.dcard-ctrl{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:3px}.dcard-ctrl button{padding:0;width:22px;height:22px;line-height:1;font-size:15px;font-weight:700;border-radius:5px;background:var(--color-surface-2)}.dcard-n{font-size:12px;min-width:14px;text-align:center;font-variant-numeric:tabular-nums}.drag-overlay{width:90px;box-shadow:0 8px 26px #000000b3,var(--glow-blue);border-radius:6px;overflow:hidden}.drag-overlay img{width:100%;display:block}.zone-drop{border-radius:var(--radius);transition:box-shadow .12s,opacity .12s}.zone-drop.zone-valid{box-shadow:0 0 0 2px #16a6f559}.zone-drop.zone-over{box-shadow:0 0 0 2px var(--color-primary),var(--glow-blue)}.zone-drop.zone-invalid{opacity:.4}.preview-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-height:120px;overflow:hidden}.cardprev{display:flex;gap:12px;padding:12px}.cardprev-empty{display:block;padding:20px 12px;text-align:center}.cardprev-img{width:120px;flex:none}.cardprev-img img{width:100%;display:block;border-radius:6px}.cardprev-body{min-width:0}.cardprev-name{font-weight:700;font-size:15px;margin-bottom:4px}.cardprev-badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.cardprev-type{font-size:12px;color:var(--color-text-muted);margin-bottom:2px}.cardprev-stats{font-size:13px;font-weight:600;margin-bottom:6px}.cardprev-effect{font-size:12.5px;line-height:1.4;white-space:pre-line}.preview-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:400;display:flex;align-items:center;justify-content:center;padding:16px}.preview-modal-backdrop.dragging-out{background:transparent;pointer-events:none}.preview-modal-backdrop.dragging-out .preview-modal{opacity:.32}.cardprev-img-drag{border-radius:6px;-webkit-user-select:none;user-select:none}.cardprev-img-drag img{pointer-events:none;-webkit-user-drag:none}.cardprev-img-drag.dragging{opacity:.4}.preview-modal{position:relative;max-width:460px;width:100%;max-height:88vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md)}.preview-modal .cardprev-img{width:150px}.preview-close{position:absolute;top:8px;right:8px;z-index:1;width:30px;height:30px;padding:0;border-radius:6px}.preview-nav{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:4px}.preview-navbtn{width:30px;height:30px;padding:0;border-radius:6px;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.preview-navbtn:disabled{opacity:.4;cursor:default}.cardprev-with-syn{display:flex;flex-direction:column}.cardprev-syn{margin:0;padding:0 12px 12px}.cardprev-syn h3{font-size:.85rem;margin:6px 0}.cardprev-syn .syn-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.cardprev-syn .syn-card{background:none;border:none;padding:0;font:inherit;cursor:pointer}.cardprev-syn .syn-card-name{font-size:.66rem}.cardprev-syn .syn-card-score{top:2px;right:2px;font-size:.6rem;padding:0 4px}.search-more{text-align:center;padding:8px 0}.syn-suggest{position:relative}.syn-suggest-score{position:absolute;top:6px;right:6px;pointer-events:none}.signup-cta{padding:24px 0 8px}.signup-cta p{max-width:640px;font-size:15px}.page--builder{max-width:1380px;margin:24px auto;padding:0 16px 64px}.builder-grid{grid-template-columns:minmax(0,1fr) 340px 300px}.builder-grid--view{grid-template-columns:1fr}.builder-add{position:sticky;top:70px;align-self:start}.preview-col{align-self:start;position:sticky;top:70px}.preview-panel{min-height:340px;max-height:calc(100vh - 84px);overflow-y:auto}.preview-col .cardprev{flex-direction:column}.preview-col .cardprev-img{width:100%}.builder-searchrow{display:flex;gap:8px;align-items:center;margin-bottom:10px}.builder-searchrow input[type=search]{flex:1 1 auto;min-width:0}@media(max-width:1080px){.builder-grid{grid-template-columns:1fr}.preview-col{display:none}.builder-add{position:static}}.filterbar{position:relative;display:inline-flex;gap:6px;align-items:center}.filter-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);white-space:nowrap}.filter-toggle.has-active{border-color:var(--color-primary);color:var(--color-primary)}.filter-clear{background:transparent;color:var(--color-text-muted)}.filter-clear:hover{color:var(--color-danger);border-color:var(--color-danger)}.filter-panel{position:absolute;z-index:50;top:calc(100% + 6px);right:0;width:min(440px,92vw);display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;padding:12px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md)}.filter-done{width:100%;margin-top:2px;background:var(--accent-grad);border:1px solid #0e5fd0;color:#fff}.ms-open .ms-summary{border-color:var(--color-primary)}.zone-dropbar-wrap{display:none}.zone-dropbar-sentinel{height:0}.zone-dropbar{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;background:#0b101afa;border-bottom:1px solid var(--color-border)}.zone-dropbar-fixed{display:none;position:fixed;top:0;left:0;right:0;z-index:101;box-shadow:0 4px 14px #00000073;opacity:0;pointer-events:none;transform:translateY(-100%);transition:transform .18s ease,opacity .18s ease}.zone-dropbar-fixed.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.ztab{flex:1 0 auto;display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:8px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);white-space:nowrap}.ztab-n{font-size:11px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ztab-valid{border-color:#16a6f580}.ztab-over{border-color:var(--color-primary);box-shadow:var(--glow);color:var(--color-primary)}.ztab-invalid{opacity:.35}@media(max-width:1080px){.zone-dropbar-wrap{display:block}.zone-dropbar-fixed{display:flex}.add-grid{max-height:none;overflow:visible}}body.dnd-dragging{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.ban-badge{position:absolute;top:4px;left:4px;z-index:2;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;line-height:1;border:1px solid rgba(0,0,0,.45);box-shadow:0 1px 3px #0000008c}.ban-forbidden{background:#d32020}.ban-1{background:#d84315}.ban-2{background:#d99017}.ban-3{background:#2f7a5a}.dcard-problem .dcard-img{box-shadow:0 0 0 2px var(--color-danger),0 0 10px #ff5d6c80}.deck-zone--warn{border-color:#7a6330!important;box-shadow:inset 0 0 0 1px #ffcf6b59}.deck-zone--bad{border-color:var(--color-danger)!important;box-shadow:inset 0 0 0 1px #ff5d6c66}.deck-status{position:relative;margin:12px 0}.status-badge{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px}.status-badge:disabled{opacity:1;cursor:default}.status-dot{width:9px;height:9px;border-radius:50%}.status-count{background:#00000059;border-radius:999px;padding:0 7px;font-size:11px}.status-legal{background:#52e0a01f;border-color:#2f7a5a;color:#52e0a0}.status-legal .status-dot{background:#52e0a0}.status-draft{background:#ffcf6b1f;border-color:#7a6330;color:#ffcf6b}.status-draft .status-dot{background:#ffcf6b}.status-illegal{background:#ff5d6c1f;border-color:var(--color-danger);color:#ff8591}.status-illegal .status-dot{background:var(--color-danger)}.status-details{margin-top:8px;padding:10px 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);font-size:13px;display:flex;flex-direction:column;gap:4px;max-width:680px}.status-note-bad{color:#ff8591}.status-note-warn{color:#ffcf6b}.card-grid-item{position:relative}.banlist-badge{color:#fff!important;border-color:transparent!important}.rules-list{line-height:1.7;padding-left:20px}.rules-list li{margin-bottom:4px}.ban-inline{position:static;display:inline-flex;vertical-align:middle;margin-right:4px}.banlist-section{margin:18px 0}.banlist-section h3{display:flex;align-items:center;gap:4px}.banlist-desc{margin:2px 0 10px;max-width:720px}.banlist-cards{display:flex;flex-wrap:wrap;gap:6px}.banlist-card{padding:4px 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);text-decoration:none;font-size:13px}.banlist-card:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.banlist-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.banlist-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:none;border-radius:0;background:none;text-decoration:none;color:var(--color-text)}.banlist-card img{width:100%;display:block;border-radius:6px;transition:transform .12s,box-shadow .12s}.banlist-card:hover{color:var(--color-text)}.banlist-card:hover img{transform:translateY(-2px);box-shadow:var(--glow-blue)}.banlist-card-name{font-size:.72rem;line-height:1.15;text-align:center}.playtest-layout{display:grid;grid-template-columns:clamp(300px,26vw,420px) minmax(680px,1fr) auto;gap:20px;align-items:start;max-width:1320px}.pt-left{position:sticky;top:70px;align-self:start}.pt-back{display:inline-block;margin-bottom:8px}.pt-board{min-width:0}.playtest-btn{display:inline-flex;align-items:center;line-height:1.2;text-decoration:none;padding:8px 14px;border-radius:var(--radius);border:1px solid #0e5fd0;background:var(--accent-grad);color:#fff;font-size:14px;font-weight:600}.playtest-btn:hover{text-decoration:none;color:#fff}.pt-preview .cardprev{flex-direction:column}.pt-preview .cardprev-img{width:100%}.pt-controls{position:sticky;top:70px;display:flex;flex-direction:column;gap:8px}.pt-controls button{width:100%;white-space:nowrap}.pt-skillrow{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.pt-skill-zone{width:92px;height:134px;aspect-ratio:auto;flex:0 0 auto}.pt-viewer-inline{flex:1;min-width:0;height:134px;overflow:hidden;border:1px dashed var(--color-border);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column}.pt-viewer-inline .duel-peek{border:none;background:none;padding:0;border-radius:0}.pt-viewer-hint{margin:auto 0}.pt-viewer-scroll{flex:1;min-height:0;display:flex;align-items:stretch;gap:4px}.pt-viewer-strip{flex:1;min-width:0;min-height:0;display:flex;gap:8px;overflow-x:auto;align-items:stretch;scroll-behavior:smooth}.pt-viewer-strip .play-card{height:100%;width:auto;flex:0 0 auto}.pt-viewer-strip .play-card img{height:100%;width:auto}.pt-scroll-btn{flex:0 0 auto;width:26px;align-self:stretch;padding:0;font-size:20px;line-height:1;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text);display:flex;align-items:center;justify-content:center}.pt-scroll-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pt-zone-banished{flex:0 0 auto;width:92px;height:134px;aspect-ratio:auto}.play-counter{position:absolute;bottom:3px;left:3px;z-index:4;min-width:20px;height:20px;padding:0 4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:grab;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:800;line-height:1;color:#ffd21e;background:radial-gradient(circle at 35% 30%,#4a4a4a,#111 60%,#000);border:1px solid rgba(255,210,30,.55);box-shadow:0 1px 3px #0009}.play-counter:active{cursor:grabbing}.play-counter-drag{position:static;font-size:0}.pt-counter-panel{display:flex;flex-direction:column;gap:4px;margin-top:4px}.pt-counter-src{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px dashed var(--color-border-strong);border-radius:8px;background:var(--color-surface)}.pt-counter-src:hover{border-color:var(--color-primary)}.pt-counter-src .pt-counter-demo{position:static}.pt-counter-grab{cursor:grab;flex:0 0 auto}.pt-counter-grab.dragging{opacity:.4}.pt-counter-label{font-size:12px;color:var(--color-text-muted)}.pt-counter-hint{margin:0;font-size:11px}.pt-field{display:grid;grid-template-columns:repeat(5,92px);column-gap:50px;row-gap:16px;justify-content:space-between}.pt-zone{position:relative;width:92px;aspect-ratio:.686;overflow:visible;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.pt-zone-over{border-color:var(--color-primary);box-shadow:var(--glow)}.pt-zone-label{position:absolute;top:2px;left:4px;font-size:8px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;pointer-events:none;z-index:1;line-height:1.2}.pt-zone-mon{background:#965a281a}.pt-zone-st{background:#28785a1a}.pt-zone-field{background:#5a468c1f}.pt-zone-pile{background:var(--color-surface-2);cursor:pointer}.pt-empty{font-size:11px}.pt-zone:has(.play-card) .pt-zone-label{display:none}.pt-zone-pile:has(.play-card) .pt-zone-label{display:block;background:#000000b8;color:#fff;padding:1px 5px;border-radius:4px;font-size:9px}.pt-eye{position:absolute;bottom:3px;right:3px;padding:4px 9px;font-size:19px;line-height:1;background:#000000ad;color:#fff;border:none;border-radius:6px;cursor:pointer;z-index:3}.pt-shuffle-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.pt-shuffle-card{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:5px;will-change:transform}.pt-shuffle-card.sc1{animation:pt-riffle-l .5s ease-in-out}.pt-shuffle-card.sc2{animation:pt-riffle-r .5s ease-in-out}.pt-shuffle-card.sc3{animation:pt-riffle-c .5s ease-in-out}@keyframes pt-riffle-l{0%,to{transform:translate(0) rotate(0)}45%{transform:translate(-55%) rotate(-13deg)}}@keyframes pt-riffle-r{0%,to{transform:translate(0) rotate(0)}45%{transform:translate(55%) rotate(13deg)}}@keyframes pt-riffle-c{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-16%) scale(1.04)}}.play-stats{position:absolute;bottom:2px;right:2px;z-index:4;font-size:10px;font-weight:700;line-height:1;color:#fff;padding:2px 4px;background:#000000b8;border-radius:4px;pointer-events:none;font-variant-numeric:tabular-nums}.play-stats.clickable{pointer-events:auto;cursor:pointer}.play-stats .stat-up{color:#4ade80}.play-stats .stat-down{color:#ff6f7c}.stat-editor .stat-edit-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:2px 8px}.stat-edit-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}.stat-edit-field{display:flex;align-items:center;gap:4px;flex:none}.stat-edit-label{font-weight:700;font-size:13px}.stat-edit-input{width:54px;min-width:0;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stat-edit-input::-webkit-outer-spin-button,.stat-edit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stat-edit-input.stat-up{color:#16a34a}.stat-edit-input.stat-down{color:#dc2626}.stat-edit-field>button{flex:none;padding:1px 8px;font-size:15px;line-height:1.3}.stat-edit-actions{display:flex;gap:6px;flex-wrap:nowrap;justify-content:center;margin-top:2px}.stat-edit-actions button{font-size:11px;padding:3px 8px;white-space:nowrap}.play-halo{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:8px;pointer-events:none;z-index:6;box-shadow:0 0 0 3px #16a6f5f2,0 0 14px 3px #16a6f5b3;animation:play-halo-pulse 1.6s ease-out forwards}@keyframes play-halo-pulse{0%{opacity:0;transform:scale(.92)}15%{opacity:1;transform:scale(1.02)}70%{opacity:.9}to{opacity:0;transform:scale(1.07)}}.play-card{position:relative;cursor:grab;-webkit-user-select:none;user-select:none}.play-card:active{cursor:grabbing}.pt-zone .play-card{width:100%;height:100%}.play-card img,.play-cardback{width:100%;height:100%;object-fit:contain;display:block;border-radius:5px;pointer-events:none}.pt-zone .play-def{transform:rotate(90deg)}.play-dragging{opacity:.4}.pt-hand-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pt-hand-label{position:static}.dot-menu{position:relative}.dot-menu-btn{padding:0 8px;font-size:17px;line-height:1.3;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text)}.dot-menu-list{position:absolute;right:0;top:calc(100% + 4px);z-index:350;min-width:178px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:8px;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.dot-menu-list.up{top:auto;bottom:calc(100% + 4px)}.dot-menu-portal{position:fixed;z-index:600;top:auto;bottom:auto;right:auto}.dot-menu-list button{text-align:left;padding:9px 14px;font-size:13px;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;color:var(--color-text);white-space:nowrap}.dot-menu-list button:last-child{border-bottom:none}.dot-menu-list button:hover{background:var(--color-surface-2)}.pt-zone .dot-menu{position:absolute;top:2px;right:2px;z-index:5}.pt-zone .dot-menu-btn{padding:0 5px;font-size:13px;line-height:1.65}.duel-peek .peek-strip{align-items:flex-start;gap:10px}.peek-card{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto;height:100%}.peek-card .play-card,.peek-card .play-card img{height:100%;width:auto}.peek-reorder{position:relative;cursor:grab;touch-action:none}.peek-reorder:active{cursor:grabbing}.peek-reorder.peek-dragging{opacity:.35}.peek-reorder.peek-over:before{content:"";position:absolute;left:-6px;top:0;bottom:0;width:3px;border-radius:2px;background:var(--color-primary)}.pt-hand{border:1px dashed var(--color-border-strong);border-radius:8px;padding:8px 10px;margin-top:16px;min-height:140px}.pt-hand-cards{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.pt-hand-cards .play-card{width:84px;height:122px}.pt-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500}.pt-popup{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-md)}.pt-popup-title{margin:0 0 2px;font-weight:600;font-size:14px;text-align:center}.pt-popup-cancel{color:var(--color-text-muted);align-self:center}.pt-pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pt-pos-opt{display:flex;align-items:center;justify-content:center;padding:5px;cursor:pointer;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px}.pt-pos-opt:hover{border-color:var(--color-primary);background:var(--color-surface)}.pt-pos-cardbox{width:104px;height:100px;display:flex;align-items:center;justify-content:center}.pt-pos-card{width:64px}.pt-pos-card img{width:100%;display:block;border-radius:4px}.pt-pos-card.def{transform:rotate(90deg)}.pt-pos-actions{display:flex;gap:8px}.pt-pos-actions button{flex:1;text-align:center}.pt-lp-panel{display:flex;flex-direction:column;gap:8px;border:1px solid var(--color-border);border-radius:8px;padding:10px;background:var(--color-surface)}.pt-lp-row{display:flex;align-items:center;gap:6px}.pt-lp-row>span{width:34px;flex:none;font-size:12px;color:var(--color-text-muted)}.pt-lp-val{width:66px;flex:none;font-size:18px;font-variant-numeric:tabular-nums;text-align:right}.pt-lp-row button{flex:none;width:auto;padding:2px 10px;font-size:16px;font-weight:700}.pt-lp-row button:first-of-type{margin-left:auto}.pt-lp-input{width:100%;text-align:right;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pt-lp-input::-webkit-outer-spin-button,.pt-lp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pt-game-btns{display:flex;flex-direction:column;gap:8px}.pt-reset-btn{margin-top:4px}.pt-back-btn{margin-top:2px}.pt-confirm{max-width:300px}.pt-confirm-text{margin:0;font-size:13px;text-align:center;line-height:1.4}.pt-num-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0}.pt-num-btn{flex:none;padding:2px 12px;font-size:18px;font-weight:700;line-height:1.3}.pt-num-input{width:84px;text-align:center;font-size:18px;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pt-num-input::-webkit-outer-spin-button,.pt-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pt-viewer-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pt-viewer-head h3{margin:0;font-size:13px}.pt-viewer-head .preview-close{position:static;margin-left:auto;width:26px;height:26px}.play-card.drag-overlay{width:88px;height:128px}.play-card.drag-overlay img{object-fit:contain}.play-card.drag-overlay.play-def{transform:rotate(90deg);transform-origin:center}.pt-tools{display:flex;gap:8px}.pt-tools button{flex:1;white-space:nowrap}.pt-tool{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;line-height:1.15}.pt-tool:disabled{opacity:1;cursor:default}.pt-tool-label{font-size:13px}.pt-tool-result{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-primary);min-height:1.2em}.pt-tool-result.placeholder{color:var(--color-text-muted);font-weight:500}.pt-tool-result.rolling{opacity:.75}.pt-slice{position:fixed;z-index:1000;pointer-events:none}.pt-slice-cell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;background:#0a0e1657;box-shadow:inset 0 0 0 1px #ffffff2e}.pt-slice-prev{background:#d6aa0a42;box-shadow:inset 0 0 0 3px #ffd614}.pt-slice-prev-on{background:#e0b00e99}.pt-slice-on{background:#16a6f59e}.pt-slice-label{font-size:8px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.pt-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:550;display:flex;align-items:center;justify-content:center;padding:16px}.pt-detail{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:12px;max-width:380px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-md)}.pt-detail-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-border)}.pt-detail-title{font-weight:600;font-size:14px}.pt-detail-bar .preview-close{position:static;width:28px;height:28px}.pt-detail-body{overflow-y:auto;padding:12px}.pt-detail-body .cardprev{flex-direction:column}.pt-detail-body .cardprev-img{width:100%}@media(max-width:1200px){.playtest-layout{grid-template-columns:1fr}.pt-left{display:none}.pt-controls{position:static;flex-direction:row;flex-wrap:wrap}.pt-controls>*{flex:1 1 auto}.pt-controls button{width:auto}.pt-board{overflow-x:auto}.duel-layout .pt-controls{max-height:none;overflow:visible}.duel-log{flex:1 1 100%}.duel-log-scroll{max-height:40vh}}@media(max-width:700px){.pt-field{grid-template-columns:repeat(5,1fr);column-gap:8px;row-gap:10px}.pt-zone{width:auto}.pt-board{overflow-x:visible}.pt-eye{top:auto;left:0;right:0;bottom:0;width:100%;height:33%;padding:0;border-radius:0 0 8px 8px;font-size:17px;display:flex;align-items:center;justify-content:center}}.priv-friends{color:#16a6f5;border-color:#0c4fd0}.deck-tabs{display:inline-flex;gap:4px}.deck-tabs button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-weight:500}.deck-tabs button.active{background:#16a6f51a;border-color:var(--color-primary);color:var(--color-primary)}.deck-owner-link{cursor:pointer}.deck-owner-link:hover{color:var(--color-primary);text-decoration:underline}.friends-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start;margin-top:12px}.friends-panel{border:1px solid var(--color-border);border-radius:8px;padding:12px;background:var(--color-surface)}.friend-add{display:flex;gap:6px}.friend-add input{flex:1;min-width:0}.friend-msg{margin:6px 0 0}.friend-section{margin-top:14px}.friend-section h3{margin:0 0 6px}.friend-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--color-border)}.friend-item:last-child{border-bottom:none}.friend-name{font-size:14px;font-weight:500}.friend-actions{display:flex;gap:6px}.friend-item button{padding:3px 9px;font-size:12px}.friends-decks h2{margin-top:0}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.profile-layout--solo{grid-template-columns:1fr}.profile-main{min-width:0}.profile-side{position:sticky;top:70px}.profile-side h2{margin-top:0}@media(max-width:800px){.friends-layout,.profile-layout{grid-template-columns:1fr}.profile-side{position:static}}.duel-home{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;max-width:640px}.duel-home-card{border:1px solid var(--color-border);border-radius:10px;padding:16px;background:var(--color-surface)}.duel-home-card h2{margin:0 0 6px;font-size:16px}.duel-join{display:flex;gap:6px;margin-top:8px}.duel-join input{flex:1;min-width:0}@media(max-width:640px){.duel-home{grid-template-columns:1fr}}.app-nav--compact{padding:5px 16px}.app-nav--compact .nav-hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;width:34px;height:28px;padding:0 7px;cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.app-nav--compact .nav-hamburger span{display:block;height:2px;width:100%;background:var(--color-text);border-radius:2px}.app-nav--compact .app-nav-links{position:absolute;top:100%;left:0;right:0;z-index:300;flex-direction:column;align-items:stretch;gap:2px;flex-wrap:nowrap;padding:8px;display:none;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.app-nav--compact .app-nav-links.open{display:flex}.duel-layout{margin:4px auto 0;padding:0 8px}.duel-board{display:flex;justify-content:center}.duel-layout .pt-board{min-width:0;overflow-x:auto}.play-static{cursor:default}.play-static img{pointer-events:none}.duel-lobby{width:100%;max-width:560px}.duel-share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.duel-share{font-family:var(--font-mono, monospace);font-size:12px;word-break:break-all;flex:1;min-width:120px}.duel-copy-btn{flex:0 0 auto}.duel-pick-callout{margin:14px 0 8px;padding:12px 16px;border-radius:10px;font-size:16px;font-weight:700;background:#16a6f51f;border:1px solid var(--color-primary);color:var(--color-primary)}.duel-deck-done{margin:14px 0;padding:12px 16px;border-radius:10px;font-size:14px;background:#35c46b1f;border:1px solid #35c46b}.duel-roster{border:1px solid var(--color-border);border-radius:8px;padding:10px;margin:8px 0 16px;background:var(--color-surface)}.duel-roster-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:14px}.duel-dot{width:9px;height:9px;border-radius:50%;background:var(--color-border-strong);flex:0 0 auto}.duel-dot.on{background:#35c46b}.duel-deck-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.duel-deck-pick{background:var(--color-surface);border:1px solid var(--color-border)}.duel-deck-pick.picked{border-color:var(--color-primary);color:var(--color-primary)}.duel-deck-list{margin-top:8px;max-width:460px}.duel-deck-row{width:100%;text-align:left;cursor:pointer;font:inherit}.duel-deck-row:hover{border-color:var(--color-primary);box-shadow:var(--glow)}.duel-status-badge{padding:2px 9px;font-size:11px;gap:5px}.duel-status-badge .status-dot{width:7px;height:7px}.duel-status-loading{font-size:11px}.duel-grid{--duel-cw: clamp(40px, calc((100dvh - 58px) / 10.2), 122px);--duel-gap: clamp(10px, calc(var(--duel-cw) * .34), 30px);display:grid;grid-template-columns:repeat(5,var(--duel-cw));grid-template-rows:repeat(14,calc(var(--duel-cw) / .686 / 2));column-gap:var(--duel-gap);row-gap:0;justify-content:center;margin:0 auto}.duel-slot{display:flex;align-items:center;justify-content:center}.duel-slot .pt-zone{width:var(--duel-cw)}.duel-grid .pt-eye{width:calc(var(--duel-cw) * .4);height:calc(var(--duel-cw) / .686 * .2);padding:0;bottom:2px;right:2px;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,calc(var(--duel-cw) * .16),18px)}.duel-grid .play-counter{min-width:16px;height:16px;font-size:10px}.duel-opp-slot{transform:rotate(180deg)}.duel-hand-slot{display:flex;align-items:stretch;min-width:0;overflow:hidden;margin-left:calc(-1 * var(--duel-gap));margin-right:calc(-1 * var(--duel-gap))}.duel-hand-slot .pt-hand{flex:1;min-width:0;min-height:0;margin:0;padding:2px 6px;display:flex;flex-direction:column;border:1px dashed var(--color-border-strong);border-radius:8px}.duel-hand-slot .pt-hand-head{flex:0 0 auto}.duel-hand-slot .pt-zone-label{position:static}.duel-hand-slot .pt-hand-cards{flex:1;min-height:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:4px;margin-top:2px;align-items:stretch;touch-action:pan-x}.duel-hand-slot .pt-hand-cards .play-card{height:100%;width:auto;flex:0 0 auto}.duel-hand-slot .pt-hand-cards .play-card img,.duel-hand-slot .pt-hand-cards .play-card .play-cardback{height:100%;width:auto}.duel-center-cell{display:flex;align-items:center;justify-content:center;padding:2px;min-width:0;margin-left:calc(-1 * var(--duel-gap));margin-right:calc(-1 * var(--duel-gap))}.duel-viewer{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(780px,94vw);height:168px;z-index:400;border-radius:8px;box-shadow:var(--shadow-md)}.duel-viewer-inline,.duel-peek{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;border:1px solid var(--color-border-strong);border-radius:8px;padding:3px 8px;background:var(--color-surface)}.duel-viewer-inline .pt-viewer-head h4,.duel-peek .pt-viewer-head h4{margin:0;font-size:11px}.duel-viewer-inline .pt-viewer-scroll,.duel-peek .pt-viewer-scroll{flex:1;min-height:0}.duel-peek .peek-strip{height:100%;align-items:flex-start}.duel-peek .peek-card{height:100%}.duel-peek .peek-card .play-card,.duel-peek .peek-card .play-card img{height:100%;width:auto}.reveal-sel-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.reveal-sel-ok{width:26px;height:26px;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;background:#52e0a029;border:1px solid #2f7a5a;color:#52e0a0}.reveal-sel-ok:disabled{opacity:.45;cursor:default}.reveal-sel-card{position:relative;cursor:pointer;height:100%}.reveal-sel-card .play-card{outline:2px solid transparent;border-radius:6px}.reveal-sel-card.selected .play-card{outline-color:var(--color-primary);box-shadow:var(--glow)}.reveal-sel-check{position:absolute;top:2px;right:2px;z-index:5;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700}.duel-turn{padding:5px 16px;border-radius:20px;font-weight:700;font-size:13px;white-space:nowrap;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted)}.duel-turn.mine{background:#16a6f524;border-color:var(--color-primary);color:var(--color-primary)}.duel-turn.duel-victory{background:#52e0a029;border-color:#2f7a5a;color:#52e0a0;font-size:15px;letter-spacing:.04em}.duel-turn.duel-defeat{background:#ff5d6c29;border-color:var(--color-danger);color:#ff8591;font-size:15px;letter-spacing:.04em}.duel-log{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;margin-top:4px}.duel-log-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:4px;flex:0 0 auto}.duel-log-scroll{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:64px;overflow-y:auto;padding:6px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:12px;line-height:1.35}.duel-layout .pt-controls{max-height:calc(100dvh - 62px);overflow:hidden;min-width:210px}.duel-log-entry{color:var(--color-text);word-break:break-word}.duel-log-empty{margin:0;font-size:12px}.duel-log-card{color:var(--color-primary);cursor:help}.duel-log-card:hover{color:var(--color-primary-hover);text-decoration:underline}.pt-hand-picking{outline:2px solid var(--color-primary);outline-offset:-1px;box-shadow:var(--glow)}.pt-hand-picking .pt-hand-label{color:var(--color-primary)}.duel-pick-banner{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:380;display:flex;align-items:center;gap:12px;max-width:92vw;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;background:#000000db;border:1px solid var(--color-primary);color:var(--color-text);box-shadow:var(--shadow-md)}.duel-pick-banner button{padding:3px 12px;border-radius:6px;font-size:12px;background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);cursor:pointer}.duel-reveal-strip{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:360;display:flex;align-items:center;gap:6px;max-width:92vw;overflow-x:auto;padding:5px 10px;background:#000000d1;border:1px solid #ffd21e;border-radius:10px;animation:duel-reveal-fade 4s ease-out forwards}@keyframes duel-reveal-fade{0%,75%{opacity:1}to{opacity:0}}.duel-reveal-label{color:#ffd21e;font-size:12px;font-weight:700;white-space:nowrap}.duel-reveal-card{width:44px;flex:0 0 auto}.duel-reveal-card .play-card{width:44px;height:64px}.duel-pending{width:100%;height:100%;opacity:.55;outline:2px dashed var(--color-primary);outline-offset:-2px}.duel-pending img{width:100%;height:100%;object-fit:contain}.duel-plant-top{width:100%;height:100%;box-shadow:0 0 0 2px #ffd21e;border-radius:5px}.duel-plant-top img{width:100%;height:100%;object-fit:contain}.duel-plant-btn{width:100%;font-size:12px}