:root{--bg: #0f1216;--panel: #171c22;--panel2: #1e252e;--line: #2a323c;--text: #e6e9ee;--muted: #8a95a3;--accent: #5b8cff;--accent2: #2f6f4f;--danger: #ff6b6b;--card-w: 92px;--hand-w: 110px;--radius: 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,.log,.preview-text{-webkit-user-select:text;user-select:text}*{scrollbar-width:thin;scrollbar-color:#333d49 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2c343f;border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#3d4754;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}img{-webkit-user-drag:none;-webkit-touch-callout:none}.card,.pile-art,.opp-card-back,.zoomoverlay{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);padding:5px 10px;cursor:pointer}button:hover{background:#283039}button:disabled{opacity:.5;cursor:default}input,textarea{font:inherit;color:var(--text);background:#0c0f13;border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px}a{color:var(--accent)}.home{height:100dvh;display:flex;align-items:safe center;justify-content:center;padding:20px;overflow-y:auto}.home-card{width:520px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px 28px;display:flex;flex-direction:column;gap:8px}.home-card h1{margin:0 0 4px;font-size:30px}.home-card .sub{color:var(--muted);margin:0 0 12px;line-height:1.5}.home-card label{font-size:13px;color:var(--muted);margin-top:10px}.home-card textarea{resize:none;font-family:ui-monospace,monospace;font-size:13px}.home-card .primary{margin-top:14px}.badge{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;font-size:13px}.badge code,code{background:#000;padding:1px 5px;border-radius:4px}.error{color:var(--danger);font-size:13px}.hint{color:var(--muted);font-size:12px;line-height:1.5;margin-top:12px}.notif-link{margin-top:12px}.linklike{background:none;border:none;color:var(--muted);padding:4px 0;font-size:13px;text-decoration:underline}.notif-link-body{display:flex;flex-direction:column;gap:6px}.notif-link-body label{font-size:12px;color:var(--muted)}.notif-link-body .row{display:flex;gap:6px}.notif-link-body input{flex:1;font-family:ui-monospace,monospace}.notif-link-body .ok{color:#4ad07a;font-size:13px}.notif-info{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:10px}.pair-code{margin-top:8px;display:flex;flex-direction:column;gap:6px;font-size:12px;align-items:flex-start}.pair-code code{font-size:22px;letter-spacing:3px;background:#000;padding:8px 14px;border-radius:6px;user-select:all;-webkit-user-select:all}.pair-code .primary{align-self:stretch}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;padding:9px}.primary:hover{background:#6f9bff}.biglink{display:block;text-align:center;text-decoration:none;margin-top:10px;border-radius:8px}.sub.small{font-size:11px;opacity:.65;margin-top:8px}.muted-note{margin-right:auto;color:var(--muted);font-size:12px;align-self:center}.loading{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center}.app{display:grid;height:100vh;height:100dvh;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto 1fr auto auto;grid-template-areas:"top top" "table side" "hand side" "tool side"}.app.nolog{grid-template-columns:minmax(0,1fr) 0}.app.nolog .sidebar{display:none}.topbar{grid-area:top;display:flex;align-items:center;gap:12px;min-height:46px;padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:700}.turninfo{color:var(--muted);font-size:14px}.spacer{flex:1}.share{background:var(--accent2);border-color:var(--accent2)}.topbar button.blink{animation:chatblink 1s ease-in-out infinite}@keyframes chatblink{0%,to{background:var(--accent);border-color:var(--accent);color:#fff}50%{background:var(--panel2);border-color:var(--line)}}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:#4ad07a}.dot.off{background:#d04a4a}.duel{grid-area:table;display:flex;flex-direction:column;min-height:0;padding:6px;gap:4px;overflow:hidden}.duel-side{flex:1;min-height:0;display:flex;flex-direction:column}.duel-side .strip{flex:1;min-height:0}.opphand{display:flex;justify-content:center;align-items:center;gap:0;height:30px;position:relative}.opp-card-back{width:26px;height:36px;margin-left:-10px;border-radius:3px;background:#0b1022 url(/api/img?u=https%3A%2F%2Fassets.moxfield.net%2Fassets%2Fimages%2Fmissing-image.png) center / cover no-repeat;border:1px solid #000;box-shadow:0 1px 3px #00000080}.opp-card-back:first-child{margin-left:0}.opphand-n{position:absolute;right:10px;font-size:11px;color:var(--muted)}.centerbar{display:flex;align-items:stretch;height:40px;gap:6px}.cb-life{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.cb-life.opp{justify-content:flex-start}.cb-life.me{justify-content:flex-end}.cb-life.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.cb-name{color:var(--muted);font-size:14px}.cb-num{font-size:26px;font-weight:800}.cb-vs{display:grid;place-items:center;width:44px;color:var(--muted);font-weight:700;font-size:12px;letter-spacing:1px}.strip{display:flex;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.strip.mine{border-color:#3b4a63;background:#141a22}.strip.searching{box-shadow:0 0 0 2px var(--accent) inset}.rail{width:150px;flex-shrink:0;border-right:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:8px}.rail-head{display:flex;align-items:center;gap:6px}.pname{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lifebox{display:flex;align-items:center;gap:6px}.lifebox button{width:28px;padding:4px 0}.life{font-size:26px;font-weight:700;min-width:44px;text-align:center;cursor:pointer}.pcounters{display:flex;flex-wrap:wrap;gap:4px}.pcounter{font-size:11px;padding:2px 6px}.pcounter.add{color:var(--muted)}.zones{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:auto}.zonebtn{display:flex;justify-content:space-between;padding:4px 7px;font-size:12px}.zonebtn .zl{color:var(--muted)}.zonebtn .zn{font-weight:700}.bf{position:relative;flex:1;overflow:hidden;border-radius:0 8px 8px 0;background:radial-gradient(circle at 30% 20%,rgba(47,111,79,.1),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 12px,transparent 12px 24px)}.cmd-overlay{position:absolute;right:6px;bottom:6px;display:flex;gap:4px;opacity:.92}.cmdcard{width:70px!important}.card{width:var(--card-w);-webkit-user-select:none;user-select:none}.card .card-inner{position:relative;width:100%;aspect-ratio:745 / 1040;border-radius:var(--radius);overflow:hidden;background:#000;box-shadow:0 1px 4px #00000080;border:1px solid #000}.card img{width:100%;height:100%;object-fit:cover;display:block}.card.onbf{position:absolute;transition:transform .12s;touch-action:none;cursor:grab}.card.onbf.tapped .card-inner{transform:rotate(90deg) scale(.92)}.card.dragging{opacity:0}.card.inhand{width:var(--hand-w);cursor:grab;touch-action:pan-x}.card.pilecard{width:100px}.card-back,.pile-back{width:100%;height:100%;background:#0b1022 url(/api/img?u=https%3A%2F%2Fassets.moxfield.net%2Fassets%2Fimages%2Fmissing-image.png) center / cover no-repeat}.card-text{width:100%;height:100%;display:grid;place-items:center;padding:6px;text-align:center;font-size:11px;background:var(--panel2);color:var(--muted)}.card-tag{position:absolute;top:3px;left:3px;font-size:8px;background:#000000b3;padding:1px 4px;border-radius:3px;letter-spacing:.5px}.card-note{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-align:center;background:#000000b8;padding:1px 2px}.card-counters{position:absolute;top:3px;right:3px;display:flex;flex-direction:column;gap:2px;align-items:flex-end}.counter-badge{font-size:11px;font-weight:700;background:#b7472a;color:#fff;padding:1px 5px;border-radius:9px;box-shadow:0 0 0 1px #000}.handbar{grid-area:hand;background:var(--panel);border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:0;min-width:0;overflow:hidden}.hand-label{color:var(--muted);font-size:12px;writing-mode:vertical-rl;transform:rotate(180deg)}.hand-cards{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:6px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.hand-cards .card{flex-shrink:0}.toolbar{grid-area:tool;display:flex;align-items:center;gap:6px;min-height:42px;padding:6px max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:var(--panel);border-top:1px solid var(--line);overflow-x:auto}.toolbar button{white-space:nowrap}.toolbar .hot{background:var(--accent);border-color:var(--accent)}.tbsep{width:1px;height:22px;background:var(--line);margin:0 4px}.sidebar{grid-area:side;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);min-height:0}.log{flex:1 1 0;min-height:60px;overflow-y:auto;padding:8px;font-size:13px;display:flex;flex-direction:column;gap:3px}.logline{color:#c4ccd6;line-height:1.35;border-bottom:1px dotted #20262e;padding-bottom:2px}.cardref{color:var(--accent);cursor:help;border-bottom:1px dotted var(--accent)}.cardref:hover{color:#9ab8ff;background:#5b8cff1f}.notif-enable{margin:0;border:none;border-top:1px solid var(--line);border-radius:0;padding:9px 10px;font-size:13px;text-align:left;background:var(--accent2);color:#fff}.notif-enable.blocked{background:var(--panel2);color:var(--muted);cursor:default}.chat{padding:8px;border-top:1px solid var(--line)}.chat input{width:100%}.preview-pane{flex:1 1 0;min-height:120px;border-top:1px solid var(--line);display:grid;place-items:center;padding:8px;background:#0c0f13;overflow:hidden}.preview-pane img{max-width:100%;max-height:100%;border-radius:8px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.preview-empty{color:var(--muted);font-size:12px}.preview-text{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:20px;text-align:center}.dock{width:72px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:6px 6px 6px 0;overflow-y:auto;overflow-x:hidden}.pilezone{flex:0 0 auto;display:flex;flex-direction:column;cursor:pointer}.pile-art{width:100%;aspect-ratio:745 / 1040;border-radius:5px;overflow:hidden;border:1px solid var(--line);box-shadow:0 1px 3px #00000080}.pilezone:hover .pile-art{border-color:var(--accent)}.pile-art>*{width:100%;height:100%}.pile-art img{object-fit:cover}.pile-empty{background:repeating-linear-gradient(45deg,#14181e 0,#14181e 6px,#10141a 6px,#10141a 12px)}.pile-label{display:flex;justify-content:space-between;padding:2px 7px;font-size:11px;background:var(--panel2);color:var(--muted)}.pile-label .zn{font-weight:700;color:var(--text)}.gate{height:100dvh;display:flex;align-items:safe center;justify-content:center;padding:20px;overflow-y:auto}.gate-card{width:360px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:10px}.gate-card h1{margin:0;font-size:24px}.gate-card p{margin:0;color:var(--muted)}.gate-card .primary{margin-top:6px}.ctxmenu{position:fixed;z-index:100;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:4px;min-width:180px;box-shadow:0 10px 30px #0009}.ctxitem{padding:6px 10px;border-radius:5px;font-size:13px;cursor:pointer}.ctxitem:hover{background:var(--accent)}.ctxitem.danger{color:var(--danger)}.ctxitem.danger:hover{background:var(--danger);color:#fff}.ctxsep{height:1px;background:var(--line);margin:4px 2px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:80}.modal{width:760px;max-width:92vw;max-height:86vh;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.modal.small{width:420px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:600}.pile-grid{padding:14px;display:flex;flex-wrap:wrap;gap:8px;overflow-y:auto}.pile-grid .empty{color:var(--muted);padding:30px}.modal-foot{padding:10px 14px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}.sideboard-modal{width:900px;height:86vh}.sb-cols{flex:1;min-height:0;display:flex}.sb-col{flex:1;min-width:0;display:flex;flex-direction:column}.sb-col:first-child{border-right:1px solid var(--line)}.sb-col-head{padding:8px 12px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.sb-col-head.sub{border-top:1px solid var(--line)}.sb-grid{flex:1;overflow-y:auto;padding:10px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.sb-grid .empty{color:var(--muted);padding:18px}.sb-grid .card{cursor:pointer}.sideboard-modal .modal-foot{justify-content:space-between}.scry-cols{padding:14px;display:flex;flex-direction:column;gap:14px;overflow:auto}.scry-coltitle{font-size:12px;color:var(--muted);margin-bottom:6px}.scry-row{display:flex;flex-wrap:wrap;gap:12px}.scry-row .empty{color:var(--muted);padding:12px}.scry-card{display:flex;flex-direction:column;gap:6px;align-items:center}.scry-btns{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.scry-btns button{padding:4px 7px;font-size:12px}.form{padding:16px;display:flex;flex-direction:column;gap:6px}.form label{font-size:12px;color:var(--muted);margin-top:6px}.form .row{display:flex;gap:10px}.form .row>div{flex:1;display:flex;flex-direction:column}.form .primary{margin-top:14px}.waiting{flex:1;display:grid;place-items:center}.waiting-inner{text-align:center;max-width:460px;padding:20px}.waiting-inner h2{margin:14px 0 6px}.waiting-inner p{color:var(--muted);margin:0 0 16px}.waiting-link{display:flex;gap:8px}.waiting-link input{flex:1;font-size:13px}.waiting-spin{width:34px;height:34px;margin:0 auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ghost{position:fixed;z-index:200;width:var(--card-w);pointer-events:none;opacity:.95;outline:2px solid var(--accent);outline-offset:-1px;border-radius:var(--radius);filter:drop-shadow(0 5px 12px rgba(0,0,0,.6))}.ghost img{width:100%;border-radius:var(--radius);display:block}.ghost .card-back{width:var(--card-w);aspect-ratio:745/1040;border-radius:var(--radius)}.ghost.tapped img,.ghost.tapped .card-back{transform:rotate(90deg) scale(.92)}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:300;background:var(--danger);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px}.zoomoverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000e6;display:grid;place-items:center;padding:18px}.zoomoverlay img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 10px 40px #000000b3}.zoomclose{position:fixed;top:14px;right:14px;width:44px;height:44px;border-radius:50%;font-size:18px;background:#14181ee6}.sidebar-head{display:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:110}@media (max-width: 820px){:root{--card-w: 62px;--hand-w: 78px}input,textarea{font-size:16px}.app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto auto;grid-template-areas:"top" "table" "hand" "tool"}.app.nolog{grid-template-columns:minmax(0,1fr)}.topbar{gap:8px;padding:0 8px}.turninfo{display:none}.topbar button{padding:5px 8px;font-size:13px}.duel{padding:4px;gap:3px}.rail{width:84px;padding:5px;gap:5px}.rail-head{font-size:12px}.life{font-size:19px;min-width:30px}.lifebox button{width:24px;padding:2px 0}.pcounter{font-size:10px;padding:2px 4px}.dock{width:56px;gap:4px;padding:4px 4px 4px 0}.pile-label{font-size:9px;padding:1px 4px}.cmd-overlay .cmdcard{width:46px!important}.sidebar{position:fixed;top:0;right:0;bottom:0;width:86vw;max-width:360px;z-index:120;box-shadow:-8px 0 30px #000000a6}.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);font-weight:600}.sb-close{padding:4px 11px}.handbar{padding:4px;gap:4px}.hand-label{display:none}.toolbar{gap:4px;padding:4px max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.sidebar{top:env(safe-area-inset-top)}.sidebar-head{padding-top:max(9px,env(safe-area-inset-top))}.toolbar button{padding:7px 10px}.tbsep{margin:0 2px}.opphand{height:24px}.opp-card-back{width:22px;height:30px;margin-left:-9px}.centerbar{height:34px}.cb-num{font-size:21px}.preview-pane{display:none}.cardref{text-decoration:underline}.home,.gate{padding:14px}.home-card{padding:18px 18px 20px;gap:6px;border-radius:10px}.home-card h1{font-size:24px}.gate-card{padding:22px 20px}.gate-card h1{font-size:20px}}