:root{--paper:#e9ece5;--white:#f4f4ee;--ink:#17221f;--ink-soft:#283732;--muted:#75817a;--line:#cbd0c7;--lime:#c7f064;--green:#355b49;--red:#ec6a54;--mono:'DM Mono',monospace;--sans:'Syne',system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #436e56;outline-offset:3px}.site-header{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,5vw,76px);border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:15px;font-weight:800;letter-spacing:-.07em;text-decoration:none}.wordmark-light{font-weight:500}.wordmark-icon{width:21px;height:21px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;transform:rotate(-7deg)}.wordmark-icon i{display:block;background:var(--ink)}.wordmark-icon i:nth-child(2){background:var(--green)}.wordmark-icon i:nth-child(3){background:var(--green)}.wordmark-icon i:nth-child(4){background:var(--lime)}.main-nav{height:100%;display:flex;align-items:center;gap:clamp(12px,2.3vw,34px)}.nav-tab{height:100%;position:relative;display:flex;align-items:center;gap:6px;padding:2px 0 0;border:0;background:none;color:#7d8980;font-size:9px;font-weight:700;letter-spacing:.11em;cursor:pointer;transition:color .2s}.nav-tab span{font-family:var(--mono);font-size:8px;color:#a0aaa1}.nav-tab:hover,.nav-tab.active{color:var(--ink)}.nav-tab.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green);content:''}.nav-tab.active span{color:var(--green)}.wallet-button{justify-self:end;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #c6ccc1;border-radius:2px;background:transparent;font-size:9px;font-weight:700;letter-spacing:.09em;cursor:pointer}.wallet-button b{font-family:var(--mono);font-size:11px}.wallet-bolt{color:#618749;font-size:14px}.mobile-menu{display:none;border:0;background:transparent;font-size:20px}.view{display:none;animation:fadeIn .3s ease}.view.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}main{width:min(1280px,100% - 64px);margin:0 auto}.hero{min-height:360px;position:relative;display:flex;align-items:center;padding:46px 6.5% 55px;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:1}.kicker,.section-index,.panel-top,.board-topline,.board-legend,.zoom-group,.palette-heading,.fine-print,.panel-foot,.price-card-top,.price-section-head>span,.rights-label,.stat-card>span,.stat-card>small,.ranking-header,.stats-period,.modal-kicker,.modal-note,.site-footer>span{font-family:var(--mono);font-size:8px;letter-spacing:.1em}.kicker{display:flex;align-items:center;gap:8px;margin:0 0 19px;color:#6f7e71}.live-pulse{width:6px;height:6px;display:inline-block;border-radius:50%;background:#65a674;box-shadow:0 0 0 3px #64a67422}h1{margin:0;font-size:clamp(43px,6.3vw,82px);font-weight:600;line-height:.94;letter-spacing:-.075em}h1 em,h2 em,.modal h2 em{font-style:normal;color:var(--green)}.hero-sub{margin:18px 0 0;color:#707a72;font-size:12px;line-height:1.75;letter-spacing:-.01em}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:1px;font-size:9px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .18s,background .18s,color .18s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:var(--green)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#d6ff79}.text-link{padding:5px 0;border:0;background:transparent;color:#526a58;font-size:9px;font-weight:700;cursor:pointer}.text-link:hover{color:#1f3628}.text-link span{padding-left:7px}.hero-stamp{width:205px;height:205px;position:absolute;right:11%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transform:translateY(-49%) rotate(6deg);border:1px solid #aeb8ab;color:#809083;font-family:var(--mono);font-size:8px;letter-spacing:.17em}.hero-stamp strong{position:relative;z-index:1;color:#73866f;font-family:var(--sans);font-size:72px;font-weight:500;line-height:.9;letter-spacing:-.11em}.stamp-grid{position:absolute;inset:0;background-image:linear-gradient(#a1b09e1a 1px,transparent 1px),linear-gradient(90deg,#a1b09e1a 1px,transparent 1px);background-size:10px 10px}.hero-meta{position:absolute;right:6.5%;bottom:15px;display:flex;gap:18px;color:#929c91;font-family:var(--mono);font-size:7px;letter-spacing:.1em}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:36px 0 19px}.section-index{margin:0 0 8px;color:#77837a}.section-heading h2,.price-section-head h2,.clan-board-head h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-.06em}.section-heading>p{margin:0;color:#778078;font-size:10px;line-height:1.7}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:stretch}.board-shell{min-width:0;border:1px solid #c8cdc4;background:#e1e5dd}.board-topline{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#78837b;font-size:7px}.board-topline>span:first-child{display:flex;align-items:center;gap:8px;color:#435449;font-weight:500}.board-topline b{padding:0 4px;color:#b1b8ae}.status-square{width:6px;height:6px;background:#789b73}.status-lime{background:#749243}.board-frame{position:relative;overflow:hidden;width:100%;height:clamp(370px,48vw,640px);background:#f4f4ee}.showcase-frame{background:#e0e8d8}.board-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:crosshair}.board-viewport.is-dragging{cursor:grabbing}#showcase-canvas,#battle-canvas,#battle-grid{position:absolute;top:0;left:0;width:1000px;height:1000px;transform-origin:0 0;image-rendering:pixelated;will-change:transform}#battle-grid{pointer-events:none}.selection-overlay{position:absolute;left:0;top:0;width:1000px;height:1000px;transform-origin:0 0;pointer-events:none;will-change:transform}.showcase-frame #showcase-canvas{background-color:#dfe8d9}.battle-frame #battle-canvas{background-color:#d9ddd4}.block-grid{position:absolute;left:0;top:0;width:1000px;height:1000px;pointer-events:none;background-image:linear-gradient(#26382a22 1px,transparent 1px),linear-gradient(90deg,#26382a22 1px,transparent 1px);background-size:10px 10px;transform-origin:0 0;will-change:transform;opacity:.6}.board-tooltip{position:absolute;right:10px;bottom:10px;padding:7px 8px;background:#17221fea;color:#dce6d7;font-family:var(--mono);font-size:7px;letter-spacing:.08em;pointer-events:none}.board-controls{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.board-legend{display:flex;gap:12px;color:#7b867d;font-size:7px}.board-legend span{display:flex;align-items:center;gap:5px}.board-legend i{width:6px;height:6px;display:inline-block}.legend-open{border:1px solid #82917e}.legend-owned{background:#637e62}.legend-select{background:var(--lime);outline:1px solid #657c49}.legend-pixel{background:#66865e}.zoom-group{display:flex;align-items:center;gap:5px;color:#69766c;font-size:7px}.zoom-group button{width:24px;height:23px;border:1px solid #c8cec4;background:transparent;font-family:var(--mono);font-size:13px;cursor:pointer}.zoom-group button:last-child{width:auto;padding:0 7px;font-size:6px}.zoom-group button:hover{background:var(--ink);color:white}.zoom-group span{min-width:33px;text-align:center}.side-panel{padding:15px;border:1px solid #c8cdc4;background:#f0f1eb}.panel-top{display:flex;align-items:center;justify-content:space-between;color:#7b867d;font-size:7px}.tiny-live{display:flex;align-items:center;gap:5px;color:#658064}.tiny-live i{width:5px;height:5px;border-radius:50%;background:#6fba78}.panel-big-number{display:flex;align-items:baseline;gap:6px;margin-top:25px}.panel-big-number strong{font-size:45px;font-weight:500;letter-spacing:-.09em}.panel-big-number span{color:#89948a;font-family:var(--mono);font-size:8px;letter-spacing:.12em}.meter,.stat-progress{height:3px;margin-top:9px;background:#d8ddd3}.meter i,.stat-progress i{width:0;height:100%;display:block;background:#718d68;transition:width .25s}.panel-copy{margin:12px 0 21px;color:#8a938b;font-size:9px;line-height:1.8}.panel-copy b{color:#405145}.selected-block{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #d6dad2;border-bottom:1px solid #d6dad2}.selected-block span{width:100%;color:#849087;font-family:var(--mono);font-size:7px;letter-spacing:.1em}.selected-block b{margin-top:7px;font-family:var(--mono);font-size:13px}.selected-block small{margin-top:7px;color:#919a90;font-size:8px}.full-width{width:100%;margin-top:14px}.fine-print{margin:9px 0 0;color:#929a91;font-size:7px;line-height:1.6;letter-spacing:.01em}.panel-foot{display:flex;justify-content:space-between;margin-top:24px;padding-top:10px;border-top:1px solid #d6dad2;color:#8a948a;font-size:7px}.bottom-note{display:flex;align-items:center;justify-content:center;gap:7px;padding:22px 0;color:#89928a;font-family:var(--mono);font-size:7px;letter-spacing:.08em}.bottom-note>span{color:#7f9775;font-size:14px}.bottom-note button{border:0;background:none;color:#50694f;font-family:var(--mono);font-size:7px;cursor:pointer}.page-intro{min-height:240px;display:flex;align-items:center;justify-content:space-between;padding:34px 6.5%;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(45px,6vw,73px)}.page-intro .hero-sub{font-size:11px}.battle-intro{min-height:220px}.battle-score{display:flex;flex-direction:column;align-items:flex-end;padding-right:5%;color:#8b958c}.battle-score span,.battle-score small{font-family:var(--mono);font-size:7px;letter-spacing:.12em}.battle-score strong{margin:3px 0;color:var(--ink);font-size:56px;font-weight:500;letter-spacing:-.09em}.battle-workspace{padding-top:22px}.battle-frame{height:clamp(440px,54vw,710px)}.palette-dock{padding:12px;border-top:1px solid #c8cdc4}.palette-heading{display:flex;justify-content:space-between;color:#758177;font-size:7px}.palette{display:flex;gap:7px;margin-top:9px}.color-swatch{width:23px;height:23px;border:1px solid #17221f33;border-radius:1px;cursor:pointer;transition:transform .12s,outline .12s}.color-swatch:hover{transform:translateY(-2px)}.color-swatch[aria-checked=true]{outline:2px solid #35493a;outline-offset:2px}.player-card{display:flex;align-items:center;gap:9px;margin:22px 0 18px}.avatar-pixel{width:33px;height:33px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:4px;background:#d7ded0}.avatar-pixel i{background:#718f66}.avatar-pixel i:nth-child(2){background:#c6db86}.avatar-pixel i:nth-child(3){background:#374b38}.player-card>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.player-card b{font-size:10px}.player-card span{color:#879087;font-family:var(--mono);font-size:7px}.icon-button{width:26px;height:26px;border:1px solid #d2d8cd;background:transparent;color:#6a7d68;cursor:pointer}.energy-card{padding:12px;border:1px solid #d4d9cf;background:#f4f5ef}.energy-top,.energy-bottom{display:flex;align-items:center;justify-content:space-between}.energy-top>span{color:#7b867d;font-family:var(--mono);font-size:7px;letter-spacing:.1em}.energy-top>b{font-family:var(--mono);font-size:12px}.energy-top>b i{color:#92a751;font-style:normal}.energy-top>b small{color:#a1aaa0;font-size:8px}.energy-slots{display:flex;gap:5px;margin:12px 0 9px}.energy-slots i{width:100%;height:5px;display:block;background:#bac9a6}.energy-slots i.empty{background:#e1e5dd}.energy-bottom{color:#8e978e;font-family:var(--mono);font-size:7px}.reward-button{width:100%;display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid #cbd7bd;background:#e8eddf;text-align:left;cursor:pointer}.reward-button:hover{background:#e1ebd4}.reward-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#c7d8ae;color:#4a6442;font-size:9px}.reward-button>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.reward-button b{font-size:8px}.reward-button small{color:#859184;font-size:7px}.reward-arrow{color:#718869}.panel-rule{height:1px;margin:17px 0 14px;background:#d7dbd3}.panel-stats-title{margin-bottom:14px}.panel-stats-title span:last-child{font-size:6px}.mini-stat{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #e0e3dc;color:#869087;font-family:var(--mono);font-size:7px}.mini-stat b{color:#354438;font-weight:500}.color-dot{width:7px;height:7px;display:inline-block;background:#f4f2e9;border:1px solid #aeb6ab}.market-intro{min-height:280px}.market-badge{width:137px;height:137px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #aeb8ab;transform:rotate(5deg);color:#8b958b;text-align:center;font-family:var(--mono);font-size:7px;letter-spacing:.12em;line-height:1.8}.market-badge strong{color:#597256;font-family:var(--sans);font-size:52px;font-weight:500;line-height:1}.price-section{padding:28px 0 13px}.price-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.price-section-head h2{font-size:22px}.price-section-head>span{color:#929b92;font-size:7px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.price-card{position:relative;min-height:252px;padding:16px;border:1px solid #c8cdc4;background:#f0f1eb}.price-featured{border-color:#67815d;background:#e2e9dc}.popular-ribbon{position:absolute;top:-1px;right:-1px;padding:6px 8px;background:#718a64;color:#f3f5ef;font-family:var(--mono);font-size:6px;letter-spacing:.08em}.price-card-top{display:flex;justify-content:space-between;color:#879287;font-size:7px}.price-card h3{margin:15px 0 4px;font-size:20px;font-weight:600;letter-spacing:-.05em}.price-card>p{margin:0;color:#89928a;font-size:8px}.price{display:flex;align-items:baseline;gap:7px;margin:13px 0}.price strong{font-family:var(--mono);font-size:27px;font-weight:500;letter-spacing:-.07em}.price small{color:#879188;font-size:8px}.price-card ul{min-height:56px;margin:0;padding:10px 0 5px;border-top:1px solid #d7dbd3;list-style:none}.price-card li{margin:4px 0;color:#677469;font-size:8px}.price-card li:before{margin-right:7px;color:#7b956d;content:'↗'}.button-outline-dark{width:100%;justify-content:space-between;border-color:#abb5a8;background:transparent;color:#415444}.button-outline-dark:hover{background:#e1e8dc}.price-featured .button-dark{width:100%;justify-content:space-between}.war-prices{padding-top:26px}.rights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rights-card{min-height:112px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:13px;border:1px solid #c8cdc4;background:#f0f1eb}.rights-label{grid-column:1/-1;color:#89948a;font-size:7px}.rights-card>strong{font-size:27px;font-weight:600;letter-spacing:-.06em}.rights-card>strong small{color:#879187;font-size:9px;font-weight:500}.rights-card>b{font-family:var(--mono);font-size:15px;font-weight:500}.rights-card .text-link{grid-column:1/-1;justify-self:start;font-size:8px}.rights-highlight{border-color:#aec098;background:#e4eadc}.pricing-disclaimer{max-width:800px;margin:18px 0 32px;color:#8a948a;font-size:8px;line-height:1.8}.stats-intro,.clans-intro{min-height:250px}.stats-period{display:flex;align-items:center;gap:8px;color:#758277}.stats-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;padding:24px 0}.stat-card{min-height:177px;padding:17px;border:1px solid #c8cdc4;background:#f0f1eb}.stat-card>span{display:block;color:#7d897f;font-size:7px}.stat-card>strong{display:block;margin-top:17px;font-family:var(--mono);font-size:35px;font-weight:400;letter-spacing:-.08em}.stat-card>strong small{margin-left:3px;color:#879287;font-size:15px}.stat-card>small{display:block;margin-top:13px;color:#9aa298;font-size:6px}.stat-large{grid-row:span 2;min-height:365px;background:#e3e9df}.stat-large>strong{font-size:58px}.stat-chart{height:165px;display:flex;align-items:end;gap:5px;margin-top:22px;padding-bottom:5px;border-bottom:1px solid #c8d0c3}.stat-chart i{flex:1;min-width:3px;background:#83987c}.stat-chart i:nth-child(4n){background:#b1c28d}.stat-card .stat-progress{height:5px;margin-top:21px}.stat-card .stat-progress i{background:#79916f}.people-dots{display:flex;gap:5px;margin-top:20px}.people-dots i{width:13px;height:13px;border-radius:50%;background:#bdc9af}.people-dots i:nth-child(3n){background:#819b78}.people-dots i:nth-child(5n){background:#d3d8cd}.stat-card .stat-clan-name{font-family:var(--sans);font-size:28px;font-weight:600;letter-spacing:-.07em}.clan-progress{background:#819b78!important}.stats-footnote{padding:0 0 28px;color:#8e978e;font-size:8px}.clans-intro{min-height:250px}.clans-intro>.button{align-self:center}.clan-board{margin:25px 0 48px;border:1px solid #c8cdc4;background:#f0f1eb}.clan-board-head{display:flex;align-items:end;justify-content:space-between;padding:19px;border-bottom:1px solid #d5d9d1}.clan-board-head h2{font-size:22px}.leaderboard-tabs{display:flex;gap:12px}.leaderboard-tabs button{padding:7px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:#89938a;font-family:var(--mono);font-size:7px;letter-spacing:.08em;cursor:pointer}.leaderboard-tabs button.active{border-color:#546e53;color:#455d46}.ranking-header,.ranking-row{display:grid;grid-template-columns:70px 1fr 100px 120px 130px;align-items:center}.ranking-header{height:35px;padding:0 19px;background:#e6e9e2;color:#879188;font-size:6px}.ranking-row{min-height:57px;padding:0 19px;border-top:1px solid #dce0d8;font-size:9px}.ranking-row .rank{font-family:var(--mono);color:#849084}.ranking-row .clan-name{display:flex;align-items:center;gap:9px;font-weight:700}.clan-mark{width:19px;height:19px;display:grid;place-items:center;background:var(--clan);color:white;font-size:9px}.ranking-row .members{color:#879188;font-family:var(--mono);font-size:8px}.ranking-row .pixels{color:#768276;font-family:var(--mono);font-size:8px}.ranking-row .score{font-family:var(--mono);font-size:10px}.ranking-row .score i{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--clan)}.clan-cta{display:flex;justify-content:space-between;padding:16px 19px;border-top:1px solid #d5d9d1;color:#7c877d;font-size:9px}.clan-cta b{color:#344638}.site-footer{min-height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,76px);border-top:1px solid var(--line)}.footer-wordmark{font-size:12px}.footer-wordmark .wordmark-icon{width:17px;height:17px}.site-footer>span{color:#9aa299;font-size:6px}.site-footer>div{display:flex;gap:17px}.site-footer>div button,.site-footer>div a{padding:0;border:0;background:transparent;color:#7a877c;font-size:8px;text-decoration:none;cursor:pointer}.site-footer>div button:hover,.site-footer>div a:hover{color:var(--ink)}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#17221fc2;backdrop-filter:blur(4px)}.modal-backdrop[hidden],.modal[hidden]{display:none}.modal{position:relative;width:min(420px,100%);padding:29px;border:1px solid #9da99a;background:var(--paper);box-shadow:0 20px 70px #0003}.modal-close{position:absolute;top:11px;right:13px;width:26px;height:26px;border:0;background:none;color:#768278;font-size:21px;cursor:pointer}.modal-kicker{color:#81907f;font-size:7px}.modal-glyph{width:40px;height:40px;display:grid;place-items:center;margin:21px 0 16px;border:1px solid #b7c2ae;color:#66815e;font-size:15px}.modal h2{margin:0;font-size:32px;font-weight:600;line-height:1.06;letter-spacing:-.06em}.modal>p{margin:14px 0;color:#758078;font-size:10px;line-height:1.75}.ad-progress{margin:17px 0}.ad-progress>div{height:4px;background:#d0d7c9}.ad-progress>div i{width:0;height:100%;display:block;background:#6d8b61}.ad-progress>span{display:block;margin-top:6px;color:#7c897b;font-family:var(--mono);font-size:8px}.modal-note{display:block;margin-top:12px;color:#96a095;font-size:7px;letter-spacing:0}.purchase-summary{display:flex;justify-content:space-between;align-items:center;margin:18px 0 4px;padding:12px 0;border-top:1px solid #d0d7ce;border-bottom:1px solid #d0d7ce;color:#68776b;font-size:9px}.purchase-summary strong{color:var(--ink);font-family:var(--mono);font-size:16px;font-weight:500}#clan-form{display:flex;flex-direction:column;gap:8px;margin-top:20px}#clan-form label{margin-top:5px;color:#829082;font-family:var(--mono);font-size:7px;letter-spacing:.1em}#clan-form input{height:40px;padding:0 10px;border:1px solid #c9d1c5;background:#f5f6ef;color:var(--ink);font-size:11px}#clan-form input::placeholder{color:#a4aca1}.clan-colors{display:flex;gap:7px}.clan-color{width:21px;height:21px;border:1px solid #17221f33;cursor:pointer}.clan-color[aria-checked=true]{outline:2px solid #314638;outline-offset:2px}.toast{position:fixed;left:50%;bottom:23px;z-index:30;max-width:calc(100% - 30px);transform:translate(-50%,12px);opacity:0;padding:11px 15px;background:#17221f;color:#edf0e7;font-family:var(--mono);font-size:9px;line-height:1.5;pointer-events:none;transition:.2s}.toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto;gap:14px;padding:0 20px}.main-nav{gap:12px}.nav-tab{font-size:8px}.hero-stamp{right:6%;width:165px;height:165px}.workspace-grid{grid-template-columns:minmax(0,1fr) 225px}.side-panel{padding:12px}.board-frame{height:clamp(340px,54vw,560px)}.battle-frame{height:clamp(400px,61vw,620px)}.palette{gap:5px}.color-swatch{width:20px;height:20px}.stats-grid{grid-template-columns:1.2fr 1fr}.stat-large{grid-row:span 2}.ranking-header,.ranking-row{grid-template-columns:50px 1fr 70px 90px 100px}}
@media(max-width:680px){.site-header{height:61px;grid-template-columns:1fr auto auto}.main-nav{position:absolute;top:61px;left:0;right:0;z-index:9;height:auto;display:none;flex-wrap:wrap;justify-content:center;gap:0;padding:10px;background:var(--paper);border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.nav-tab{height:34px;margin:0 10px}.wallet-button{padding:8px 9px;font-size:8px}.mobile-menu{display:block}.wordmark{font-size:13px}main{width:calc(100% - 28px)}.hero{min-height:360px;padding:36px 5% 45px}.hero h1{font-size:56px}.hero-stamp{top:31%;right:5%;width:100px;height:100px;opacity:.62}.hero-stamp strong{font-size:39px}.hero-stamp>span{font-size:5px}.hero-sub{font-size:10px}.hero-meta{right:5%;font-size:6px}.section-heading{align-items:start;gap:12px;padding-top:25px}.section-heading h2{font-size:22px}.section-heading>p{max-width:150px;font-size:8px}.workspace-grid{grid-template-columns:1fr;gap:10px}.board-frame{height:min(78vw,530px);min-height:310px}.board-topline{height:32px;padding:0 8px;font-size:6px}.board-controls{padding:0 8px}.board-legend{gap:7px;font-size:6px}.zoom-group{gap:3px}.zoom-group button{width:21px;height:21px}.side-panel{padding:13px}.showcase-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.showcase-panel .panel-top,.showcase-panel .panel-big-number,.showcase-panel .meter,.showcase-panel .panel-copy,.showcase-panel .selected-block,.showcase-panel .full-width,.showcase-panel .fine-print,.showcase-panel .panel-foot{grid-column:1/-1}.panel-big-number{margin-top:16px}.panel-big-number strong{font-size:38px}.showcase-panel .panel-copy{margin-bottom:12px}.panel-foot{margin-top:13px}.bottom-note{flex-wrap:wrap;font-size:6px}.page-intro{min-height:200px;padding:28px 4%}.page-intro h1{font-size:53px}.battle-intro{min-height:180px}.battle-score{padding:0}.battle-score strong{font-size:40px}.battle-score span,.battle-score small{font-size:6px}.battle-frame{height:min(86vw,580px);min-height:340px}.battle-workspace{padding-top:14px}.palette{justify-content:space-between;gap:4px}.color-swatch{width:clamp(16px,5vw,23px);height:clamp(16px,5vw,23px)}.palette-heading{font-size:6px}.player-card{margin:12px 0}.market-intro{min-height:230px}.market-badge{width:90px;height:90px;font-size:5px}.market-badge strong{font-size:36px}.price-section-head{align-items:end;gap:8px}.price-section-head h2{font-size:19px}.price-section-head>span{max-width:100px;text-align:right;font-size:6px}.price-grid{grid-template-columns:1fr;gap:8px}.price-card{min-height:0;padding:13px}.price-card h3{margin-top:9px}.price{margin:10px 0}.price-card ul{min-height:0}.price-card .button{margin-top:6px}.rights-grid{grid-template-columns:1fr}.rights-card{min-height:95px}.stats-intro,.clans-intro{min-height:200px}.stats-period{font-size:6px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;padding:15px 0}.stat-card{min-height:145px;padding:12px}.stat-large{grid-column:1/-1;grid-row:auto;min-height:235px}.stat-large>strong{font-size:47px}.stat-chart{height:85px}.stat-card>strong{font-size:29px}.people-dots{gap:3px}.people-dots i{width:10px;height:10px}.stat-card>small{font-size:5px}.clans-intro>.button{align-self:end;margin-bottom:10px;padding:0 10px;min-height:34px;font-size:8px}.clan-board{margin-top:16px}.clan-board-head{align-items:start;flex-direction:column;gap:11px;padding:14px}.clan-board-head h2{font-size:19px}.ranking-header,.ranking-row{grid-template-columns:34px 1fr 49px 69px 65px;padding:0 8px}.ranking-header{font-size:5px}.ranking-row{min-height:53px;font-size:7px}.ranking-row .clan-name{gap:5px;font-size:7px}.clan-mark{width:15px;height:15px;font-size:7px}.ranking-row .members,.ranking-row .pixels{font-size:6px}.ranking-row .score{font-size:7px}.ranking-row .score i{width:5px;height:5px;margin-right:3px}.clan-cta{align-items:start;gap:10px;padding:12px 9px;font-size:7px}.clan-cta .text-link{font-size:6px;white-space:nowrap}.site-footer{min-height:57px;padding:0 14px}.site-footer>span{display:none}.site-footer>div{gap:10px}.site-footer>div button,.site-footer>div a{font-size:7px}}


.auth-button{min-height:32px;padding:0 12px;font-size:9px;white-space:nowrap}.auth-signout{justify-self:end;font-size:9px}.war-prizes{margin:25px 0}.war-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.war-prize-grid article{min-height:112px;padding:16px;border:1px solid #cbd0c7;background:#f3f4ed;display:flex;flex-direction:column;gap:8px}.war-prize-grid article b{color:#718071;font-family:var(--mono);font-size:8px;letter-spacing:.1em}.war-prize-grid article strong{font-size:25px;font-weight:600;letter-spacing:-.05em}.war-prize-grid article span{color:#758078;font-size:9px;line-height:1.5}.ranking-empty{padding:28px 15px;text-align:center;color:#879188;font-family:var(--mono);font-size:9px}.clan-subscriptions{padding-bottom:28px}#clan-plan{min-height:40px;padding:0 9px;border:1px solid #c9d1c5;background:#f5f6ef;color:var(--ink);font-size:10px}
@media(max-width:900px){.auth-button{font-size:8px;padding:0 8px}.war-prize-grid article{padding:12px}.war-prize-grid article strong{font-size:21px}}
@media(max-width:680px){.site-header{grid-template-columns:1fr auto auto auto}.auth-button{height:28px;min-height:28px;padding:0 7px;font-size:6px}.auth-signout{font-size:7px}.war-prize-grid{grid-template-columns:1fr;gap:6px}.war-prize-grid article{min-height:80px}.war-prize-grid article strong{font-size:20px}.war-prize-grid article span{font-size:8px}}
.site-header{grid-template-columns:auto 1fr auto auto auto}.main-nav{justify-self:center}.auth-signout{font-size:9px}.battle-workspace .board-shell{min-width:0}.battle-intro{gap:18px}
.sponsor-feature{display:grid;grid-template-columns:auto 62px 1fr auto;align-items:center;gap:15px;margin:22px 0 10px;padding:14px 16px;border-block:1px solid #cbd0c7;background:#f3f4ed}.sponsor-feature-label{font-family:var(--mono);font-size:7px;letter-spacing:.1em;color:#627766;white-space:nowrap}.sponsor-brand-mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid #cbd0c7;background:#e6e9e0;color:#889386;font-size:23px}.sponsor-brand-copy{display:flex;flex-direction:column;gap:4px}.sponsor-brand-copy span{color:#879188;font-family:var(--mono);font-size:7px;letter-spacing:.1em}.sponsor-brand-copy strong{font-size:15px;letter-spacing:-.04em}.sponsor-brand-copy small{color:#758078;font-size:9px}.sponsor-feature>a{color:#4e7058;font-size:9px;text-decoration:none;white-space:nowrap}.sponsor-feature>a:hover{text-decoration:underline}
@media(max-width:680px){.sponsor-feature{grid-template-columns:1fr 44px 1fr;gap:8px;padding:11px 8px}.sponsor-feature-label{grid-column:1/-1}.sponsor-brand-mark{width:39px;height:39px}.sponsor-brand-copy strong{font-size:11px}.sponsor-brand-copy small{font-size:7px}.sponsor-feature>a{grid-column:1/-1}}
/* PIXELWAR art direction: ink-blue field, warm white type and a single electric citron accent. */
:root{--paper:#0f172a;--white:#f8fafc;--ink:#e7edf4;--ink-soft:#c8d2dc;--muted:#98a7b8;--line:#26374d;--lime:#c9f36a;--green:#82a9a0;--red:#ff806f}
body{background:#0f172a;color:#e7edf4}.site-header{position:sticky;top:0;z-index:12;background:#0d1525;border-color:#24344a;backdrop-filter:blur(12px)}.wordmark{color:#f3f6f4}.wordmark-icon i{background:#e6eee8}.wordmark-icon i:nth-child(2),.wordmark-icon i:nth-child(3){background:#77a497}.wordmark-icon i:nth-child(4){background:#c9f36a}.nav-tab{color:#9caabb}.nav-tab span{color:#66778c}.nav-tab:hover,.nav-tab.active{color:#f3f6f4}.nav-tab.active:after{background:#c9f36a}.nav-tab.active span{color:#c9f36a}.wallet-button{border-color:#31445b;color:#e8edf2}.wallet-bolt{color:#c9f36a}.button-dark{background:#e6eee8;color:#101827}.button-dark:hover{background:#c9f36a;color:#101827}.text-link{color:#c9f36a}.hero,.page-intro{border-color:#26374d}.hero{background-color:#101a2b;background-image:linear-gradient(90deg,transparent 49.7%,#ffffff05 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#ffffff05 50%,transparent 50.3%);background-size:32px 32px}.kicker,.section-index{color:#a4b4a4}.hero-sub,.section-heading>p{color:#abb8c6}.hero h1 em,h2 em,.modal h2 em{color:#c9f36a}.hero-stamp{border-color:#34465b;color:#c9f36a}.hero-stamp>span{color:#9caaad}.stamp-grid{opacity:.18}.hero-meta{color:#718399}.section-heading h2,.price-section-head h2,.clan-board-head h2{color:#edf2f6}.workspace-grid{gap:14px}.board-shell{border-color:#26374d;background:#111b2c}.board-topline{color:#abb8c6;border-bottom-color:#26374d}.board-frame{background:#101a2b}.board-controls{border-color:#26374d}.board-legend{color:#9cabb9}.zoom-group span{color:#d9e3eb}.zoom-group button{border-color:#31445b;color:#e7edf4}.zoom-group button:hover{background:#c9f36a;color:#0f172a}.palette-dock{border-color:#26374d;background:#111b2c}.palette-heading{color:#9aaabc}.side-panel{border-color:#26374d;background:#111b2c;color:#e4eaf0}.panel-top,.energy-top,.energy-bottom,.mini-stat,.selected-block,.panel-foot{color:#b1bdc8;border-color:#26374d}.panel-copy,.fine-print{color:#94a4b5}.panel-big-number strong,.player-card b,.mini-stat b{color:#edf2f6}.meter,.energy-card,.selected-block{background:#172438;border-color:#2b3c51}.energy-slots i{background:#c9f36a}.energy-slots i.empty{background:#26374d}.reward-button{border-color:#33465a;background:#172438;color:#edf2f6}.reward-button:hover{border-color:#c9f36a;background:#1d2d42}.reward-button small{color:#95a6b8}.board-tooltip{background:#0d1525dd;color:#e8eef2}.bottom-note{border-color:#26374d;color:#a0afbd}.price-card,.rights-card,.stat-card,.clan-board,.war-prize-grid article,.sponsor-feature{border-color:#28394e;background:#121e30;color:#e7edf4}.price-card p,.price-card li,.pricing-disclaimer,.stats-footnote,.war-prize-grid article span{color:#9caabc}.price-card h3,.rights-card strong,.rights-card b,.price strong{color:#f0f4f6}.price-card-top,.price-section-head>span,.rights-label,.stat-card>span,.stat-card>small,.ranking-header{color:#92a1b3}.price-featured{border-color:#a9d54a;background:#16263b}.popular-ribbon{background:#c9f36a;color:#121a27}.rights-highlight{border-color:#a9d54a}.price-section-head{border-bottom-color:#26374d}.stats-period{color:#b0c0c7}.stat-card{box-shadow:none}.stat-card>strong{color:#f0f4f6}.ranking-header,.ranking-row,.clan-board-head,.clan-cta{border-color:#28394e}.ranking-row .clan-name,.ranking-row .score{color:#e7edf4}.ranking-row .members,.ranking-row .pixels{color:#9aa9ba}.clan-cta{color:#a0afbd}.clan-cta b{color:#e7edf4}.site-footer{border-color:#26374d}.site-footer>span,.site-footer>div button,.site-footer>div a{color:#8b9bae}.footer-wordmark{color:#e7edf4}.modal-backdrop{background:#080d16dd}.modal{border-color:#34475d;background:#111b2c;color:#e7edf4}.modal>p,.modal-note{color:#a1afbe}.modal-close{color:#9eacba}.purchase-summary{border-color:#34475d;color:#a8b4c0}.purchase-summary strong{color:#f2f5f8}#clan-form input,#clan-plan{border-color:#34475d;background:#0e1727;color:#e7edf4}#clan-form label{color:#a9b7c2}.sponsor-feature{border-block-color:#2a3d53}.sponsor-brand-mark{border-color:#34475d;background:#0f192a;color:#c9f36a}.sponsor-brand-copy span{color:#a2b0bd}.sponsor-brand-copy small{color:#9aaabc}.sponsor-brand-copy strong{color:#f0f4f6}.sponsor-feature>a{color:#c9f36a}.ranking-empty{color:#98a8b8}.auth-signout{color:#c9f36a}.stats-chart-placeholder{color:#9aaabc}
@media(max-width:680px){.main-nav{background:#111b2c;border-color:#26374d}.site-header{padding:0 12px}.auth-button{font-size:7px}.wallet-button{font-size:7px}}