:root{--bg: #07070a;--bg-2: #0b0c12;--panel: rgba(14, 16, 23, .86);--panel-solid: #121216;--panel-2: #151720;--panel-3: #1d2030;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .55);--line-gold: rgba(56, 198, 255, .55);--text: #eef0f6;--muted: #8b90a0;--accent: #38c6ff;--accent-soft: #9ae2ff;--accent-2: #b48cff;--cyan: #00e0ff;--gold: #38c6ff;--on-gold: #001522;--star: #ffc52e;--danger: #ff3b4e;--ok: #3ddc84;--red: #d92338;--blue: #1f6bff;--radius: 0;--cut: 12px;--shadow: 0 10px 40px rgba(0, 0, 0, .6);--font: "Chakra Petch", system-ui, sans-serif;--display: "Chakra Petch", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}html{background:var(--bg)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),repeating-linear-gradient(125deg,transparent 0 46px,rgba(217,35,56,.16) 46px 52px,transparent 52px 120px,rgba(217,35,56,.09) 120px 123px,transparent 123px 210px),repeating-linear-gradient(125deg,transparent 0 70px,rgba(31,107,255,.14) 70px 74px,transparent 74px 170px);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,.25) 55%,#000 100%);mask-image:linear-gradient(90deg,#000,#00000040 45% 55%,#000)}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 0% 30%,rgba(185,28,40,.42),transparent 70%),radial-gradient(ellipse 55% 70% at 100% 80%,rgba(20,80,220,.36),transparent 70%),var(--bg)}body{color:var(--text);font:15px/1.45 var(--font);overflow:hidden}#app{height:calc(var(--vh, 1vh) * 100)}button{font:inherit;color:inherit}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.spacer{flex:1}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:1.25em;vertical-align:-.2em}.chamfer,.btn,.card-box,.menu-tile,.panel,.modal,.status-box,.deck-part,.search-panel,.detail-panel,.side-tabs,.duel-controls{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.btn{--cut: 8px}.tag{display:inline-block;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;border:1px solid var(--line-strong);color:var(--accent-soft);background:#38c6ff0f}.tag.gold{border-color:var(--line-gold);color:var(--gold);background:#38c6ff14}.tag.solid{background:var(--gold);color:var(--on-gold);border-color:var(--gold);font-weight:700}.label{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.btn{appearance:none;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);padding:8px 16px;border-radius:0;cursor:pointer;font:600 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .08s,background .15s,border-color .15s,color .15s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent);background:#38c6ff1f;color:#fff}.btn:active:not(:disabled){filter:brightness(.85)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--on-gold);font-weight:700}.btn.primary:hover:not(:disabled){background:#9ae2ff;border-color:#9ae2ff;color:var(--on-gold)}.btn.danger{background:#ff5a6e1f;border-color:#ff5a6e99;color:#ff9aa8}.btn.danger:hover:not(:disabled){background:#c8263e;border-color:#ff5a6e;color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){color:var(--text);background:#38c6ff14;border-color:transparent}.btn.small{padding:4px 10px;font-size:11px}.btn.toggle.on{background:#38c6ff33;border-color:var(--accent);color:#fff}.input,.select,textarea.input{width:100%;background:var(--bg-2);border:1px solid rgba(255,255,255,.35);border-bottom-color:var(--line-strong);color:var(--text);border-radius:0;padding:8px 10px;font:inherit;outline:none}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 1px 0 var(--accent)}.select.small{padding:5px 8px;font-size:12px}.field{display:flex;flex-direction:column;gap:5px}.field>span{font:500 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.check input[type=checkbox],input[type=range]{accent-color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.card-box{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--accent);padding:18px;backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:12px}.card-box h3{margin:0;font:600 18px var(--display);letter-spacing:.02em;color:var(--text);text-transform:uppercase;display:flex;align-items:center;gap:8px}.card-box h3:before{content:"";width:8px;height:8px;background:var(--accent);transform:rotate(45deg);flex:none}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}.tab{background:none;border:0;padding:8px 12px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.tab:hover{color:var(--text)}.tab.on{color:var(--accent-soft);border-bottom-color:var(--accent)}.tab.unread:after{content:" •";color:var(--gold)}.tabs.big .tab{font:600 13px var(--mono);letter-spacing:.12em;padding:12px 18px}.boot{height:100%;display:grid;place-content:center;gap:18px;text-align:center}.boot-status{font:500 12px var(--mono);letter-spacing:.08em;color:var(--muted)}.boot-status.error{color:var(--danger);max-width:520px}.logo{display:inline-flex;align-items:baseline;gap:0;font:700 26px var(--display);letter-spacing:.04em;color:#fff;text-transform:uppercase}.logo b{color:var(--accent);font-weight:700}.logo.big{font-size:64px;justify-content:center}.logo-mark{margin-right:12px;color:var(--accent);text-shadow:0 0 18px rgba(56,198,255,.6)}.home{height:100%;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr auto auto}.home-head{grid-column:1 / -1;display:flex;align-items:center;gap:20px;padding:26px 48px 0;position:relative;z-index:2}.home-head .logo{font-size:40px}.logo small{font:600 16px var(--mono);color:var(--muted);letter-spacing:.04em;margin-left:6px}.beta-badge{align-self:center;margin-left:8px;padding:2px 7px;font:700 12px var(--mono);letter-spacing:.12em;color:var(--on-gold);background:var(--accent)}.home-user{margin-left:auto;text-align:right;font:500 12px var(--mono);letter-spacing:.06em;color:var(--muted)}.home-user b{display:block;color:var(--accent);font-size:14px}.btn.round{width:44px;height:44px;padding:0;border-radius:50%;clip-path:none;display:grid;place-items:center;font-size:22px;border:2px solid var(--line-strong);background:#00000080;color:var(--accent)}.btn.round:hover:not(:disabled){border-color:var(--accent);background:#38c6ff1f;color:var(--accent)}.menu{grid-row:2 / 4;display:flex;flex-direction:column;justify-content:center;gap:clamp(4px,calc(var(--vh) * 1.2),14px);padding:20px 48px;position:relative;z-index:2}.menu-item{appearance:none;background:none;border:0;cursor:pointer;text-align:left;color:var(--text);display:flex;flex-direction:column;padding:0 0 0 18px;position:relative;width:fit-content;transition:transform .15s,color .15s}.menu-item:before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:4px;background:var(--accent);box-shadow:0 0 10px #38c6ff99;transition:width .15s,box-shadow .15s}.menu-title{font:700 clamp(34px,calc(var(--vh) * 6.4),64px)/1.02 var(--display);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.6)}.menu-sub{font:500 12px var(--mono);letter-spacing:.08em;color:var(--muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .2s,opacity .2s}.menu-item:hover,.menu-item:focus-visible{transform:translate(10px);color:#fff;outline:none}.menu-item:hover:before,.menu-item:focus-visible:before{width:8px;box-shadow:0 0 18px #38c6ffe6}.menu-item:hover .menu-title,.menu-item:focus-visible .menu-title{color:var(--accent-soft);text-shadow:0 0 24px rgba(56,198,255,.35)}.menu-item:hover .menu-sub,.menu-item:focus-visible .menu-sub{max-height:60px;opacity:1}.emblem{grid-column:2;grid-row:2;align-self:center;justify-self:center;position:relative;z-index:0;width:min(calc(var(--vh) * 46),calc(var(--vw) * 34));aspect-ratio:1;pointer-events:none;transform:translate(75px) scale(2.4)}.emblem i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,70,90,.55);box-shadow:0 0 40px #d9233873,inset 0 0 40px #d923384d;animation:spin 40s linear infinite}.emblem i:nth-child(1){border-style:dashed}.emblem i:nth-child(2){inset:14%;border-color:#ffffff59;border-width:1px;animation-direction:reverse;animation-duration:26s;border-top-color:var(--accent)}.emblem i:nth-child(3){inset:30%;background:radial-gradient(circle,#fff 0 18%,#ff8a96 30%,rgba(217,35,56,.6) 52%,transparent 70%);border:0;box-shadow:0 0 80px 20px #d923388c;animation:pulse 3.5s ease-in-out infinite}.emblem b{position:absolute;inset:40%;border:2px solid rgba(255,255,255,.9);transform:rotate(45deg);box-shadow:0 0 20px #fff9}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.85}}.home-side{grid-column:2;grid-row:3;justify-self:end;padding:0 48px 18px;position:relative;z-index:2}.home-deck{transform:scale(1.3);transform-origin:100% 100%;display:flex;gap:16px;align-items:center;padding:14px 18px 14px 14px;min-width:360px;background:#000000c7;border:1px solid var(--line-strong);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.home-deck-card{width:74px;flex:none}.home-deck-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.home-deck-info .select{font:600 14px var(--font)}.deck-stats{display:flex;gap:14px;font:500 12px var(--mono);color:var(--muted)}.deck-stats b{color:var(--accent);font-size:14px}.home-deck-info .btn{align-self:flex-start}.home-foot{grid-column:1 / -1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:10px 48px;font:500 11px var(--mono);color:var(--muted);letter-spacing:.03em;position:relative;z-index:2;border-top:1px solid var(--line);background:#0000008c}.page{height:100%;display:flex;flex-direction:column;padding:18px 28px;gap:16px;overflow:auto}.page-head{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2)}.page-head h1{margin:0;font:700 30px var(--display);letter-spacing:-.01em;text-transform:uppercase}.online-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:20px;align-items:start}.online-pane{padding:16px 0;display:flex;flex-direction:column;gap:14px}.row-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.room-code{font:700 44px var(--mono);letter-spacing:.25em;color:var(--gold);text-align:center;min-height:64px;user-select:all;padding:6px 0;border:1px dashed var(--line-gold);background:#38c6ff0d;text-shadow:0 0 20px rgba(56,198,255,.35)}.room-code:empty{border-color:#ffffff40;background:none}.input.code{font:700 26px var(--mono);letter-spacing:.3em;text-align:center;text-transform:uppercase;padding:12px}.code-area{width:100%;min-height:70px;resize:vertical;font:11px/1.3 var(--mono);background:var(--bg-2);color:var(--text);border:1px solid rgba(255,255,255,.35);padding:8px;word-break:break-all}.status-box{margin-top:12px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--muted);white-space:pre-wrap;font:500 12px/1.6 var(--mono)}.status-box.ok{border-color:#43d68b73;border-left-color:var(--ok)}.status-box.error{border-color:#ff5a6e73;border-left-color:var(--danger);color:#ffc2ca}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;align-items:start}.ice-out{white-space:pre-wrap;font:11px var(--mono);background:var(--bg-2);padding:8px;margin:0;min-height:20px}.card{position:relative;width:100%;aspect-ratio:59 / 86;border-radius:4px;overflow:hidden;background:#222;box-shadow:0 2px 6px #00000080;user-select:none;flex:none}.card img{width:100%;height:100%;object-fit:cover;display:block}.card.back .card-back,.card-back{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(56,198,255,.9) 0 9%,transparent 10%),conic-gradient(from 45deg at 50% 50%,#2b1a0c,#6b3f12,#2b1a0c,#6b3f12,#2b1a0c),#3a220c;border:3px solid #1a0f06;border-radius:4px}.card-back:before{content:"";position:absolute;inset:14% 18%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#0d0a06 0 45%,#a4661c 46% 52%,transparent 53%);box-shadow:0 0 10px #ffaa3c59 inset}.card-back:after{content:"◆";position:absolute;inset:0;display:grid;place-items:center;color:#ffd278d9;font-size:120%;text-shadow:0 0 6px rgba(255,180,60,.9)}.card-fallback{position:absolute;inset:0;padding:6% 6% 4%;display:flex;flex-direction:column;gap:2%;font-size:clamp(5px,calc(var(--vw) * .55),9px);color:#111;border:2px solid #222;border-radius:4px}.cf-name{font-weight:700;background:#ffffff8c;padding:1px 3px;border-radius:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cf-attr{align-self:flex-end;font-size:85%;font-weight:700}.cf-stars{color:#b8460c;text-align:right;font-size:80%;letter-spacing:-1px}.cf-art{flex:1;background:linear-gradient(135deg,#ffffff59,#00000040);border:1px solid rgba(0,0,0,.5)}.cf-text{flex:0 0 26%;overflow:hidden;background:#fffaebd9;font-size:70%;line-height:1.15;padding:2px}.cf-stats{text-align:right;font-weight:700;font-size:80%}.frame-normal .card-fallback{background:#d8b36a}.frame-effect .card-fallback{background:#c8703a}.frame-ritual .card-fallback{background:#6a8fd8}.frame-fusion .card-fallback{background:#9a6ab8}.frame-synchro .card-fallback{background:#e8e8e8}.frame-xyz .card-fallback{background:#2a2a2a;color:#eee}.frame-link .card-fallback{background:#1f5ea8;color:#eef}.frame-spell .card-fallback{background:#1d9e8c}.frame-trap .card-fallback{background:#b0457c}.frame-token .card-fallback{background:#9a9a9a}.detail-panel{display:flex;flex-direction:column;gap:6px;padding:12px;overflow:auto;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:12px}.detail-empty{color:var(--muted);text-align:center;margin:auto;padding:20px}.detail-card{width:min(100%,230px);align-self:center}.detail-name{font:700 18px/1.15 var(--display);letter-spacing:.02em}.detail-type{color:var(--gold);font-size:12px}.detail-stats{color:var(--accent);font-size:12px;font-weight:600}.detail-status{color:var(--danger);font-size:12px}.detail-sets{color:var(--muted);font-size:11px}.detail-desc{white-space:pre-wrap;font-size:12.5px;line-height:1.45}.detail-code{color:var(--muted);font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#000000a6;backdrop-filter:blur(3px);animation:fade-in .15s}.modal-backdrop.closing{animation:fade-out .16s forwards}.modal{background:#0a0b10f7;border:1px solid var(--line-strong);border-top:3px solid var(--accent);box-shadow:var(--shadow);padding:22px 24px;width:min(520px,100%);max-height:calc(calc(var(--vh) * 100) - 40px);display:flex;flex-direction:column;gap:14px;animation:pop-in .18s}.modal.danger{border-top-color:var(--danger)}.modal.wide{width:min(880px,100%)}.modal.picker{width:min(980px,100%)}.modal-title{margin:0;font:700 22px var(--display);letter-spacing:.03em;text-transform:uppercase}.modal-head{display:flex;align-items:flex-start;gap:10px}.modal-head .modal-title{flex:1}.modal-min{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;cursor:pointer;background:#ffffff0f;border:1px solid var(--line);color:var(--text)}.modal-min:hover{background:var(--accent);color:var(--on-gold)}.modal-restore{display:none}.modal-backdrop.minimized{background:none;backdrop-filter:none;pointer-events:none}.modal-backdrop.minimized>.modal{display:none}.modal-backdrop.minimized>.modal-restore{display:flex;align-items:center;gap:8px;position:fixed;top:14px;left:50%;transform:translate(-50%);pointer-events:auto;cursor:pointer;padding:10px 18px;max-width:calc(var(--vw) * 60);font:700 15px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--on-gold);background:var(--accent);border:0;box-shadow:0 6px 24px #0009,0 0 18px #38c6ff73;animation:pop-in .15s}.modal-restore span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-body{overflow:auto;display:flex;flex-direction:column;gap:10px;white-space:pre-line}.modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.modal-actions:empty{display:none}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes pop-in{0%{transform:scale(.96) translateY(8px);opacity:0}}.toasts{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--panel-solid);border:1px solid var(--line-strong);padding:10px 16px;border-radius:10px;box-shadow:var(--shadow);transition:opacity .3s,transform .3s;max-width:calc(var(--vw) * 80);white-space:pre-line}.toast.error{border-color:var(--danger)}.toast.hide{opacity:0;transform:translateY(-8px)}.dropdown{position:fixed;z-index:150;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:10px;padding:4px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:200px}.dropdown-item{background:none;border:0;text-align:left;padding:8px 12px;border-radius:6px;cursor:pointer}.dropdown-item:hover{background:#38c6ff26}.editor{padding:12px 16px;gap:10px;overflow:hidden}.editor-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.editor-toolbar>.select{width:auto;min-width:200px}.editor-body{flex:1;min-height:0;display:grid;grid-template-columns:260px 1fr 360px;gap:12px}.deck-area{overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.deck-part{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px}.deck-head{display:flex;gap:10px;align-items:baseline;margin-bottom:8px}.deck-head b{font:700 16px var(--display);text-transform:uppercase;letter-spacing:.05em}.deck-head .count{color:var(--accent);font-weight:700}.deck-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;min-height:60px}.deck-card{position:relative;cursor:pointer;transition:transform .1s}.deck-card:hover{transform:translateY(-3px);z-index:1}.limit{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--font);background:#c8263e;color:#fff;border:2px solid #fff;box-shadow:0 1px 3px #000}.limit.l1{background:#e07a10}.limit.l2{background:#d6b20a;color:#222}.validity{border-radius:8px;padding:8px 12px;border:1px solid var(--line-strong);background:none;cursor:pointer;font-weight:700}.validity.ok{color:var(--ok);border-color:var(--ok)}.validity.bad{color:var(--gold);border-color:var(--gold)}.search-panel{display:flex;flex-direction:column;gap:8px;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.filter-grid .select,.filter-grid .input{padding:6px 8px;font-size:12px}.results{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px;align-content:start;padding:4px 2px 2px}.results .more{grid-column:1 / -1}.results.as-list{display:flex;flex-direction:column;gap:3px;padding:0}.result-row{display:grid;grid-template-columns:40px 1fr auto auto;gap:10px;align-items:center;padding:5px 8px 5px 5px;cursor:pointer;position:relative;background:#00000059;border-left:3px solid transparent;user-select:none;-webkit-user-select:none}.result-row:hover{background:#38c6ff14;border-left-color:var(--accent)}.result-row .limit{position:static}.result-name{font-weight:600;font-size:13px}.result-row .bm{position:static;opacity:.5}.result-row:hover .bm,.result-row .bm.on{opacity:1}.results-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.view-toggle{display:flex;gap:2px}.view-btn{width:28px;height:26px;padding:0;display:grid;place-items:center;cursor:pointer;border:1px solid var(--line);background:none;color:var(--muted)}.view-btn .icon{font-size:17px}.view-btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-gold)}.view-btn:not(.on):hover{color:#fff;border-color:var(--accent)}.result-card{position:relative;cursor:pointer;transition:transform .1s;touch-action:manipulation;user-select:none;-webkit-user-select:none}.result-card:hover{transform:translateY(-3px);z-index:1}.result-card .region-badge{position:absolute;top:2px;right:2px;margin:0;font-size:8px;padding:2px 3px;box-shadow:0 1px 3px #000;pointer-events:none}.bm{position:absolute;right:2px;bottom:2px;z-index:2;width:24px;height:24px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);background:#000000b3;color:#fff;cursor:pointer;opacity:0;transition:opacity .12s}.bm .icon{font-size:16px}.result-card:hover .bm,.bm.on{opacity:1}.bm.on{background:var(--gold);border-color:#fff;color:var(--on-gold)}.bm:hover{border-color:var(--accent)}.search-tab.bm-drop,.results.bm-drop{outline:2px dashed var(--gold);outline-offset:-2px;background:#ffd23c1f}button.search-tab{border:0;background:none;cursor:pointer;white-space:nowrap;padding-left:6px;padding-right:6px}.more{margin:6px auto}.hint{margin:0}.deck-list{display:flex;flex-direction:column;gap:6px}.deck-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#1e326459;cursor:pointer}.deck-row:hover{border-color:var(--line-strong)}.deck-row-name{font-weight:600}.card-box h3 .select{width:auto;max-width:60%;text-transform:none;font:500 12px var(--mono);letter-spacing:0}.decks{padding:24px 48px 18px;gap:20px}.decks-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line-strong)}.decks-head h1{margin:0 12px 0 4px;font:700 40px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}.decks-num{display:inline-flex;align-items:center;gap:6px;font:700 34px/1 var(--display)}.decks-num .icon{font-size:30px}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:16px;align-content:start;flex:1;overflow:auto;padding:4px}.deck-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px 14px;cursor:pointer;background:#000000d1;border:2px solid rgba(255,255,255,.75);color:var(--text);font:inherit;outline:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);transition:border-color .15s,box-shadow .15s,transform .15s}.deck-tile:hover,.deck-tile:focus-visible{border-color:#fff;transform:translateY(-2px)}.deck-tile.active{border-color:var(--accent);box-shadow:inset 0 0 24px #38c6ff40}.deck-tile.chosen{border-color:var(--danger);box-shadow:inset 0 0 28px #ff3b4e59}.deck-tile-name{font:600 15px/1.2 var(--display);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.deck-tile-meta{font:500 11px var(--mono);color:var(--muted);letter-spacing:.05em;margin-top:-4px}.deck-tile.new{justify-content:center;min-height:196px}.deck-tile.new .plus{width:78px;height:78px;border-radius:50%;border:3px solid var(--accent);color:var(--accent);display:grid;place-items:center;font-size:46px;box-shadow:0 0 18px #38c6ff59}.deck-tile.new .deck-tile-name{color:var(--muted)}.deck-tile-del,.deck-tile-check{position:absolute;top:6px;right:6px;width:32px;height:32px;display:grid;place-items:center;background:#0009;border:1px solid transparent;color:var(--muted);cursor:pointer;font-size:18px}.deck-tile-del{opacity:0;transition:opacity .15s,color .15s,border-color .15s}.deck-tile:hover .deck-tile-del,.deck-tile:focus-within .deck-tile-del{opacity:1}.deck-tile-del:hover{color:#fff;background:var(--red);border-color:#ff7a8a}.deck-tile-check{color:var(--text)}.deck-tile.chosen .deck-tile-check{color:var(--danger)}@media(hover:none){.deck-tile-del{opacity:1}}.deck-box{--hue: 355;position:relative;width:92px;height:112px;margin:0 10px 0 0}.deck-box-front{position:absolute;inset:10px 10px 0 0;overflow:hidden;background:linear-gradient(160deg,hsl(var(--hue) 70% 58%),hsl(var(--hue) 68% 36%));border:2px solid hsl(var(--hue) 60% 72%);box-shadow:inset 0 0 0 5px hsl(var(--hue) 65% 45%),0 6px 14px #0009}.deck-box-front img{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);object-fit:cover;border:1px solid rgba(255,255,255,.6)}.deck-box-front:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 40%)}.deck-box-side{position:absolute;top:5px;right:0;bottom:5px;width:10px;background:hsl(var(--hue) 60% 28%);transform:skewY(-27deg);transform-origin:left top}.deck-box-top{position:absolute;top:0;left:5px;right:0;height:10px;background:hsl(var(--hue) 60% 66%);transform:skew(-45deg);transform-origin:left bottom}.decks-foot{display:flex;gap:14px;align-items:center;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--line)}.decks-foot .tag.solid{font-size:13px;padding:10px 22px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}.decks-foot .input{max-width:360px}.editor{padding:14px 18px}.editor-toolbar{padding-bottom:12px;border-bottom:1px solid var(--line)}.deck-part{background:#08090ed9;border:1px solid var(--line-strong)}.deck-head{align-items:center;padding-bottom:6px;border-bottom:1px solid var(--line)}.deck-head b{font:700 18px var(--display);letter-spacing:.04em}.deck-head .count{font:700 15px var(--mono);color:var(--text);background:var(--red);padding:0 8px}.type-count{display:inline-flex;align-items:center;gap:5px;font:600 13px var(--mono)}.type-count:before{content:"";width:10px;height:13px;border:1px solid rgba(255,255,255,.5);background:var(--c)}.type-count.monster{--c: #c76326}.type-count.spell{--c: #1d8f74}.type-count.trap{--c: #ad235e}.type-count.fusion{--c: #7a288a}.type-count.synchro{--c: #ededed}.type-count.xyz{--c: #1a1a1a}.type-count.link{--c: #004e9a}.search-panel{background:#08090ee0;border:1px solid var(--line-strong);gap:9px}.search-tabs{display:flex;margin:-10px -10px 2px}.search-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:9px;font:700 14px var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.search-filters{display:flex;flex-direction:column;gap:9px}.search-filters[hidden]{display:none}.filter-toggle{flex:0 0 auto;border:0;background:none;cursor:pointer;padding:9px 12px}.filter-toggle:hover{color:var(--accent)}.filter-count:not(:empty){margin-left:2px;padding:0 6px;font-size:12px;background:var(--accent);color:var(--on-gold)}.search-tab.on{background:var(--accent);color:var(--on-gold);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%)}.chips{display:grid;gap:5px}.chips.types{grid-template-columns:repeat(4,1fr)}.chips.attrs{grid-template-columns:repeat(7,1fr)}.chip{--c: #3a3f52;border:1px solid color-mix(in srgb,var(--c) 80%,white 20%);background:color-mix(in srgb,var(--c) 28%,transparent);color:var(--text);font:600 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 2px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip:hover{background:color-mix(in srgb,var(--c) 55%,transparent)}.chip.on{background:var(--c);color:#fff;box-shadow:0 0 0 1px #fff inset,0 0 12px color-mix(in srgb,var(--c) 70%,transparent)}.chip.monster{--c: #c76326}.chip.spell{--c: #1d8f74}.chip.trap{--c: #ad235e}.chip.extra{--c: #7a288a}.chip.light{--c: #c9a227}.chip.dark{--c: #6a2a9a}.chip.fire{--c: #c8282c}.chip.water{--c: #1f5fc8}.chip.wind{--c: #1d8f50}.chip.earth{--c: #6b5a44}.chip.divine{--c: #b8902a}.chips.attrs .chip{font-size:9px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.detail-panel{background:#08090ee0;border:1px solid var(--line-strong)}.validity{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:12px;border-radius:0}.turn-custom{display:flex;flex-direction:column;gap:10px;margin-top:6px}.paste-area{min-height:200px;resize:vertical;font:12px/1.4 var(--mono)}.sleeve-box{display:flex;gap:14px;align-items:center}.sleeve-preview{width:70px;flex:none}.sleeve-side{display:flex;flex-direction:column;gap:8px}.save-btn{position:relative}.save-btn:not(.dirty){opacity:.7}.unsaved-dot{width:9px;height:9px;border-radius:50%;background:#e0203a;border:2px solid #fff;margin-left:6px;display:inline-block;vertical-align:middle}.editor-toolbar .btn.round:disabled{opacity:.35;cursor:default}.region-badge{display:inline-block;font:700 9px/1 var(--mono);letter-spacing:.04em;padding:2px 4px;border-radius:3px;margin-left:6px;vertical-align:middle;color:#fff}.region-badge.ocg{background:#b8336a}.region-badge.tcg{background:#1f6bd6}.deck-card .region-badge{position:absolute;top:2px;right:2px;margin:0;font-size:8px;padding:2px 3px;box-shadow:0 1px 3px #000;pointer-events:none}.deck-card{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.deck-card.drop-before:before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:3px;background:var(--accent);box-shadow:0 0 8px var(--accent);z-index:2}.filter-grid .format-filter{grid-column:1 / -1}.detail-card,.detail-actions{flex:none}.detail-scroll{flex:1 1 auto;min-height:72px;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.home,.boot{--home-glow: 56, 198, 255}.home .logo-mark,.boot .logo-mark{text-shadow:0 0 18px rgba(var(--home-glow),.6)}.home .btn.round:hover:not(:disabled){background:rgba(var(--home-glow),.12)}.home .menu-item:before{box-shadow:0 0 10px rgba(var(--home-glow),.6)}.home .menu-item:hover:before,.home .menu-item:focus-visible:before{box-shadow:0 0 18px rgba(var(--home-glow),.9)}.home .menu-item:hover .menu-title,.home .menu-item:focus-visible .menu-title{text-shadow:0 0 24px rgba(var(--home-glow),.35)}.home .emblem i{border-color:#961222b3;box-shadow:0 0 40px #780a188c,inset 0 0 40px #780a1866}.home .emblem i:nth-child(2){border-color:#ffffff4d;border-top-color:var(--accent);box-shadow:none}.home .emblem i:nth-child(3){background:radial-gradient(circle,#ffd9de 0 16%,#c2283c 32%,rgba(120,10,24,.75) 54%,transparent 70%);box-shadow:0 0 80px 20px #780a1899}html:has(.home) body:after,html:has(.boot) body:after{background:radial-gradient(ellipse 60% 70% at 0% 30%,rgba(110,8,20,.5),transparent 70%),radial-gradient(ellipse 55% 70% at 100% 80%,rgba(20,80,220,.36),transparent 70%),var(--bg)}html:has(.home) body:before,html:has(.boot) body:before{background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),repeating-linear-gradient(125deg,transparent 0 46px,rgba(130,12,28,.2) 46px 52px,transparent 52px 120px,rgba(130,12,28,.12) 120px 123px,transparent 123px 210px),repeating-linear-gradient(125deg,transparent 0 70px,rgba(31,107,255,.14) 70px 74px,transparent 74px 170px)}.menu-section{font:700 14px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.menu-back{margin-bottom:6px}.install-app[hidden]{display:none}.modal-backdrop.top{z-index:160}.board-load .modal-body{display:flex;flex-direction:column;gap:10px}.board-list{display:flex;flex-direction:column;gap:6px;max-height:45vh;overflow:auto}.board-row{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff05}.board-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.board-row-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-row{grid-column:1 / -1}.preset-tools{display:flex;gap:8px;align-items:center}.preset-tools .select{flex:1;max-width:360px}.decks-section{grid-column:1 / -1;display:flex;align-items:baseline;gap:12px;padding:14px 2px 2px;border-top:1px solid var(--line)}.decks-section b{font:700 15px var(--display);letter-spacing:.06em;text-transform:uppercase}.deck-level{display:inline-block;padding:1px 6px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#06121f;background:var(--accent)}.deck-tile-add{position:absolute;top:6px;left:6px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:#080a10d9;color:var(--accent-soft);opacity:0;transition:opacity .15s}.deck-tile:hover .deck-tile-add,.deck-tile:focus-within .deck-tile-add{opacity:1}.deck-tile-add:hover{color:#06121f;background:var(--accent)}@media(hover:none){.deck-tile-add{opacity:1}}.coming-soon{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:18px 22px;border:1px dashed var(--accent);background:linear-gradient(90deg,rgba(56,198,255,.12),transparent 70%);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px)}.coming-soon .icon{color:var(--accent);font-size:26px}.coming-soon b{font:700 18px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft)}.search-tabs .search-tab.on{padding-right:22px}.search-tabs .search-tab:not(.filter-toggle){flex:0 0 auto;padding-left:12px;padding-right:12px}.search-tabs .search-tab.on:not(.filter-toggle){flex:1 1 auto;padding-right:22px}.search-tabs .search-tab:not(.on) .tab-label{display:none}.search-tabs .filter-toggle{margin-left:auto}.search-panel{container-type:inline-size}@container (max-width: 300px){.search-tabs .tab-label{display:none}}.search-filters .filter-reset{align-self:flex-end}.deck-head .count.over{background:var(--danger, #ff3b4e);color:#fff}.mini-cards{display:inline-flex;gap:2px;vertical-align:middle;margin-right:6px;flex:none}.mini-card{display:inline-block;width:28px;line-height:0;vertical-align:middle}.mini-card .card{width:28px}.chip .mini-cards,.card-pick-btn .mini-cards{margin-right:6px}.card-pick-btn{display:inline-flex;align-items:center}.scroll-text{display:block;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.scroll-inner{display:inline-block;white-space:nowrap}.scroll-text:not(.scrolling){text-overflow:ellipsis}.scroll-text:not(.scrolling) .scroll-inner{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.scroll-text.scrolling .scroll-inner{animation:scroll-text var(--scroll-time, 4s) ease-in-out infinite alternate}@keyframes scroll-text{0%,12%{transform:translate(0)}88%,to{transform:translate(var(--scroll-dist, 0))}}@media(prefers-reduced-motion:reduce){.scroll-text.scrolling .scroll-inner{animation-duration:.01s;animation-iteration-count:1;animation-fill-mode:forwards}}#app:has(>.duel-screen){display:grid;place-items:center;overflow:hidden}.duel-screen{--vh: 8.6px;--vw: 11.8px;--lp-w: 300px;--hand-w: 340px;width:1180px;height:860px;box-sizing:border-box;display:grid;grid-template-columns:minmax(230px,280px) 1fr 200px;gap:10px;padding:10px;--zh: min(calc((calc(var(--vh) * 100) - 110px) / 7.3), calc((calc(var(--vw) * 100) - 540px) / 7.6));--cw: calc(var(--zh) / 1.46 * .9)}.duel-screen.shake{animation:shake .35s}@keyframes shake{20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}.duel-side{display:flex;flex-direction:column;gap:10px;min-height:0}.duel-side .detail-panel{flex:1 1 58%}.side-tabs{flex:1 1 42%;min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.log,.chat{flex:1;min-height:0;overflow:auto;padding:8px 10px;font-size:12px;display:flex;flex-direction:column;gap:2px}.chat{padding:0}.chat-log{flex:1;overflow:auto;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.chat-input{border-radius:0;border:0;border-top:1px solid var(--line)}.chat-line.mine b{color:var(--accent)}.chat-line b{color:var(--gold)}.log-line.turn{color:var(--gold);font-weight:700;margin-top:6px;text-align:center}.log-line.phase{color:var(--accent)}.log-line.chain{color:#c9a6ff}.log-line.dmg{color:#ff8a9a}.log-line.heal{color:#8affb5}.log-line.warn{color:var(--gold)}.log-line.dim{color:var(--muted)}.log-line.hint{color:#9fd8ff;font-style:italic}.log-line.attack{color:#ffb070}.log-line.resolve{color:#c9a6ff;font-weight:600;margin-top:2px}.log-line.sub{position:relative;padding-left:16px}.log-line.sub:before{content:"↳";position:absolute;left:3px;color:var(--muted)}.log-line.target{color:#ffd27a}.log-line.affected{color:#b9c7ff;font-style:italic}.log-card{cursor:pointer}.duel-main{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr auto;border-radius:0;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 0% 0%,rgba(185,28,40,.28),transparent 70%),radial-gradient(ellipse 70% 50% at 100% 100%,rgba(20,80,220,.28),transparent 70%),linear-gradient(180deg,#0b0c12,#050507);border:1px solid var(--line-strong)}.duel-main:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(90deg,transparent 0 59px,rgba(255,255,255,.04) 59px 60px),repeating-linear-gradient(0deg,transparent 0 59px,rgba(255,255,255,.04) 59px 60px);mask-image:radial-gradient(ellipse at 50% 55%,black 30%,transparent 75%)}.hud-top,.hud-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:center}.hud-top{min-height:calc(var(--cw) * 1.1 + 10px);padding:6px var(--lp-w) 0 12px}.hud-bottom{min-height:calc(var(--cw) * 1.75 + 12px);padding:0 12px 6px var(--lp-w);align-items:flex-end}.field-wrap{position:relative;display:grid;place-items:center;min-height:0;z-index:1}.board{pointer-events:none}.board>*{pointer-events:auto}.duel-field{display:grid;grid-template-columns:repeat(7,var(--zh));grid-template-rows:repeat(5,var(--zh));gap:calc(var(--zh) * .07);transform-origin:50% 60%;padding:calc(var(--zh) * .1);border-radius:0;background:linear-gradient(180deg,#0c0e16bf,#06070cd9);box-shadow:0 30px 80px #000000b3,0 0 0 1px #ffffff2e inset}.zone{position:relative;display:grid;place-items:center;border-radius:0;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 50% 50%,#ffffff0d,#0000004d);transition:box-shadow .15s,background .15s}.zone:before{position:absolute;font:600 calc(var(--zh) * .12) var(--display);color:#ffffff2e;letter-spacing:.08em;pointer-events:none}.zone.mon:before{content:"MONSTER"}.zone.st:before{content:"S/T"}.zone.emz{border-color:#38c6ff66;background:radial-gradient(circle,#38c6ff14,#0000004d)}.zone.emz:before{content:"EXTRA";color:#38c6ff4d}.zone.fieldspell:before{content:"FIELD"}.zone.grave:before{content:"GY"}.zone.deck:before{content:"DECK"}.zone.extra:before{content:"EXTRA"}.zone.removed:before{content:"BANISHMENT";font-size:calc(var(--zh) * .1)}.zone.removed{border-style:dashed;opacity:.85}.zone.pz{display:none}.duel-field.has-pz .zone.pz{display:grid}.zone.pz:before{content:"PEND.";bottom:5%}.zone.occupied:before{content:none}.zone.pile{cursor:pointer}.zone .card{width:var(--cw);transition:transform .2s}.zone .card.defense{transform:rotate(90deg)}.zone .card.theirs{transform:rotate(180deg)}.zone .card.theirs.defense{transform:rotate(270deg)}.zone .card.facedown{filter:brightness(.82)}.zone .card.facedown:not(.back){opacity:.85}.zone .card.facedown:not(.back):after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(0,0,0,.18) 0 4px,transparent 4px 8px)}.zone .card.negated{filter:grayscale(.9) brightness(.85)}.pile-top{box-shadow:calc(var(--stack, 0) * 1px) calc(var(--stack, 0) * 1px) 0 #111,calc(var(--stack, 0) * 2px) calc(var(--stack, 0) * 2px) 0 #000!important}.zone-badge{position:absolute;z-index:2;font:700 11px var(--font);padding:1px 6px;border-radius:10px;background:#000c;border:1px solid var(--line-strong);pointer-events:none}.zone-badge.count{bottom:2px;right:2px}.zone-badge.overlay{top:2px;right:2px;border-color:var(--gold);color:var(--gold)}.zone-badge.counter{top:2px;left:2px;border-color:#7bffb0;color:#7bffb0}.materials{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0}.zone .materials~.card{z-index:1}.mat{position:absolute;width:var(--cw);aspect-ratio:59/86;border-radius:4px;background:linear-gradient(135deg,#3a2a10,#1a1206);border:1px solid #7a5a20}.mat:nth-child(1){transform:translate(-4px,-4px)}.mat:nth-child(2){transform:translate(-7px,-7px)}.mat:nth-child(3){transform:translate(-10px,-10px)}.mat:nth-child(4){transform:translate(-13px,-13px)}.stat{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);z-index:2;background:#000000d9;border:1px solid rgba(120,180,255,.4);border-radius:6px;font:700 calc(var(--zh) * .13) var(--display);padding:0 5px;white-space:nowrap;pointer-events:none}.stat .atk{color:#ffd38a}.stat .def{color:#9fd0ff}.stat .link{color:#7fb0ff}.stat .sep{color:#666;margin:0 1px}.stat .up{color:#6dff9e}.stat .down{color:#ff6d7d}.field-center{display:grid;place-items:center}.hand{display:flex;justify-content:center;align-items:flex-end;min-width:0;flex:1}.hand .card{width:calc(var(--cw) * 1.2);margin:0 min(0px,(var(--hand-w) - var(--n, 5) * var(--cw) * 1.25) / var(--n, 5) / 2);transition:transform .15s,box-shadow .15s;cursor:default}.hand-0 .card:hover{transform:translateY(-18%) scale(1.06);z-index:5}.hand-0 .card.revealed{box-shadow:0 0 0 2px var(--gold)}.hand-1 .card{width:calc(var(--cw) * .75)}.hand.shuffle .card{animation:hand-shuffle .35s}@keyframes hand-shuffle{50%{transform:translateY(-6px) rotate(3deg)}}.lp{display:flex;align-items:center;gap:10px;position:absolute;z-index:4}.lp-me{left:14px;bottom:14px}.lp-op{right:14px;top:10px;flex-direction:row-reverse}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:700 22px var(--display);color:var(--on-gold);background:linear-gradient(135deg,#9ae2ff,#1673b8);border:2px solid rgba(255,255,255,.8);box-shadow:0 0 18px #38c6ff73}.lp-op .avatar{color:#fff;background:linear-gradient(135deg,#ff4a5c,#8a1020);box-shadow:0 0 18px #ff3b4e73}.lp-body{display:flex;flex-direction:column;min-width:170px}.lp-op .lp-body{align-items:flex-end}.lp-name{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lp-track{height:6px;width:170px;background:#ffffff1a;overflow:hidden;margin:3px 0;transform:skew(-30deg)}.lp-fill{height:100%;width:100%;background:linear-gradient(90deg,#1f9be0,#9ae2ff);transition:width .5s}.lp-op .lp-fill{background:linear-gradient(90deg,#ff3b4e,#ff8a5c);margin-left:auto}.lp-fill.low{background:linear-gradient(90deg,#ff3348,#ff7a3a)}.lp-num{font:700 32px/1 var(--display);letter-spacing:.04em;text-shadow:0 0 14px rgba(0,0,0,.9)}.lp-row{display:flex;align-items:center;gap:12px}.lp-op .lp-row{flex-direction:row-reverse}.lp-clock{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font:700 15px var(--mono);color:var(--muted);background:#0009;border:1px solid var(--line);transition:color .2s,border-color .2s}.lp-clock .icon{font-size:16px}.lp-clock i{font-style:normal;font-size:11px}.lp-clock.running{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #38c6ff59}.lp-clock.running.low{color:#ffb02e;border-color:#ffb02e;box-shadow:0 0 10px #ffb02e66}.lp-clock.running.fast{color:#fff;background:var(--red);border-color:#ff7a8a;box-shadow:0 0 14px #ff3b4eb3;animation:clock-alarm .8s infinite}@keyframes clock-alarm{50%{opacity:.65}}.lp-effects{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;cursor:pointer;font:700 13px var(--mono);color:#ffd27a;background:#0009;border:1px solid rgba(255,210,122,.6);box-shadow:0 0 10px #ffd27a40}.lp-effects[hidden]{display:none}.lp-effects .icon{font-size:16px}.lp-effects:hover{background:#ffd27a26}.modal.lingering{width:min(560px,94vw)}.lingering-sec h4{margin:10px 0 6px;font:700 13px var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-soft)}.lingering-row{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}.lingering-card{width:40px;cursor:pointer}.lingering-icon{width:40px;height:40px;display:grid;place-items:center;color:#ffd27a;border:1px solid var(--line)}.duel-float{display:none;position:fixed;top:10px;right:10px;z-index:120;align-items:center;gap:12px;padding:6px 10px;background:#06070beb;border:1px solid var(--line-strong);box-shadow:var(--shadow)}body:has(.modal-backdrop:not(.closing):not(.minimized)) .duel-float{display:flex}.duel-float{flex-direction:column;align-items:stretch;gap:6px;max-width:calc(var(--vw, 1vw) * 100 - 20px)}.float-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;justify-content:flex-end}.float-trainer{align-self:flex-end;max-width:520px;padding:5px 8px;font-size:12px;border-left:3px solid var(--accent);background:#38c6ff14;color:var(--accent-soft)}.float-trainer[hidden]{display:none}.float-trainer.complete{border-color:var(--ok);color:#8affb5}.float-trainer.interrupted{border-color:#ffd23a;color:#ffe9a6}.duel-float .chain-mode.float{flex-direction:row;align-items:center;gap:8px}.duel-float .chain-btns{min-width:170px}.float-clock{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font:700 14px var(--mono);color:var(--muted);border:1px solid var(--line)}.float-clock[hidden]{display:none}.float-clock .float-name{font:600 11px var(--display);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.float-clock .icon{font-size:15px}.float-clock i{font-style:normal;font-size:11px}.float-clock.running{color:var(--accent);border-color:var(--accent)}.float-clock.running.low{color:#ffb02e;border-color:#ffb02e}.float-clock.running.fast{color:#fff;background:var(--red);border-color:#ff7a8a;animation:clock-alarm .8s infinite}.lp-pop{position:absolute;font:700 26px var(--display);animation:lp-pop 1.2s forwards;pointer-events:none}.lp-me .lp-pop{left:60px;top:-30px}.lp-op .lp-pop{right:60px;bottom:-30px}.lp-pop.dmg{color:#ff5a6e}.lp-pop.heal{color:#6dff9e}@keyframes lp-pop{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}.duel-controls{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:0;overflow:auto}.turn-counter{font:700 24px var(--display);text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#ff6b7a}.turn-counter.mine{color:var(--accent)}.phase-track{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.phase-pip{text-align:center;font:700 11px var(--mono);padding:5px 0;background:#ffffff0d;border:1px solid var(--line);color:var(--muted)}.phase-pip.on{background:var(--accent);border-color:var(--accent);color:var(--on-gold);box-shadow:0 0 10px #38c6ff80}.duel-status{font-size:12px;color:var(--muted);min-height:18px;text-align:center}.duel-status.waiting:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--gold);animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.action-bar{display:flex;flex-direction:column;gap:6px}.action-hint{font-size:13px;color:var(--accent);text-align:center;padding:6px;border:1px dashed rgba(56,198,255,.5)}.phase-btn{font:700 16px var(--display);letter-spacing:.05em;text-transform:uppercase;padding:11px}.duel-controls input[type=range]{width:100%}.match-info{text-align:center;padding:5px 4px;border:1px solid var(--line-gold);color:var(--accent-soft);font:700 11px var(--mono);letter-spacing:0;white-space:nowrap}.match-info[hidden]{display:none}.chain-mode{display:flex;flex-direction:column;gap:4px}.chain-label{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chain-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.chain-btn{padding:7px 0;cursor:pointer;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font:700 12px var(--display);letter-spacing:.04em;text-transform:uppercase;transition:background .12s,color .12s,box-shadow .12s}.chain-btn:hover{color:#fff;border-color:var(--accent)}.chain-btn.on{background:var(--accent);border-color:var(--accent);color:var(--on-gold)}.duel-controls .check{font-size:12px;flex-wrap:wrap}.selectable{cursor:pointer}.card.selectable.glow-action{box-shadow:0 0 0 2px #54d4ff,0 0 10px 2px #35c6f473}.card.selectable.glow-attack{box-shadow:0 0 0 2px #ff9a3a,0 0 16px 4px #ff7828b3;animation:glow-pulse 1.1s infinite}.card.selectable.glow-pick{box-shadow:0 0 0 2px #54d4ff,0 0 14px 4px #35c6f499;animation:glow-pulse 1.2s infinite}.card.field-chosen{box-shadow:0 0 0 3px #ffd23a,0 0 18px 6px #ffd23abf!important;animation:none}.card.field-chosen:before{content:"✓";position:absolute;right:4%;top:4%;z-index:4;width:34%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#ffd23a;color:#1a1400;font:700 calc(var(--zh) * .16) var(--display);box-shadow:0 1px 4px #000}.zone.selectable{box-shadow:0 0 0 2px #54d4ff,0 0 12px #35c6f473}.card.selectable.glow-activate,.pile-item.can-activate .card{box-shadow:0 0 0 2px #ffe27a,0 0 14px 4px #ffc428d9,0 0 34px 10px #ff961473;animation:activate-pulse 1.2s ease-in-out infinite}.card.selectable.glow-activate:after,.pile-item.can-activate .card:after{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 38%,rgba(255,240,180,.65) 50%,transparent 62%);transform:translate(-120%);animation:activate-sweep 1.8s ease-in-out infinite}.zone.selectable.glow-activate{box-shadow:0 0 0 2px #ffe27a,0 0 18px 6px #ffc428cc;animation:activate-pulse 1.2s ease-in-out infinite}@keyframes activate-pulse{50%{box-shadow:0 0 0 3px #fff3b8,0 0 22px 8px #ffd23c,0 0 48px 16px #ff961499;filter:brightness(1.15)}}@keyframes activate-sweep{0%,15%{transform:translate(-120%)}65%,to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.card.selectable.glow-activate,.zone.selectable.glow-activate,.pile-item.can-activate .card{animation:none}.card.selectable.glow-activate:after,.pile-item.can-activate .card:after{display:none}}@keyframes glow-pulse{50%{filter:brightness(1.2)}}.zone.pickable{cursor:pointer;background:radial-gradient(circle,#35c6f473,#35c6f41a);box-shadow:0 0 0 2px #54d4ff,0 0 18px #35c6f4b3;animation:glow-pulse 1s infinite}.zone.pickable:hover{background:radial-gradient(circle,#78e6ffb3,#35c6f433)}.flash-target{box-shadow:0 0 0 3px #ffde59,0 0 24px 6px #ffde59b3!important}.flash-chain{box-shadow:0 0 0 3px #b48cff,0 0 24px 6px #b48cffb3!important}.flash-destroy{animation:destroy .5s}@keyframes destroy{50%{filter:brightness(2.2) saturate(0);transform:scale(1.05)}}.flash-shuffle{animation:shuffle .4s}@keyframes shuffle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.action-menu{position:fixed;z-index:90;display:flex;flex-direction:column;gap:4px;padding:6px;background:#06070bf7;border:1px solid var(--line-strong);border-left:3px solid var(--accent);box-shadow:var(--shadow);animation:pop-in .12s;max-width:280px}.action-item{border:0;padding:8px 14px;text-align:left;cursor:pointer;background:#ffffff0f;font:600 14px var(--display);text-transform:uppercase;letter-spacing:.04em}.action-item small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font:400 11px/1.3 var(--font);text-transform:none;letter-spacing:0;opacity:.75}.action-item:hover{background:var(--accent);color:var(--on-gold)}.action-item.view{background:none;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.action-item.view:hover{background:#ffffff1f;color:#fff}.action-item.attack{background:linear-gradient(180deg,#ff8c2873,#c8461473)}.action-item.attack:hover{background:linear-gradient(180deg,#ff9a3a,#c84614)}.prompt-card{width:140px;align-self:center}.modal.prompt:not(.wide):not(.picker){width:min(680px,100%)}.modal.prompt .modal-body{font-size:16px}.option-list{display:flex;flex-direction:column;gap:8px}.option-list.row{flex-direction:row;justify-content:center}.btn.option{text-align:left;white-space:normal;padding:14px 18px;font:600 16px/1.35 var(--font);text-transform:none;letter-spacing:.01em}.action-list{display:flex;flex-direction:column;gap:6px}.action-row{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid var(--line);padding:6px 10px;white-space:normal}.action-row:hover{border-color:var(--accent);background:#38c6ff1a}.pick-info{display:flex;justify-content:center;color:var(--gold);font-weight:600}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;padding:4px}.pick-card{background:none;border:2px solid transparent;border-radius:8px;padding:4px;cursor:pointer;display:flex;flex-direction:column;gap:4px;position:relative}.pick-card:hover{border-color:#35c6f480}.pick-card.chosen{border-color:var(--accent);background:#35c6f42e;box-shadow:0 0 14px #35c6f473}.pick-card.locked{cursor:default;opacity:.85}.pick-card.static{cursor:default}.pick-where{font-size:11px;color:var(--muted);text-align:center;line-height:1.2}.sort-badge{position:absolute;top:8px;left:8px;min-width:24px;height:24px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#002;font-weight:700}.sort-badge:empty{display:none}.counter-row{display:grid;grid-template-columns:50px 1fr auto auto auto;gap:10px;align-items:center}.counter-val{min-width:24px;text-align:center;font-weight:700}.position-list{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.position-opt{background:#ffffff0a;border:1px solid var(--line);padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.position-opt:hover{border-color:var(--accent)}.position-card{width:120px;height:120px;display:grid;place-items:center}.position-card .card{width:80px}.position-card .card.defense{transform:rotate(90deg)}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.announce-list{display:flex;flex-direction:column;gap:3px;max-height:calc(var(--vh) * 50);overflow:auto}.announce-row{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:4px 8px;border:0;background:none;border-radius:6px;text-align:left;cursor:pointer}.announce-row:hover{background:#35c6f426}.pile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.pile-item{display:flex;flex-direction:column;gap:4px}.pile-item.has-actions .card{box-shadow:0 0 0 2px #54d4ff,0 0 12px #35c6f499}.pile-actions{display:flex;flex-direction:column;gap:3px}.pile-actions .btn{white-space:normal}.pile-actions .btn small{display:block;margin-top:2px;font:400 10px/1.25 var(--font);text-transform:none;letter-spacing:0;opacity:.8}.fx-layer{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden}.fly-ghost{position:absolute;z-index:5;box-shadow:0 10px 30px #000000b3}.banner{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);display:grid;place-items:center;animation:banner 1.4s forwards}.banner span{font:700 clamp(22px,calc(var(--vw) * 3.4),46px) var(--display);letter-spacing:.18em;text-transform:uppercase;padding:8px 60px;background:linear-gradient(90deg,transparent,rgba(5,5,8,.92) 20%,rgba(5,5,8,.92) 80%,transparent);border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);text-shadow:0 0 18px rgba(56,198,255,.6)}.banner.phase span{font-size:clamp(16px,calc(var(--vw) * 2),26px);border-color:#38c6ff66}.banner.hint span{font-size:clamp(14px,calc(var(--vw) * 1.6),20px);letter-spacing:.04em;text-transform:none;border-color:var(--gold)}.banner.warn span{color:#ff8a9a;border-color:var(--danger)}.banner.turn span{color:#fff}@keyframes banner{0%{opacity:0;transform:translateY(-50%) scaleY(.2)}12%{opacity:1;transform:translateY(-50%)}80%{opacity:1}to{opacity:0}}.splash{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;background:radial-gradient(circle,rgba(0,0,0,.65),transparent 60%);animation:fade-in .15s}.splash.out{animation:fade-out .25s forwards}.splash-card{width:clamp(120px,calc(var(--vw) * 14),200px);animation:splash-card .75s ease-out;filter:drop-shadow(0 0 30px rgba(53,198,244,.7))}.splash.spsummon .splash-card{filter:drop-shadow(0 0 30px rgba(232,194,90,.9))}.splash.chain .splash-card{filter:drop-shadow(0 0 30px rgba(180,140,255,.9))}.splash-label{font:700 22px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 12px rgba(0,0,0,.9)}.splash-name{font:700 18px var(--display);text-shadow:0 0 12px #000}@keyframes splash-card{0%{transform:scale(1.6) rotateY(80deg);opacity:0}40%{transform:scale(1);opacity:1}}.attack-svg{position:absolute;inset:0;width:100%;height:100%}.attack-line{stroke:#ff8a3a;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 8px #ff6a00);stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw .45s forwards}.attack-head{fill:#ffd27a;filter:drop-shadow(0 0 10px #ff6a00);animation:fade-in .45s}@keyframes draw{to{stroke-dashoffset:0}}.chain-badge{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 18px var(--display);color:#fff;background:radial-gradient(circle,#9b6bff,#4a1fa8);border:2px solid #e2d4ff;box-shadow:0 0 16px #b48cffe6;pointer-events:none;animation:pop-in .2s}.chain-badge.solving{animation:blink .5s infinite}.result{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:10px;pointer-events:none;background:radial-gradient(circle,#000000d9,#00000080);animation:fade-in .4s}.result-title{font:700 clamp(48px,calc(var(--vw) * 8),110px) var(--display);letter-spacing:.2em;animation:pop-in .5s;text-align:center;max-width:92%}.result-title.long{font-size:clamp(30px,calc(var(--vw) * 4.2),60px);letter-spacing:.06em}.result.win .result-title{color:var(--gold);text-shadow:0 0 40px rgba(232,194,90,.8)}.result.lose .result-title{color:#ff5a6e;text-shadow:0 0 40px rgba(255,90,110,.7)}.result.draw .result-title{color:var(--accent)}.result-sub{font-size:18px;color:var(--muted)}.decline-hint{margin:4px 0 0;text-align:right;font-family:var(--mono);letter-spacing:.04em}.has-sleeve-0 .card[data-owner="0"] .card-back,.has-sleeve-1 .card[data-owner="1"] .card-back{background:#111 center / cover no-repeat;border:3px solid #0b0b0b}.has-sleeve-0 .card[data-owner="0"] .card-back{background-image:var(--sleeve-0)}.has-sleeve-1 .card[data-owner="1"] .card-back{background-image:var(--sleeve-1)}.has-sleeve-0 .card[data-owner="0"] .card-back:before,.has-sleeve-0 .card[data-owner="0"] .card-back:after,.has-sleeve-1 .card[data-owner="1"] .card-back:before,.has-sleeve-1 .card[data-owner="1"] .card-back:after{content:none}.log-card{font-weight:600;cursor:pointer;border-bottom:1px dotted currentColor}.log-card:hover{color:var(--accent);border-bottom-style:solid}.chain-context{margin:0;padding:8px 12px;border-left:3px solid #ffd23a;background:#ffd23a14;color:#ffe9a6;font-size:15px;line-height:1.4}.activate-q{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start}.activate-card{cursor:pointer}.activate-text{display:flex;flex-direction:column;gap:8px;line-height:1.45}.activate-text b{font:700 20px var(--display);letter-spacing:.02em;color:#ffd23a}.prompt-dock{position:absolute;right:14px;bottom:14px;z-index:25;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.prompt-pop{pointer-events:auto;display:flex;flex-direction:column;gap:6px;padding:8px 10px;max-width:280px;background:#06070bf0;border:1px solid var(--line-strong);border-left:3px solid #ffd23a;box-shadow:0 8px 28px #000000b3,0 0 18px #ffc42840;animation:pop-in .15s}.prompt-pop.floating{position:fixed;z-index:95;width:260px}.prompt-head{display:flex;flex-direction:column;gap:1px}.prompt-head b{font:700 18px var(--display);letter-spacing:.08em;text-transform:uppercase;color:#ffd23a}.prompt-btns{display:flex;gap:6px;justify-content:flex-end}.prompt-btns .btn{padding:5px 12px}.prompt-q{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:start}.prompt-thumb{width:44px;cursor:pointer}.prompt-text{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.3;max-height:7.5em;overflow:auto}.prompt-text b{font:700 13px var(--display);letter-spacing:.02em}.prompt-pop .decline-hint{margin:0;font-size:10px}.splash.reveal{gap:8px}.reveal-row{display:flex;gap:14px;justify-content:center;max-width:90%}.reveal-row .splash-card{width:clamp(90px,calc(min(calc(var(--vw) * 14),200px) * 3.2 / (var(--n, 1) + 2.2)),200px);filter:drop-shadow(0 0 26px rgba(255,226,122,.8))}.pz-gem{position:absolute;left:25%;top:18%;width:50%;aspect-ratio:1;pointer-events:none;display:grid;place-items:center;filter:drop-shadow(0 0 7px var(--gem-glow));opacity:.92}.pz-gem.red{--gem-a: #ffb3b3;--gem-b: #ef1f36;--gem-c: #6e0012;--gem-glow: rgba(255, 40, 60, .75)}.pz-gem.blue{--gem-a: #bfe4ff;--gem-b: #2378ff;--gem-c: #081f74;--gem-glow: rgba(40, 130, 255, .75)}.pz-gem i{position:relative;width:82%;height:82%;clip-path:polygon(22% 8%,78% 8%,100% 36%,50% 100%,0 36%);background:conic-gradient(from 200deg at 50% 40%,var(--gem-b),var(--gem-a),var(--gem-b),var(--gem-c),var(--gem-b))}.pz-gem i:before{content:"";position:absolute;left:22%;right:22%;top:8%;height:28%;background:linear-gradient(180deg,#ffffffbf,#ffffff26);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.pz-gem i:after{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 45%,rgba(255,255,255,.18) 55%,rgba(0,0,0,.3));clip-path:polygon(0 0,100% 0,50% 100%)}.pz-gem.left:not(.custom) i{transform:rotate(90deg) scale(.62,1.12)}.pz-gem.right:not(.custom) i{transform:rotate(-90deg) scale(.62,1.12)}.pz-gem.custom{object-fit:contain}.pz-gem.custom.mirror{transform:scaleX(-1)}.zone.side-1>.pz-gem.pz-floor{transform:rotate(180deg)}.zone.side-1>.pz-gem.pz-floor.mirror{transform:rotate(180deg) scaleX(-1)}.zone.pz-slot:before{z-index:1}.pz-gem.pz-floor{left:18%;top:14%;width:64%;z-index:0;opacity:.55}.zone.pz-slot.occupied>.pz-gem.pz-floor{opacity:.25}.zone.pz.occupied>.pz-gem,.pz-gem.pz-mark{width:26%;left:37%;top:-11%;z-index:3;opacity:1}.pz-picker{display:flex;gap:14px;align-items:center}.pz-previews{display:flex;gap:8px;flex:none}.pz-preview{position:relative;width:64px;height:64px;border:1px solid var(--line);background:radial-gradient(circle,#ffffff0d,#00000059)}.pz-preview .pz-gem{left:12%;top:12%;width:76%}.pz-side-pick{display:flex;gap:18px;justify-content:center}.pz-side-pick .btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px}.pz-side-pick .pz-preview{width:96px;height:96px}.combo-caption{position:absolute;left:50%;bottom:13.5%;transform:translate(-50%);z-index:6;width:max-content;max-width:86%;padding:10px 22px;background:#000000d1;border-left:4px solid var(--accent);color:#fff;font:700 22px/1.25 var(--display);letter-spacing:.02em;text-align:center;text-shadow:0 2px 4px #000;box-shadow:0 6px 24px #0009;pointer-events:none;animation:fade-in .2s;transition:opacity .4s}.combo-caption.out{opacity:0}.combo-caption.done{border-left-color:var(--ok);color:#b9ffd4}.combo-caption.wrong{border-left-color:var(--danger);color:#ffb3bd}.combo-caption.interrupt{border-left-color:#ffd23a;color:#ffe9a6}.combo-caption.hint{border-left-color:var(--accent);color:#bfe9ff}.card-tag{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translate(-50%);z-index:6;pointer-events:none;padding:2px 7px;white-space:nowrap;font:700 11px var(--display);letter-spacing:.03em;text-transform:uppercase;color:#10131c;background:linear-gradient(180deg,#fff3b8,#ffd24a);border:1px solid #fff;box-shadow:0 0 12px #ffd24acc;animation:tag-in .35s ease-out}@keyframes tag-in{0%{opacity:0;transform:translate(-50%,6px)}}.hand-0 .card.field-chosen{transform:translateY(-14%)}.duel-screen.autoplaying .duel-main,.duel-screen.autoplaying .duel-controls>:not(.duel-leave):not(.anim-speed):not(.fs-btn),.duel-screen.autoplaying .trainer-btns,.duel-screen.autoplaying .trainer-toggles>:not(.trainer-auto),.duel-float.autoplaying .chain-mode{pointer-events:none}.duel-screen.autoplaying .duel-controls>:not(.duel-leave):not(.anim-speed):not(.fs-btn):not(.spacer),.duel-screen.autoplaying .trainer-btns,.duel-screen.autoplaying .trainer-toggles>:not(.trainer-auto){opacity:.45}.duel-float-detail{display:none;position:fixed;left:10px;top:10px;z-index:120;width:min(300px,26vw);max-height:calc(100vh - 20px);overflow:auto;background:#06070bf0;border:1px solid var(--line-strong);box-shadow:var(--shadow)}body:has(.modal-backdrop:not(.closing):not(.minimized)) .duel-float-detail{display:block}body:has(.modal-backdrop.top:not(.closing)) .duel-float-detail{display:none}body:has(.duel-float-detail) .modal-backdrop:not(.top):not(.minimized){padding-left:calc(min(300px,26vw) + 30px)}@media(max-width:760px){.duel-float-detail{display:none!important}body:has(.duel-float-detail) .modal-backdrop:not(.top):not(.minimized){padding-left:20px}}.board{position:relative}.board .link-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:30;overflow:visible}.board .link-line{stroke:#ffd23a;stroke-width:3;stroke-dasharray:7 5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(255,210,58,.8))}.board .link-line.target{stroke:#ff6b81;filter:drop-shadow(0 0 4px rgba(255,107,129,.8))}.board .link-src{outline:2px solid #ffd23a;outline-offset:2px}.board .linked-equip{outline:3px solid #ffd23a;outline-offset:2px;box-shadow:0 0 18px #ffd23ab3}.board .linked-target{outline:3px solid #ff6b81;outline-offset:2px;box-shadow:0 0 18px #ff6b81b3}.duel-main{--stone-hi: #b9c2e4;--stone: #8590bb;--stone-lo: #4d5782;--engrave: rgba(24, 28, 58, .5);--rim-1: #c9d1ee;--rim-2: #5d6690;--noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.11  0 0 0 0 0.2  0 0 0 0.7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--cracks: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420'><filter id='c'><feTurbulence type='turbulence' baseFrequency='0.012 0.03' numOctaves='2' seed='7'/><feColorMatrix values='0 0 0 0 0.05  0 0 0 0 0.06  0 0 0 0 0.12  0 0 0 -2.2 1.25'/></filter><rect width='100%' height='100%' filter='url(%23c)'/></svg>");background:radial-gradient(ellipse 75% 65% at 50% 52%,rgba(70,82,140,.35),transparent 70%),var(--noise),radial-gradient(ellipse at 50% 50%,#1e2340,#11142a 60%,#080a16);background-size:auto,180px 180px,auto}.duel-main:before{content:none}.duel-field{position:relative;isolation:isolate;border-radius:calc(var(--zh) * .12);background:var(--cracks),var(--noise),linear-gradient(180deg,#2f3554,#262b47 48% 52%,#2f3554);background-size:420px 420px,180px 180px,auto;border:calc(var(--zh) * .07) solid #59628f;border-color:#7c86b2 #3f4770 #343b60 #6c76a3;box-shadow:0 0 0 2px #10132a,0 24px 60px #000c,inset 0 0 0 2px #10132a,inset 0 0 calc(var(--zh) * .6) #0000008c}.duel-field:after{content:"";position:absolute;left:3%;right:3%;top:50%;height:calc(var(--zh) * .05);transform:translateY(-50%);z-index:0;pointer-events:none;border-radius:99px;background:linear-gradient(180deg,#e3e8ff,#8d96bf 45%,#3c4366);box-shadow:0 0 0 1px #11142a,0 2px 6px #0009,0 0 18px #8ca0ff40}.duel-field:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .6s,background .6s}.duel-main.turn-me .duel-field:before{opacity:1;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--zh) * .09),rgba(120,190,255,.07) calc(var(--zh) * .09) calc(var(--zh) * .1)),linear-gradient(0deg,rgba(64,150,255,.5) 0%,rgba(64,150,255,.16) 22%,transparent 46%);box-shadow:0 calc(var(--zh) * .06) 30px -6px #46a0ffd9}.duel-main.turn-op .duel-field:before{opacity:1;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--zh) * .09),rgba(255,120,130,.06) calc(var(--zh) * .09) calc(var(--zh) * .1)),linear-gradient(180deg,rgba(220,40,60,.42) 0%,rgba(220,40,60,.13) 22%,transparent 46%);box-shadow:0 calc(var(--zh) * -.06) 30px -6px #e63246bf}.zone{z-index:1;border:1px solid #141730;border-radius:calc(var(--zh) * .05);background:var(--noise),linear-gradient(150deg,var(--stone-hi) 0%,var(--stone) 42%,var(--stone-lo) 100%);background-size:180px 180px,auto;box-shadow:inset 2px 2px #ffffff73,inset -3px -3px #14183273,inset 0 0 calc(var(--zh) * .12) #1e245059,0 calc(var(--zh) * .035) calc(var(--zh) * .06) #0009}.zone:after{content:"";position:absolute;inset:9%;pointer-events:none;border-radius:inherit;border:1px solid var(--engrave);box-shadow:0 1px #ffffff24,inset 0 1px #ffffff1a;background:linear-gradient(var(--engrave),var(--engrave)) 50% 30% / 46% 1px no-repeat,linear-gradient(var(--engrave),var(--engrave)) 50% 70% / 46% 1px no-repeat;opacity:.9}.zone.occupied:after{opacity:.35}.zone:before{z-index:0;color:#22284e8c;text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 0 rgba(10,12,30,.35);font-weight:700}.zone.st{border-radius:44% 44% calc(var(--zh) * .05) calc(var(--zh) * .05) / 26% 26% calc(var(--zh) * .05) calc(var(--zh) * .05)}.zone.st:after{inset:11% 10% 9%}.zone.emz{border-color:#141730;background:var(--noise),radial-gradient(circle at 50% 45%,rgba(120,170,255,.28),transparent 65%),linear-gradient(150deg,#c3cdf2,#8b98c9 45%,#4f5a8c);background-size:180px 180px,auto,auto}.zone.emz:before{color:#22284e8c}.zone.pile,.zone.fieldspell{border-radius:calc(var(--zh) * .22);border:0;background:radial-gradient(circle at 50% 50%,#0b0d1c 0 38%,#1b1f38 58%,#2b3152 74%,transparent 75%),conic-gradient(from 210deg,var(--rim-1),var(--rim-2),var(--rim-1),var(--rim-2),var(--rim-1),var(--rim-2),var(--rim-1));box-shadow:0 0 0 2px #11142a,inset 0 0 0 calc(var(--zh) * .05) #00000040,0 calc(var(--zh) * .04) calc(var(--zh) * .08) #000000a6}.zone.pile:after,.zone.fieldspell:after{inset:18%;border-radius:50%;border-color:#c8d2ff1f;background:none;box-shadow:none}.zone.pile:before,.zone.fieldspell:before{color:#cdd6ff66;text-shadow:0 1px 2px #000}.zone.removed{border-style:none;opacity:1}.zone.grave{--rim-1: #d8c38a;--rim-2: #6e5a2c}.zone.removed{--rim-1: #b7a3e6;--rim-2: #4b3b7a}.zone.fieldspell{--rim-1: #9fe3c8;--rim-2: #2d6b59}.zone .card{box-shadow:0 calc(var(--zh) * .03) calc(var(--zh) * .06) #000000b3}.field-center{position:relative;z-index:2}.medallion{width:calc(var(--zh) * .98);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;gap:0;color:#eaf2ff;font-family:var(--display);line-height:1;background:radial-gradient(circle at 50% 38%,#3b6ad6,#1c3a8f 45%,#0d1c4f);box-shadow:0 0 0 calc(var(--zh) * .035) #d9b553,0 0 0 calc(var(--zh) * .055) #6f531b,0 0 0 calc(var(--zh) * .07) #f4dd8f,0 6px 18px #000000b3,0 0 28px #5a96ff59,inset 0 -6px 14px #00000073,inset 0 4px 10px #ffffff40;text-shadow:0 2px 3px rgba(0,0,0,.8);animation:medallion-in .35s ease-out}.medallion b{font-size:calc(var(--zh) * .17);font-weight:700;letter-spacing:.02em}.medallion span{font-size:calc(var(--zh) * .22);font-weight:700;margin-top:calc(var(--zh) * .02)}.medallion.theirs{background:radial-gradient(circle at 50% 38%,#c9384c,#7d1426 45%,#3c0711);box-shadow:0 0 0 calc(var(--zh) * .035) #d9b553,0 0 0 calc(var(--zh) * .055) #6f531b,0 0 0 calc(var(--zh) * .07) #f4dd8f,0 6px 18px #000000b3,0 0 28px #ff465a59,inset 0 -6px 14px #00000073,inset 0 4px 10px #ffffff40}@keyframes medallion-in{0%{transform:scale(.6) rotate(-25deg);opacity:0}}.zone.pickable{background:radial-gradient(circle,#78dcff8c,#35c6f426),linear-gradient(150deg,var(--stone-hi),var(--stone-lo))}.zone.side-0,.zone.side-1{transition:box-shadow .5s,filter .5s}.duel-main.turn-me .zone.side-0:not(.pile):not(.fieldspell),.duel-main.turn-op .zone.side-1:not(.pile):not(.fieldspell){background:repeating-linear-gradient(90deg,transparent 0 calc(var(--zh) * .07),var(--ray) calc(var(--zh) * .07) calc(var(--zh) * .085)),linear-gradient(var(--ray-dir),var(--glow) 0%,transparent 85%),var(--noise),linear-gradient(150deg,var(--stone-hi) 0%,var(--stone) 42%,var(--stone-lo) 100%);background-size:auto,auto,180px 180px,auto;box-shadow:inset 2px 2px #ffffff73,inset -3px -3px #14183273,0 0 calc(var(--zh) * .12) var(--glow-edge),0 calc(var(--zh) * .035) calc(var(--zh) * .06) #0009}.duel-main.turn-me{--glow: rgba(70, 160, 255, .55);--glow-edge: rgba(70, 160, 255, .45);--ray: rgba(150, 210, 255, .16);--ray-dir: 0deg}.duel-main.turn-op{--glow: rgba(230, 50, 70, .45);--glow-edge: rgba(230, 50, 70, .35);--ray: rgba(255, 150, 160, .12);--ray-dir: 180deg}.duel-main.turn-me .zone.side-0.pile,.duel-main.turn-me .zone.side-0.fieldspell{box-shadow:0 0 0 2px #11142a,0 0 calc(var(--zh) * .16) #46a0ff8c,0 calc(var(--zh) * .04) calc(var(--zh) * .08) #000000a6}.duel-main.turn-op .zone.side-1.pile,.duel-main.turn-op .zone.side-1.fieldspell{box-shadow:0 0 0 2px #11142a,0 0 calc(var(--zh) * .16) #e6324673,0 calc(var(--zh) * .04) calc(var(--zh) * .08) #000000a6}.duel-main{background:radial-gradient(ellipse 75% 65% at 50% 52%,rgba(70,82,140,.35),transparent 70%),repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 2px,transparent 2px 120px),repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0 2px,transparent 2px 160px),var(--noise),radial-gradient(ellipse at 50% 50%,#252b4d,#151935 60%,#0a0c1b);background-size:auto,auto,auto,180px 180px,auto}.field3d-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none;opacity:0;transition:opacity .6s}.duel-main.field3d:not(.loading3d) .field3d-canvas{opacity:1}.duel-main.field3d{background:#07080c}.duel-main.field3d:before{content:none}.duel-main.field3d .duel-field{grid-template-rows:var(--zh) var(--zh) calc(var(--zh) * 1.2) var(--zh) var(--zh);background:none;border-color:transparent;box-shadow:none}.duel-main.field3d .duel-field:after{content:none}.duel-main.field3d .duel-field:before{opacity:.35;box-shadow:none}.duel-main.field3d .zone{align-self:center;height:var(--zh)}.duel-main.field3d .zone,.duel-main.turn-me.field3d .zone.side-0:not(.pile):not(.fieldspell),.duel-main.turn-op.field3d .zone.side-1:not(.pile):not(.fieldspell){background:none;border-color:transparent;box-shadow:none}.duel-main.field3d .zone:after,.duel-main.field3d .zone:not(.pile):before{content:none}.duel-main.turn-me.field3d .zone.side-0:not(.pile):not(.fieldspell),.duel-main.turn-op.field3d .zone.side-1:not(.pile):not(.fieldspell){background:linear-gradient(var(--ray-dir),var(--glow) 0%,transparent 70%);opacity:1}.duel-main.field3d .zone.mon,.duel-main.field3d .zone.emz{border-radius:calc(var(--zh) * .08)}.duel-main.field3d .zone.pile{border-radius:calc(var(--zh) * .14);background:radial-gradient(circle at 50% 50%,#080a148c,#080a1440 70%);box-shadow:0 0 0 1px #ffffff29;backdrop-filter:blur(2px)}.duel-main.field3d .zone.pile:before{color:#e1e8ff8c;text-shadow:0 1px 3px #000}.duel-main.field3d .zone.deck.side-0,.duel-main.field3d .zone.extra.side-0,.duel-main.field3d .zone.deck.side-1,.duel-main.field3d .zone.extra.side-1{background:none;box-shadow:none;backdrop-filter:none;border-color:transparent}.duel-main.field3d .zone.deck:before,.duel-main.field3d .zone.extra:before{content:none}.duel-main.field3d .zone.deck .card,.duel-main.field3d .zone.extra .card{width:calc(var(--cw) * 1.42)}.duel-main.field3d .zone.deck .pile-top,.duel-main.field3d .zone.extra .pile-top{box-shadow:0 0 0 1px #0009,0 calc(var(--zh) * .03) calc(var(--zh) * .12) #000000bf!important}.duel-main.field3d .zone.deck.side-0{translate:calc(var(--zh) * .193) calc(var(--zh) * .812);rotate:-20deg}.duel-main.field3d .zone.extra.side-0{translate:calc(var(--zh) * -.193) calc(var(--zh) * .812);rotate:20deg}.duel-main.field3d .zone.deck.side-1{translate:calc(var(--zh) * -.193) calc(var(--zh) * -.812);rotate:-20deg}.duel-main.field3d .zone.extra.side-1{translate:calc(var(--zh) * .193) calc(var(--zh) * -.812);rotate:20deg}.duel-main.field3d .zone.fieldspell.side-0,.duel-main.field3d .zone.fieldspell.side-1{width:calc(var(--zh) * .7);height:calc(var(--zh) * .85);justify-self:center;background:none;border-color:transparent;box-shadow:none}.duel-main.field3d .zone.fieldspell.side-0{translate:calc(var(--zh) * .065) calc(var(--zh) * .1)}.duel-main.field3d .zone.fieldspell.side-1{translate:calc(var(--zh) * -.065) calc(var(--zh) * -.1)}.duel-main.field3d .zone.fieldspell:before{content:none}.duel-main.field3d .zone.selectable:not(.glow-activate){box-shadow:0 0 0 2px #54d4ff,0 0 12px #35c6f499!important}.duel-main.field3d .zone.pickable{background:radial-gradient(circle,#35c6f473,#35c6f41f)!important;box-shadow:0 0 0 2px #54d4ff,0 0 18px #35c6f4b3!important}.duel-main.field3d .zone.pickable:hover{background:radial-gradient(circle,#78e6ffb3,#35c6f433)!important}.field3d-picker{display:flex;flex-direction:column;gap:12px}.field3d-preview{position:relative;aspect-ratio:16 / 9;border:1px solid var(--line);background:#07080c;overflow:hidden}.field3d-preview .field3d-canvas{opacity:1}.field3d-preview[data-loading]:after{content:attr(data-loading);position:absolute;inset:0;display:grid;place-items:center;padding:12px;text-align:center;color:var(--muted);font-size:13px}.rematch-panel{position:absolute;left:50%;bottom:14%;transform:translate(-50%);z-index:2;display:grid;gap:10px;justify-items:center;min-width:280px;padding:14px 18px;pointer-events:auto;text-align:center;background:var(--panel);border:1px solid var(--line);animation:fade-in .4s}.rematch-panel.asked{border-color:var(--line-gold);box-shadow:0 0 24px #38c6ff40}.rematch-status{color:var(--muted);font-size:15px}.rematch-panel.asked .rematch-status{color:var(--accent-soft)}.rematch-actions{display:flex;gap:10px}.coin-lost .modal-body{overflow:hidden}.coin-wait{display:grid;place-items:center;padding:10px 0 6px;overflow:hidden}.coin-wait .spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}.coin-result{color:var(--accent-soft);font-weight:600}.clip-hint:empty{display:none}.page.combos{display:flex;flex-direction:column;gap:14px;padding:24px 48px;overflow:auto;height:100%}.card-box.combo-top{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:14px}.combo-top .field{margin:0}.combo-list{display:flex;flex-direction:column;gap:8px}.combo-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:10px 14px;background:var(--panel);border:1px solid var(--line)}.combo-hand{display:flex;gap:4px}.combo-hand .card{width:38px}.combo-info b{font:700 17px var(--display)}.combo-actions{display:flex;gap:6px}.combo-sec{margin:6px 0 0;font:700 14px var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-soft)}.combo-hand-pick,.combo-pool{display:flex;flex-wrap:wrap;gap:4px;min-height:30px;align-items:center}.combo-pool{max-height:168px;overflow:auto;padding:4px;background:#0000004d;border:1px solid var(--line)}.combo-card{width:48px;padding:0;border:0;background:none;cursor:pointer}.combo-card.chosen{outline:2px solid var(--accent);outline-offset:1px}.combo-hand-pick{gap:8px;padding:5px}.combo-card.used{opacity:.3;cursor:default}.combo-steps-edit{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.combo-int-row{display:flex;gap:6px;align-items:center}.combo-step-row{position:relative;display:flex;flex-direction:column;gap:3px}.step-line{display:flex;gap:6px;align-items:center}.step-num{flex:none;min-width:22px;text-align:right;font:600 12px var(--mono);color:var(--muted)}.step-line .select{flex:1;min-width:0}.step-line .select.step-kind{flex:0 0 172px}.step-drag{flex:none;display:grid;place-items:center;width:28px;height:32px;color:var(--muted);cursor:grab;touch-action:none}.step-drag:hover{color:var(--accent)}.combo-step-row.dragging{opacity:.45}.combo-step-row.drop-before{box-shadow:0 -3px 0 var(--accent)}.combo-step-row.drop-after{box-shadow:0 3px 0 var(--accent)}.step-details{margin:0 0 4px 40px;padding:0 0 0 10px;list-style:none;display:flex;flex-direction:column;gap:3px;border-left:2px solid rgba(56,198,255,.3)}.detail-row{position:relative;display:flex;flex-direction:column}.detail-row.dragging{opacity:.45}.detail-row.drop-before{box-shadow:0 -2px 0 var(--accent)}.detail-row.drop-after{box-shadow:0 2px 0 var(--accent)}.detail-line{display:flex;align-items:center;gap:6px}.detail-num{min-width:30px;font-size:11px}.detail-text{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:6px 10px;text-align:left;cursor:pointer;font:13px var(--font);color:var(--accent-soft);background:#38c6ff0f;border:1px solid rgba(56,198,255,.25)}.detail-text:hover{border-color:var(--accent);color:#fff}.detail-text .icon{font-size:16px;color:var(--accent)}.detail-text span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-text .scroll-text{min-width:0}.setup-field-name{display:flex;align-items:center}.detail-row .step-drag{height:28px}.step-fold{flex:none;white-space:nowrap}.combo-sec-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.step-menu{position:absolute;left:0;top:36px;z-index:5;display:flex;flex-direction:column;min-width:190px;padding:4px;background:#06070bfa;border:1px solid var(--line-strong);border-left:3px solid var(--accent);box-shadow:var(--shadow)}.step-menu[hidden]{display:none}.step-menu button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:0;background:none;color:var(--text);cursor:pointer;text-align:left;font:600 13px var(--font)}.step-menu button:hover{background:var(--accent);color:var(--on-gold)}.step-menu button.danger{color:#ff8a9a}.step-menu button.danger:hover{background:var(--danger);color:#fff}.combo-editor-tools{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-bottom:-6px}.combo-fold{border:1px solid var(--line);padding:4px 10px 8px}.combo-fold>summary{cursor:pointer;list-style:revert}.combo-fold[open]>summary{margin-bottom:6px}.card-pick-btn{flex:1;min-width:0;justify-content:flex-start;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;font-weight:600}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font:600 12px var(--font);color:var(--text);background:#ffffff0f;border:1px solid var(--line);cursor:pointer}.chip:hover{border-color:var(--danger)}.combo-setup{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setup-col{display:flex;flex-direction:column;gap:4px;min-width:0}.setup-col h4{margin:0;font:700 13px var(--display);text-transform:uppercase;letter-spacing:.06em}.setup-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:4px}.setup-field{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.setup-field-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr) auto;gap:4px;align-items:center}.setup-field-row .select{min-width:0;font-size:13px}.setup-col .btn.ghost,.setup-field>.btn{align-self:flex-start}.combo-tags-edit{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.combo-tag-row{display:flex;gap:6px;align-items:center}.combo-tag-row .input{flex:1}.card-search .input{margin-bottom:8px}.card-search-list{max-height:calc(var(--vh) * 52)}.card-search-sub{padding:4px 8px}.modal.combo-detail .detail-part{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.modal.combo-detail .detail-part[hidden]{display:none}.detail-cards{display:flex;flex-wrap:wrap;gap:4px}.trainer-details{margin:2px 0 0;padding-left:14px;font-size:11px;color:var(--muted)}.trainer-details li.now{color:#fff;font-weight:600}.trainer-strict{font-size:12px}.combo-int-row .select{flex:1;min-width:0}.combo-ints-edit{display:flex;flex-direction:column;gap:4px}.modal.combo-editor .modal-body{white-space:normal}.modal.combo-editor .modal-body>*{flex-shrink:0}.trainer-panel{flex:1;min-height:0;overflow:auto;padding:8px 10px;display:flex;flex-direction:column;gap:8px;font-size:13px}.trainer-panel[hidden]{display:none}.trainer-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.trainer-head b{font:700 15px var(--display)}.trainer-btns{display:flex;gap:4px}.trainer-back[hidden]{display:none}.trainer-status{padding:6px 8px;border-left:3px solid var(--accent);background:#38c6ff14;color:var(--accent-soft)}.trainer-status.complete{border-color:var(--ok);color:#8affb5;background:#3ddc841a}.trainer-status.interrupted{border-color:#ffd23a;color:#ffe9a6;background:#ffd23a14}.trainer-steps{margin:0;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:3px}.trainer-step{display:grid;grid-template-columns:16px 1fr;gap:6px;color:var(--muted)}.trainer-step.ok{color:#8affb5}.trainer-step.current{color:#fff;font-weight:600}.trainer-step.skipped{opacity:.45;text-decoration:line-through}.trainer-interrupt{margin-left:22px;color:#ffd23a;font-size:12px}.trainer-interrupt.fired{font-weight:700}.toast.ok{border-color:var(--accent)}.combo-code{width:100%;font:12px var(--mono);word-break:break-all;resize:vertical}.trainer-steps.recording .trainer-mark{color:#ff5a6e}.video-btn.rec{color:#fff;background:var(--red);border-color:#ff7a8a;animation:clock-alarm 1.2s infinite}.combo-video{width:100%;max-height:calc(var(--vh) * 60);background:#000}.side-editor-layer{position:fixed;inset:0;z-index:140;background:var(--bg, #07080c);display:flex;flex-direction:column}.side-editor-layer>.page.editor{flex:1;min-height:0}.side-toolbar .side-title{display:flex;flex-direction:column;line-height:1.1}.side-toolbar .side-title b{font:700 18px var(--display);text-transform:uppercase;letter-spacing:.04em}.side-swaps{padding:4px 10px;font:700 13px var(--mono);color:var(--accent);border:1px solid var(--accent)}.side-help h3{margin:0 0 8px}.modal.combo-export{width:min(660px,94vw)}.page.hdpc h1 .page-sub{display:block;margin-top:2px;font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.page.hdpc{display:flex;flex-direction:column;gap:14px;padding:24px 48px;overflow:auto;height:100%}.hdpc-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.hdpc-main,.hdpc-side{display:flex;flex-direction:column;gap:14px;min-width:0}.hdpc-side{position:sticky;top:0}.hdpc-setup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.hdpc-hand{white-space:nowrap;padding-bottom:2px}.hdpc-setup .field{margin:0}.hdpc-quick-hand{grid-column:1 / -1;display:flex;gap:6px}.hdpc-groups{display:flex;flex-direction:column;gap:10px}.hdpc-group{padding:8px 10px;border:1px solid var(--line);background:#00000040}.hdpc-group-head{display:flex;gap:8px;align-items:center}.hdpc-dot{width:10px;height:10px;flex:none;background:hsl(calc(var(--i) * 47 + 190),80%,60%)}.hdpc-name{flex:1}.hdpc-copies{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.hdpc-count{width:64px}.hdpc-cards{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.hdpc-card{position:relative;width:44px;padding:0;border:0;background:none;cursor:pointer}.hdpc-card b{position:absolute;right:-4px;bottom:-4px;padding:0 4px;font:700 11px var(--mono);background:var(--accent);color:var(--on-gold)}.hdpc-scenarios{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hdpc-scenario{align-self:stretch;padding:8px 10px;border:1px solid var(--line);border-left:3px solid var(--accent);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.hdpc-scenario-head{display:flex;gap:10px;align-items:center;align-self:stretch}.hdpc-each{margin-left:auto;font:700 13px var(--mono);color:var(--accent-soft)}.hdpc-req{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.hdpc-req .input{width:64px}.hdpc-req .select{min-width:150px}.hdpc-or{font:700 12px var(--mono);color:var(--muted);letter-spacing:.1em}.hdpc-big{font:700 52px/1 var(--display);color:var(--accent);margin:6px 0}.hdpc-big.bad{color:var(--danger)}.hdpc-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hdpc-quick-grid .field{margin:0}.hdpc-table{width:100%;margin-top:10px;border-collapse:collapse;font:600 13px var(--mono)}.hdpc-table td{padding:4px 6px;border-top:1px solid var(--line)}.hdpc-table td:last-child{text-align:right;color:var(--accent-soft)}.card-search-list .announce-row span{display:flex;flex-direction:column}.card-search-list .announce-row small{font-size:11px}.trainer-top{position:sticky;top:-8px;z-index:2;display:flex;flex-direction:column;gap:8px;margin:-8px -10px 0;padding:8px 10px;background:var(--panel-solid);border-bottom:1px solid var(--line)}.trainer-toggles{display:flex;flex-wrap:wrap;gap:4px 14px}.step-line .step-card{flex:1;min-width:0}.modal.combo-editor .modal-actions{position:sticky;bottom:0;background:var(--panel-solid)}.combo-panel{display:flex;flex-direction:column;gap:14px}.combo-row.variant{margin-left:34px;border-left:3px solid var(--accent)}.combo-row.variant .combo-hand .card{width:30px}.combo-branch{color:var(--accent-soft)}.combo-actions{flex-wrap:wrap;justify-content:flex-end}.combo-notes{width:100%;resize:vertical;font:13px var(--font)}.step-note{margin-left:64px;font-size:12px;font-style:italic;color:var(--gold);display:flex;align-items:center;gap:4px}.step-note .icon,.schema-note .icon{font-size:15px}.combo-pool-add{align-self:center}.combo-cards-edit{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.combo-cards-part{width:100%}.trainer-note{margin-top:1px;font-size:11px;font-style:italic;font-weight:400;color:var(--gold)}.trainer-notes{font-size:12px;color:var(--muted)}.trainer-notes summary{cursor:pointer;color:var(--accent-soft)}.trainer-notes p{margin:4px 0 0;white-space:pre-wrap}.combo-schema .modal-body{display:flex;flex-direction:column;gap:10px}.schema-sec{display:flex;flex-direction:column;gap:6px}.schema-notes{margin:0;padding:8px 10px;white-space:pre-wrap;border-left:3px solid var(--accent);background:#38c6ff0f}.schema-cards{display:flex;flex-wrap:wrap;gap:6px}.schema-card{position:relative;width:58px;flex:none}.schema-card.empty{height:84px;display:grid;place-items:center;border:1px dashed var(--line);color:var(--muted)}.schema-count{position:absolute;right:2px;bottom:2px;padding:0 4px;font:700 11px var(--mono);color:#fff;background:#000000bf}.schema-tag{position:absolute;left:0;right:0;top:-2px;padding:1px 2px;font:700 9px var(--font);text-align:center;color:var(--on-gold);background:var(--gold)}.schema-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.schema-step{display:grid;grid-template-columns:28px 58px 1fr;gap:10px;align-items:start;padding:6px;background:var(--panel-2);border:1px solid var(--line)}.schema-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:700 13px var(--mono);color:var(--on-gold);background:var(--accent)}.schema-text b{font-size:14px}.schema-details{margin:4px 0 0;padding-left:16px;font-size:12px;color:var(--accent-soft)}.schema-note{margin:4px 0 0;display:flex;align-items:center;gap:4px;font-size:12px;font-style:italic;color:var(--gold)}.schema-int{padding:4px 10px;display:flex;align-items:center;gap:4px;color:#ffd23a;font-size:13px;border-left:3px solid #ffd23a}.schema-setup{margin:0;padding-left:16px;font-size:13px}.schema-variants{display:flex;flex-direction:column;gap:4px}.schema-variant{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--line)}.schema-variant.on{border-color:var(--accent);background:#38c6ff14}.card-box.sheet-head{display:grid;grid-template-columns:auto minmax(0,360px) 1fr;justify-content:start;align-items:end;gap:14px;padding:14px}.sheet-head .field{margin:0}.sheet-tools{display:flex;flex-wrap:wrap;gap:6px}.sheet-starters{display:flex;flex-direction:column;gap:10px}.sheet-starter{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--panel);border:1px solid var(--line)}.sheet-starter-head{display:flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:1px solid var(--line)}.sheet-starter-head .card{width:44px}.sheet-combo{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0 4px 10px}.sheet-combo .combo-info b{font-size:15px}.sheet-need{position:relative;width:58px}.sheet-need.short{outline:2px solid var(--danger);outline-offset:1px}.sheet-pick-list{display:flex;flex-direction:column;gap:4px;max-height:calc(var(--vh) * 55);overflow:auto}.sheet-pick{display:flex;align-items:center;gap:10px;padding:4px 8px;border:1px solid var(--line);cursor:pointer}.sheet-pick .card{width:30px}.chip.used-card{border-color:var(--accent);color:var(--accent-soft)}.combo-toolbar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel);border:1px solid var(--line)}.combo-toolbar-title{display:flex;align-items:baseline;gap:10px;margin-right:auto}.combo-toolbar-title h2,.combo-empty-head h2{margin:0;font:700 20px var(--display);text-transform:uppercase;letter-spacing:.04em}.combo-search{width:280px}.combo-noresult{padding:10px 2px}.combo-empty{display:flex;flex-direction:column;gap:18px;padding:8px 0}.combo-empty-head p{margin:6px 0 0;max-width:720px}.combo-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.combo-start-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px}.combo-start{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;min-height:150px;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.combo-start.small{min-height:0;padding:14px}.combo-start b{font:700 16px var(--display);text-transform:uppercase;letter-spacing:.04em}.combo-start>span:last-child{font-size:13px;color:var(--muted);line-height:1.4}button.combo-start:hover{border-color:var(--accent);background:#38c6ff14;transform:translateY(-2px)}.combo-start.primary{border-color:var(--accent);background:linear-gradient(160deg,rgba(56,198,255,.16),var(--panel) 70%)}.combo-start.info{cursor:default;opacity:.85}.combo-start-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;border-radius:50%;color:var(--accent-soft);background:#38c6ff1f}.combo-start-icon .icon{font-size:22px}.combo-how{padding:10px 14px;background:var(--panel);border:1px solid var(--line)}.combo-how>summary{cursor:pointer;display:flex;align-items:center;gap:6px;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft)}.combo-how-points{margin:12px 0 2px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 18px}.combo-how-points li{display:flex;gap:10px;align-items:flex-start}.combo-how-points li>div{display:flex;flex-direction:column;gap:2px}.combo-how-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;color:var(--accent-soft);border:1px solid var(--line)}.combo-how-icon .icon{font-size:18px}.decklist-preview .schema-card{width:44px}.schema-card.used-card{outline:2px solid var(--accent);outline-offset:1px}.side-editor-layer~.modal-backdrop{z-index:160}.decklist-summary{display:flex;align-items:baseline;gap:14px;margin:4px 0 8px;font-size:14px}.decklist-summary b{font:700 18px var(--display)}.deck-card.mark-used{outline:2px solid var(--accent);outline-offset:1px}.deck-card.mark-short{outline:2px solid var(--danger);outline-offset:1px}.collect-mode .deck-part{cursor:pointer}.collect-mode .deck-part.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px #38c6ff40}.collect-mode .deck-part .deck-grid{min-height:40px}.collect-part-hint{margin-left:8px}.setup-tools{grid-column:1 / -1;display:flex;align-items:center;gap:10px}.setup-field-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.combo-int-card{flex:1}.setup-field-row .int-use{grid-column:1 / -1}.setup-field-row.setup-hand-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto}.setup-field-row.setup-hand-row .int-use{grid-column:auto}.int-use.on{border-color:var(--accent);color:var(--accent-soft)}.sheet-head-actions{display:flex;gap:8px;justify-content:flex-end}.combo-base{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.combo-base .combo-toolbar-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.combo-row.base{border-left:3px solid var(--accent-soft)}.ranking{display:flex;flex-direction:column;gap:10px}.rank-me{font-size:15px}.rank-table{width:100%;border-collapse:collapse;font-size:13px}.rank-table th{text-align:left;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}.rank-table td{padding:6px 8px;border-bottom:1px solid var(--line)}.rank-table tr.me td{background:#38c6ff1a}.step-line .step-effect{max-width:260px;font-size:12px}.combo-list:has(.cc-card){display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:14px}.cc-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);min-width:0}.cc-card:hover{border-color:var(--line-strong)}.cc-card.variant{border-left:3px solid var(--accent)}.cc-banner{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 12px;min-height:128px;background:linear-gradient(120deg,#38c6ff1f,#0a0c1499 45%,#ffd23a1a);border-bottom:1px solid var(--line)}.cc-side{display:flex;flex-direction:column;gap:6px;min-width:0}.cc-side.end{align-items:flex-end;text-align:right}.cc-label{display:flex;align-items:center;gap:6px;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cc-label b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#38c6ff33;color:var(--accent-soft);font-size:11px}.cc-side.end .cc-label b{background:#ffd23a33;color:#ffe08a}.cc-faces{display:flex;gap:4px;align-items:center;min-height:78px}.cc-face .card{width:54px}.cc-more{display:grid;place-items:center;width:54px;height:78px;background:#00000073;border:1px solid var(--line);font:700 14px var(--mono);color:var(--muted)}.cc-mid .cc-pill{display:inline-block;padding:5px 12px;border-radius:999px;background:#06070bd9;border:1px solid var(--line-strong);font:700 12px var(--mono);white-space:nowrap}.cc-body{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px}.cc-title{display:flex;align-items:center;gap:8px;font-size:15px;min-width:0}.cc-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-dot{width:8px;height:8px;border-radius:50%;background:var(--gold, #ffd23a);flex:none}.cc-chips{display:flex;flex-wrap:wrap;gap:6px}.cc-chip{padding:1px 9px;border-radius:999px;border:1px solid var(--line);font-size:11px;color:var(--muted);background:none}.cc-chip.arch{color:#ffd23a;border-color:#ffd23a66;background:#ffd23a14}.cc-chip.otk{color:#ff8a8a;border-color:#ff6b6b80}.cc-chip.diff-beginner{color:#8affb5;border-color:#50dc8c73}.cc-chip.diff-intermediate{color:#ffd23a;border-color:#ffd23a73}.cc-chip.diff-advanced{color:#ffa657;border-color:#ffa65773}.cc-chip.diff-expert{color:#ff7b72;border-color:#ff7b7273}.cc-chip.active{cursor:pointer;color:var(--accent-soft);border-color:var(--accent)}.cc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cc-stats span{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.cc-stats span .icon{font-size:15px}.cc-stats b{color:var(--text, #fff)}.cc-card .cc-actions{display:flex;flex-wrap:wrap;gap:6px}.cc-card .cc-actions .btn{padding-left:10px;padding-right:10px}.combo-active-filters{display:flex;flex-wrap:wrap;gap:6px}.combo-active-filters:empty{display:none}.combo-starters{display:flex;flex-direction:column;gap:6px}.combo-starters[hidden]{display:none}.combo-starters-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.combo-starter{flex:none;padding:0;border:2px solid transparent;background:none;cursor:pointer}.combo-starter .card{width:52px}.combo-starter.on{border-color:var(--accent)}.combo-sort{width:auto}@media(max-width:560px){.combo-list{grid-template-columns:1fr}}.cv-banner{margin-bottom:4px}.cv-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.cv-box{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--line);background:#ffffff05}.cv-box-label{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:4px}.cv-box-label .icon{font-size:14px}.cv-box b{font-size:16px}.cv-statline{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cv-note{font-style:italic}.text-select-wrap{position:relative;flex:0 1 300px;min-width:120px;display:flex}.text-select{display:flex;align-items:center;gap:6px;width:100%;min-width:0;text-align:left;cursor:pointer;font-size:12px}.text-select .icon{flex:none;font-size:18px}.text-select-list{position:absolute;top:calc(100% + 4px);left:0;z-index:30;width:max(100%,420px);max-width:70vw;max-height:280px;overflow:auto;background:#080a10fa;border:1px solid var(--line-strong);box-shadow:var(--shadow);display:flex;flex-direction:column}.text-select-list[hidden]{display:none}.text-select-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;text-align:left;font-size:12px;cursor:pointer;min-width:0}.text-select-item:hover,.text-select-item.on{background:#38c6ff1f;color:var(--accent-soft)}.step-line .text-select-wrap .step-effect{max-width:none}