*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#12131a;color:#e8e8f0}a{color:#9a9dfc}.content{min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:0 16px 48px}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #2a2b38;margin-bottom:24px}.brand{font-weight:700;font-size:1.1rem;color:#fff;text-decoration:none}.topbar nav{display:flex;align-items:center}.topbar nav a{margin-left:16px;color:#b8b9c8;text-decoration:none}.topbar nav a:hover{color:#fff}.topbar nav .nav-username{margin-left:16px}.topbar nav button.link{margin-left:8px}.nav-spacer{flex:1}.topbar nav{flex:1;margin-left:24px}.nav-dropdown{position:relative;margin-left:16px}.nav-dropdown-trigger{background:none;border:none;color:#b8b9c8;font:inherit;cursor:pointer;padding:4px 0}.nav-dropdown-trigger:hover,.nav-dropdown.open .nav-dropdown-trigger{color:#fff;background:none}.nav-caret{font-size:.7rem}.nav-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#16171f;border:1px solid #2a2b38;border-radius:8px;padding:6px 0;z-index:60;box-shadow:0 8px 24px #00000073}.nav-menu.align-right{left:auto;right:0}.nav-dropdown.open .nav-menu,.nav-dropdown:focus-within .nav-menu{display:block}@media (hover: hover){.nav-dropdown:hover .nav-menu{display:block}}.topbar .nav-menu a,.topbar .nav-menu button.link{display:block;width:100%;margin:0;padding:8px 16px;text-align:left;white-space:nowrap}.topbar .nav-menu a:hover,.topbar .nav-menu button.link:hover{background:#1c1d28}.legal{max-width:860px}.home-columns{display:grid;grid-template-columns:40fr 40fr 20fr;gap:24px;align-items:start}.home-col h2{margin-top:0}.home-commanders{margin-top:32px;padding-top:24px;border-top:1px solid #2a2b38}.commander-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px;margin:16px 0 0;padding:0;list-style:none}.commander-grid-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.commander-grid-item>img{width:100%;height:auto;aspect-ratio:488 / 680;border-radius:18px;object-fit:cover}.commander-pair{position:relative;width:100%;aspect-ratio:488 / 680}.commander-pair img{position:absolute;width:82%;height:auto;border-radius:16px;box-shadow:0 6px 16px #00000080}.commander-pair .partner-back{top:0;right:0;z-index:1;transform:rotate(6deg)}.commander-pair .partner-front{bottom:0;left:0;z-index:2}@media (max-width: 900px){.commander-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}@media (max-width: 560px){.commander-grid{grid-template-columns:1fr 1fr;gap:24px 16px}}.home-col h3{color:#9a9dfc;font-size:.95rem;margin:18px 0 8px}.article-stack{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.home-sidebar{display:flex;flex-direction:column;gap:16px}.side-box{background:#1c1d28;border:1px solid #2a2b38;border-radius:10px;padding:12px}.side-box h3{margin:0 0 10px;font-size:.85rem;color:#9a9dfc;text-transform:uppercase;letter-spacing:.04em}.side-box ol{list-style:none;counter-reset:side;margin:0;padding:0}.side-box li{counter-increment:side;display:block;padding:6px 0;border-top:1px solid #2a2b38;font-size:.85rem;overflow-wrap:anywhere}.side-box li:first-child{border-top:none}.side-box li:before{content:counter(side) ". ";color:#8b8ca0;display:inline}.side-box li span:first-child{display:inline}.side-box li .muted{display:block;font-size:.75rem}.side-commander{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none}.side-commander img{width:100%;height:auto;border-radius:8px;display:block}.side-commander strong{font-size:.9rem}@media (max-width: 900px){.home-columns{grid-template-columns:1fr}.home-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;list-style:none;padding:0}@media (max-width: 900px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.article-grid{grid-template-columns:1fr}}.article-card{display:flex;flex-direction:column;background:#1c1d28;border:1px solid #2a2b38;border-radius:10px;overflow:hidden;color:inherit;text-decoration:none}.article-card:hover{border-color:#5b5fef}.article-card.featured{grid-column:1 / -1;flex-direction:row}.article-card-cover{aspect-ratio:16 / 9;background:#16171f}.article-card.featured .article-card-cover{aspect-ratio:auto;flex:0 0 55%;min-height:220px}.article-card-cover img,.article-card-cover-empty{width:100%;height:100%;object-fit:cover;display:block}.article-card-cover-empty{background:linear-gradient(135deg,#23244a,#16171f)}.article-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px 16px}.article-card-body h3{margin:0;font-size:1.05rem}.article-card.featured h3{font-size:1.4rem}.article-card-body p{margin:0;color:#b8b9c8;font-size:.9rem}.article-page{max-width:720px;margin-left:auto;margin-right:auto}.article-body{line-height:1.7}.article-body h2,.article-body h3,.article-body h4{margin-top:1.6em}.article-body blockquote{margin:1em 0;padding:4px 16px;border-left:3px solid #5b5fef;color:#b8b9c8}.article-body code{background:#1c1d28;padding:1px 6px;border-radius:4px}.article-body a{color:#9a9dfc}.article-body hr{border:none;border-top:1px solid #2a2b38;margin:24px 0}.article-figure{margin:24px auto;text-align:center}.article-figure img{display:block;width:100%;max-width:500px;height:auto;margin:0 auto;border-radius:12px;box-shadow:0 4px 16px #00000080}.article-cover{width:100%;max-height:320px;object-fit:cover}.article-credit{margin-top:32px;padding-top:12px;border-top:1px solid #2a2b38}.article-image{max-width:100%;height:auto;border-radius:8px;display:block;margin:16px 0}.hamburger-btn{display:none;background:none;border:none;color:#e8e8f0;font-size:1.4rem;line-height:1;cursor:pointer;padding:4px 8px}@media (max-width: 640px){.hamburger-btn{display:block}.topbar nav{display:none;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;background:#16171f;border:1px solid #2a2b38;border-top:none;border-radius:0 0 12px 12px;padding:12px 16px 16px;gap:12px;z-index:50}.topbar nav.nav-open{display:flex}.topbar nav a,.topbar nav .nav-username,.topbar nav button.link{margin-left:0}.topbar nav button.link{text-align:left}.topbar nav{margin-left:0}.nav-spacer{display:none}.nav-dropdown{margin-left:0}.nav-dropdown-trigger{cursor:default;text-align:left;padding:0;color:#8b8ca0;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;pointer-events:none}.nav-caret{display:none}.nav-menu,.nav-dropdown:hover .nav-menu{display:block;position:static;background:none;border:none;box-shadow:none;padding:4px 0 0 8px;min-width:0}.article-card.featured{flex-direction:column}.article-card.featured .article-card-cover{flex:none;aspect-ratio:16 / 9;min-height:0}}h1{font-size:1.6rem}.section{margin:32px 0;padding-top:16px;border-top:1px solid #2a2b38}.muted{color:#8b8ca0;font-size:.9rem}.error{background:#3a1d1d;border:1px solid #6b2c2c;color:#ffb4b4;padding:10px 14px;border-radius:8px}.demo-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#23244a;border:1px solid #5b5fef;color:#e8e8f0;padding:14px 18px;border-radius:8px;margin-bottom:20px}.demo-banner strong{font-size:1.02rem}.demo-banner .actions{display:flex;gap:10px;flex-shrink:0}.demo-banner .actions a{color:#fff;background:#5b5fef;padding:8px 14px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem}.demo-banner .actions a.secondary{background:transparent;border:1px solid #5b5fef}.inline-form{display:flex;gap:8px;margin:16px 0}input,select{background:#1c1d28;border:1px solid #34364a;color:#e8e8f0;padding:8px 12px;border-radius:6px;font-size:.95rem}input{flex:1}button{background:#5b5fef;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.95rem}button:hover{background:#4a4ed9}button:disabled{background:#3a3b4a;cursor:not-allowed}button.link,button.link-danger{background:none;color:#8b8ca0;padding:0;font-size:.85rem;text-decoration:underline}button.link-danger{color:#ff8080}.card-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.card{background:#1c1d28;border:1px solid #2a2b38;border-radius:8px;padding:14px 16px}.card a{color:#e8e8f0;text-decoration:none}.card.row{display:flex;justify-content:space-between;align-items:center}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0}.checkbox-item{display:flex;align-items:center;gap:6px;background:#1c1d28;border:1px solid #2a2b38;border-radius:6px;padding:8px 10px;font-size:.9rem}.pod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:16px 0}.pod-card{background:#1c1d28;border:1px solid #2a2b38;border-radius:8px;padding:14px}.pod-card h4{margin-top:0;color:#9a9dfc}.points-editor{margin-top:10px;padding-top:10px;border-top:1px solid #2a2b38}.points-editor textarea{width:100%;resize:vertical}.pod-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.mana-curve{display:flex;align-items:flex-end;gap:12px;height:130px;margin:16px 0;padding:0 4px}.mana-curve-bar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;flex:1}.mana-curve-bar{width:100%;max-width:36px;min-height:2px;background:#5b5fef;border-radius:4px 4px 0 0}.deck-columns{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin:16px 0}.deck-column{width:180px;flex-shrink:0}.deck-column-header{background:#1c1d28;border:1px solid #2a2b38;border-radius:8px 8px 0 0;padding:8px 10px}.deck-column-header h4{margin:0;color:#9a9dfc;font-size:.9rem}.deck-column-header .muted{font-size:.75rem}.deck-stack{border:1px solid #2a2b38;border-top:none;border-radius:0 0 8px 8px;background:#16171f;padding:8px 8px 12px}.deck-stack-card{position:relative;margin-top:-128px;cursor:pointer}.deck-stack-card:first-child{margin-top:0}.deck-stack-card.expanded{margin-top:6px!important;cursor:default;z-index:5}.deck-stack-card img{width:100%;display:block;border-radius:6px;box-shadow:0 2px 6px #00000080}.deck-card-qty{position:absolute;top:4px;left:4px;background:#000000bf;color:#fff;font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:10px}.deck-card-noimg{display:flex;align-items:center;justify-content:center;text-align:center;height:250px;background:#1c1d28;border:1px dashed #34364a;border-radius:6px;padding:8px;font-size:.8rem}.deck-card-panel{background:#1c1d28;border:1px solid #2a2b38;border-radius:6px;padding:8px;margin-top:4px}.deck-card-panel .price{color:#9adba0}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;max-width:720px;margin:0 auto;z-index:1000;background:#1c1d28;border:1px solid #5b5fef;border-radius:10px;padding:14px 16px;box-shadow:0 6px 24px #00000080}.cookie-banner--reopened{bottom:auto;top:50%;transform:translateY(-50%)}.cookie-banner p{margin:0 0 10px;font-size:.88rem}.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:10px}.cookie-banner-actions .secondary{background:transparent;border:1px solid #5b5fef}.legal h2{margin-top:28px}.legal table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.88rem}.legal th,.legal td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid #2a2b38}.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.skeleton{background:#1c1d28;border:1px solid #2a2b38;border-radius:8px;animation:skeleton-pulse 1.3s ease-in-out infinite}.skeleton-list{display:flex;flex-direction:column;gap:8px}.skeleton-row{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}table.standings{width:100%;border-collapse:collapse;margin-top:12px}table.standings th,table.standings td{text-align:left;padding:8px 10px;border-bottom:1px solid #2a2b38}@media (max-width: 640px){table.standings{font-size:.85rem}table.standings th,table.standings td{padding:8px 6px}}tr.dropped{opacity:.5}.auth-page{max-width:360px;margin:40px auto 0}.form-stack{display:flex;flex-direction:column;gap:14px;margin:16px 0}.form-stack label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#b8b9c8}.accordion-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;text-align:left}.accordion-toggle h2{margin:0}.accordion-chevron{color:#8b8ca0;font-size:.9rem;flex-shrink:0;margin-left:12px}.badge{font-size:.75rem;padding:2px 8px;border-radius:999px;background:#2a2b38;color:#b8b9c8}.badge-admin{background:#3a2e6b;color:#cbb8ff}.me{font-weight:700;text-decoration:underline}.life-grid-wrapper{position:relative}.life-grid{display:grid;gap:6px;height:70vh;min-height:420px;border-radius:12px;overflow:hidden}.life-card{position:relative;overflow:hidden}.life-inner{display:flex;flex-direction:column;height:100%}.life-inner.rotated{transform:rotate(180deg)}.life-half{flex:1;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;color:#00000059;-webkit-tap-highlight-color:transparent}.life-counters-btn{position:absolute;left:8px;bottom:8px;z-index:2;width:32px;height:32px;border-radius:8px;border:none;background:#ffffff8c;color:#1a1a2e;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.life-counters-btn:active{background:#fffc}.life-half:active{background:#00000014}.life-center{flex:0 0 auto;text-align:center;padding:4px 0;pointer-events:none}.life-number-row{display:flex;align-items:baseline;justify-content:center;gap:8px}.life-number{font-size:clamp(2.5rem,10vw,5rem);font-weight:800;color:#1a1a2e;line-height:1}.life-delta{font-size:clamp(1rem,4vw,1.6rem);font-weight:700;min-width:1.5em}.life-delta.positive{color:#2e7d32}.life-delta.negative{color:#c62828}.life-label{font-size:.9rem;color:#0000008c;margin-top:4px}.life-toolbar{display:flex;justify-content:center;margin-top:16px}.life-toolbar button{font-size:1rem}@media (max-width: 640px){.life-page-title{display:none}.life-grid-wrapper{height:80vh}.life-grid-wrapper .life-grid{position:absolute;top:50%;left:50%;width:80vh;height:94vw;min-height:0;transform:translate(-50%,-50%) rotate(90deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-card{background:#1c1d28;border:1px solid #2a2b38;border-radius:12px;padding:24px;max-width:360px;width:100%}.modal-card h2{margin-top:0}.option-group{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.option-button{background:#2a2b38;border:1px solid #34364a;color:#e8e8f0;padding:8px 14px;border-radius:8px;cursor:pointer}.option-button.selected{background:#5b5fef;border-color:#5b5fef}.modal-card.scrollable{max-height:85vh;overflow-y:auto}.counter-list{display:flex;flex-direction:column;gap:8px;margin:8px 0 16px}.counter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#22232f;border:1px solid #2a2b38;border-radius:8px;padding:8px 12px}.commander-block{display:flex;flex-direction:column;gap:6px}.commander-block-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.counter-controls{display:flex;align-items:center;gap:10px}.counter-controls button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1rem}.counter-value{min-width:1.5em;text-align:center;font-weight:700}.counter-lethal{color:#ff8080}.result-win{background:#1f3d2b;color:#8fe3a8}.result-draw{background:#3d3a1f;color:#e3d38f}.result-loss{background:#3d1f1f;color:#e38f8f}.result-bye{background:#2a2b38;color:#b8b9c8}.result-none{background:#2a2b38;color:#9a9bab;border:1px dashed #4a4b5c}.no-result-toggle{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.9rem;cursor:pointer}.history-round{margin-bottom:28px}.history-round h3{margin-bottom:8px}.timer-display-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6vh 0}.timer-title{font-size:clamp(1rem,4vw,1.75rem);font-weight:600;color:#b8b9c8;margin-bottom:12px}.timer-clock{font-size:clamp(4rem,22vw,14rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:#e8e8f0}.timer-clock.overtime{color:#ff8080}.timer-overtime-label{margin-top:12px;color:#ff8080;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(.85rem,2.5vw,1.1rem)}.timer-controls{display:flex;gap:16px;align-items:center;margin-top:32px}.tv-columns{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap;margin-top:12px}.tv-qr-side{flex:1 1 320px;text-align:center}.tv-qr-box{display:inline-block;background:#fff;padding:16px;border-radius:12px;margin:16px 0;line-height:0}.tv-url{word-break:break-all}.tv-players-side{flex:1 1 320px}.tv-player-list{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.tv-player-list li{background:#1c1d28;border:1px solid #2a2b38;border-radius:8px;padding:10px 14px;font-size:1.1rem;font-weight:600}.site-footer{margin-top:48px;padding-top:24px;border-top:1px solid #2a2b38;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}.footer-pages{display:flex;flex-wrap:wrap;gap:16px}.footer-pages a{color:#b8b9c8;text-decoration:none;font-size:.9rem}.footer-pages a:hover{color:#fff}.footer-offering{display:flex;flex-direction:column;align-items:center}.footer-offering p{margin:0;color:#8a8b9a;font-size:.8rem}.footer-logo{height:74px;width:auto;margin-top:10px}@media (max-width: 640px){.site-footer{justify-content:center;text-align:center}}.commander-autocomplete{position:relative;width:100%}.commander-autocomplete input{width:100%}.commander-suggestions{position:absolute;top:100%;left:0;right:0;z-index:60;margin:4px 0 0;padding:4px;list-style:none;background:#1c1d28;border:1px solid #34364a;border-radius:6px;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px #0006}.commander-suggestions li{padding:8px 10px;border-radius:4px;cursor:pointer;font-size:.9rem}.commander-suggestions li:hover,.commander-suggestions li.highlighted{background:#2a2b38}.commander-hero{position:relative;min-height:180px;border-radius:12px;overflow:hidden;margin-bottom:24px;background-color:#1c1d28;background-size:cover;background-position:center right;display:flex;align-items:flex-end}.commander-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#12131af5,#12131acc,#12131a40 70%,#12131a00)}.commander-hero-content{position:relative;z-index:1;padding:24px}.commander-hero-content h1{margin:0 0 4px;font-size:clamp(1.6rem,4vw,2.4rem)}.commander-hero-content p{margin:0}
