/* SPDX-License-Identifier: AGPL-3.0-or-later */
body.wcs-mode>main,body.wcs-mode>.placementbar,body.wcs-mode>.cardmenu{display:none!important}body.wcs-mode .headright{visibility:hidden}#wcs-app{--wc-mint:#87e3ce;--wc-gold:#e5c57c;--wc-line:#ffffff1d;color:#e8eeee;font-family:inherit;min-height:calc(100vh - 74px);background:radial-gradient(ellipse at 50% 30%,#253c36 0,#121e22 50%,#0c1319 100%)}#wcs-app[hidden]{display:none}#wcs-app button,#wcs-app input,#wcs-app select{font:inherit}#wcs-app button{cursor:pointer;background:#192b30;border:1px solid #47625f;border-radius:5px;color:#ecf4ef;padding:10px 14px;transition:background .15s,border-color .15s}#wcs-app button:hover{background:#29423f;border-color:var(--wc-mint)}#wcs-app button:disabled{opacity:.38;cursor:default}#wcs-app button:focus-visible,#wcs-app input:focus-visible,#wcs-app select:focus-visible{outline:2px solid #ffe3a3;outline-offset:3px}#wcs-app button.primary{background:var(--wc-mint);color:#0d2520;border-color:var(--wc-mint);font-weight:800}#wcs-app a{color:#a6e1cf}#wcs-app input,#wcs-app select{background:#101d23;color:#e7efed;border:1px solid #47625f;border-radius:5px;padding:11px;min-width:0}#wcs-app .eyebrow{color:#a1b8ae;letter-spacing:2px;font-size:10px}#wcs-app h1{font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-1px;margin:12px 0}#wcs-app h2{font-size:20px;margin:12px 0}#wcs-app h3{margin:8px 0}#wcs-app p{line-height:1.65}#wcs-app small{color:#a2b5b3}#wcs-app .chosen{border-color:var(--wc-gold)!important;background:#403a25!important;box-shadow:0 0 0 1px #e5c57c}
.wc-library{max-width:1320px;margin:auto;padding:40px 34px 65px}.wc-library-head,.wc-library-tools,.wc-start-options{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.wc-library-head>div{max-width:760px}.wc-library-tools{justify-content:flex-start}.wc-library-tools input{width:350px}.wc-library-note{display:flex;flex-direction:column;gap:7px;padding:16px 20px;border:1px solid var(--wc-line);border-left:3px solid var(--wc-mint);border-radius:4px;background:#19282a9c;color:#aebeba;font-size:12px;margin:18px 0 25px;line-height:1.7}.wc-library-note b{color:#e2eee8;font-size:14px}.wc-decks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#wcs-app .wc-deck-tile{padding:0;text-align:left;display:flex;overflow:hidden;min-height:168px;background:linear-gradient(115deg,#1e3432,#172329);border:1px solid #40554e;border-radius:8px}.wc-cover{width:105px;flex-shrink:0;position:relative;overflow:hidden}.wc-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111e22,transparent 90%)}.wc-cover img{height:100%;width:125px;object-fit:cover;object-position:center;opacity:.65;transform:scale(1.18)}.wc-cover strong{position:absolute;bottom:10px;left:12px;z-index:1;font-size:29px;font-weight:500;font-variant-numeric:tabular-nums;color:#e9d6a4}.wc-deck-tile>div:last-child{padding:20px 14px}.wc-deck-tile small{font-size:8px;letter-spacing:1.6px}.wc-deck-tile h2{font-size:17px!important;margin:10px 0!important}.wc-deck-tile p{font-size:11px;color:#b4c4be;margin:0 0 16px}.wc-deck-tile span{font-size:9px;color:#92ada3}.wc-start-options{justify-content:flex-start;flex-wrap:wrap;padding:20px;background:#1d302e;border:1px solid #47625f;border-radius:8px}.wc-start-options label{display:grid;gap:8px;font-size:12px}.wc-recipe{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:15px;margin:20px 0 36px}.wc-recipe-card{height:155px;position:relative;overflow:hidden}.wc-recipe-card img{width:100%;height:100%;object-fit:contain}.wc-recipe-card b{position:absolute;right:0;bottom:0;background:#d3bb7b;color:#13241e;padding:3px 8px}.wc-recipe>div>span{display:block;font-size:11px;line-height:1.4;margin-top:7px}.wc-recipe-card .wc-cardname{display:none}.wc-credit{font-size:12px;margin-top:28px}.wc-loading{padding:90px 30px;text-align:center;max-width:900px;margin:auto}.wc-loading p{color:#abbeb8}
.wc-duel{display:grid;grid-template-columns:235px minmax(0,1fr) 208px;gap:0;max-width:1900px;margin:auto;min-height:calc(100vh - 74px)}.wc-inspector{padding:25px 20px;background:#101a21c9;border-right:1px solid var(--wc-line);overflow:auto}.wc-inspector h2{font-size:18px!important;line-height:1.5;margin:12px 0 18px!important}.wc-detail-image{height:245px;position:relative;text-align:center;margin-bottom:14px}.wc-detail-image img{height:100%;max-width:100%;object-fit:contain;image-rendering:auto}.wc-detail-image .wc-cardname{display:none}.wc-detail-stats{padding:12px 0;margin:8px 0;border-top:1px solid var(--wc-line);border-bottom:1px solid var(--wc-line);font-size:12px;color:#e5cc8e}.wc-detail-text{font-size:12px;white-space:normal}.wc-muted{font-size:10px;color:#899f98;line-height:1.7}.wc-stage{padding:18px 25px 30px;min-width:0;position:relative;background:radial-gradient(ellipse at 50% 32%,#52776519,transparent 50%)}.wc-duel-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.wc-duel-top>div:first-child{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px}.wc-duel-top small{color:#e2ca8a}.wc-duel-top span{font-size:9px;background:#2a3c36;padding:4px 6px;color:#b1c5bc}.wc-duel-top>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.wc-duel-top button{font-size:10px!important;padding:6px 9px!important}.wc-player{display:flex;justify-content:space-between;align-items:center;min-height:55px}.wc-player b{display:block;font-size:13px;margin-top:5px}.wc-player em{font-size:25px;font-style:normal;margin-left:16px;font-variant-numeric:tabular-nums;color:#e5eddd;font-weight:500}.wc-player small{font-size:9px}.wc-enemy-hand{display:flex;height:40px;padding-right:20px}.wc-mini-back{height:42px;width:29px;position:relative;margin-right:-9px;transform:rotate(4deg)}.wc-back{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 50%,#31281c 0,#31281c 4px,#8a6940 6px,#392b20 9px);border:3px solid #1f1a16;box-shadow:inset 0 0 0 2px #b78b46,0 3px 6px #0008}.wc-back i{font-style:normal;color:#e0b66b;font-size:22px;text-shadow:0 0 6px #f4eab6}
.wc-board{position:relative;display:grid;grid-template-columns:.8fr repeat(5,1fr) .8fr;grid-template-rows:1fr 1fr .24fr .66fr .24fr 1fr 1fr;gap:8px;aspect-ratio:1.64;max-width:870px;margin:5px auto 0;padding:18px 16px 22px;border:1px solid #778b6d66;border-radius:36% 36% 15px 15px/5% 5% 15px 15px;background:linear-gradient(105deg,#b8c29105,#ffffd00c 46%,#9bb1ab07),repeating-linear-gradient(87deg,transparent 0,transparent 97px,#182d27aa 98px,#182d27aa 100px),radial-gradient(ellipse,#56715575,#334f45ae 60%,#20342ee8);box-shadow:inset 0 0 40px #0e171abb,0 18px 40px #0004}.wc-board:before{content:'◈';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:180px;color:#d0d2a109;pointer-events:none}.wc-board .wc-zone{position:relative;min-width:0;min-height:0;padding:0!important;border:1px solid #abb79b50!important;background:linear-gradient(120deg,#e9efc409,#ffffff04)!important;box-shadow:inset 0 0 12px #0002;border-radius:4px!important}.wc-board .wc-zone:hover{border-color:#c2d3b699!important}.wc-board .wc-spell{border-color:#6ba39b55!important}.wc-board .wc-aux{border-style:dashed!important}.wc-zone-label{font-size:clamp(5px,.56vw,9px);letter-spacing:1px;color:#b6c8ac80;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2px}.wc-fieldcard{position:absolute;inset:2px 13%;display:block;transition:transform .2s;filter:drop-shadow(0 2px 4px #0008)}.wc-fieldcard img{width:100%;height:100%;object-fit:fill;display:block}.wc-fieldcard.wc-defense{transform:rotate(90deg) scale(.78)}.wc-fieldcard .wc-cardname{display:none}.wc-fieldstats{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:clamp(7px,.7vw,12px);font-weight:900;text-shadow:0 1px 2px #000,0 0 4px #000;color:#e6f6f5;background:#091814bd;border:1px solid #5f9d8d66;border-radius:4px;padding:1px 6px;pointer-events:none}.wc-set-tag{position:absolute;bottom:0;right:0;font-size:7px;padding:1px 3px;background:#172b25}.wc-pile{position:relative!important;min-height:0;padding:4px!important;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #829a7955!important;background:#10242180!important;z-index:1}.wc-pile strong{position:relative;z-index:1;font-size:20px;text-shadow:0 1px 4px black}.wc-pile small{font-size:7px;letter-spacing:1px;position:relative;z-index:1}.wc-pile .wc-back{inset:3px 16%}.wc-pile .wc-back i{opacity:.4}.wc-self{margin-top:12px}.wc-phases{display:flex;gap:8px}.wc-phases button{font-size:11px!important;border-radius:20px!important}.wc-hand-caption{margin:18px 0 0;font-size:11px;color:#b0c2b9}.wc-hand-caption span{float:right;font-size:9px;color:#8fa89b}.wc-hand{display:flex;align-items:center;justify-content:center;padding:16px 15px 28px;min-height:148px;overflow:visible}#wcs-app .wc-handcard{position:relative;flex:0 1 96px;aspect-ratio:177/254;padding:0;border-radius:2px;border:1px solid #9e9e7a;max-width:104px;min-width:42px;margin-left:-10px;transform:translateY(calc(var(--i)*var(--i)*.7px)) rotate(calc(var(--i)*2.8deg));touch-action:none;background:#172a2a}.wc-handcard:first-child{margin-left:0}.wc-handcard img{display:block;width:100%;height:100%;object-fit:fill}.wc-handcard:hover,.wc-handcard:focus-visible{transform:translateY(-18px) scale(1.13)!important;z-index:4}.wc-cardname{position:absolute;bottom:0;left:0;right:0;font-size:8px;padding:3px 2px;background:#0a191ed9;line-height:1.3;text-align:center;color:#edf6ed}.wc-noimage{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;font-size:12px;padding:10px;text-align:center;border:3px solid #b38f61;background:#533e26}.wc-handcard.wc-actionable,.wc-fieldcard.wc-actionable{box-shadow:0 0 8px #a3e9cf66;outline:1px solid #8bd9b980}
.wc-prompt{position:relative;max-height:400px;overflow:auto;background:#0e1b22e6;border:1px solid #607a6b70;border-top:2px solid #9bc3a3;padding:18px 20px;border-radius:7px;min-height:128px;scrollbar-width:thin;box-shadow:0 5px 25px #0003}.wc-prompt-heading h3{font-size:16px;line-height:1.4}.wc-prompt-heading p{font-size:11px;color:#a6bdb3;margin:8px 0 14px}.wc-prompt>button{margin:3px 6px 3px 0;font-size:12px!important}.wc-prompt .wc-choice-filter{width:100%;margin-bottom:12px;font-size:12px!important}.wc-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(87px,1fr));gap:8px;margin:14px 0;max-height:260px;overflow:auto;padding:3px}.wc-choice-card{position:relative;display:flex!important;flex-direction:column;align-items:stretch;text-align:left;padding:6px!important;min-width:0;gap:4px;font-size:10px!important;line-height:1.4}.wc-choice-card[hidden]{display:none!important}.wc-choice-image{display:block;position:relative;aspect-ratio:177/254;overflow:hidden}.wc-choice-image img{width:100%;height:100%;object-fit:contain}.wc-choice-image .wc-cardname{display:none}.wc-choice-card strong{font-size:10px;line-height:1.4}.wc-choice-card small,.wc-choice-card>span:last-child{font-size:8px!important;color:#adbcae}.wc-choice-card.chosen:after{content:'✓';position:absolute;top:3px;right:3px;padding:2px 4px;background:#dfc98b;color:#14251c}.wc-pick-summary{font-size:11px;color:#d7c78d}.wc-counter-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px}.wc-counter-row input{max-width:85px}.wc-status{font-size:10px;color:#a9c3b8;padding:13px 0;min-height:30px}.wc-log{border-left:1px solid var(--wc-line);background:#101921b3;padding:25px 16px;font-size:11px}.wc-log>div:not(.eyebrow){max-height:calc(100vh - 290px);overflow:auto;scrollbar-width:thin}.wc-log p{padding:10px 0;margin:0;border-bottom:1px solid #fff1;font-size:10px;color:#b9c9c1;line-height:1.7}.wc-log p small{display:block;font-size:8px;letter-spacing:1px;color:#789487}.wc-log>a{display:block;margin:22px 0 10px;font-size:10px}
.wc-board .wc-zone.wc-legal{border:2px solid #8ee8cf!important;background:#61e5bd21!important;box-shadow:inset 0 0 14px #8decc93b,0 0 10px #9defbf4a;animation:wcPulse 1.4s ease-in-out infinite}.wc-board .wc-zone.wc-place-picked,.wc-board .wc-zone.wc-drop-hover{border-color:#ffdf96!important;background:#f8d8894a!important;box-shadow:0 0 18px #ffe6a9a6}.wc-drag-ghost,.wc-flight{position:fixed;width:90px;height:129px;z-index:10000;pointer-events:none;filter:drop-shadow(0 12px 12px #0007)}.wc-drag-ghost{transform:translate(-50%,-75%) rotate(-4deg)}.wc-drag-ghost img,.wc-flight img{width:100%;height:100%;object-fit:fill}.wc-drag-source{opacity:.35!important}.wc-overlay{position:fixed;inset:0;z-index:200;background:#030b12bf;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px}.wc-overlay[hidden]{display:none}.wc-pile-dialog{max-height:85vh;overflow:auto;width:760px;max-width:100%;padding:25px;border:1px solid #729a86;border-radius:10px;background:#14242a;box-shadow:0 20px 90px #0009}.wc-pile-dialog>button{float:right}.wc-pile-dialog .wc-choice-grid{max-height:60vh;grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.wc-pile-dialog>p{font-size:12px;color:#b1c2b8}.wc-board .wc-zone{touch-action:none}@keyframes wcPulse{50%{box-shadow:inset 0 0 18px #8decc956,0 0 15px #9defbf75}}@media(prefers-reduced-motion:reduce){#wcs-app *{animation:none!important;transition:none!important}}
@media(min-width:1600px){.wc-board{aspect-ratio:1.7}.wc-hand{min-height:165px}.wc-handcard{max-width:112px!important}.wc-duel{grid-template-columns:270px minmax(0,1fr) 240px}}
@media(max-width:1150px){.wc-duel{grid-template-columns:185px minmax(0,1fr)}.wc-log{display:none}.wc-inspector{padding:20px 14px}.wc-detail-image{height:220px}.wc-stage{padding:15px}.wc-decks{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-board{gap:5px;padding:12px;aspect-ratio:1.55}.wc-cover{width:90px}}
@media(max-width:760px){body.wcs-mode header .headright{display:none}.wc-library{padding:25px 15px}.wc-library-head{display:block}.wc-library-head>button{margin-top:15px}.wc-library-tools{flex-direction:column;align-items:stretch;gap:10px}.wc-library-tools input{width:100%}.wc-decks{gap:10px}.wc-cover{width:55px}.wc-cover strong{font-size:20px;left:5px}.wc-deck-tile>div:last-child{padding:12px 8px}.wc-deck-tile h2{font-size:13px!important}.wc-deck-tile span{font-size:7px}.wc-deck-tile p{font-size:9px}.wc-deck-tile small{font-size:6px}.wc-deck-tile{min-height:150px!important}.wc-library-note{font-size:10px;padding:13px}.wc-start-options{padding:14px}.wc-start-options label{width:100%}.wc-start-options button{width:100%}.wc-recipe{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px}.wc-recipe-card{height:120px}.wc-duel{display:block}.wc-inspector{display:none}.wc-stage{padding:12px 8px}.wc-duel-top{gap:8px}.wc-duel-top>div:first-child{font-size:11px}.wc-duel-top button{font-size:9px!important;padding:5px!important}.wc-duel-top>div:last-child{gap:3px;max-width:170px}.wc-board{aspect-ratio:1.32;gap:4px;padding:10px 5px;margin-top:10px}.wc-player em{font-size:21px}.wc-player small{font-size:8px}.wc-enemy-hand{height:34px}.wc-mini-back{height:34px;width:24px}.wc-board .wc-zone{border-radius:2px!important}.wc-fieldstats{font-size:7px;bottom:-3px;padding:0 3px}.wc-pile strong{font-size:14px}.wc-pile small{font-size:5px}.wc-zone-label{font-size:4px;letter-spacing:0}.wc-back{border-width:1px}.wc-hand{padding:15px 10px 23px;min-height:120px}.wc-handcard{max-width:74px!important;min-width:30px!important}.wc-cardname{font-size:6px}.wc-prompt{padding:13px 12px;max-height:370px}.wc-choice-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));max-height:240px}.wc-overlay{padding:12px}.wc-pile-dialog{padding:16px}.wc-hand-caption{font-size:9px}.wc-phases button{padding:7px 9px!important;font-size:10px!important}}
.wc-player.wc-legal{outline:2px solid #8ee8cf;outline-offset:4px;background:#61e5bd15}.wc-player.wc-drop-hover{outline-color:#ffe0a1;background:#f5d39926}.wc-pile-dialog .wc-detail-image{height:290px}.wc-pile-dialog .wc-detail-text{font-size:13px}
.wc-board{grid-template-rows:1fr 1fr .12fr 1fr .12fr 1fr 1fr}.wc-top .wc-fieldcard{transform:rotate(180deg)}.wc-top .wc-fieldcard.wc-defense{transform:rotate(270deg) scale(.78)}
/* Keep tall pages and detail panels reachable in short browser viewports. */
body.arena-mode{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}
body.arena-mode.wcs-mode{height:auto;min-height:100dvh;overflow-y:auto}
#wcs-app{height:auto;min-height:100dvh;overflow:visible;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
#wcs-app .wc-library,#wcs-app .wc-duel{min-width:0}
#wcs-app .wc-library{padding-bottom:max(65px,calc(env(safe-area-inset-bottom,0px) + 32px))}
#wcs-app .wc-overlay{overflow-y:auto}
#wcs-app .wc-pile-dialog{min-height:0;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
dialog:not(.play-choice){max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
@media(max-width:760px){#wcs-app .wc-pile-dialog{max-height:calc(100dvh - 32px)}}
.wc-export-tools,.wc-import-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}.wc-export-tools{font-size:12px}.wc-import-links a{padding:8px 12px;border:1px solid #47625f;border-radius:4px;font-size:12px}.wc-import-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;gap:18px;align-items:end;padding:20px;background:#1b302e;border:1px solid #47625f;border-radius:6px;margin:20px 0}.wc-import-form label,.wc-import-search label{display:grid;gap:8px;font-size:13px}.wc-import-form small{font-size:10px}.wc-import-form input{width:100%}#wcImportStatus{line-height:1.7;padding:14px 0;color:#c3dfd2}#wcImportResult ul{font-size:12px;line-height:1.8;padding-left:24px}.wc-import-errors{padding:16px 16px 16px 32px!important;background:#49312b;border:1px solid #c99b7d;border-radius:6px}.wc-import-search{margin:30px 0;padding:18px;border:1px solid #47625f;border-radius:5px}.wc-import-search summary{cursor:pointer;margin-bottom:16px;font-weight:bold}#wcCardFound p{font-size:12px;border-bottom:1px solid #ffffff20;padding:9px 0}#wcCardFound small{display:block}.wc-export-tools [hidden]{display:none!important}@media(max-width:760px){.wc-import-form{grid-template-columns:1fr;padding:14px}.wc-import-form input[type=file]{font-size:12px!important}}
/* Browser deck builder */
.db-toolbar,.db-pager{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.db-toolbar label{flex:1;min-width:200px}.db-toolbar input,.db-search>input{width:100%;box-sizing:border-box}.db-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(220px,.7fr);gap:22px;align-items:start}.db-layout>section,.db-detail{min-width:0;background:#101b28;border:1px solid #31465b;padding:16px;border-radius:12px}.db-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.db-filters>*{min-width:0;width:100%;box-sizing:border-box}.db-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.db-result{display:flex;flex-direction:column;gap:8px;border:1px solid #30465c;border-radius:8px;padding:10px;min-width:0}.db-card-title{text-align:left;overflow-wrap:anywhere;min-height:50px}.db-result small{color:#aebcd0}.db-zone{display:grid;gap:7px}.db-entry{display:flex;gap:6px;align-items:center}.db-entry>button:first-child{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.db-entry>button:not(:first-child){padding:6px 10px}.db-detail-image{max-width:170px;max-height:250px}.db-effect{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}#dbStatus{padding:12px 0;color:#ffd889;min-height:28px}.db-detail{position:sticky;top:18px;max-height:calc(100dvh - 70px);overflow-y:auto}.wc-builder input,.wc-builder select{max-width:100%}@media(max-width:1100px){.db-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.db-detail{position:static;grid-column:1/-1;max-height:none}}@media(max-width:650px){.db-layout{grid-template-columns:1fr}.db-detail{grid-column:auto}.db-results{grid-template-columns:repeat(2,minmax(0,1fr))}.db-toolbar{align-items:stretch}.db-toolbar>button{flex:1}.db-entry{font-size:13px}}
.wc-library-tools{flex-wrap:wrap}.db-toolbar label{display:grid;gap:8px}.db-toolbar label input{width:100%;box-sizing:border-box}

/* Offline effect-powered deck search */
.db-advanced{margin:12px 0;padding:12px;border:1px solid #41627b;border-radius:10px;background:#132538}.db-advanced summary{cursor:pointer;font-weight:700;color:#e1f4ff}.db-advanced>p{font-size:12px;line-height:1.65;color:#bacbd9}.db-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.db-advanced-grid label{min-width:0;font-size:12px;color:#d7e6f4;display:grid;gap:5px}.db-advanced-grid input,.db-advanced-grid select{box-sizing:border-box;width:100%;min-width:0}.db-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.db-presets button{font-size:12px;padding:7px 9px}#dbFindMentions{margin:8px 0;font-size:12px;max-width:100%;white-space:normal}@media(max-width:650px){.db-advanced-grid{grid-template-columns:1fr 1fr}}
.db-trigger-search{margin:12px 0;padding:12px;border:1px solid #41627b;border-radius:10px;background:#132538}.db-trigger-search summary{cursor:pointer;font-weight:700;color:#e1f4ff}.db-trigger-search>p{font-size:12px;line-height:1.65;color:#bacbd9}

/* DUEL NEXUS mobile builder workspace */
.db-mobile-tabs{display:none}
.db-mobile-hint{display:none}
@media(max-width:760px){
 .wc-builder{--mobile-line:#304b70;max-width:100%;padding:12px 12px 92px!important;overflow-x:hidden;color:#eef4ff}
 .wc-builder>h1{font-size:22px;line-height:1.28;margin:10px 0}
 .wc-builder>.eyebrow{font-size:9px;letter-spacing:1.2px}
 .wc-builder .wc-library-note{display:none}
 .wc-builder .db-toolbar{display:flex;flex-wrap:wrap;gap:8px}
 .wc-builder .db-toolbar label{flex:1 1 100%}
 .wc-builder .db-toolbar input{width:100%}
 .wc-builder .db-toolbar button{flex:1 1 auto;min-height:42px}
 .wc-builder .db-layout{display:block!important;min-width:0!important;width:100%;grid-template-columns:none!important}
 .wc-builder .db-layout>section,.wc-builder .db-layout>aside{width:100%!important;max-width:100%;min-width:0!important;margin:0!important;padding:12px!important}
 .wc-builder .db-search,.wc-builder .db-deck,.wc-builder .db-detail{border:1px solid var(--mobile-line)!important;border-radius:15px;background:linear-gradient(160deg,#0e223b,#08172a);box-shadow:0 7px 23px #0003}
 .wc-builder[data-mobile-screen="search"] .db-deck,.wc-builder[data-mobile-screen="search"] .db-detail{display:none!important}
 .wc-builder[data-mobile-screen="related"] .db-deck,.wc-builder[data-mobile-screen="related"] .db-detail{display:none!important}
 .wc-builder[data-mobile-screen="deck"] .db-search,.wc-builder[data-mobile-screen="deck"] .db-detail{display:none!important}
 .wc-builder[data-mobile-screen="detail"] .db-search,.wc-builder[data-mobile-screen="detail"] .db-deck{display:none!important}
 .wc-builder[data-mobile-screen="search"] .db-related-search{display:none}
 .wc-builder[data-mobile-screen="related"] .db-advanced,.wc-builder[data-mobile-screen="related"] .db-trigger-search{display:none}
 .wc-builder .db-mobile-tabs{display:grid;position:sticky;top:0;z-index:30;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:10px 0;padding:7px 5px;border:1px solid #294261;border-radius:13px;background:#081c31f5;backdrop-filter:blur(12px)}
 .wc-builder .db-mobile-tabs button{min-height:49px;border:1px solid transparent;background:#142a45;color:#d2e2f7;border-radius:9px;font-size:11px;line-height:1.25;padding:5px 2px;white-space:normal}
 .wc-builder .db-mobile-tabs button[aria-selected="true"]{background:linear-gradient(125deg,#0c72de,#5849e2);border-color:#6bafff;color:#fff;font-weight:700}
 .wc-builder .db-mobile-hint{display:block;color:#9bbbd9}
 .wc-builder .db-advanced-grid,.wc-builder .db-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .wc-builder .db-advanced-grid>label,.wc-builder .db-filters>*{min-width:0!important;width:100%!important}
 .wc-builder .db-advanced-grid input,.wc-builder .db-advanced-grid select,.wc-builder .db-filters input,.wc-builder .db-filters select,.wc-builder #dbRelatedCard,.wc-builder #dbRelatedAction,.wc-builder #dbQuery{font-size:16px!important;max-width:100%;min-height:44px;background:#122941;color:#eff8ff;border:1px solid #385a7f;border-radius:9px;padding:9px}
 .wc-builder .db-related-search{display:block!important;border:1px solid #365880;border-radius:12px;padding:12px;margin-bottom:12px;background:#0e2540}
 .wc-builder .db-related-search summary{font-size:15px;font-weight:700}
 .wc-builder .db-related-search label{display:block;margin:10px 0}
 .wc-builder .db-related-search input,.wc-builder .db-related-search select{display:block;width:100%;margin-top:5px}
 .wc-builder .db-results{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
 .wc-builder .db-result{display:grid;grid-template-columns:1fr auto;gap:5px 9px;padding:12px!important;border:1px solid #2c4a6d;border-radius:12px;background:#122840;align-items:center}
 .wc-builder .db-result .db-card-title{font-size:15px;line-height:1.45;text-align:left;min-width:0;overflow-wrap:anywhere}
 .wc-builder .db-result small{grid-column:1;font-size:11px;color:#a8c0d8}
 .wc-builder .db-result [data-add]{grid-column:2;grid-row:1/span 2;min-width:80px;min-height:44px;padding:8px;color:#baf6da;border:1px solid #28b783;border-radius:9px;background:#0e493d}
 .wc-builder .db-presets{display:flex;flex-wrap:wrap;gap:7px}
 .wc-builder .db-presets button,.wc-builder .db-pager button{min-height:40px;border-radius:9px}
 .wc-builder .db-detail-image{max-width:210px;width:60%;height:auto}
 .wc-builder .db-zone,.wc-builder #dbZones{min-width:0;overflow-wrap:anywhere}
 .wc-builder button{touch-action:manipulation}
}

/* Evidence and mobile containment */
.db-match-reason{grid-column:1/-1;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#b8e3d5;border-left:2px solid #87e3ce;padding:6px 9px;margin:4px 0}
.db-semantic-search{padding:12px;border:1px solid #41627b;border-radius:10px;margin:12px 0}.db-semantic-search summary{cursor:pointer;font-weight:700}
@media(max-width:760px){
 .wc-builder,.wc-builder *{box-sizing:border-box}
 .wc-builder[data-mobile-screen="search"] .db-related-search{display:none!important}
 .wc-builder .db-semantic-search select,.wc-builder .db-related-search select{font-size:16px!important;min-height:44px;max-width:100%}
 .wc-builder button,.wc-builder .db-presets button,.wc-builder .db-pager button,.wc-builder .db-toolbar button{min-height:44px}
 .wc-builder .db-mobile-tabs{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;padding-bottom:max(7px,env(safe-area-inset-bottom));border-radius:13px 13px 0 0}
 .wc-builder{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
 .wc-builder .db-result .db-match-reason{grid-row:3;grid-column:1/-1}
}

/* WCS is a separate workspace, above all fixed solo-duel controls. */
body.arena-mode.wcs-mode{overflow:hidden;height:100dvh;min-height:0}
body.wcs-mode>header,body.wcs-mode>footer,body.wcs-mode>#phaseannouncement,body.wcs-mode>.attackline{display:none!important}
body.wcs-mode #wcs-app{position:fixed;inset:0;z-index:100;isolation:isolate;height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top,0px)}
body.wcs-mode #wcs-app .wc-library{padding-top:max(20px,env(safe-area-inset-top,0px))}
body.wcs-mode #wcs-app .wc-library-head{align-items:flex-start;flex-wrap:wrap}
body.wcs-mode #wcs-app .wc-library-head>div{min-width:0;flex:1 1 240px}
body.wcs-mode #wcs-app #wcBack{min-height:44px;flex-shrink:0}