@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');
.topbar-sigil{width:34px!important;height:34px!important;flex:0 0 34px;padding:0;display:grid;place-items:center}.topbar-sigil .sigil-logo{display:block;width:23px;height:23px;transform:rotate(-45deg);filter:drop-shadow(0 0 3px #d8b75b55)}
.auth-sigil .sigil-logo{display:block;width:46px;height:46px;transform:rotate(-45deg);filter:drop-shadow(0 0 5px #d8b75b66)}
.auth-loading .sigil-logo{display:block;width:28px;height:28px;transform:rotate(-45deg);filter:drop-shadow(0 0 5px #d8b75b66)}
.shell.sidebar-collapsed .side-link,.shell.sidebar-collapsed .collection-link{width:40px!important;height:40px!important;min-height:40px!important;margin:2px auto!important;padding:0!important;display:grid!important;place-items:center!important}.shell.sidebar-collapsed .side-link>span,.shell.sidebar-collapsed .collection-icon{width:28px!important;height:28px!important;margin:0!important;display:grid!important;place-items:center!important}.shell.sidebar-collapsed .collection-icon{font-size:16px}.shell.sidebar-collapsed .collection-link.active,.shell.sidebar-collapsed .side-link.active{box-shadow:inset 3px 0 #d8b75b!important}
.collection-icon{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border:1px solid #66552d;background:#0a140c;color:#d9b95b;font:11px/1 var(--serif);text-shadow:0 0 5px #d8b75b}.sidebar-collapsed .collection-icon{width:28px;height:28px;flex-basis:28px;font-size:14px}.side-all-collections{width:100%;padding:9px 10px;border:0;background:transparent;color:#a18e57;text-align:left;font:10px var(--mono);letter-spacing:1px}.side-all-collections:hover{background:#111d12;color:#dfc267}.sidebar-collapsed .side-all-collections{display:none}
.shell.sidebar-collapsed .side-link[data-route="play"]>span{font-size:15px!important;padding-left:0!important}
.sidebar-collapsed .side-link>span{width:28px!important;height:28px!important;flex-basis:28px!important;border:1px solid #4f4327;background:#0a140c;line-height:1!important}.sidebar-collapsed .side-link[data-route="collection"]>span{font-size:17px!important}.sidebar-collapsed .side-link[data-route="inventory"]>span{font-size:15px!important}.sidebar-collapsed .side-link[data-route="following"]>span{font-size:18px!important}.sidebar-collapsed .side-link[data-route="decks"]>span{font-size:15px!important}.sidebar-collapsed .side-link[data-route="play"]>span{font-size:13px!important;padding-left:2px}.sidebar-collapsed .side-link[data-route="imports"]>span{font-size:17px!important}.sidebar-collapsed .side-link[data-route="admin"]>span{font-size:15px!important}.sidebar-collapsed .side-link[data-route="settings"]>span{font-size:15px!important}.sidebar-collapsed .side-link[data-action="logout"]>span{font-size:16px!important}.sidebar-collapsed .collection-link>.orb{width:17px!important;height:17px!important;margin:5px!important}.sidebar-collapsed .side-link,.sidebar-collapsed .collection-link{min-height:40px!important}
.side-link>span{width:18px!important;height:18px!important;flex:0 0 18px;display:grid!important;place-items:center;font:14px/1 var(--serif)!important;color:#d7b65a!important;text-shadow:0 0 5px #d8b75b}.side-link>span:after{content:none!important}.collection-link>.orb{width:14px!important;height:14px!important;flex:0 0 14px;margin:2px!important}.play-table{margin-top:12px;min-height:560px;padding:14px}.play-table>header{display:flex;align-items:center;padding:6px 6px 16px;border-bottom:1px solid #66552d}.play-table>header span{display:flex;flex:1;flex-direction:column;gap:4px}.play-table>header b{font:18px var(--serif);color:#dec36f}.play-table>header small{font:10px var(--mono);color:#91886d}.play-hand{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:45px 25px;overflow-x:auto}.play-card{position:relative;width:190px;min-width:190px;height:266px;margin-left:-105px;border:1px solid #a98b3d;border-radius:9px;background:#081009;box-shadow:-10px 12px 24px #000;overflow:hidden;transition:transform .2s,margin .2s}.play-card:first-child{margin-left:0}.play-card:hover{z-index:10;transform:translateY(-18px);margin-right:95px}.play-card img{width:100%;height:100%;object-fit:cover}.play-card>b{position:absolute;left:5px;right:5px;top:5px;padding:4px;background:#071009df;color:#e3cb7d;font:10px var(--serif)}.play-card>small{position:absolute;right:5px;bottom:5px;padding:3px;background:#071009df;color:#d4b455;font:10px var(--mono)}
.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.profile-fields>label{display:block;margin-top:18px;font:10px var(--mono);color:#9c9272;letter-spacing:1px}.profile-fields input,.profile-fields textarea{display:block;width:100%;margin-top:7px;background:#07100e;border:1px solid #6a592f;color:var(--cream);padding:11px}.profile-fields .profile-bio{grid-column:1/-1}.invitation-setting{display:flex;align-items:center;gap:20px;margin-top:24px;padding:18px;border:1px solid #66552b;background:#071009}.invitation-setting>span{display:flex;flex:1;flex-direction:column;gap:5px}.invitation-setting b{font:11px var(--mono);color:#d4b65a;letter-spacing:1px}.invitation-setting small,.field-help{font:10px/1.5 Georgia;color:#918b73}.invite-quota{display:flex;align-items:center;gap:15px;margin:18px 0;padding:15px;border:1px solid #66552b;background:#071009}.invite-quota b{font:32px var(--serif);color:#ddbf60}.invite-quota span{font:10px var(--mono);color:#ada07b;letter-spacing:1px}@media(max-width:700px){.profile-fields{grid-template-columns:1fr}.profile-fields .profile-bio{grid-column:auto}.invitation-setting{align-items:stretch;flex-direction:column}}
.global-search kbd,.topbar>.status{display:none}.topbar .global-search{width:min(380px,32vw)}
.hero:has(.deck-selector){display:grid;grid-template-columns:minmax(360px,1fr) 82px minmax(240px,280px) auto auto;align-items:center;column-gap:18px}.hero:has(.deck-selector)>.hero-stats{margin:0}.hero:has(.deck-selector)>.hero-stats div{width:82px}.hero:has(.deck-selector)>.deck-selector{margin:0;min-width:0}.hero:has(.deck-selector)>.deck-selector select{width:100%;height:40px}.hero:has(.deck-selector)>button{height:40px;margin-top:14px;display:flex;align-items:center;justify-content:center;white-space:nowrap}@media(max-width:1100px){.hero:has(.deck-selector){grid-template-columns:1fr 82px auto auto;row-gap:12px}.hero:has(.deck-selector)>div:first-child{grid-column:1/-1}.hero:has(.deck-selector)>.deck-selector{grid-column:1/3}.hero:has(.deck-selector)>button{margin-top:14px}}
.commander-builder .builder-top{display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto auto auto;align-items:center;gap:10px;padding:16px}.commander-builder .builder-top>div:first-child{min-width:0}.commander-builder .builder-top h2{margin:4px 0 0;line-height:1.05}.commander-builder .builder-top>.ghost-button,.commander-builder .builder-top>.metal-button,.commander-builder .deck-view-tabs button{height:34px;margin:0!important;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.commander-builder .deck-view-tabs{margin:0;gap:5px}.commander-builder .deck-view-tabs button{padding:0 12px}@media(max-width:980px){.commander-builder .builder-top{grid-template-columns:repeat(5,auto)}.commander-builder .builder-top>div:first-child{grid-column:1/-1}.commander-builder .deck-view-tabs{margin-left:auto}}
.discovery-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.discovery-intro{grid-column:1/-1;padding:70px;text-align:center;border:1px solid #604f29;background:#040b06;color:#a5956d}.discovery-intro b{font:18px var(--serif);color:#ddc475}.discovery-intro p{font:11px Georgia}.discovery-group{overflow:hidden;align-self:start}.discovery-group:first-child{grid-column:1/-1}.discovery-group>header{display:flex;align-items:center;padding:13px 15px;border-bottom:1px solid #5b4b29;color:#d2b458;font:11px var(--mono);letter-spacing:1px}.discovery-group>header span{margin-left:auto;color:#8f876d}.discovery-row{width:100%;display:flex;align-items:center;gap:12px;padding:13px 15px;border:0;border-bottom:1px solid #243025;background:transparent;color:#d9d2b4;text-align:left}.discovery-row>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.discovery-row b{font:12px var(--serif)}.discovery-row small{font:10px var(--mono);color:#898b76}.discovery-row button,.discovery-row>em{background:#101a10;border:1px solid #75612e;color:#d2b454;padding:7px 10px;font:10px var(--mono);font-style:normal}.discovery-link{cursor:pointer}.discovery-link:hover{background:#142016}.discovery-link>.orb{flex:0 0 12px}@media(max-width:760px){.discovery-results{grid-template-columns:1fr}.discovery-group:first-child{grid-column:auto}}
.auth-page{padding:0!important;min-height:100vh!important}.auth-brand{min-height:100vh;background-image:linear-gradient(90deg,transparent 68%,#010503 100%),linear-gradient(180deg,#00100870,#001008a8 62%,#001008d6),url("assets/electric-dragon-login.png")!important;background-position:center,center,center top!important;background-size:cover,cover,cover!important;background-repeat:no-repeat!important;box-shadow:none}.auth-brand:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 57%,#001108d9 0,#0011089c 18%,transparent 42%);z-index:0}.auth-brand:after{inset:0!important;width:auto!important;background-image:linear-gradient(90deg,transparent 70%,#010503 100%)!important;background-size:auto!important;mask-image:none!important}.auth-brand>*{position:relative;z-index:1}
.deck-finder-results .finder-card{grid-template-columns:68px 1fr auto;gap:14px;padding:12px 6px;min-height:104px}.deck-finder-results .finder-card img{width:64px;height:89px;border-color:#8c7336;border-radius:4px;box-shadow:0 5px 12px #0009}.deck-finder-results .finder-card b{font-size:12px}.deck-finder-results .finder-card small,.deck-finder-results .finder-card em{font-size:10px}
.commander-builder .commander-workspace{display:block!important;min-height:650px}.commander-builder .deck-content{width:100%;min-height:650px}.deck-card-finder{padding-top:14px}.semantic-search-slot{display:flex;border:1px solid #806b35;background:#030905}.semantic-search-slot input{flex:1;min-width:0;padding:14px;background:transparent;border:0;color:#eadfb8;outline:0;font:11px var(--sans)}.semantic-search-slot span{display:grid;place-items:center;padding:0 12px;border-left:1px solid #4f4528;color:#a88f4b;font:10px var(--mono);letter-spacing:1px}.card-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.card-filter-grid label{font:10px var(--mono);color:#bca45f;letter-spacing:1px}.card-filter-grid select{display:block;width:100%;margin-top:5px;padding:9px 7px;background:#07100a;border:1px solid #544827;color:#d6cda9;font:10px var(--mono)}.finder-summary{padding:8px 2px;border-bottom:1px solid #584a27;color:#9a8f6c;font:10px var(--mono);letter-spacing:1px}.deck-finder-results{max-height:470px;overflow:auto}.finder-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #252e20}.finder-card img{width:38px;height:53px;object-fit:cover;border:1px solid #69592e;border-radius:3px}.finder-card span{display:flex;min-width:0;flex-direction:column;gap:3px}.finder-card b{font:10px var(--serif);color:#ded1a5}.finder-card small,.finder-card em{font:10px var(--mono);color:#89866f}.finder-card em{color:#c1a653;font-style:normal}.finder-card button{padding:9px 12px;background:#172317;border:1px solid #ae8e3f;color:#e1c25e;font:10px var(--mono)}@media(max-width:760px){.card-filter-grid{grid-template-columns:1fr 1fr}.semantic-search-slot span{display:none}}
.builder-top [data-action="deck-settings"]{position:relative!important;z-index:2!important;background:linear-gradient(#66552c,#2c2515 50%,#17140c)!important;border:1px solid #c8a64e!important;color:#f1dda2!important;box-shadow:inset 0 1px #f1d67b55,inset 0 -5px 12px #0007,0 0 6px #d9b55212!important;padding:7px 10px!important;font:700 10px var(--mono)!important;letter-spacing:1px!important}.builder-top [data-action="deck-settings"]:hover{border-color:#f2d57b!important;box-shadow:inset 0 1px #fff4,0 0 11px #deb94f33!important;color:#fff4c7!important}
:root{--ink:#06100e;--panel:#0b1715e8;--panel2:#10211e;--line:#29443c;--line2:#48685d;--cream:#d8d6bd;--muted:#7d958c;--lime:#a8db62;--aqua:#65e0c5;--gold:#d2b267;--violet:#a779d2;--red:#d45c68;--serif:"Cinzel",serif;--sans:"Inter",sans-serif;--mono:"JetBrains Mono",monospace}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 15%,#12362c 0,transparent 28%),radial-gradient(circle at 30% 100%,#122f2a 0,transparent 32%),#050b0a;color:var(--cream);font-family:var(--sans);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.aurora{position:fixed;filter:blur(80px);border-radius:50%;opacity:.12;pointer-events:none}.aurora-a{width:500px;height:180px;background:#62ffd3;right:-120px;top:140px;transform:rotate(-22deg)}.aurora-b{width:400px;height:130px;background:#748dff;left:20%;bottom:-30px}
button,input,select{font:inherit}.shell{display:grid;grid-template:72px 1fr/244px 1fr;min-height:100vh}.topbar{grid-column:1/3;display:flex;align-items:center;padding:0 20px;background:linear-gradient(#10211ee8,#081310f5);border-bottom:1px solid #466356;box-shadow:0 5px 25px #000a;z-index:4;gap:12px}.sigil{width:42px;height:42px;transform:rotate(45deg);border:1px solid var(--gold);background:#101c19;box-shadow:inset 0 0 0 3px #070d0c,0 0 16px #d2b26725;color:var(--gold)}.sigil span{font:700 20px var(--serif);display:block;transform:rotate(-45deg)}.brand{min-width:175px;display:flex;flex-direction:column}.brand b{font:700 18px var(--serif);letter-spacing:2px;color:#e3d6a5}.brand small{font:600 10px var(--mono);letter-spacing:2.5px;color:var(--muted)}nav{height:100%;display:flex}.nav-item{border:0;border-bottom:2px solid transparent;background:none;color:#748b83;font:600 10px var(--mono);letter-spacing:1px;padding:0 15px}.nav-item.active{color:var(--cream);border-bottom-color:var(--lime)}.global-search{margin-left:auto;width:min(310px,25vw);height:36px;background:#050d0c;border:1px solid #2e4a42;display:flex;align-items:center;padding:0 10px;gap:8px;box-shadow:inset 0 2px 8px #000}.global-search input{width:100%;background:none;border:0;outline:0;color:var(--cream);font-size:12px}.global-search kbd{font:10px var(--mono);color:#60766e;border:1px solid #304941;padding:3px}.status{background:#0d201a;border:1px solid #29483e;color:#789c8d;font:10px var(--mono);letter-spacing:1px;padding:9px}.status i,.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px var(--lime);margin-right:4px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#a4cc7a,#285e50);border:2px solid #8ebd8d;color:#07100e;font:700 10px var(--mono)}
.sidebar{background:linear-gradient(90deg,#07100ff5,#0b1715ed);border-right:1px solid #263f38;padding:22px 12px;display:flex;flex-direction:column;min-height:calc(100vh - 72px)}.side-heading{font:700 10px var(--mono);letter-spacing:2px;color:#546d64;padding:0 10px 10px}.side-heading.spaced{margin-top:26px;display:flex;justify-content:space-between}.side-heading button{color:var(--lime);background:none;border:0}.side-link,.collection-link{width:100%;border:0;background:none;color:#81978f;display:flex;align-items:center;text-align:left;border-radius:3px}.side-link{padding:10px;font-size:11px;gap:10px}.side-link span{color:#90aa9f}.side-link em{margin-left:auto;font:10px var(--mono);font-style:normal}.side-link.active{color:#dfe4d0;background:linear-gradient(90deg,#1f3a32,#13231f);box-shadow:inset 2px 0 var(--lime)}.collection-link{padding:8px;gap:10px}.collection-link span{font-size:10px;display:flex;flex-direction:column;gap:3px}.collection-link small{font:10px var(--mono);color:#526a61}.collection-link.active{background:#0e1e1a;color:#dce1cd}.orb{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor}.orb.blue{background:#75cfe0;color:#75cfe0}.orb.green{background:#8bc476;color:#8bc476}.orb.purple{background:#a779d2;color:#a779d2}.portrait{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8565a7,#202947);color:white;font:700 10px var(--serif);border:1px solid #9277ae}.portrait.gold{background:linear-gradient(135deg,#c0a258,#443617)}.now-playing{margin-top:auto;border:1px solid #223a33;background:#091411;padding:13px;display:grid;grid-template-columns:1fr auto;gap:5px}.now-playing small{font:10px var(--mono);letter-spacing:1px;color:#5c746b}.now-playing b{font:10px var(--mono);color:#b5c6bd}.now-playing span{font:10px var(--mono);color:#536b62}.equalizer{grid-row:1/4;grid-column:2;display:flex;align-items:end;gap:2px}.equalizer i{width:2px;background:var(--lime);animation:eq 1s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:7px}.equalizer i:nth-child(2){height:15px;animation-delay:.2s}.equalizer i:nth-child(3){height:10px;animation-delay:.5s}.equalizer i:nth-child(4){height:18px;animation-delay:.3s}.equalizer i:nth-child(5){height:6px;animation-delay:.7s}@keyframes eq{to{height:4px}}
main{padding:22px;min-width:0}.panel{background:linear-gradient(135deg,#0d1c19ed,#091411f2);border:1px solid #2a453d;box-shadow:inset 0 1px #49645a55,0 12px 30px #0005;position:relative}.panel:after{content:"";pointer-events:none;position:absolute;inset:3px;border:1px solid #1d312b}.hero{min-height:125px;padding:25px 28px;display:flex;align-items:center;gap:35px;overflow:hidden;background:radial-gradient(circle at 68% 20%,#2e63573d,transparent 35%),linear-gradient(110deg,#10201d,#0b1714)}.hero:before{content:"✦  ◆  ✦";position:absolute;right:5%;font:70px var(--serif);color:#6c9c8110;letter-spacing:25px}.eyebrow{font:700 10px var(--mono);letter-spacing:2px;color:var(--lime)}.eyebrow span{color:var(--gold)}h1{font:600 31px var(--serif);margin:8px 0 5px;color:#e4dfc5;text-shadow:0 2px #000}h2{font:600 27px var(--serif);margin:8px 0}.hero p{margin:0;color:#789088;font:italic 11px Georgia}.hero-stats{margin-left:auto;display:flex;position:relative;z-index:1}.hero-stats div{width:90px;text-align:center;border-left:1px solid #2e4a42}.hero-stats b{display:block;font:500 23px var(--serif);color:#d9d5bb}.hero-stats span{font:10px var(--mono);color:#6c847b;letter-spacing:1px}.metal-button{position:relative;z-index:2;background:linear-gradient(#314b42,#192b25);color:#cbd9c9;border:1px solid #658374;box-shadow:inset 0 1px #89a69455,0 3px 8px #000;padding:12px 16px;font:700 10px var(--mono);letter-spacing:1px}.metal-button:hover{border-color:var(--lime);color:white}.metal-button.small{padding:7px 10px}
.toolbar{height:52px;margin-top:12px;display:flex;align-items:center;padding:6px;gap:6px}.tabs{display:flex;height:100%}.tab{background:none;border:0;border-right:1px solid #20372f;color:#607970;font:700 10px var(--mono);letter-spacing:1px;padding:0 16px}.tab.active{color:var(--lime);background:#132720;box-shadow:inset 0 -2px var(--lime)}.spacer{flex:1}.filter{background:#091411;border:1px solid #29433b;color:#789187;padding:8px 10px;font:700 10px var(--mono);letter-spacing:1px}.filter span{color:var(--lime);margin-left:12px}.dial{width:30px;height:30px;border-radius:50%;border:1px solid #456258;background:radial-gradient(circle,#1e332c 30%,#08110f 32%);position:relative}.dial i{position:absolute;width:2px;height:8px;background:var(--lime);left:13px;top:3px;transform:rotate(35deg);transform-origin:1px 12px}
.workspace{margin-top:12px;min-height:470px;overflow:hidden}.workspace-head{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263f37;background:#0b1614;font:700 10px var(--mono);letter-spacing:1.5px;color:#6d877d}.workspace-head b{color:#c5d1c6;margin-left:10px}.legend{display:flex;gap:8px;align-items:center;font-size:10px}.legend i,.ownership i{width:7px;height:7px;border-radius:50%;display:inline-block}.mine{background:var(--aqua);box-shadow:0 0 5px var(--aqua)}.mara{background:var(--violet);box-shadow:0 0 5px var(--violet)}.unowned{background:var(--red);box-shadow:0 0 5px var(--red)}.stack-stage{height:370px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#2a5c4d33,transparent 54%),linear-gradient(#0a1412,#07100e)}.stack-stage:after{content:"";position:absolute;left:8%;right:8%;bottom:32px;height:2px;background:linear-gradient(90deg,transparent,#5d806f,transparent);box-shadow:0 0 20px #80b79a}.stack{width:calc(100% - 120px);height:100%;margin:auto;position:relative}.card{position:absolute;top:36px;width:190px;height:266px;border-radius:9px;padding:8px;background:#171a19;border:1px solid #73877c;box-shadow:-8px 10px 25px #000b,inset 0 0 0 2px #101a17;transition:left .52s cubic-bezier(.2,.8,.2,1),transform .52s,opacity .35s;overflow:hidden}.card.active{box-shadow:-9px 14px 30px #000,0 0 26px #87d7a12a;border-color:#9fbcae}.card-art{height:126px;border:1px solid #52695f;position:relative;overflow:hidden;background:var(--art)}.card-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 35%,transparent 0 12%,#ffffff16 13% 14%,transparent 15%),linear-gradient(145deg,transparent 30%,#fff2 31%,transparent 32%)}.card-art .rune{position:absolute;inset:0;display:grid;place-items:center;font:50px var(--serif);color:#d5e9cfaa;text-shadow:0 0 15px #fff}.card-info{padding:7px 3px}.card-name{display:flex;justify-content:space-between;border-bottom:1px solid #48564f;padding-bottom:5px;font:700 10px var(--serif);color:#eee9d2}.mana{font:10px var(--mono);color:#cbdaa6}.type{font:700 10px var(--mono);color:#769087;padding:6px 0}.rules{font:10px Georgia;color:#b8c0ad;line-height:1.35}.card-footer{position:absolute;bottom:7px;left:11px;right:11px;display:flex;justify-content:space-between;font:10px var(--mono);color:#61766e}.quantity{position:absolute;right:8px;top:8px;z-index:2;background:#07100ee8;border:1px solid var(--lime);color:var(--lime);font:700 10px var(--mono);padding:4px 6px;border-radius:10px}.owner-tag{position:absolute;left:7px;bottom:7px;background:#0a1412e8;border-left:2px solid var(--aqua);font:700 10px var(--mono);padding:4px 6px;color:#afc8be}.owner-tag.mara-tag{border-color:var(--violet)}.arrow{position:absolute;z-index:30;top:43%;width:38px;height:65px;background:linear-gradient(#1c302a,#091310);border:1px solid #476459;color:#a7c5b6;font:32px Georgia}.arrow:hover{color:var(--lime);border-color:var(--lime)}.arrow.left{left:12px}.arrow.right{right:12px}.transport{height:58px;border-top:1px solid #294139;background:linear-gradient(#10201c,#091310);display:flex;align-items:center;padding:0 20px;gap:5px}.transport button{width:28px;height:27px;background:#0a1412;border:1px solid #304a42;color:#789187;font-size:10px}.transport .play{border-radius:50%;color:var(--lime);border-color:#60816f}.timeline{height:4px;background:#020807;flex:1;margin:0 12px;position:relative;box-shadow:inset 0 1px 2px #000}.timeline i{display:block;height:100%;background:linear-gradient(90deg,var(--aqua),var(--lime));width:0;transition:width .4s}.timeline span{position:absolute;width:9px;height:9px;background:#b4d691;border-radius:50%;top:-3px;left:0;box-shadow:0 0 8px var(--lime);transition:left .4s}.counter{font:700 10px var(--mono);color:#789087;background:#07100e;padding:7px 10px;border:1px solid #21372f}
.hidden{display:none!important}.table-wrap{padding:15px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;font:700 10px var(--mono);color:#6f897f;padding:10px;border-bottom:1px solid #3b554c}td{padding:12px 10px;border-bottom:1px solid #192d27;color:#a9bab2}td:nth-child(2){font-family:var(--serif);color:#dddcc6}.owner-pill{font:700 10px var(--mono);padding:4px 7px;border:1px solid #33564b;color:var(--aqua)}.draw-workspace{display:grid;grid-template-columns:1fr 1.3fr;padding:30px}.draw-controls{padding:20px 35px}.draw-controls p{color:var(--muted);font-size:11px}.draw-controls label{display:block;margin-top:18px;font:700 10px var(--mono);color:#789187;letter-spacing:1px}.draw-controls input,.draw-controls select{display:block;width:100%;margin-top:7px;background:#07100e;border:1px solid #355047;color:#cbd2c1;padding:10px}.draw-controls .metal-button{margin-top:24px}.oracle{margin:15px;border:1px solid #345047;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#2b544644,transparent 45%)}.oracle-ring{width:140px;height:140px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;font:55px var(--serif);color:var(--gold);box-shadow:0 0 30px #d2b26720,inset 0 0 30px #d2b2671a;margin-bottom:15px}.oracle b{font:600 15px var(--serif)}.oracle span{font:10px var(--mono);color:var(--muted);margin-top:5px}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.module{min-height:180px;padding:0 16px 14px}.module header{height:40px;border-bottom:1px solid #263f37;display:flex;align-items:center;gap:8px;font:700 10px var(--mono);letter-spacing:1px;color:#80988e}.module header>span{color:var(--lime)}.module header button{margin-left:auto;background:none;border:0;color:#6d897e;font:700 10px var(--mono)}.deck-title{display:flex;align-items:center;padding:15px 0 10px;gap:12px}.mini-card{width:35px;height:50px;border:1px solid #759180;background:radial-gradient(circle at 55% 40%,#a4e68a,#264f42 30%,#101c19 55%)}.deck-title>div:nth-child(2){display:flex;flex-direction:column}.deck-title small{font:10px var(--mono);color:var(--lime)}.deck-title b{font:600 14px var(--serif);margin:3px 0}.deck-title span{font:10px var(--mono);color:#6d847b;display:flex;align-items:center}.portrait.tiny{display:inline-grid;width:17px;height:17px;font-size:10px;margin-right:-4px}.portrait.tiny.second{background:#733b76}.deck-title strong{margin-left:auto;font:27px var(--serif);color:#cfd2ba}.deck-title strong small{color:#687f76;font-size:10px}.meter{height:4px;background:#050b0a}.meter i{display:block;height:100%;background:linear-gradient(90deg,#52bea4,var(--lime));box-shadow:0 0 6px var(--lime)}.ownership{display:flex;gap:16px;margin-top:10px;font:10px var(--mono);color:#6f887e}.ownership i{margin-right:4px}.activity{height:80px;position:relative;padding-top:14px}.wave{height:38px;display:flex;align-items:flex-end;gap:4px}.wave i{flex:1;background:linear-gradient(var(--lime),#254a3d);height:var(--h,30%)}.wave i:nth-child(2n){--h:70%}.wave i:nth-child(3n){--h:45%}.wave i:nth-child(5n){--h:90%}.activity>b{position:absolute;right:0;top:14px;font:23px var(--serif)}.activity>span{position:absolute;right:0;top:43px;font:10px var(--mono);color:#698078}.event{display:flex;align-items:center;border-top:1px solid #21372f;padding-top:10px}.event p{display:flex;flex-direction:column;margin:0 10px;font-size:10px}.event small{color:#60776e;margin-top:3px}.event button{margin-left:auto;background:none;border:1px solid #2e4a41;color:#728d82;font:10px var(--mono);padding:5px 8px}
@media(max-width:1000px){.shell{grid-template-columns:76px 1fr}.brand,.side-heading,.collection-link span,.side-link:not(.active),.now-playing,nav,.status{display:none}.sidebar{align-items:center}.collection-link{justify-content:center}.global-search{display:none}.hero-stats{display:none}.lower-grid{grid-template-columns:1fr}.card{width:170px;height:238px}.card-art{height:108px}}
@media(max-width:650px){.shell{display:block}.topbar{height:58px;position:sticky;top:0}.sidebar{display:none}main{padding:10px}.hero{padding:20px;min-height:110px}.hero h1{font-size:23px}.hero .metal-button{display:none}.toolbar{overflow-x:auto}.filter,.dial{display:none}.tab{padding:0 10px}.workspace{min-height:430px}.stack-stage{height:330px}.stack{width:100%}.card{top:35px;width:160px;height:224px}.card-art{height:98px}.card .rules{font-size:10px}.arrow{width:30px}.draw-workspace{grid-template-columns:1fr;padding:10px}.oracle{min-height:300px}.lower-grid{display:block}.module{margin-top:10px}}

/* End-to-end application screens */
.app-main{padding-bottom:50px}.side-bottom{margin-top:auto}.icon-button,.ghost-button{background:#091411;border:1px solid #355047;color:#91a99f;padding:9px 12px;font:700 10px var(--mono);letter-spacing:1px}.mobile-menu{display:none}.search-strip,.discover-search{margin-top:12px;padding:12px;display:flex;gap:10px}.search-strip input,.discover-search input,.card-browser input{flex:1;background:#06100e;border:1px solid #355047;color:var(--cream);padding:12px;outline:0}.search-strip select{background:#091411;border:1px solid #355047;color:var(--cream);padding:0 15px}.people-grid,.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.person-card{padding:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.portrait.large{width:55px;height:55px;font-size:15px}.person-card h3,.catalog-card h3{font:600 16px var(--serif);margin:0 0 5px}.person-card span{font:10px var(--mono);color:var(--muted)}.person-stats{display:flex;gap:20px}.person-stats b{font:22px var(--serif);display:flex;flex-direction:column;text-align:center}.person-stats small{font:10px var(--mono);color:var(--muted)}.person-card .metal-button{grid-column:2}.person-card .ghost-button{grid-column:3}.deck-layout{display:grid;grid-template-columns:240px 1fr;gap:12px;margin-top:12px}.deck-list{align-self:start;overflow:hidden}.deck-row{width:100%;display:flex;align-items:center;gap:10px;padding:13px;background:none;border:0;border-bottom:1px solid #1f352f;color:var(--cream);text-align:left}.deck-row.active{background:#142922;box-shadow:inset 2px 0 var(--lime)}.deck-row .mini-card{width:28px;height:40px}.deck-row span{display:flex;flex-direction:column;gap:3px}.deck-row b{font:10px var(--serif)}.deck-row small{font:10px var(--mono);color:var(--muted)}.deck-row em{margin-left:auto;font:12px var(--mono);color:var(--lime)}.builder{min-width:0;overflow:hidden}.builder-top{padding:14px 18px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.builder-top h2{margin:3px 0}.builder-top>.metal-button{margin-left:15px}.collaborators{margin-left:auto;display:flex}.collaborators .portrait{margin-left:-6px}.collaborators button{border:1px dashed #557168;background:#0b1715;color:var(--lime)}.warning-bar{padding:9px 14px;background:#3a3019;color:#d7bc75;font:10px var(--mono);border-bottom:1px solid #745e26}.warning-bar button{float:right;background:none;border:0;color:#f0d992;font:inherit}.builder-grid{display:grid;grid-template-columns:230px 1fr 190px;min-height:610px}.card-browser{border-right:1px solid var(--line);padding:10px;overflow:auto}.scope-tabs{display:flex;margin-bottom:8px}.scope-tabs button{flex:1;background:#081310;border:1px solid #29443c;color:#668078;padding:8px 3px;font:10px var(--mono)}.scope-tabs button.active{color:var(--lime);border-color:#547662}.browser-card{display:flex;align-items:center;gap:8px;padding:8px 3px;border-bottom:1px solid #1b302a}.browser-card>span{width:26px;height:34px;display:grid;place-items:center;background:#163129;color:var(--lime);font:15px var(--serif)}.browser-card div{display:flex;flex-direction:column;min-width:0}.browser-card b{font:10px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-card small{font:10px var(--mono);color:var(--muted)}.browser-card button{margin-left:auto;background:#13251f;border:1px solid #38564c;color:var(--lime)}.deck-zones{padding:10px;overflow:auto;background:#07100e99}.deck-zone{margin-bottom:10px;border:1px solid #263f37}.deck-zone header{padding:8px;background:#10211d;font:10px var(--mono);color:#8ba097}.deck-zone header b{float:right;color:var(--lime)}.deck-card-line{display:grid;grid-template-columns:24px 1fr 35px 70px 20px 20px 20px;align-items:center;padding:6px;border-top:1px solid #172b25;font-size:10px}.deck-card-line>span{color:var(--lime);font-size:13px}.deck-card-line small,.deck-card-line em{font:10px var(--mono);color:var(--muted)}.deck-card-line button{background:#10201c;border:1px solid #29443c;color:#b7c8c0}.analysis{border-left:1px solid var(--line);padding:0 12px}.radar{width:100px;height:100px;border:1px solid #48685d;border-radius:50%;margin:22px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#21453a,#091411 65%);box-shadow:0 0 25px #65e0c51b}.radar b{font:28px var(--serif)}.radar span,.analysis h4{font:10px var(--mono);color:var(--muted);letter-spacing:1px}.bars{height:90px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #39554b}.bars i{flex:1;background:linear-gradient(var(--lime),#1d5545);position:relative}.bars small{position:absolute;bottom:-14px;width:100%;text-align:center;font:10px var(--mono);color:var(--muted)}.analysis h4{margin-top:26px}.ownership-list{display:flex;flex-direction:column;gap:8px;font:10px var(--mono);color:#8da198}.ownership-list span{display:flex;align-items:center;gap:6px}.ownership-list i{width:7px;height:7px;border-radius:50%}.ownership-list b{margin-left:auto}.ai-button{width:100%;margin-top:20px;padding:11px 3px;background:linear-gradient(135deg,#24344c,#342448);color:#c6a9e0;border:1px solid #765c8b;font:10px var(--mono)}
.discover-search{align-items:center}.discover-search span{font-size:20px;color:var(--lime)}.discover-search button{background:#20372f;border:1px solid #58776a;color:#d2ddcf;padding:12px 25px;font:10px var(--mono)}.discover-tabs{display:flex;margin-top:12px;border-bottom:1px solid #314b43}.discover-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#6d847b;padding:12px 18px;font:10px var(--mono)}.discover-tabs button.active{color:var(--lime);border-color:var(--lime)}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-card{cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s}.catalog-card:hover{transform:translateY(-3px);border-color:#6b8a7c}.catalog-card>.card-art{height:150px}.catalog-card>.card-art>span{display:grid;place-items:center;height:100%;font:50px var(--serif);color:#e4ecd3aa}.catalog-card>div:last-child{padding:13px}.catalog-card small{font:10px var(--mono);color:var(--lime)}.catalog-card p{font:10px Georgia;color:#8fa097;min-height:48px}.catalog-card footer{display:flex;align-items:center;border-top:1px solid #29433b;padding-top:9px}.catalog-card footer button{margin-left:auto;background:none;border:0;color:#789187;font:10px var(--mono)}.art-green{background:radial-gradient(circle at 60% 42%,#b6e785 0 7%,#37745a 9% 28%,#142b25 55%,#09110f 80%)}.art-gold{background:radial-gradient(circle,#fff0a1 0 5%,#b38a45 7% 14%,#31564e 16% 30%,#111a18 65%)}.art-blue{background:linear-gradient(160deg,#0e2434,#356d7b 45%,#78c0b4 48%,#132927 70%)}.art-purple{background:linear-gradient(135deg,#172839,#6b6485 50%,#1a3539)}
.import-history{margin-top:12px}.import-row,.approval,.user-row,.public-row{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #223b33}.import-row>div,.approval>div,.public-row>div{display:flex;flex-direction:column;gap:4px}.import-row span,.approval span,.user-row span,.public-row span{font:10px var(--mono);color:var(--muted)}.import-row em{margin-left:auto;font:10px var(--mono);color:var(--lime)}.import-row time{font:10px var(--mono);color:var(--muted)}.import-row button,.user-row button,.public-row button{background:none;border:1px solid #38564d;color:#82998f;padding:7px;font:10px var(--mono)}.success{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#203c2e;color:var(--lime);font-style:normal}.admin-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:12px}.admin-users{grid-column:1/3}.approval .ghost-button{margin-left:auto}.health-grid{display:grid;grid-template-columns:1fr 1fr;padding:10px}.health-grid div{padding:14px;display:grid;grid-template-columns:auto 1fr;gap:3px;border:1px solid #1f372f}.health-grid span{grid-column:2;font:10px var(--mono);color:var(--muted)}.user-row b{min-width:120px}.user-row span{flex:1}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:12px;margin-top:12px}.profile-card{text-align:center;padding:35px}.hero-avatar{display:grid;margin:auto;width:85px;height:85px;font-size:20px}.profile-card>span{font:10px var(--mono);color:var(--lime)}.profile-card p{font:10px Georgia;color:var(--muted)}.public-items{overflow:hidden}.public-row button{margin-left:auto}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:12px;margin-top:12px}.settings-nav{display:flex;flex-direction:column;padding:10px;align-self:start}.settings-nav button{background:none;border:0;border-left:2px solid transparent;color:#71877f;text-align:left;padding:12px;font:10px var(--mono)}.settings-nav button.active{background:#13251f;border-color:var(--lime);color:var(--lime)}.settings-form{padding:0 25px 25px}.settings-form>label,.field{display:block;margin-top:18px;font:10px var(--mono);color:#799087;letter-spacing:1px}.settings-form input,.settings-form textarea,.settings-form select,.field input,.field textarea,.field select{display:block;width:100%;margin-top:7px;background:#07100e;border:1px solid #365148;color:var(--cream);padding:11px}.settings-form textarea{min-height:80px}.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:auto!important;margin:0!important}.form-actions,.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}
.modal-backdrop{position:fixed;z-index:100;inset:0;background:#020706d9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.modal{width:min(500px,100%);max-height:90vh;overflow:auto;padding:20px}.modal-wide{width:min(760px,100%)}.modal>header{display:flex;align-items:start;border-bottom:1px solid #2a453d;padding-bottom:12px}.modal>header h2{margin:4px 0}.modal>header>button{margin-left:auto;background:none;border:1px solid #365148;color:#9db0a7;font-size:18px}.stepper{display:flex;align-items:center;margin:20px 0}.stepper b{width:38px;height:38px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);position:relative}.stepper b span{position:absolute;top:43px;font:10px var(--mono)}.stepper i{height:1px;background:#3a564c;flex:1}.resolution-summary{display:flex;gap:10px;margin:18px 0}.resolution-summary b{flex:1;padding:14px;background:#10221c;font:22px var(--serif);display:flex;flex-direction:column}.resolution-summary span{font:10px var(--mono);color:var(--muted)}.resolved-list>div{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #20372f}.resolved-list span{display:flex;flex-direction:column}.resolved-list small{font:10px var(--mono);color:var(--muted)}.resolved-list button{margin-left:auto;background:none;border:0;color:#7c958a;font:10px var(--mono)}.invite-link{padding:14px;margin-top:20px;background:#05100c;border:1px dashed #577467;color:var(--lime);font:10px var(--mono);text-align:center}.card-detail{display:grid;grid-template-columns:240px 1fr;gap:25px;padding-top:18px}.detail-card{height:335px;border:1px solid #6a8377;padding:10px;background:#121b18}.detail-card .card-art{height:100%;display:grid;place-items:center}.detail-card .rune{font:75px var(--serif);color:#e4ecd3aa}.rules-large{padding:15px;background:#07100e;border:1px solid #29433b;font:13px Georgia;line-height:1.5}.card-detail dl{display:grid;grid-template-columns:100px 1fr;font-size:10px}.card-detail dt{font:10px var(--mono);color:var(--muted)}.analysis-ready{text-align:center;padding:25px}.analysis-ready>i{font:45px var(--serif);color:#b98de0}.empty-state{padding:45px;text-align:center;color:var(--muted);font:10px var(--mono)}#toast-root{position:fixed;right:20px;bottom:20px;z-index:200}.toast{background:#142a22;border:1px solid var(--lime);color:#d6e0d0;padding:12px 16px;margin-top:8px;box-shadow:0 10px 30px #000;font:10px var(--mono);animation:toast-in .2s ease}@keyframes toast-in{from{transform:translateY(10px);opacity:0}}
.toggle-settings>label{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:18px;padding:18px 4px;border-bottom:1px solid #20372f;cursor:pointer}.toggle-settings span{display:flex;flex-direction:column;gap:5px}.toggle-settings b{font:10px var(--mono);color:#dfc46f;letter-spacing:1px}.toggle-settings small{font:10px/1.45 Georgia;color:var(--muted)}.toggle-settings input{position:absolute;opacity:0}.toggle-settings label>i{position:relative;width:40px;height:20px;border:1px solid #536c60;background:#06100b}.toggle-settings label>i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:#65776c;transition:.18s}.toggle-settings input:checked+i{border-color:#c9a944;background:#142617;box-shadow:0 0 7px #c9a94422}.toggle-settings input:checked+i:after{left:23px;background:#e0c25c}
@media(max-width:1200px){.builder-grid{grid-template-columns:210px 1fr}.analysis{display:none}.catalog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.deck-layout,.profile-grid,.settings-layout{grid-template-columns:1fr}.deck-list{display:none}.builder-grid{grid-template-columns:1fr}.card-browser{border:0;max-height:300px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.people-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-users{grid-column:auto}.person-card{grid-template-columns:auto 1fr}.person-stats{display:none}.person-card .ghost-button{grid-column:2}.card-detail{grid-template-columns:1fr}.detail-card{width:220px;margin:auto}}
@media(max-width:650px){.catalog-grid{grid-template-columns:1fr}.mobile-menu{display:block;background:none;border:0;color:var(--cream)}.deck-card-line{grid-template-columns:20px 1fr 30px 20px 20px 20px}.deck-card-line em{display:none}.hero-stats{display:none}.person-card{padding:18px}.admin-users .user-row span{display:none}.health-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.draw-controls{padding:10px}.settings-form{padding:0 12px 15px}}

/* Authentication */
.auth-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:25px;background:radial-gradient(circle,#193d32,#050b0a 60%)}.auth-loading .sigil{animation:auth-pulse 1.2s ease-in-out infinite alternate}.auth-loading p{font:10px var(--mono);letter-spacing:3px;color:var(--muted)}@keyframes auth-pulse{to{box-shadow:0 0 35px #a8db6288,inset 0 0 0 3px #070d0c}}
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(380px,.9fr);position:relative;z-index:2}.auth-brand{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px;background:radial-gradient(circle at 50% 55%,#24544555,transparent 35%),linear-gradient(145deg,#07110f,#10241e)}.auth-brand:after{content:"";position:absolute;left:0;top:0;bottom:0;width:55%;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent)}.auth-brand h1{font-size:54px;letter-spacing:5px;margin:18px 0 5px;position:relative;z-index:1}.auth-brand p{font:italic 13px Georgia;color:#8ca39a;position:relative;z-index:1}.auth-sigil{width:72px;height:72px;display:grid;place-items:center;position:relative;z-index:1}.auth-sigil span{font-size:31px}.auth-art{display:flex;gap:18px;margin-top:70px}.auth-art i{width:105px;height:150px;border:1px solid #4c685e;border-radius:7px;display:grid;place-items:center;background:radial-gradient(circle,#3e795f,#0b1915 60%);font:42px var(--serif);color:#c8e0aa;box-shadow:-10px 15px 25px #0008;transform:rotate(-6deg)}.auth-art i:nth-child(2){transform:translateY(-18px);background:radial-gradient(circle,#867643,#161a17 60%)}.auth-art i:nth-child(3){transform:rotate(6deg);background:radial-gradient(circle,#405a77,#101a1b 60%)}.auth-panel{margin:auto;width:min(430px,calc(100% - 40px));padding:38px;z-index:2}.auth-panel>p{font:11px Georgia;color:var(--muted);line-height:1.5}.auth-panel form label{display:block;margin-top:17px;font:10px var(--mono);letter-spacing:1px;color:#82998f}.auth-panel form input{width:100%;display:block;margin-top:7px;padding:12px;background:#06100e;border:1px solid #355047;color:var(--cream);outline:0}.auth-panel form input:focus{border-color:var(--lime);box-shadow:0 0 0 2px #a8db6215}.auth-submit{width:100%;margin-top:24px}.auth-switch{width:100%;background:none;border:0;color:var(--aqua);font:10px var(--mono);padding:16px}.auth-panel>small{display:block;text-align:center;color:#526a61;font:10px var(--mono)}.auth-error{background:#35191d;border:1px solid #7d3842;color:#e2a6ad;padding:10px;margin:15px 0;font:10px var(--mono)}.pending-panel{text-align:center;grid-column:1/3}.pending-panel .oracle-ring{margin:0 auto 20px}.pending-panel .metal-button{margin-top:15px}.account-chip{display:flex;align-items:center;gap:8px;padding:0 10px 18px;margin-bottom:15px;border-bottom:1px solid #223a33}.account-chip span{display:flex;flex-direction:column}.account-chip b{font:10px var(--serif)}.account-chip small{text-transform:uppercase;font:10px var(--mono);color:var(--lime)}
@media(max-width:780px){.auth-page{grid-template-columns:1fr}.auth-brand{min-height:260px;padding:35px}.auth-brand h1{font-size:38px}.auth-art{display:none}.auth-panel{margin:30px auto}.pending-panel{grid-column:auto}}
.sidebar-collapsed .side-link[data-route="decks"]>span:after{content:"▥"}.commander-workspace .browser-card>div:first-child{margin-left:4px}
.sidebar-collapsed .collection-link{gap:0!important;position:relative}.sidebar-collapsed .collection-link .orb{display:block;flex:0 0 15px;position:absolute;left:50%;top:50%;margin:0!important;transform:translate(-50%,-50%)}
.card-browser .browser-card b{font-size:10px}.card-browser .browser-card small{font-size:10px;line-height:1.25}.card-browser .browser-card{padding-top:10px;padding-bottom:10px}
.commander-builder{overflow:visible}.commander-builder .builder-top{gap:12px}.deck-view-tabs{display:flex;margin-left:auto}.deck-view-tabs button,.sort-row button{background:#07100a;border:1px solid #5f512c;color:#938a6b;padding:8px 12px;font:10px var(--mono)}.deck-view-tabs button.active,.sort-row button.active{color:#e2c161;border-color:#c09e47;background:#172116}.commander-workspace{display:grid;grid-template-columns:255px 1fr;min-height:650px}.commander-workspace>.card-browser{border-right:1px solid #6b572c;padding:10px;max-height:760px;overflow:auto}.deck-content{min-width:0;padding:12px;background:#020704}.deck-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visual-category{border:1px solid #5c4c29;background:#07100a;min-height:205px;padding:8px;overflow:hidden}.visual-category>header,.list-category>header{height:28px;display:flex;align-items:center;border-bottom:1px solid #5c4c29;color:#d4b45b;font:10px var(--mono);letter-spacing:1px}.visual-category>header span,.visual-category>header b+span{margin-left:auto}.flat-stack-area{display:flex;gap:8px;padding:12px 3px;min-height:145px;align-items:flex-end}.flat-pile{width:86px;height:126px;position:relative;flex:0 0 86px}.deck-mini-card{position:absolute;left:0;bottom:0;width:86px;height:120px;border:1px solid #9b803a;border-radius:5px;background:#172117;overflow:hidden;transform:translateY(calc(var(--pile) * -20px));box-shadow:0 3px 8px #000}.deck-mini-card img{width:100%;height:100%;object-fit:cover}.deck-mini-card b{position:absolute;left:3px;right:3px;top:2px;background:#ece4ceb8;color:#17160f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px;font:10px Georgia}.deck-mini-card small{position:absolute;right:3px;bottom:2px;background:#07100add;color:#e0c267;font:10px var(--mono)}.visual-category footer{display:flex;justify-content:flex-end;gap:4px}.visual-category footer button{background:#0b170e;border:1px solid #69582e;color:#d7b75c}.empty-category{padding:25px;text-align:center;color:#716d59;font:10px var(--mono)}.deck-list-view{display:flex;flex-direction:column;gap:10px}.sort-row{display:flex;align-items:center;gap:6px;font:10px var(--mono);color:#958a69}.list-category{border:1px solid #5b4b27;padding:0 9px 9px}.deck-list-card{display:grid;grid-template-columns:minmax(150px,1fr) 55px minmax(170px,1.5fr) 90px 35px 25px;gap:7px;align-items:center;padding:7px;border-bottom:1px solid #222c1f;font-size:10px}.deck-list-card small,.deck-list-card em{font:10px var(--mono);color:#8d8b73}.deck-list-card button{background:#171e13;border:1px solid #65552d;color:#d1af57}.deck-statistics{margin-top:14px;display:grid;grid-template-columns:1.4fr .65fr 1fr 1fr;gap:10px;border-top:1px solid #745f30;padding-top:12px}.stat-panel,.average-stat{border:1px solid #514523;background:#07100a;padding:10px;min-height:150px}.stat-panel h3{font:10px var(--mono);color:#c6a951;letter-spacing:1px;margin:0 0 14px}.stat-bars{height:100px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #6e5c2e}.stat-bars i{flex:1;min-height:4px;background:linear-gradient(#d5b653,#315b37);position:relative}.stat-bars i b{position:absolute;top:-13px;width:100%;text-align:center;font:10px var(--mono)}.stat-bars i small{position:absolute;bottom:-15px;width:100%;text-align:center;font:10px var(--mono)}.average-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.average-stat>b{font:36px var(--serif);color:#e0c46c}.average-stat span{font:10px var(--mono);color:#8e876c}.distribution{display:flex;flex-direction:column;gap:6px}.distribution span{display:grid;grid-template-columns:35px 1fr 25px;position:relative;font:10px var(--mono);height:14px;align-items:center}.distribution span i{position:absolute;left:35px;top:2px;height:10px;background:linear-gradient(90deg,#3d7a48,#cfad50);opacity:.7}.distribution span b,.distribution span em{z-index:1}.distribution span em{text-align:right}.source-selector{max-height:420px;overflow:auto;border:1px solid #4e4325}.source-selector label{display:flex;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #2d3020}.source-selector label span{display:flex;flex-direction:column}.source-selector small{font:10px var(--mono);color:#8f8a70}.card-context-menu{position:fixed;z-index:500;background:#07100a;border:1px solid #c3a24b;box-shadow:0 10px 25px #000;padding:4px;display:flex;flex-direction:column}.card-context-menu button{background:#101b11;border:0;color:#e1c268;padding:10px 14px;text-align:left;font:10px var(--mono)}.card-context-menu button:hover{background:#26351c}.commander-workspace .browser-card{cursor:default}
@media(max-width:1050px){.deck-visual{grid-template-columns:1fr}.deck-statistics{grid-template-columns:1fr 1fr}.commander-workspace{grid-template-columns:220px 1fr}}@media(max-width:760px){.commander-workspace{grid-template-columns:1fr}.commander-workspace>.card-browser{max-height:300px;border-right:0}.deck-statistics{grid-template-columns:1fr}.deck-list-card{grid-template-columns:1fr 40px 25px}.deck-list-card small,.deck-list-card em{display:none}}
.deck-layout-single{grid-template-columns:1fr}.deck-selector{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;min-width:240px}.deck-selector>span{font:10px var(--mono);color:#bda457;letter-spacing:1px}.deck-selector select{background:#07100a;border:1px solid #9a7e38;color:#ead79b;padding:11px 34px 11px 12px;font:10px var(--mono)}.hero>.deck-selector{margin-left:auto}.hero>.deck-selector+.ghost-button{position:relative;z-index:2}.deck-visual{grid-template-columns:1fr}.visual-category{width:100%;min-height:240px}.flat-stack-area{min-height:175px;overflow-x:auto}.flat-pile{width:112px;height:158px;flex-basis:112px}.deck-mini-card{width:112px;height:156px}.card-owner-ribbon{position:absolute;z-index:5;left:3px;right:3px;top:21px;padding:3px 4px;background:#07100ad9;border:1px solid #b99742;color:#ecd27b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font:10px var(--mono);text-shadow:0 1px #000}.deck-list-card:before{content:"OWNER";display:none}.deck-list-card em{color:#dec069;font-style:normal}.deck-content>.deck-visual,.deck-content>.deck-list-view{width:100%}
.sidebar-collapsed .side-link,.sidebar-collapsed .collection-link{width:44px;height:38px;min-height:38px;margin:2px 0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:2px}.sidebar-collapsed .side-link>span{width:22px;height:22px;display:grid;place-items:center}.sidebar-collapsed .side-link>span:after{font:16px/1 var(--serif);display:block;color:#d7b65a;text-shadow:0 0 5px #d8b75b}.sidebar-collapsed .side-link[data-route="collection"]>span:after{content:"⌂"}.sidebar-collapsed .side-link[data-route="inventory"]>span:after{content:"▤"}.sidebar-collapsed .side-link[data-route="following"]>span:after{content:"⚭"}.sidebar-collapsed .side-link[data-route="decks"]>span:after{content:"♜"}.sidebar-collapsed .side-link[data-route="imports"]>span:after{content:"⇧"}.sidebar-collapsed .side-link[data-route="admin"]>span:after{content:"⚙"}.sidebar-collapsed .side-link[data-route="settings"]>span:after{content:"⚒"}.sidebar-collapsed .side-link[data-action="logout"]>span:after{content:"⇥"}.sidebar-collapsed .collection-link .orb{width:15px;height:15px;margin:0}.sidebar-collapsed .side-link.active,.sidebar-collapsed .collection-link.active{box-shadow:inset 3px 0 #d8b75b;background:linear-gradient(90deg,#26351c,#111b11)}

/* Verdant grimoire theme */
:root{--ink:#020704;--panel:#07120bea;--panel2:#0b1b11;--line:#514422;--line2:#8c7435;--cream:#e2d7b0;--muted:#8d896d;--lime:#c4a95d;--aqua:#b99a49;--gold:#d8b75b;--violet:#a8893e;--red:#a64b3f}
body{background:radial-gradient(circle at 78% 14%,#174526 0,transparent 27%),radial-gradient(circle at 24% 88%,#0e321b 0,transparent 36%),linear-gradient(135deg,#020604,#07130b 48%,#030805);color:var(--cream)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#d9bd5b06 4px),radial-gradient(circle at 50% 50%,transparent 45%,#0009 100%);z-index:-1}
.topbar{background:linear-gradient(#102116f5,#050b07fa);border-bottom:1px solid #8c7435;box-shadow:0 3px 25px #000,0 1px 18px #d8b75b22}.brand b,h1,h2,.card-name,.deck-row b,.catalog-card h3{color:#e7d399;text-shadow:0 0 12px #d4a94120,0 2px #000}
.sigil{border:2px solid #d1af52;background:radial-gradient(circle,#17351e,#060b07 65%);box-shadow:inset 0 0 0 3px #090e09,inset 0 0 18px #d7ae3b20,0 0 20px #d8b75b60;color:#f1cd68}.avatar,.portrait{background:radial-gradient(circle at 35% 30%,#536333,#152316 60%,#070b08);border-color:#b99a49;color:#ead79d;box-shadow:0 0 12px #d8b75b35}
.sidebar{background:linear-gradient(90deg,#030805fa,#0a160df5);border-right:1px solid #76612d;box-shadow:8px 0 25px #0008}.side-heading{color:#9f884b}.side-heading:before{content:"❦ ";color:#d6b85f}.side-link,.collection-link{color:#a7a080}.side-link.active,.collection-link.active{color:#f0dfae;background:linear-gradient(90deg,#26351c,#111b11);box-shadow:inset 3px 0 #d8b75b,0 0 15px #b79c4622}.side-link.active span{color:#e1bd58;text-shadow:0 0 9px #e2bc55}.orb{background:#b89b4b!important;color:#b89b4b!important;border:1px solid #f0cf73;box-shadow:0 0 12px #d8b75b}
.panel{background:linear-gradient(145deg,#0c1a10f2,#050b07f7);border:1px solid #77632f;box-shadow:inset 0 1px #d1b35d3b,inset 0 0 28px #071008,0 12px 35px #0009,0 0 18px #b8993c10}.panel:before{content:"";pointer-events:none;position:absolute;inset:5px;border:1px solid #af914225;clip-path:polygon(0 0,22px 0,22px 2px,calc(100% - 22px) 2px,calc(100% - 22px) 0,100% 0,100% 22px,calc(100% - 2px) 22px,calc(100% - 2px) calc(100% - 22px),100% calc(100% - 22px),100% 100%,calc(100% - 22px) 100%,calc(100% - 22px) calc(100% - 2px),22px calc(100% - 2px),22px 100%,0 100%)}.panel:after{border-color:#5d4c2670}
.hero{background:radial-gradient(circle at 72% 30%,#2f6a3845,transparent 34%),linear-gradient(110deg,#102417,#071009);border-color:#a1843b}.hero:before{content:"❦  ⚜  ❦";color:#d3b15117;text-shadow:0 0 25px #d7b34d;font-size:62px}.eyebrow{color:#d7b85e;text-shadow:0 0 10px #d7b85e55}.hero-stats div{border-color:#6d592d}.hero-stats b{color:#e2c66f;text-shadow:0 0 12px #d7b65a44}
.metal-button,.discover-search button{background:linear-gradient(#66552c,#2c2515 50%,#17140c);border:1px solid #c8a64e;color:#f1dda2;box-shadow:inset 0 1px #f1d67b77,inset 0 -5px 12px #0006,0 0 12px #d9b55225}.metal-button:hover{border-color:#f2d57b;box-shadow:inset 0 1px #fff5,0 0 22px #deb94f66;color:#fff4c7}.tab.active{color:#e2be5a;background:#18271a;box-shadow:inset 0 -2px #d4ad4e,0 5px 15px #d4ad4e18}.filter,.ghost-button{border-color:#745f2d;color:#c8b47b;background:#09130c}
.workspace-head{background:linear-gradient(#111f14,#071009);border-color:#5e4e29;color:#a8a07e}.workspace-head:before{content:"⚜";color:#c9a84f;margin-right:8px;text-shadow:0 0 9px #d8b75b}.stack-stage{background:radial-gradient(ellipse at 50% 72%,#28633c45,transparent 45%),linear-gradient(#08110a,#020604)}.stack-stage:after{background:linear-gradient(90deg,transparent,#c5a755,transparent);box-shadow:0 0 28px #d2ae4f}.card{background:linear-gradient(145deg,#342e1e,#11150f);border:2px solid #8d7537;box-shadow:-9px 14px 30px #000,inset 0 0 0 2px #12130d,inset 0 0 0 3px #b8974025}.card.active{border-color:#e0bd5c;box-shadow:-9px 16px 35px #000,0 0 24px #dcb64a66,0 0 55px #1d873c40}.card-art{border-color:#a88a3e;box-shadow:inset 0 0 30px #0008}.card-art .rune,.catalog-card>.card-art>span{color:#ead275cc;text-shadow:0 0 12px #e7c75b,0 0 30px #5eb56b}.quantity{border-color:#d8b75b;color:#f0cf70;background:#0a100ae8;box-shadow:0 0 12px #d8b75b55}.arrow{background:linear-gradient(#29351f,#0a100a);border-color:#9c803a;color:#d7b65a;box-shadow:0 0 15px #d8b75b22}.arrow:hover{color:#ffdf7b;border-color:#e3bd58;box-shadow:0 0 22px #d8b75b55}.timeline i{background:linear-gradient(90deg,#715d2b,#e0bd5a)}.timeline span{background:#e6c663;box-shadow:0 0 12px #e6c663}
th{color:#bda75f;border-color:#6b582d}td{border-color:#262616;color:#bbb494}tbody tr:hover{background:#142219}.oracle{border-color:#80682f;background:radial-gradient(circle,#20572e44,transparent 48%)}.oracle-ring{border:2px solid #d2ad4b;box-shadow:0 0 30px #d2ad4b55,inset 0 0 30px #2e7b3c55;color:#e3c15f}.success{background:#183921;color:#d8b75b;box-shadow:0 0 10px #4e9c5660}
.catalog-card:hover{border-color:#d4b257;box-shadow:0 0 24px #d4b2573b,0 12px 30px #000}.art-green,.art-blue,.art-purple,.art-gold{background:radial-gradient(circle at 52% 42%,#7da45f 0 5%,#315b38 13%,#152719 45%,#080d08 75%)}
.auth-brand{background:radial-gradient(circle at 50% 55%,#2f683855,transparent 36%),linear-gradient(145deg,#030805,#112718)}.auth-panel{box-shadow:0 18px 60px #000,0 0 35px #d4ad4930}.auth-switch{color:#d5b65a}.auth-panel form input:focus{border-color:#d4b255;box-shadow:0 0 12px #d4b25544}
.side-link>span{font-size:0}.side-link>span:after{content:"⚜";font:12px var(--serif);color:#d7b65a;text-shadow:0 0 9px #d8b75b}.collection-link .orb{border-radius:1px;clip-path:polygon(50% 0,100% 20%,88% 78%,50% 100%,12% 78%,0 20%)}
.side-heading{font-size:10px}
.side-heading.spaced{justify-content:flex-start;gap:5px}.side-heading.spaced button{margin-left:auto}
.account-chip b{font-size:13px}.account-chip small{font-size:10px;line-height:1.35}
.toolbar .tab{font-size:10px}
.card.card-image-mode{padding:0;background:#080b08;border-radius:10px;overflow:hidden}.printing-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}.card-image-mode .quantity{top:7px;right:7px;background:#061008ee;z-index:3}
.sidebar{position:relative;transition:width .25s ease,padding .25s ease}.sidebar-toggle{position:absolute;z-index:5;top:8px;right:8px;width:25px;height:25px;border:1px solid #9d8139;background:#07100a;color:#dfbd5d;box-shadow:0 0 6px #d8b75b22;font:18px/1 Georgia;cursor:pointer}.shell{transition:grid-template-columns .25s ease}.shell.sidebar-collapsed{grid-template-columns:68px 1fr}.sidebar-collapsed .sidebar{padding-left:8px;padding-right:8px;align-items:center}.sidebar-collapsed .account-chip span,.sidebar-collapsed .side-heading,.sidebar-collapsed .collection-link span,.sidebar-collapsed .side-link em{display:none}.sidebar-collapsed .account-chip{padding:34px 0 15px;justify-content:center;width:100%}.sidebar-collapsed .side-link,.sidebar-collapsed .collection-link{justify-content:center;padding:10px 4px;font-size:0}.sidebar-collapsed .side-link>span:after{font-size:14px}.sidebar-collapsed .collection-link .orb{width:13px;height:13px}.sidebar-collapsed .side-bottom{margin-top:auto}.sidebar-collapsed .sidebar-toggle{right:21px}.sidebar-collapsed .app-main{min-width:0}
.stack-stage{height:450px}.card{width:250px;height:350px;top:36px}.stack{max-width:760px}
.hero:before{content:none}

/* Lower-luminance forest pass */
body{background:radial-gradient(circle at 78% 14%,#0b2816 0,transparent 25%),radial-gradient(circle at 24% 88%,#071d10 0,transparent 34%),linear-gradient(135deg,#010302,#030a05 48%,#010402)}
.topbar{box-shadow:0 3px 25px #000,0 1px 12px #d8b75b11}.sigil{box-shadow:inset 0 0 0 3px #090e09,inset 0 0 12px #d7ae3b10,0 0 10px #d8b75b30}.avatar,.portrait{box-shadow:0 0 6px #d8b75b1c}.side-link.active,.collection-link.active{box-shadow:inset 3px 0 #d8b75b,0 0 8px #b79c4611}.side-link.active span,.side-link>span:after{ text-shadow:0 0 5px #d8b75b}.orb{box-shadow:0 0 6px #d8b75b}.panel{box-shadow:inset 0 1px #d1b35d28,inset 0 0 20px #030704,0 12px 35px #000a,0 0 9px #b8993c08}.brand b,h1,h2,.card-name,.deck-row b,.catalog-card h3{text-shadow:0 0 6px #d4a94110,0 2px #000}.hero{background:radial-gradient(circle at 72% 30%,#17401f30,transparent 32%),linear-gradient(110deg,#08170d,#030805)}.hero:before{text-shadow:0 0 12px #d7b34d}.eyebrow{text-shadow:0 0 5px #d7b85e2b}.hero-stats b{text-shadow:0 0 6px #d7b65a22}.metal-button,.discover-search button{box-shadow:inset 0 1px #f1d67b55,inset 0 -5px 12px #0007,0 0 6px #d9b55212}.metal-button:hover{box-shadow:inset 0 1px #fff4,0 0 11px #deb94f33}.tab.active{box-shadow:inset 0 -2px #d4ad4e,0 4px 8px #d4ad4e0c}.stack-stage{background:radial-gradient(ellipse at 50% 72%,#123d2130,transparent 43%),linear-gradient(#030905,#010302)}.stack-stage:after{box-shadow:0 0 14px #d2ae4f}.card.active{box-shadow:-9px 16px 35px #000,0 0 12px #dcb64a33,0 0 27px #1d873c20}.card-art .rune,.catalog-card>.card-art>span{text-shadow:0 0 6px #e7c75b,0 0 15px #5eb56b}.quantity{box-shadow:0 0 6px #d8b75b2b}.arrow{box-shadow:0 0 8px #d8b75b11}.arrow:hover{box-shadow:0 0 11px #d8b75b2b}.timeline span{box-shadow:0 0 6px #e6c663}.oracle-ring{box-shadow:0 0 15px #d2ad4b2b,inset 0 0 15px #2e7b3c2b}.catalog-card:hover{box-shadow:0 0 12px #d4b2571d,0 12px 30px #000}.auth-panel{box-shadow:0 18px 60px #000,0 0 18px #d4ad4918}.auth-panel form input:focus{box-shadow:0 0 6px #d4b25522}
.auth-page .auth-brand{background-image:linear-gradient(90deg,transparent 68%,#010503 100%),linear-gradient(180deg,#00100870,#001008a8 62%,#001008d6),url("assets/electric-dragon-login-v2.png")!important}
.import-file-field{padding:12px;border:1px dashed #6f5c2d;background:#07100a}.import-file-field input[type="file"]{display:block;width:100%;margin-top:8px;padding:9px;border:1px solid #384b3d;background:#040a06;color:#cfc29a;font:10px var(--mono)}.import-file-field input[type="file"]::file-selector-button{margin-right:12px;padding:8px 12px;border:1px solid #9c8038;background:#16150c;color:#ddc268;font:700 10px var(--mono);cursor:pointer}.import-file-field small{display:block;margin-top:7px;color:#8f8a72;font:10px/1.4 var(--mono)}
.collection-analytics{padding:18px;border-top:1px solid #705c2e;background:#030905}.collection-analytics>header{display:flex;justify-content:space-between;padding:0 2px 14px;color:#d6b657;font:700 10px var(--mono);letter-spacing:2px}.collection-analytics>header b{color:#91886c}.collection-analytics>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.collection-stat{padding:15px;min-height:190px}.collection-stat h3{margin:0 0 14px;color:#d1b258;font:700 10px var(--mono);letter-spacing:1.5px}.collection-stat .distribution span{min-height:22px}.collection-stat .distribution b{min-width:72px}@media(max-width:900px){.collection-analytics>div{grid-template-columns:1fr}}
.deck-visual{gap:18px}.visual-category{min-height:370px;padding:14px 16px 12px;overflow:hidden}.visual-category>header{height:38px;padding:0 4px;font-size:11px;position:relative;z-index:10;background:#07100a}.visual-category>header span{font-size:10px;letter-spacing:.6px;color:#b7a46d}.flat-stack-area{min-height:285px;padding:42px 12px 18px;gap:22px;align-items:flex-end;overflow-x:auto}.flat-pile{width:150px;height:245px;flex:0 0 150px}.deck-mini-card{width:150px;height:210px;transform:translateY(calc(var(--pile) * -28px));cursor:pointer}.deck-mini-card b{left:5px;right:5px;top:4px;padding:3px;font-size:11px}.deck-mini-card small{font-size:11px}.visual-category footer{height:34px;align-items:center}.visual-category footer button{width:30px;height:28px;font-size:18px;cursor:pointer}.card-owner-ribbon{top:27px;padding:4px}.deck-mini-card:hover{border-color:#e0bf60;filter:brightness(1.06)}@media(max-width:760px){.flat-stack-area{gap:14px;padding-left:4px}.flat-pile{width:132px;flex-basis:132px}.deck-mini-card{width:132px;height:185px}}
.oracle-card{position:relative;width:min(260px,78%);aspect-ratio:488/680;border:1px solid #c7a448;border-radius:12px;overflow:hidden;background:#050a06;box-shadow:0 18px 38px #000,0 0 16px #d2ad4b33}.oracle-card img{display:block;width:100%;height:100%;object-fit:cover}.oracle-card span{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 8px;background:#040a06e8;border:1px solid #806a34;color:#e4ca78;text-align:center;font:11px var(--serif)}
.visual-category{min-height:430px}.flat-stack-area{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:end;gap:34px;min-height:340px;padding:36px 18px 12px;overflow-x:auto}.lead-card-slot{width:210px;height:294px;display:flex;align-items:flex-end;justify-content:center}.deck-lead-card{position:relative!important;inset:auto!important;width:200px!important;height:280px!important;transform:none!important;z-index:20!important;box-shadow:0 16px 28px #000,0 0 12px #d3ae4d2b}.deck-pile-group{display:flex;align-items:flex-end;gap:28px;min-width:max-content}.flat-pile{width:180px;height:322px;flex:0 0 180px}.flat-pile .deck-mini-card{top:calc(var(--pile) * 28px);bottom:auto;width:180px;height:252px;transform:none;z-index:calc(var(--pile) + 1)}.flat-pile .deck-mini-card b{height:25px;display:block;padding:5px 6px;background:#eee5d8;color:#17150d;border-bottom:1px solid #6f5d33}.flat-pile .card-owner-ribbon{top:29px}.deck-lead-card b{font-size:12px}.visual-category footer{padding-top:4px}@media(max-width:820px){.flat-stack-area{grid-template-columns:170px minmax(0,1fr);gap:20px}.lead-card-slot{width:170px}.deck-lead-card{width:165px!important;height:231px!important}.flat-pile{width:150px;flex-basis:150px}.flat-pile .deck-mini-card{width:150px;height:210px}}
.distribution span{overflow:hidden}.distribution span i{max-width:calc(100% - 60px)}
.deck-mini-card:has(img)>b{display:none!important}.deck-mini-card:not(:has(img))>b{background:#07100a;color:#dfc36d;border-color:#806a33}
*{scrollbar-width:thin;scrollbar-color:#bd9a3f #06100a}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#06100a;border:1px solid #263c2c;border-radius:0}*::-webkit-scrollbar-thumb{background:#bd9a3f;border:2px solid #06100a;border-radius:0}*::-webkit-scrollbar-thumb:hover{background:#e0bd59}*::-webkit-scrollbar-corner{background:#06100a}

.topbar{position:sticky;top:0;z-index:20}
.sidebar{position:sticky;top:72px;align-self:start;height:calc(100vh - 72px);min-height:0;overflow-y:auto;overflow-x:hidden}
.stack{max-width:none}
.collection-analytics{overflow:hidden}
.collection-stat{min-width:0;overflow:hidden;box-sizing:border-box}
.collection-stat .distribution span{grid-template-columns:92px minmax(0,1fr) 38px;overflow:hidden}
.collection-stat .distribution span i{left:92px;right:auto;max-width:calc(100% - 130px)}
.collection-stat .distribution span b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}
.collection-stat .distribution span em{padding-left:6px;background:#07100a}
.stat-panel{min-width:0;overflow:hidden;box-sizing:border-box;padding-bottom:22px}
.stat-bars{height:82px;margin:22px 4px 18px;box-sizing:border-box}
.stat-bars i{max-height:100%}
.stat-bars i b{top:-16px;line-height:12px}
.stat-bars i small{bottom:-17px;line-height:12px}
.deck-statistics .distribution span{grid-template-columns:42px minmax(0,1fr) 34px;overflow:hidden}
.deck-statistics .distribution span i{left:42px;right:auto;max-width:calc(100% - 76px)}
.deck-statistics .distribution span em{padding-left:5px;background:#07100a}
@media(max-width:720px){.collection-stat .distribution span{grid-template-columns:76px minmax(0,1fr) 34px}.collection-stat .distribution span i{left:76px;right:34px}.collection-analytics{padding:12px}}
.visual-category footer{gap:8px;padding:8px 8px 4px}
.visual-category footer button{width:38px;height:65px;padding:0;background:linear-gradient(#29351f,#0a100a);border:1px solid #9c803a;color:#d7b65a;box-shadow:0 0 8px #d8b75b11;font:32px/1 Georgia;display:grid;place-items:center;cursor:pointer}
.visual-category footer button:hover{color:#ffdf7b;border-color:#e3bd58;box-shadow:0 0 11px #d8b75b2b}
.visual-category{position:relative}
.visual-category footer{position:absolute;z-index:40;inset:0;display:flex;align-items:center;justify-content:space-between;gap:0;width:auto;height:auto!important;min-height:0;padding:0 10px!important;pointer-events:none}
.visual-category footer button{pointer-events:auto}
.app-main{grid-column:2;grid-row:2;min-width:0}
.sidebar{position:fixed;left:0;top:72px;bottom:0;width:244px;height:auto;z-index:15;box-sizing:border-box;overflow-y:auto!important;overscroll-behavior:contain}
.sidebar-collapsed .sidebar{width:68px}
html,body,.sidebar,.visual-category,.table-wrap,.deck-finder-results{scrollbar-width:thin!important;scrollbar-color:#c7a348 #06100a!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.visual-category::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.deck-finder-results::-webkit-scrollbar{width:12px!important;height:12px!important}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track,.visual-category::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track,.deck-finder-results::-webkit-scrollbar-track{background:#06100a!important;border-left:1px solid #263c2c!important;border-radius:0!important}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb,.visual-category::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,.deck-finder-results::-webkit-scrollbar-thumb{background:#c7a348!important;border:2px solid #06100a!important;border-radius:0!important;min-height:36px}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover,.visual-category::-webkit-scrollbar-thumb:hover,.table-wrap::-webkit-scrollbar-thumb:hover,.deck-finder-results::-webkit-scrollbar-thumb:hover{background:#e1bf5b!important}
@media(max-width:1000px) and (min-width:651px){.sidebar{width:76px}.sidebar-collapsed .sidebar{width:68px}}
html body #app .shell>.sidebar{top:72px;bottom:0;height:calc(100vh - 72px)!important;min-height:calc(100vh - 72px)!important;background-color:#030805!important;background-image:linear-gradient(90deg,#030805 0%,#07120a 72%,#0a160d 100%)!important;background-repeat:no-repeat!important;background-size:100% 100%!important;background-clip:border-box!important}
html body #app .shell>.topbar{position:sticky;top:0;z-index:90;isolation:isolate;background-color:#06100a;background-image:linear-gradient(#102116 0%,#050b07 100%);background-clip:border-box}
.visual-category{min-height:490px;overflow:hidden!important}
.visual-category .flat-stack-area{height:410px;min-height:410px;box-sizing:border-box;padding:42px 68px 20px;overflow:visible!important;gap:24px}
.visual-category .deck-pile-group{gap:clamp(14px,2vw,24px)}
.visual-category .flat-pile{width:160px;flex-basis:160px;height:330px}
.visual-category .flat-pile .deck-mini-card{width:160px;height:224px}
.visual-category footer{padding-left:10px!important;padding-right:10px!important}
@media(max-width:900px){.visual-category{min-height:450px}.visual-category .flat-stack-area{height:370px;min-height:370px;padding:38px 58px 16px;grid-template-columns:165px minmax(0,1fr);gap:16px}.visual-category .lead-card-slot{width:165px}.visual-category .deck-lead-card{width:165px!important;height:231px!important}.visual-category .flat-pile{width:128px;flex-basis:128px;height:310px}.visual-category .flat-pile .deck-mini-card{width:128px;height:179px}.visual-category .deck-pile-group{gap:12px}}
.visual-category.commander-category{min-height:370px}
.visual-category.commander-category .flat-stack-area{height:290px;min-height:290px;padding-top:8px;padding-bottom:0;align-items:center}
.visual-category.commander-category .lead-card-slot{height:280px;align-items:center}
@media(max-width:900px){.visual-category.commander-category{min-height:335px}.visual-category.commander-category .flat-stack-area{height:255px;min-height:255px}.visual-category.commander-category .lead-card-slot{height:240px}}
.deck-statistics .distribution span{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;column-gap:6px;overflow:hidden}
.deck-statistics .distribution span b{grid-column:1;grid-row:1}
.deck-statistics .distribution span i{position:relative!important;grid-column:2;grid-row:1;left:auto!important;right:auto!important;top:auto!important;align-self:center;display:block;height:10px;min-width:0;max-width:100%!important;opacity:.9;background:linear-gradient(90deg,#3d7a48,#cfad50)}
.deck-statistics .distribution span em{grid-column:3;grid-row:1;background:#07100a;position:relative;z-index:2}
.deck-statistics .stat-panel:nth-child(3) .distribution span:nth-child(1) i{background:linear-gradient(90deg,#8d7c3d,#f4e7a8)}
.deck-statistics .stat-panel:nth-child(3) .distribution span:nth-child(2) i{background:linear-gradient(90deg,#174d78,#54aee8)}
.deck-statistics .stat-panel:nth-child(3) .distribution span:nth-child(3) i{background:linear-gradient(90deg,#221a28,#795487)}
.deck-statistics .stat-panel:nth-child(3) .distribution span:nth-child(4) i{background:linear-gradient(90deg,#722b21,#df6947)}
.deck-statistics .stat-panel:nth-child(3) .distribution span:nth-child(5) i{background:linear-gradient(90deg,#235c31,#72b65b)}
.deck-finder-results .finder-card img{cursor:zoom-in;transition:filter .15s,transform .15s}
.deck-finder-results .finder-card img:hover{filter:brightness(1.15);transform:scale(1.04)}
.card-preview-backdrop{position:fixed;z-index:160;inset:0;display:grid;place-items:center;padding:28px;background:#010503e8;backdrop-filter:blur(8px);cursor:zoom-out}
.card-preview{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;max-width:min(520px,92vw);max-height:94vh;padding:16px;background:#06100a;border:1px solid #c8a64e;box-shadow:0 24px 80px #000,0 0 24px #d7b34d24;cursor:default}
.card-preview img{display:block;max-width:min(440px,82vw);max-height:82vh;width:auto;height:auto;border-radius:18px;box-shadow:0 15px 40px #000}
.card-preview figcaption{padding-top:10px;color:#e3ca7b;font:13px var(--serif);text-align:center}
.card-preview button{position:absolute;z-index:2;right:-14px;top:-14px;width:34px;height:34px;border:1px solid #c8a64e;background:#07100a;color:#e5c86c;font:22px/1 Georgia;cursor:pointer}