/* Compact violet theme. Shared cell geometry keeps every edge in the hex grid flush. */
:root{--bg:#100d19;--panel:#1c172b;--border:#352b48;--muted:#a49ab9;--ink:#f1ecfc;--accent:#be9cff;--gold:#f3d27e}
body{background:radial-gradient(ellipse at 60% 0,#39224f33,transparent 55%),var(--bg)}
header{height:58px;background:#161121e8;gap:40px}main{max-width:1440px;padding-top:21px}.brand{font-size:20px}.brand-icon{font-size:29px}nav button span{background:#322541}.game-link{color:#d0c2e6}
.intro{margin-bottom:10px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:25px;margin:6px 0;letter-spacing:-.8px}.intro p{font-size:11px}.data-label{color:#c9b6e8}.data-label span{font-size:10px;margin-top:5px}
button{background:#2b213d;border-color:#423253;border-radius:8px}button:hover{background:#3d2c55;border-color:#8c68b6}button:focus-visible{outline-offset:2px}.primary{background:#b58bed;border-color:#c5a1fa;color:#21122f;box-shadow:0 3px 16px #9c5df51c}.primary:hover{background:#cbadfa}
.workspace-bar{padding:10px 0 12px}.team-title input{font-size:15px}.draft{color:#bba6d9;background:#b58bed0b;border-color:#49375e}.actions button{padding:7px 11px;font-size:10px}.workspace{grid-template-columns:200px minmax(360px,1fr) 228px;border-radius:14px;border-color:#48345c;box-shadow:0 10px 35px #08060f35}
.synergy-panel,.detail-panel{padding:15px 14px}.synergy-panel{background:#191425}.detail-panel{background:#1d172b}.panel-heading{margin-bottom:11px}.panel-heading h2{font-size:12px}.panel-heading>span{font-size:9px}.trait-legend{display:flex;gap:7px;margin-bottom:12px;font-size:8px}.trait-legend span{padding:3px 6px;border-radius:4px}.legend-bronze{background:#a86b3a25;color:#d8a17c}.legend-silver{background:#aebfd822;color:#d1d9ec}.legend-gold{background:#dab34622;color:#f3d27e}
#synergies{gap:6px;max-height:288px}.trait{--rank:#8d879e;padding:7px;gap:8px;min-height:47px;border:1px solid #3b3449;background:#24202e}.trait.inactive{opacity:.8}.trait.bronze{--rank:#dfa474;background:linear-gradient(110deg,#5a382c6b,#2a202d);border-color:#80513c}.trait.silver{--rank:#d2dcec;background:linear-gradient(110deg,#626d854f,#262432);border-color:#75809b}.trait.gold{--rank:#f4d47b;background:linear-gradient(110deg,#8f6c2445,#322630);border-color:#c19b4d;box-shadow:inset 0 0 17px #f0c75308,0 0 12px #e8b85d0a}.trait:hover{border-color:var(--rank);background-color:#34273f}.trait-icon{color:var(--rank);background:color-mix(in srgb,var(--rank) 12%,#211a2c);border-color:color-mix(in srgb,var(--rank) 40%,transparent);width:29px;height:29px;border-radius:7px}.trait-count,.trait-info strong{color:var(--rank)}.trait-count{font-size:18px;font-weight:600}.trait-info small{font-size:8px;color:#958c9f}.trait-info small b{color:var(--rank)}.synergy-tip{padding-top:14px;gap:7px}.synergy-tip p{font-size:9px}.synergy-tip>span{font-size:16px}.empty-traits{padding:25px 4px;font-size:11px}.empty-traits span{color:#8f70b6;font-size:28px;margin-bottom:8px}
.arena-panel{background:radial-gradient(ellipse at 50% 45%,#5c367043,transparent 80%),#20172f;padding:13px 20px 11px}.arena-toolbar{max-width:570px;margin:auto}.segmented{background:#15101f;border-color:#3a294d;padding:2px}.segmented button{padding:6px 12px;font-size:10px}.segmented button.active{background:#6d4893;color:#f4eaff;box-shadow:0 2px 8px #0d061d44}select{background:#2a203b;border-color:#463251;color:#e3d5f4}.level{font-size:10px}.level select{background:#3b2852;color:#e1c7ff;border-color:#735091}
.board-area{width:100%;max-width:530px;margin:16px auto 13px}.board-caption{color:#9e83bb;font-size:8px;letter-spacing:1.2px;margin:0 7px 8px}.rear{margin:9px 7px 0}.rear span:last-child{color:#d1bde5;font-size:10px}
/* Point-up regular hexagon: width/height = sqrt(3)/2; row pitch = 3/4 height. */
#board{display:block;position:relative;padding:0;width:100%;aspect-ratio:1.9985201626;isolation:isolate}.hex-row{display:contents;width:auto;margin:0;transform:none}.hex-row:nth-child(even){transform:none}.hex{position:absolute;left:calc(var(--col) * 100% / 7.5);top:calc(var(--row) * 300% / 13);width:calc(100% / 7.5);height:auto;aspect-ratio:.8660254038;margin:0;padding:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#70518c;border-radius:0;transition:background .12s;min-width:0}.hex:before{inset:1px;background:#30253f}.hex:hover:before,.hex.drop:before{background:#54396d}.hex:hover{background:#cfabff;z-index:1}.hex.occupied{background:#9a74b8}.hex.occupied:before{background:#50345f}.hex.selected{background:#e1c7ff;z-index:2}.hex.selected:before{background:#71468a}.hex:focus-visible{background:#fff;outline:none;z-index:3}.hex img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 4px 3px #09051577)}.hex .unit-stars{top:14%;font-size:8px;z-index:1}.hex .unit-items{bottom:18%;z-index:1}.hex>span:not([class]){color:#80668f!important;font-size:13px!important}.unit-items i{background:#25192f;border-color:#ae83cd}
.bench-heading{max-width:570px;margin:0 auto 6px;color:#b49acb;font-size:8px}.bench-heading span:last-child{color:#8c779e}#bench{max-width:570px;margin:auto;gap:4px}.bench-slot{aspect-ratio:1.16;background:#2b1f3c;border-color:#51375f;border-bottom-color:#77518b;border-radius:6px}.bench-slot:hover{background:#443057}.bench-slot.selected{border-color:#d5a6ff;background:#543367}.arena-bottom{max-width:570px;margin:9px auto 0;color:#9b82ad;font-size:8px}
.detail-empty{min-height:240px}.detail-empty .outline-ball{font-size:46px;color:#725089;margin-bottom:8px}.detail-empty h3{font-size:12px}.detail-empty p{font-size:10px}.detail-art{background:radial-gradient(circle,#7d4ba65c,transparent 66%)}.detail-art img{width:124px;height:100px}.detail-name{font-size:19px}.detail-role{font-size:9px}.badges{margin:9px 0}.type-badge{font-size:9px;border:1px solid color-mix(in srgb,var(--tc) 25%,transparent)}.star-controls{margin:11px 0}.star-controls button{padding:4px 9px;font-size:11px}.star-controls button.active{background:#5d462b;border-color:#c19b4d}.detail-meta{padding:10px 0;font-size:9px}.item-slots{margin:7px 0 9px;gap:6px}.item-slot{height:36px;background:#271b35;border-color:#76508e;font-size:17px;color:#b68ad2}.detail-note{font-size:9px;line-height:1.5}.remove-unit{font-size:9px;margin-top:10px;padding:7px;color:#e6a9bd}
.library{margin-top:16px;border-radius:12px;border-color:#413051;background:#1b1528}.library-top{padding:0 16px;background:#231a32}.tabs{gap:22px}.tabs button{padding:12px 0;font-size:12px}.tabs button.active{color:#e3ccff}.tabs span{background:#49305f;color:#d8b7f7;font-size:9px}.library-hint{font-size:9px;color:#b29cc4}.filters{padding:12px 16px 0;gap:8px}.search{background:#130e1d;border-color:#3d2c4c}.search>span{color:#c29ee2;font-size:21px}.search input{font-size:11px;padding:8px 0}kbd{border-color:#513969;color:#af91c7}.filters select{font-size:10px;padding:7px 9px;min-width:120px}.cost-filter button{padding:5px 9px}.cost-filter button:nth-of-type(1){color:#b4bdcb}.cost-filter button:nth-of-type(2){color:#7cdda8}.cost-filter button:nth-of-type(3){color:#85c0ff}.cost-filter button:nth-of-type(4){color:#cc9aff}.cost-filter button:nth-of-type(5){color:#f4d27b}.cost-filter button.active{background:#604078;border-color:#caa1f3}.catalog-summary{padding:10px 16px 8px;color:#ae99c0}.catalog-summary>span:last-child{color:#d2b67d}#catalog{padding:0 16px 16px;gap:7px;max-height:314px}
.pokemon-card{background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--pc) 17%,transparent),transparent 85%),#272035;border:1px solid color-mix(in srgb,var(--pc) 23%,#30243e);border-bottom:2px solid var(--cc);border-radius:8px;padding:2px 4px 7px}.pokemon-card:hover{background:color-mix(in srgb,var(--pc) 18%,#352247);border-color:var(--pc);box-shadow:0 4px 12px #0d071c55}.pokemon-card img{height:56px;width:80px}.pokemon-card strong{font-size:10px}.pokemon-card .card-traits{font-size:8px;margin-top:4px}.pokemon-card .cost{top:6px;left:7px;background:#170f2466;border-radius:3px;padding:1px 3px}.pokemon-card .add{color:#b393cd;right:6px;top:3px}.item-card{background:#2a1e3a;border-color:#513765;min-height:88px;padding:11px}.item-card:hover{background:#3f2b52}.item-card strong{font-size:10px}.item-card small{font-size:9px}.item-card .item-icon{font-size:23px}
.notes{margin:16px 0;padding:15px 18px;gap:28px;background:#1b1425;border-color:#392a49}.notes h2{font-size:12px}.notes p{font-size:10px}.notes textarea{min-height:50px;background:#130e1b;border-color:#3c2c4b;font-size:10px;padding:9px}footer{padding:9px 0 17px;color:#9c86ae;font-size:9px;gap:8px}footer b{color:#c9acdf}footer a{color:#c6a5df}footer p{color:#7d678f;font-size:8px}
dialog{background:#21172e;border-color:#76518e;box-shadow:0 20px 100px #08030eaa}dialog::backdrop{background:#0e0719bb}#modal-body textarea{background:#140e1d;border-color:#523562}.trait-level{background:#2a1d38;border-color:#4c345d}.saved-row{border-color:#443050}#toast{background:#d2b3fa;color:#2d153e;box-shadow:0 6px 32px #0c061c88}*{scrollbar-color:#70508c transparent}
@media(min-width:1550px){main{padding-top:23px}.hex{aspect-ratio:.8660254038}}
@media(max-width:1180px){.workspace{grid-template-columns:175px minmax(330px,1fr) 205px}.arena-panel{padding:13px 14px 11px}.synergy-panel,.detail-panel{padding:13px 12px}.filters select{min-width:100px}}
@media(max-width:950px){main{padding:18px 16px 0}.workspace{grid-template-columns:175px 1fr}.detail-panel{padding:12px 16px}.detail-empty{min-height:45px}.detail-empty .outline-ball{font-size:32px;margin:0}.detail-art{width:130px}.detail-art img{width:110px;height:90px}.intro h1{font-size:23px}.detail-name,.detail-role{text-align:left}.star-controls{margin:8px 0}.detail-meta{padding:8px 0}.detail-note{max-width:600px}}
@media(max-width:650px){header{height:53px;gap:18px;padding:0 14px}.brand{font-size:16px}.brand-icon{font-size:25px}nav{font-size:10px;gap:14px}main{padding:16px 10px 0}.intro{margin-bottom:4px}.intro h1{font-size:22px!important;margin:5px 0}.intro p{font-size:10px}.eyebrow{font-size:7px}.workspace-bar{padding:9px 0 10px;gap:9px}.team-title input{font-size:14px}.actions button{font-size:9px;padding:7px 4px}.arena-panel{padding:12px 11px 9px}.board-area{margin:13px auto 10px}.board-caption{font-size:7px;margin-bottom:6px}.rear{margin-top:7px}.hex-row{display:contents;margin:0}.hex{aspect-ratio:.8660254038}.hex .unit-stars{font-size:7px}.bench-slot{aspect-ratio:1.1}.arena-bottom{font-size:7px;margin-top:7px}.synergy-panel{padding:12px}.trait-legend{margin-bottom:8px}#synergies{grid-template-columns:repeat(3,minmax(0,1fr));max-height:165px;gap:5px}.trait{padding:6px;gap:5px;min-height:42px}.trait-icon{width:22px;height:25px;font-size:12px;flex:none}.trait-info strong{font-size:9px}.trait-info small{font-size:7px}.trait-count{font-size:14px}.synergy-tip{padding-top:8px}.synergy-tip p{font-size:8px}.detail-panel{padding:12px}.library{margin-top:12px}.library-top{padding:0 12px}.tabs button{padding:11px 0}.filters{padding:10px 12px 0;gap:7px}.filters select{min-width:0}.catalog-summary{padding:9px 12px 7px}#catalog{gap:6px;padding:0 12px 12px;max-height:294px}.pokemon-card img{height:53px}.pokemon-card strong{font-size:9px}.pokemon-card .card-traits{font-size:7px}.notes{padding:13px;gap:10px;margin:12px 0}.notes h2{font-size:11px}.notes p{font-size:9px}.notes textarea{min-height:45px;width:100%}.item-card{padding:9px;min-height:85px;gap:8px}}
@media(max-width:380px){#synergies{grid-template-columns:repeat(2,minmax(0,1fr))}.trait-info strong{font-size:10px}}