*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;background:radial-gradient(circle at top,#71477e,#171326 58%,#07070d);color:#fff;min-height:100vh}button{cursor:pointer;border:0;border-radius:16px;padding:12px 16px;background:linear-gradient(#6f55d7,#3e2b8f);color:white;font-weight:900;box-shadow:0 5px 0 #241747,0 13px 25px #0005}button:hover{filter:brightness(1.08)}.primary{background:linear-gradient(#ffca55,#e56e2f);box-shadow:0 5px 0 #81340e,0 13px 25px #0005}.topbar{position:sticky;top:0;z-index:20;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 20px;background:#100d20df;backdrop-filter:blur(10px);border-bottom:1px solid #fff2}.brand{display:flex;align-items:center;gap:10px;background:transparent;box-shadow:none;padding:0}.brand b{font-size:26px;color:#ffe66d;text-shadow:0 3px #2b1337}.brand small{display:block;color:#cbb9e9}.crest{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(#ffda6b,#b84a25);font-size:25px;box-shadow:inset 0 0 0 2px #fff5}nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.nav{padding:10px 12px;font-size:13px}.nav.active{outline:3px solid #ffe66d}.wallet{min-width:110px;background:linear-gradient(135deg,#352255,#7c4d13);border:2px solid #ffd76a;border-radius:18px;padding:8px 18px;box-shadow:0 8px 24px #0008}.wallet span{display:block;font-size:11px;color:#ffd}.wallet b{font-size:24px}.page{display:none;max-width:1420px;margin:0 auto;padding:22px}.activePage{display:block}h1{font-size:clamp(34px,5vw,64px);line-height:.95;margin:18px 0;color:#ffe66d;text-shadow:0 5px #24112f}h2{color:#8bf7ff;margin:8px 0 12px}.heroPage{min-height:calc(100vh - 78px);background:radial-gradient(circle at 70% 20%,#ffd35a22,transparent 34%),radial-gradient(circle at 30% 80%,#55e9ff1b,transparent 38%)}.heroCard,.panel{background:#17152bd8;border:1px solid #ffffff24;border-radius:26px;padding:22px;box-shadow:0 18px 60px #0009}.heroCard{max-width:850px;margin:70px auto 24px;text-align:center}.heroCard p{font-size:19px;color:#ded1f2}.heroActions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.featureGrid,.modeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.featureGrid article,.modeCard{background:#0e0b1acc;border:1px solid #fff2;border-radius:22px;padding:18px;text-align:left}.featureGrid b,.modeCard b{display:block;font-size:22px;color:#fff0a8}.featureGrid span,.modeCard span,.modeCard em,p{color:#d8ccec}.modeCard{min-height:165px}.modeCard em{display:block;margin-top:14px;color:#8bf7ff;font-style:normal}.battlePage{display:none;grid-template-columns:270px minmax(580px,760px) 300px;gap:16px}.battlePage.activePage{display:grid}.boardWrap{display:flex;flex-direction:column;align-items:center}#status{text-align:center;font-size:22px;font-weight:1000;margin:2px 0 10px;color:#ffe66d;text-shadow:0 3px #000}.battleSide{height:max-content}.oddsBox{margin-top:14px;background:#090714;border-radius:16px;padding:12px;display:grid;gap:6px}.oddsBox b{color:#ffe66d}#board{width:min(86vw,736px);height:min(86vw,736px);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:9px solid #4a2d19;border-radius:20px;overflow:visible;box-shadow:0 22px 70px #000c,inset 0 0 90px #0009;position:relative;background-size:cover;background-position:center}.battlefield.ruins{background-image:radial-gradient(circle at 25% 18%,#ff743855,transparent 18%),radial-gradient(circle at 78% 20%,#496d91cc,transparent 26%),linear-gradient(140deg,#3f3227 0%,#755534 28%,#9b7444 44%,#4d5c50 63%,#282b25 100%)}.battlefield.frost{background-image:radial-gradient(circle at 68% 24%,#dff7ff99,transparent 20%),radial-gradient(circle at 20% 70%,#275c82aa,transparent 24%),linear-gradient(140deg,#23354b,#7895a4 35%,#d8e3dd 51%,#556a7b 72%,#202639)}.battlefield.swamp{background-image:radial-gradient(circle at 22% 22%,#c8ff7d44,transparent 18%),radial-gradient(circle at 74% 76%,#141b12,transparent 25%),linear-gradient(140deg,#172417,#495b2d 34%,#85733d 52%,#253822 72%,#0d1513)}.battlefield.volcano{background-image:radial-gradient(circle at 72% 26%,#ff2f00aa,transparent 15%),radial-gradient(circle at 20% 75%,#ff9a2288,transparent 19%),linear-gradient(140deg,#191016,#4b2220 34%,#9b4c20 50%,#34302b 68%,#0b0b0d)}.sq{position:relative;display:flex;align-items:end;justify-content:center;border:1px solid transparent;background:transparent}.sq::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff1,#0001);opacity:.18}.sq:hover::before{opacity:.38}.sq.sel{box-shadow:inset 0 0 0 4px #ffe66d}.sq.move:after{content:"";width:24px;height:24px;border-radius:50%;background:#9fffd2cc;position:absolute;top:40%;left:38%;box-shadow:0 0 20px #9fffd2}.piece{position:absolute;width:88%;height:88%;bottom:0;display:flex;align-items:end;justify-content:center;transition:.18s;filter:drop-shadow(0 12px 8px #000b);z-index:2}.piece svg{width:100%;height:100%;overflow:visible}.piece.black svg{filter:saturate(.92) brightness(.82) hue-rotate(155deg)}.name{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:1000;letter-spacing:.2px;background:#070712e6;border:1px solid #fff5;border-radius:999px;padding:2px 7px;white-space:nowrap;text-shadow:0 1px 2px #000;z-index:5}.white .name{color:#fff0a8}.black .name{color:#bff3ff}.captured{animation:die .55s ease forwards}@keyframes die{to{transform:translateY(-20px) rotate(22deg) scale(.15);opacity:0;filter:blur(3px)}}#captures{min-height:32px;margin-top:10px;color:#ffc}.shopHero{margin-bottom:18px}.oddsLine{margin-top:12px;color:#bff3ff}.lootGrid,.inventoryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.invItem,.loot{display:flex;align-items:center;gap:10px;background:#0c0b18;border-radius:18px;padding:10px;border:3px solid #888;min-height:76px}.thumb{width:54px;height:54px;border-radius:12px;background:#1d1930;display:grid;place-items:center;overflow:hidden}.thumb svg{width:58px;height:58px}.Common{border-color:#b8b8b8}.Rare{border-color:#34a8ff;box-shadow:0 0 12px #34a8ff55}.Epic{border-color:#bb5cff;box-shadow:0 0 16px #bb5cff66}.Legendary{border-color:#ffbf28;box-shadow:0 0 22px #ffbf2888}.tag{margin-left:auto;font-size:11px;padding:3px 7px;border-radius:999px;background:#ffffff18}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab.active{outline:3px solid #ffe66d}#log{max-height:540px;overflow:auto;font-size:13px;color:#d8d0ea}.logline{padding:8px;border-bottom:1px solid #fff1}.storyList{display:grid;gap:12px}.chapterCard{background:#0e0b1acc;border:1px solid #fff2;border-radius:18px;padding:16px}.locked{opacity:.45}@media(max-width:1150px){.battlePage.activePage{grid-template-columns:1fr}.topbar{position:relative;flex-direction:column}.battleSide{order:2}#board{width:94vw;height:94vw}.name{font-size:10px;top:-10px}}
/* v3 setup + richer retro MMO-inspired terrain */
.setupGridWrap{display:grid;grid-template-columns:minmax(360px,560px) 1fr;gap:16px}.setupIntro{margin-bottom:16px}.hint{font-size:13px;color:#bff3ff}.loadoutBoard{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.slot,.setupCard{background:#0b0916;border:3px solid #777;border-radius:16px;padding:8px;color:#fff;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:125px}.slot small{font-size:10px;color:#bff3ff}.slot b{font-size:13px;color:#ffe66d}.slot span,.setupCard span{font-size:10px;color:#ddd;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot.selected{outline:4px solid #7dffbf;transform:translateY(-2px)}.setupInventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;max-height:670px;overflow:auto;padding-right:6px}.setupCard{min-height:135px}.setupCard.used{opacity:.62}.setupCard .thumb,.slot .thumb{width:64px;height:64px}.setupCard .thumb svg,.slot .thumb svg{width:72px;height:72px}
#board{image-rendering:auto;background-size:100% 100%, 22px 22px, 36px 36px, cover;}
#board:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 31px,#00000018 32px,transparent 34px),repeating-linear-gradient(90deg,transparent 0 31px,#ffffff12 32px,transparent 34px),radial-gradient(circle at 18% 22%,#fff4 0 2px,transparent 3px),radial-gradient(circle at 79% 64%,#0008 0 3px,transparent 4px),radial-gradient(circle at 48% 47%,#fff2 0 1px,transparent 2px);opacity:.32;mix-blend-mode:overlay}.sq{z-index:1;border:0}.sq:before{display:none}.sq:hover{background:#ffffff14}.battlefield.ruins{background-image:radial-gradient(ellipse at 18% 16%,#ff7b2f77 0 7%,transparent 16%),radial-gradient(ellipse at 70% 18%,#1b1d23 0 10%,transparent 22%),radial-gradient(ellipse at 38% 72%,#382517 0 8%,transparent 20%),linear-gradient(45deg,#6b4d30 0 6%,#80603b 6% 12%,#433528 12% 18%,#9b7444 18% 26%,#52442f 26% 35%,#7d633d 35% 43%,#2d352d 43% 50%,#6b4d30 50% 58%,#a37741 58% 66%,#3a3028 66% 74%,#745337 74% 84%,#272923 84% 100%)}.battlefield.frost{background-image:radial-gradient(ellipse at 62% 20%,#e8fbff99 0 9%,transparent 20%),radial-gradient(ellipse at 26% 78%,#163a5daa 0 10%,transparent 22%),linear-gradient(45deg,#1f3046 0 8%,#6e8798 8% 18%,#d4e3df 18% 28%,#7c9bad 28% 40%,#27384e 40% 51%,#c3d5d7 51% 63%,#536b82 63% 74%,#172136 74% 100%)}.battlefield.swamp{background-image:radial-gradient(ellipse at 20% 24%,#a6ff5a55 0 10%,transparent 19%),radial-gradient(ellipse at 74% 76%,#09130c 0 12%,transparent 23%),linear-gradient(45deg,#132317 0 8%,#40522b 8% 18%,#786b37 18% 26%,#1f381f 26% 36%,#5b5b2e 36% 46%,#0e1c15 46% 58%,#879049 58% 67%,#26391f 67% 80%,#0b1512 80% 100%)}.battlefield.volcano{background-image:radial-gradient(ellipse at 72% 26%,#ff2f00bb 0 8%,transparent 16%),radial-gradient(ellipse at 24% 76%,#ff9a2288 0 9%,transparent 18%),linear-gradient(45deg,#171017 0 8%,#4b2220 8% 17%,#9b4c20 17% 25%,#2e2524 25% 36%,#e96b21 36% 39%,#332b28 39% 53%,#6e2c1d 53% 66%,#1b1718 66% 100%)}.battlefield.crypt{background-image:radial-gradient(ellipse at 50% 14%,#4ec7ff44 0 6%,transparent 17%),radial-gradient(ellipse at 80% 70%,#040507 0 9%,transparent 20%),linear-gradient(45deg,#20242a 0 9%,#393d45 9% 18%,#14171b 18% 27%,#4a4a50 27% 36%,#252933 36% 47%,#111318 47% 58%,#3d4249 58% 72%,#181b20 72% 100%)}.battlefield.jungle{background-image:radial-gradient(ellipse at 16% 18%,#e6d36a55 0 7%,transparent 18%),radial-gradient(ellipse at 78% 72%,#0f2c17 0 15%,transparent 25%),linear-gradient(45deg,#142413 0 8%,#2d5624 8% 18%,#7a7132 18% 24%,#1d3b1e 24% 38%,#5e4c29 38% 48%,#0e2111 48% 60%,#38662b 60% 72%,#172912 72% 100%)}
.piece svg{image-rendering:auto}.name{top:-8px;background:#070712f2}
@media(max-width:900px){.setupGridWrap{grid-template-columns:1fr}.loadoutBoard{grid-template-columns:repeat(4,1fr)}}


/* v4 layout fixes + custom asset support */
.setupPage{max-width:1600px;}
.setupGridWrap{grid-template-columns:minmax(520px,720px) minmax(420px,1fr);align-items:start;}
.setupGridWrap>.panel{min-width:0;overflow:hidden;}
.loadoutBoard{grid-template-columns:repeat(8,minmax(66px,1fr));gap:6px;overflow:visible;}
.slot,.setupCard{min-width:0;}
.slot{min-height:112px;padding:6px;border-radius:13px;}
.slot .thumb{width:54px;height:54px;}
.slot .thumb svg{width:64px;height:64px;}
.setupInventory{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:620px;}
.setupCard{min-height:124px;padding:7px;border-radius:14px;}
.setupCard .thumb{width:58px;height:58px;}
.assetImg{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block;}
.piece .assetImg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px #000b);}
.thumb .assetImg{width:100%;height:100%;}
#board.customBoard{background-size:100% 100%;background-repeat:no-repeat;background-position:center;}
@media(max-width:1250px){.setupGridWrap{grid-template-columns:1fr}.loadoutBoard{grid-template-columns:repeat(8,minmax(62px,1fr));}.setupInventory{max-height:420px}}
@media(max-width:760px){.loadoutBoard{grid-template-columns:repeat(4,1fr)}.setupIntro button{margin-top:8px}.slot{min-height:105px}}

/* v8 match setup, item actions, captures, claim screen */
.boardSelectPanel{margin-top:16px;}
.boardSelectGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.boardCard{position:relative;background:#0b0916;border:3px solid #777;border-radius:18px;padding:8px;min-height:150px;}
.boardCard.selectedBoard{outline:4px solid #7dffbf;}
.boardPick,.setupPick{background:transparent;box-shadow:none;padding:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;}
.boardThumb{width:100%;height:82px;border-radius:12px;overflow:hidden;background:#201a30;display:grid;place-items:center;}
.boardThumb .assetImg{width:100%;height:100%;object-fit:cover;}
.miniMenu{position:absolute;top:6px;right:6px;width:32px;height:32px;padding:0;border-radius:50%;background:#000b;box-shadow:none;border:1px solid #fff5;z-index:4;}
.setupCard{position:relative;}
.itemMenu{position:absolute;z-index:99;background:#100d20;border:1px solid #fff5;border-radius:14px;padding:7px;display:grid;gap:6px;box-shadow:0 16px 40px #000b;}
.itemMenu.hidden,.modal.hidden{display:none;}
.itemMenu button{padding:9px 14px;border-radius:10px;box-shadow:none;text-align:left;}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#000b;padding:20px;}
.modalCard{position:relative;width:min(92vw,620px);max-height:92vh;overflow:auto;background:#17152b;border:2px solid #fff4;border-radius:26px;padding:22px;box-shadow:0 30px 90px #000;}
.modalClose{position:absolute;right:16px;top:12px;width:42px;height:42px;border-radius:50%;padding:0;background:#8b1f33;box-shadow:none;font-size:24px;}
.viewerImage{height:min(62vw,430px);border:6px solid #888;border-radius:22px;background:#0b0916;display:grid;place-items:center;overflow:hidden;}
.viewerImage .assetImg{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;}
.viewerImage svg{width:90%;height:90%;}
.viewerRarity{margin-top:12px;text-align:center;font-size:20px;font-weight:1000;}
.captureTrayWrap{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;color:#ffe66d;}
.captureTray{min-height:66px;background:#0b0916;border:1px solid #fff2;border-radius:14px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.capThumb{position:relative;width:48px;height:58px;border:2px solid #777;border-radius:10px;background:#17152b;display:grid;place-items:center;overflow:hidden;}
.capThumb svg,.capThumb .assetImg{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;}
.capThumb span{position:absolute;bottom:0;left:0;right:0;font-size:8px;background:#000b;text-align:center;color:#fff;}
.claimCard{width:min(96vw,900px);}
.claimChoices{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:14px 0;}
.claimChoice{min-height:160px;border:3px solid #777;background:#0b0916;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:7px;}
.claimChoice .thumb{width:82px;height:82px;}
.claimChoice .thumb svg,.claimChoice .thumb .assetImg{width:78px;height:78px;object-fit:contain;image-rendering:pixelated;}

.devPage .devGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:16px 0}.devImportBox{display:flex;flex-direction:column;gap:8px;border:1px solid #ffffff26;background:#00000026;border-radius:18px;padding:18px;cursor:pointer}.devImportBox b{font-size:18px}.devImportBox span{color:#d8cda8;font-size:13px;line-height:1.35}.devImportBox input{margin-top:8px}.devActions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.devStatus{margin-top:12px;padding:12px;border-radius:12px;background:#100b07;border:1px solid #ffffff20;color:#ffe9a3}

/* V10 home/menu expansion */
body{background:radial-gradient(circle at 50% 0%,#8b5b35 0,#2f1c18 38%,#0a0710 100%)}
.topbar{background:#1a0f13e6;border-bottom:2px solid #d5a65755}.brand b{color:#ffd66b}.nav{font-size:13px;padding:9px 11px}.wallet{background:#281514;border:2px solid #e4b15b88;border-radius:16px;padding:9px 14px}.page{max-width:1280px;margin:0 auto;padding:34px 18px}.homeSketchPage{min-height:calc(100vh - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 50% 18%,#8e6937aa,#0000 28%),linear-gradient(180deg,#22111000,#00000033)}.homeLogoWrap{text-align:center;margin-bottom:24px}.gameLogo{font-family:Georgia,serif;font-weight:1000;letter-spacing:3px;font-size:clamp(44px,8vw,92px);line-height:.86;color:#e4d0a2;text-shadow:0 5px 0 #412319,0 0 12px #ffb535aa,3px 3px 0 #1b0a08;-webkit-text-stroke:2px #2a1713;background:linear-gradient(#865b3e,#4a2b20);border:4px solid #c39a62;border-radius:38px;padding:24px 42px;box-shadow:inset 0 0 30px #0008,0 16px 30px #0007;position:relative}.gameLogo:before,.gameLogo:after{content:"";position:absolute;inset:8px;border:2px dashed #2e1810;border-radius:30px;opacity:.45}.swordT{display:inline-block;color:#cfd7dc;text-shadow:0 4px 0 #462116,0 0 9px #fff8}.taglineRibbon{display:inline-block;margin-top:-8px;padding:12px 36px;border-radius:0 0 20px 20px;background:linear-gradient(#f1d69b,#9a5d2c);border:3px solid #3a2017;color:#2b1712;font-weight:1000;letter-spacing:4px;box-shadow:0 8px 18px #0005}.mainMenuStack{display:grid;gap:18px;width:min(520px,90vw)}.bigBubble{font-size:34px;letter-spacing:6px;border-radius:25px;padding:17px;background:linear-gradient(#f9e7b0 0,#e19242 42%,#883315 100%);color:#fff7ce;text-shadow:0 3px 0 #3b1208,0 0 12px #fff5;border:4px solid #2d1713;box-shadow:inset 0 3px 0 #fff9,inset 0 -10px 20px #0004,0 7px 0 #1a0a08,0 20px 30px #0007}.bigBubble:hover{transform:translateY(-2px);filter:saturate(1.12) brightness(1.08)}.cornerIcon{position:absolute;bottom:28px;width:58px;height:58px;padding:0;border-radius:14px;font-size:31px;background:linear-gradient(#e8d5a7,#8f6844);color:#351b13;border:3px solid #2b1713}.infoIcon{left:32px}.settingsIcon{right:32px}.menuPage h1,.collectionPage h1,.shopPage h1{font-size:48px;text-align:center;color:#ffe097;text-shadow:0 4px 0 #34140e}.menuPanel{max-width:980px;margin:0 auto}.submenuGrid,.opponentGrid,.packGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.subCard,.opponentCard,.packCard{min-height:150px;text-align:left;background:linear-gradient(#fff0bc,#b66b32 45%,#522115);border:3px solid #2b1510;color:#fff8d6;text-shadow:0 2px 0 #2d1009}.subCard b,.opponentCard b,.packCard b{display:block;font-size:24px}.subCard span,.opponentCard span,.packCard span,.opponentCard em,.packCard em,.packCard p{display:block;margin-top:8px}.disabled{opacity:.65;filter:grayscale(.25)}.farmIntro{margin:0 auto 22px;max-width:900px;text-align:center}.opponentCard small{display:block;margin-top:10px;color:#ffe46f}.tabs{justify-content:center}.modeTabs,.storeTabs{margin-bottom:18px}.modeTab,.storeTab,.collectScope,.tab{background:linear-gradient(#7d5ce4,#342579)}.modeTab.active,.storeTab.active,.collectScope.active,.tab.active{background:linear-gradient(#ffd35d,#d96b26)}.storeContent{max-width:1100px;margin:0 auto}.packCard.bronze{background:linear-gradient(#f0c080,#7a401e)}.packCard.silver{background:linear-gradient(#f5f7ff,#667082)}.packCard.gold{background:linear-gradient(#ffe96d,#a26413)}.packCard.platinum{background:linear-gradient(#e7fdff,#7e5bff 55%,#382073)}.collectionTop{margin-bottom:20px}.collectionTools{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:14px}.collectionTools input,.collectionTools select{padding:13px 15px;border-radius:14px;border:2px solid #d2a35d;background:#160d13;color:#ffe6b0;font-weight:800}.collectionProgress{text-align:center;margin-top:14px;color:#ffdc80;font-weight:900}.largeCollectionGrid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));max-height:68vh;overflow:auto;padding-right:8px}.lockedItem{filter:none;position:relative}.lockedItem small{display:block;color:#c7b7a1;font-size:11px;margin-top:6px}.silhouette{filter:brightness(0) opacity(.55);transform:scale(.95)}.viewerImage img,.viewerImage .assetImg{object-fit:contain!important;max-width:100%;max-height:100%;width:100%;height:100%}.assetImg{object-fit:contain!important}.boardThumb .assetImg{object-fit:cover!important}.panel{background:#160e15d9;border:2px solid #d6a75a77;box-shadow:inset 0 0 22px #0007,0 16px 26px #0005}

/* V11: true page navigation, back buttons, collection cards, and image visibility fixes */
.page{display:none!important;}
.page.activePage{display:block!important;}
.homeSketchPage{display:none!important;}
.homeSketchPage.activePage{display:flex!important;}
.battlePage{display:none!important;}
.battlePage.activePage{display:grid!important;}
.pageBack{position:sticky;top:92px;z-index:30;margin:0 0 18px 0;background:linear-gradient(#ffe196,#b7642f);color:#2b130d;border:3px solid #32160e;border-radius:18px;box-shadow:0 5px 0 #2a110a,0 12px 24px #0007;font-size:18px;letter-spacing:1px;}
.collectionPage .largeCollectionGrid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;align-items:stretch;}
.collectionCard{position:relative;min-height:238px;background:linear-gradient(#24172a,#0b0710);border:4px solid #888;border-radius:20px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;box-shadow:inset 0 0 20px #0008,0 10px 22px #0007;overflow:hidden;}
.collectionVisual{width:136px;height:136px;border-radius:18px;background:#120d18;display:grid;place-items:center;overflow:hidden;margin-bottom:10px;border:1px solid #ffffff22;}
.collectionVisual .assetImg{width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:pixelated;display:block;}
.collectionVisual svg{width:128px!important;height:128px!important;display:block;}
.collectionCardText{display:grid;gap:4px;width:100%;padding:0 4px;}
.collectionCardText b{font-size:15px;color:#fff3bf;line-height:1.12;word-break:break-word;}
.collectionCardText span{font-size:12px;color:#9ff2ff;font-weight:900;}
.collectionCardText small{font-size:11px;color:#d9c8ad;line-height:1.25;}
.collectionMenuBtn{top:8px;right:8px;}
.lockedItem .collectionVisual{background:#08070b;}
.lockedItem .collectionVisual .assetImg,.lockedItem .collectionVisual svg{filter:brightness(0) opacity(.62)!important;}
.viewerImage{height:min(70vh,620px)!important;min-height:340px!important;overflow:hidden!important;}
.viewerImage .assetImg{width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:pixelated!important;}
.viewerImage svg{width:95%!important;height:95%!important;}
.piece .assetImg{width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:pixelated!important;}
#board.customBoard{background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;}
.boardCard .boardThumb .assetImg{object-fit:cover!important;}
@media(max-width:760px){.pageBack{top:12px}.collectionPage .largeCollectionGrid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));}.collectionVisual{width:112px;height:112px}.collectionCard{min-height:215px}}

/* V13 battle flow fixes */
body[data-page="battle"]{overflow:hidden;background:#050509;}
body[data-page="battle"] .topbar{display:none;}
body[data-page="battle"] .battlePage.activePage{
  position:fixed;inset:0;z-index:50;display:grid!important;
  grid-template-columns:minmax(190px,240px) minmax(560px,1fr) minmax(190px,260px);
  gap:14px;padding:14px;background:radial-gradient(circle at top,#2f2446,#08070d 68%);
  overflow:auto;align-items:start;
}
body[data-page="battle"] .battlePage .pageBack{display:none!important;}
body[data-page="battle"] .boardWrap{min-height:calc(100vh - 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
body[data-page="battle"] #board{width:min(82vh,calc(100vw - 520px));height:min(82vh,calc(100vw - 520px));min-width:520px;min-height:520px;margin:auto;}
body[data-page="battle"] .battleSide{max-height:calc(100vh - 28px);overflow:auto;}
.battleContextTitle{width:min(82vh,calc(100vw - 520px));min-width:520px;text-align:center;margin:4px auto;padding:10px 14px;border:1px solid rgba(255,214,110,.45);border-radius:16px;background:linear-gradient(180deg,rgba(59,37,94,.92),rgba(21,16,31,.92));box-shadow:0 8px 24px rgba(0,0,0,.32);font-weight:800;color:#ffe7a1;letter-spacing:.02em;}
#forfeitBattle.danger,.danger{background:linear-gradient(#bd3c3c,#701515);color:#fff;border:1px solid rgba(255,180,160,.4);box-shadow:0 4px 0 #3b0909;margin-top:12px;width:100%;}
.hiddenDuringBattle{display:none!important;}
.chapterCard .storyStart{margin-top:12px;display:inline-block;}
.chapterCard.locked .storyStart{opacity:.45;cursor:not-allowed;}
@media(max-width:1100px){body[data-page="battle"] .battlePage.activePage{grid-template-columns:1fr;overflow:auto}body[data-page="battle"] #board,.battleContextTitle{width:min(94vw,760px);height:min(94vw,760px);min-width:0;min-height:0}.battleContextTitle{height:auto}}

/* V14 developer testing tools */
.devTestingPanel{margin-top:18px}
.devToolGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:12px}
.devToolBox{padding:14px;border-radius:18px;background:rgba(17,25,38,.72);border:1px solid rgba(255,219,132,.22);box-shadow:inset 0 0 18px rgba(255,255,255,.04)}
.devToolBox.wide{grid-column:1/-1}
.devToolBox h3{margin:0 0 8px;color:#ffe09b;text-shadow:0 2px 0 #39210e}
.devToolBox input{width:100%;box-sizing:border-box;margin:8px 0 10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,219,132,.45);background:#1d1a19;color:#fff3cf;font-weight:800}
.devActions.compact{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.devActions.compact.vertical{flex-direction:column;align-items:stretch}
.devActions.compact button{padding:9px 11px;border-radius:12px}
.devActions .danger,.danger{background:linear-gradient(#ad3b35,#651c1a)!important;color:white!important;border-color:#ffc1b8!important}
#devGoldReadout{font-size:1.15rem;color:#ffe872}

/* Startup flash guard */
body:not(.rbMenuReady) #home .mainMenuStack{
  visibility:hidden!important;
}

body.rbModesLoading #modes #farmIntro,
body.rbModesLoading #modes #opponentList{
  visibility:hidden!important;
}