@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101613;--panel:#18201c;--border:#2a352e;--muted:#929e94;--ink:#edf1df;--accent:#c4ed91;--gold:#e9c477}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{border:1px solid var(--border);background:#202a24;color:var(--ink);border-radius:7px;padding:9px 13px;transition:background .15s,border-color .15s}button:hover{background:#303d32;border-color:#6b7d63}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}header{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:55px;padding:0 max(28px,calc((100vw - 1440px)/2));background:#131b16}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:22px;letter-spacing:1px}.brand strong span{color:var(--accent);font-weight:400}.brand-icon{font-size:36px;color:var(--accent);transform:rotate(-35deg)}nav{display:flex;gap:32px;height:100%;align-items:center}nav a,nav button{color:var(--muted);background:none;border:none;height:100%;border-radius:0;padding:0}nav .current{display:grid;place-content:center;color:var(--accent);border-bottom:2px solid var(--accent)}nav button span{background:#2a352b;padding:2px 6px;border-radius:4px;margin-left:5px}.game-link{margin-left:auto;color:#c6cec1;font-size:12px}main{max-width:1440px;margin:auto;padding:38px 28px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--accent);display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-family:'Space Grotesk',sans-serif;font-size:33px;letter-spacing:-1.2px;margin:10px 0}p{color:var(--muted);line-height:1.6;margin:0}.data-label{font-size:10px;letter-spacing:1.5px;text-align:right;color:#bdc7b7}.data-label span{display:block;letter-spacing:0;margin-top:8px;color:var(--muted);font-size:11px}.workspace-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0 17px}.team-title{display:flex;align-items:center;gap:8px;min-width:0}.team-title>span:first-child{color:var(--accent);font-size:22px}.team-title input{background:none;border:none;color:var(--ink);font-size:17px;font-weight:600;width:200px;outline:none}.draft{font-size:8px;letter-spacing:1px;border:1px solid var(--border);padding:4px 6px;border-radius:4px;color:var(--muted)}.actions{display:flex;gap:7px}.actions button{font-size:11px}.primary{background:var(--accent);border-color:var(--accent);color:#1e2c16;font-weight:700}.primary:hover{background:#dcffb0}.workspace{display:grid;grid-template-columns:230px minmax(400px,1fr) 245px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel)}.synergy-panel{padding:19px 16px;display:flex;flex-direction:column;border-right:1px solid var(--border)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-heading h2{font-size:13px;margin:0;font-weight:600}.panel-heading>span{font-size:10px;color:var(--muted)}#synergies{display:flex;flex-direction:column;gap:7px;max-height:380px;overflow:auto}.trait{width:100%;text-align:left;display:flex;gap:10px;align-items:center;padding:9px;background:#1e2921;border-color:transparent}.trait.active{background:#28372b;border-color:#415039}.trait-icon{background:color-mix(in srgb,var(--tc) 18%,#18201c);color:var(--tc);border:1px solid color-mix(in srgb,var(--tc) 35%,transparent);height:30px;width:30px;border-radius:8px;display:grid;place-items:center;font-size:15px}.trait-info{flex:1}.trait-info strong{font-size:11px;display:block}.trait-info small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.trait-info small b{color:var(--accent)}.trait-count{font-size:16px;font-family:'Space Grotesk';color:#bec9b6}.synergy-tip{display:flex;gap:9px;margin-top:auto;padding-top:24px}.synergy-tip>span{color:var(--accent);font-size:20px}.synergy-tip p{font-size:10px}.empty-traits{padding:45px 8px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty-traits span{display:block;font-size:34px;color:#677d60;margin-bottom:12px}.arena-panel{padding:18px 24px 13px;background:radial-gradient(ellipse at 50% 30%,#27362a55,transparent 70%),#17211b}.arena-toolbar{display:flex;justify-content:space-between;align-items:center}.segmented{display:flex;background:#111a14;padding:3px;border:1px solid var(--border);border-radius:7px;gap:2px}.segmented button{font-size:10px;border:0;background:none;padding:7px 13px;color:var(--muted)}.segmented button.active{background:#354430;color:var(--accent)}.level{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}select{background:#202b23;border:1px solid var(--border);border-radius:6px;color:#d7dfcf;padding:8px 10px}.level select{font-size:12px;color:var(--accent);padding:4px 7px}.board-area{max-width:625px;margin:22px auto 18px}.board-caption{display:flex;justify-content:space-between;color:#6c806c;font-size:8px;letter-spacing:1.6px;margin:0 13px 12px}.rear{margin:15px 13px 0}.rear span:last-child{color:#bdc9b4;letter-spacing:0;font-size:10px}#board{display:flex;flex-direction:column;align-items:center;padding-right:4%}.hex-row{display:flex;width:94%;gap:5px;margin-top:-7px}.hex-row:nth-child(even){transform:translateX(7%)}.hex{width:calc(100% / 7);aspect-ratio:.90;border:0;border-radius:0;background:#354a37;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);position:relative;padding:0;overflow:visible;isolation:isolate}.hex:before{content:'';position:absolute;inset:1px;clip-path:inherit;background:#25362a;z-index:-1}.hex:hover:before,.hex.drop:before{background:#3b5135}.hex.occupied:before{background:#344730}.hex.selected{background:var(--accent)}.hex.selected:before{background:#425b36}.hex img{width:100%;height:85%;object-fit:contain;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 6px 3px #0006)}.hex .unit-stars{position:absolute;top:10%;left:0;right:0;font-size:8px;color:var(--gold);letter-spacing:1px;text-shadow:0 1px 3px #000}.hex .unit-items{position:absolute;bottom:12%;left:0;right:0;display:flex;justify-content:center;gap:2px}.unit-items i{font-style:normal;width:13px;height:13px;border-radius:3px;background:#121b15;font-size:8px;display:grid;place-items:center;border:1px solid #8fa176}.bench-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#81917e;margin-bottom:9px}.bench-heading span:last-child{letter-spacing:0;font-size:8px;color:#687b67}#bench{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.bench-slot{padding:0;aspect-ratio:1;border:1px solid #354533;border-bottom:3px solid #41553b;background:#1f2e23;border-radius:5px;position:relative;min-width:0}.bench-slot img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.bench-slot.selected{border-color:var(--accent)}.bench-slot small{position:absolute;bottom:0;left:0;right:0;color:var(--gold);font-size:7px}.arena-bottom{display:flex;justify-content:space-between;margin-top:13px;font-size:8px;color:#74866f}.detail-panel{border-left:1px solid var(--border);padding:19px 18px}.detail-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.detail-empty .outline-ball{font-size:60px;color:#40513f;margin-bottom:15px}.detail-empty h3{font-size:13px;font-weight:500}.detail-empty p{font-size:11px;max-width:175px}.detail-art{text-align:center;background:radial-gradient(circle,#35452a,transparent 65%);position:relative}.detail-art img{width:150px;height:130px;image-rendering:pixelated;object-fit:contain}.detail-art .cost{position:absolute;right:0;top:5px}.detail-name{text-align:center;font-family:'Space Grotesk';font-size:20px;margin:0 0 5px}.detail-role{text-align:center;color:var(--muted);font-size:10px}.badges{display:flex;gap:5px;justify-content:center;margin:12px 0}.type-badge{font-size:9px;padding:4px 7px;border-radius:4px;color:var(--tc);background:color-mix(in srgb,var(--tc) 13%,transparent)}.star-controls{display:flex;justify-content:center;gap:6px;margin:16px 0}.star-controls button{font-size:12px;color:var(--gold);padding:5px 10px}.star-controls button.active{border-color:#9d894e;background:#3e3824}.detail-meta{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:12px 0;color:var(--muted);font-size:10px}.detail-meta b{color:var(--ink)}.item-slots{display:flex;gap:7px;margin:8px 0 12px}.item-slot{width:calc(100% / 3);height:43px;display:grid;place-items:center;border:1px dashed #4b5944;border-radius:5px;font-size:19px;color:#718569;background:transparent;padding:0}.detail-note{font-size:10px;line-height:1.6;color:var(--muted)}.remove-unit{margin-top:15px;width:100%;font-size:10px;color:#d6a7a0;background:transparent}.library{margin-top:24px;border:1px solid var(--border);background:var(--panel);border-radius:10px;overflow:hidden}.library-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 20px}.tabs{display:flex;gap:23px}.tabs button{border:0;border-radius:0;background:none;color:var(--muted);padding:17px 0}.tabs button.active{border-bottom:2px solid var(--accent);color:var(--ink)}.tabs span{font-size:9px;color:var(--muted);background:#2a342b;padding:3px 5px;border-radius:4px;margin-left:5px}.library-hint{font-size:10px;color:var(--muted)}.filters{display:flex;gap:10px;padding:19px 20px 0}.search{display:flex;align-items:center;gap:10px;background:#111914;border:1px solid var(--border);border-radius:6px;padding:0 10px;flex:1}.search>span{font-size:23px;color:#9baa92}.search input{border:0;outline:none;background:none;color:var(--ink);width:100%;padding:10px 0;font-size:11px}kbd{font-size:10px;color:#82927b;border:1px solid #36432f;border-radius:3px;padding:1px 4px}.filters select{font-size:11px;min-width:135px}.cost-filter{display:flex;gap:4px;align-items:center}.cost-filter>span{color:var(--muted);font-size:10px;margin:0 5px}.cost-filter button{padding:6px 10px;font-size:11px}.cost-filter button.active{color:var(--accent);border-color:var(--accent)}.catalog-summary{display:flex;justify-content:space-between;padding:14px 20px 10px;color:#82907d;font-size:9px}.catalog-summary>span:last-child{color:#b4a16a}#catalog{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;padding:0 20px 20px;max-height:450px;overflow:auto}.pokemon-card{padding:5px 5px 8px;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;background:#212d24;border:1px solid #354334;border-bottom:2px solid var(--cc);border-radius:7px;overflow:hidden}.pokemon-card:hover{background:#354530;transform:translateY(-2px)}.pokemon-card img{width:90px;height:68px;max-width:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.pokemon-card strong{font-size:10px;font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pokemon-card .card-traits{font-size:8px;color:#84947f;margin-top:5px;white-space:nowrap}.cost{font-size:9px;color:var(--cc);font-weight:600}.pokemon-card .cost{position:absolute;top:7px;left:8px}.pokemon-card .add{position:absolute;right:7px;top:5px;color:#8fa584;font-size:13px}.item-card{grid-column:span 2;min-height:110px;text-align:left;padding:14px;display:flex;gap:12px;align-items:center}.item-card .item-icon{font-size:25px}.item-card strong{display:block;font-size:11px}.item-card small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:5px}.no-results{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}.notes{display:flex;gap:40px;margin:25px 0;border:1px solid var(--border);border-radius:9px;padding:23px;background:#151e18}.notes h2{font-size:13px;margin:0 0 6px}.notes p{font-size:11px;max-width:220px}.notes textarea{resize:vertical;min-height:68px;background:#111914;border:1px solid var(--border);border-radius:6px;color:var(--ink);padding:12px;flex:1;font-size:11px}footer{padding:15px 0 25px;font-size:9px;color:#7e8c77;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}footer b{font-family:'Space Grotesk';letter-spacing:1px;color:#b0bba2}footer p{width:100%;font-size:9px;color:#5f705c}footer a{color:#adbca0}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:var(--accent);color:#1d2d15;padding:12px 22px;border-radius:8px;box-shadow:0 8px 40px #0005;opacity:0;pointer-events:none;transition:.2s;z-index:5;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(560px,94vw);max-height:85vh;border:1px solid #475541;border-radius:12px;background:#19221c;color:var(--ink);padding:24px}dialog::backdrop{background:#071009bb;backdrop-filter:blur(4px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-top h2{font-size:19px;font-family:'Space Grotesk';margin:0}.modal-top button{font-size:20px;padding:2px 10px}#modal-body p{font-size:12px;margin-bottom:15px}#modal-body textarea{width:100%;height:130px;resize:vertical;background:#101813;color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:12px;margin:10px 0}#modal-body .primary{margin-top:10px}.saved-row{padding:12px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.saved-row strong{display:block;font-size:13px}.saved-row small{color:var(--muted);font-size:10px}.saved-row button{font-size:11px;padding:7px}.saved-row .saved-info{flex:1}.saved-preview{display:flex}.saved-preview img{width:35px;height:35px;image-rendering:pixelated}.trait-level{padding:12px;border:1px solid var(--border);margin:8px 0;border-radius:6px;font-size:12px}.trait-level b{color:var(--accent);margin-right:10px}*{scrollbar-width:thin;scrollbar-color:#485a40 transparent}@media(min-width:1550px){main{padding-top:45px}.hex{aspect-ratio:.94}}@media(max-width:1180px){.workspace{grid-template-columns:190px minmax(350px,1fr) 210px}.arena-panel{padding:18px 15px 13px}#catalog{grid-template-columns:repeat(8,minmax(0,1fr))}.actions button{padding:8px}.draft{display:none}.team-title input{width:180px}.bench-heading span:last-child{display:none}.filters select{min-width:110px}.cost-filter>span{display:none}}@media(max-width:950px){main{padding:25px 18px 0}header{padding:0 20px;gap:30px}.workspace{grid-template-columns:170px 1fr}.detail-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--border)}.detail-empty{min-height:70px;flex-direction:row;gap:16px}.detail-empty .outline-ball{font-size:37px;margin:0}.detail-empty p{max-width:300px}.detail-empty h3{margin:0}.detail-art{float:left;width:160px}.detail-name,.detail-role{text-align:left}.badges,.star-controls{justify-content:flex-start}.item-slots{max-width:230px}.detail-panel .panel-heading{margin-bottom:10px}.detail-meta{max-width:350px}.remove-unit{width:auto}.workspace-bar{flex-wrap:wrap}.actions{margin-left:auto}.filters{flex-wrap:wrap}.search{flex-basis:45%}#catalog{grid-template-columns:repeat(7,minmax(0,1fr))}.intro h1{font-size:29px}}@media(max-width:650px){header{height:65px;gap:20px}.brand{font-size:17px}.brand-icon{font-size:28px}nav{gap:15px;font-size:11px}.game-link{display:none}main{padding:24px 12px 0}.intro{margin-bottom:12px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:25px!important}.intro p{font-size:11px;max-width:275px}.data-label{display:none}.workspace-bar{gap:13px}.team-title input{width:200px}.actions{margin:0;width:100%;gap:5px}.actions button{flex:1;font-size:9px;padding:8px 4px}.actions #undo{flex:0 0 30px}.workspace{display:flex;flex-direction:column}.arena-panel{order:0;padding:15px 10px}.synergy-panel{order:1;border-top:1px solid var(--border);border-right:0;padding:16px}.detail-panel{order:2;padding:16px}#synergies{display:grid;grid-template-columns:repeat(2,1fr);max-height:210px}.empty-traits{grid-column:1/-1;padding:8px}.empty-traits span{display:none}.synergy-tip{padding-top:12px}.synergy-tip p{font-size:9px}.synergy-tip>span{font-size:14px}.hex-row{gap:3px;margin-top:-5px}.board-area{margin-top:24px}.library-hint{display:none}.filters{padding:13px 12px 0;gap:8px}.search{flex-basis:100%}.filters select{flex:1;min-width:0;font-size:10px}.cost-filter{order:5;width:100%}.cost-filter>span{display:block}.cost-filter button{flex:1}.library-top{padding:0 12px}#catalog{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px 15px;gap:7px}.catalog-summary{padding:12px}.pokemon-card strong{font-size:9px}.pokemon-card img{height:60px}.pokemon-card .card-traits{font-size:7px}.notes{flex-direction:column;gap:15px;padding:17px}.notes p{max-width:none}.notes textarea{width:100%}.item-card{grid-column:span 2;padding:10px}.item-card small{font-size:9px}.detail-empty{gap:12px}.detail-empty h3{font-size:12px}.detail-empty p{font-size:10px}.saved-preview{display:none}}

[hidden]{display:none!important}