:root{--paper:#f4f5ec;--ink:#243d30;--muted:#68786b;--line:#dce2d5;--green:#d7e4bf;--accent:#d4ed8a;--lcd:#cbdac2;--white:#fcfdf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #789743;outline-offset:4px}.wrap{width:min(1100px,calc(100% - 64px));margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;height:104px;border-bottom:1px solid var(--line)}.wordmark{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.wordmark-dot{color:#779046;margin-left:-6px}.mark{background:var(--ink);color:var(--paper);font-size:23px;width:29px;height:29px;display:grid;place-items:center;border-radius:5px;margin-right:3px}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:7px;min-height:46px;padding:12px 19px;display:inline-flex;gap:23px;align-items:center;justify-content:center;font-weight:650;font-size:13px;transition:background .15s,transform .15s}.button:hover{background:#3b5543;transform:translateY(-1px)}.button.small{min-height:39px;padding:9px 15px}.button.outline{background:transparent;color:var(--ink)}.button.outline:hover{background:#e8ecdf}.button:disabled{background:#dce2d5;border-color:#dce2d5;color:#6b7769;cursor:not-allowed;transform:none}.text-button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:12px 0}.text-button:hover{color:var(--ink)}.eyebrow{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:1.6px;margin:0 0 17px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#7e965a;display:inline-block;flex-shrink:0}.hero{padding:65px 0 64px;display:grid;grid-template-columns:1fr 300px;gap:70px;align-items:center}.hero h1{font-size:clamp(35px,4.4vw,53px);font-weight:650;line-height:1.12;letter-spacing:-2.8px;margin:0 0 20px}.hero h1 span{color:#778873}.hero-description{font-size:15px;line-height:1.75;max-width:420px;margin:0;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.hero-art{color:#344e37;background:var(--lcd);border:1px solid #bccdb2;border-radius:15px;padding:20px 18px 15px;transform:rotate(3deg);box-shadow:5px 6px 0 #e1e5d5;max-width:300px}.hero-art svg{width:100%;display:block}.lcd-label,.lcd-foot{font-family:Consolas,monospace;font-size:7px;font-weight:700;letter-spacing:1.2px}.lcd-foot{display:flex;justify-content:space-between;border-top:1px solid #aabf9e;padding-top:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:6px}h2{font-size:29px;font-weight:650;letter-spacing:-1.2px;margin:0}.preview-badge{font-size:10px;font-weight:600;border:1px solid #c3ceaf;background:#e7edda;border-radius:20px;padding:6px 11px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:28px}.tabs button{border:0;background:none;padding:0 0 15px;color:var(--muted);font-weight:600;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.board-caption{font-family:Consolas,monospace;font-size:10px;color:var(--muted)}.list-head{display:grid;grid-template-columns:1fr 120px 166px;gap:22px;font-family:Consolas,monospace;font-size:9px;letter-spacing:1px;color:#83907e;padding:18px 20px 13px}.list-head span:nth-child(2){text-align:right}.list-head span:last-child{text-align:right}.app-row{display:grid;grid-template-columns:1fr 120px 166px;gap:22px;align-items:center;padding:22px 20px;border-top:1px solid var(--line);transition:background .15s}.app-row:hover{background:#ecf0e3}.app-row:first-child{border-top:0}.app-identity{display:flex;align-items:center;min-width:0;gap:16px}.rank{font-family:Consolas,monospace;min-width:24px;font-size:13px;color:#8a9584}.app-avatar{width:42px;height:42px;background:#e3e9d9;border:1px solid #ced8c0;border-radius:11px;display:grid;place-items:center;font-size:20px;font-weight:750;flex-shrink:0}.app-name{border:0;padding:0;background:none;color:var(--ink);font-weight:700;font-size:16px;text-align:left;line-height:1.5}.app-name:hover{text-decoration:underline}.app-info{min-width:0}.app-domain{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.app-metric{text-align:right}.app-metric strong{font-size:25px;line-height:1.15;font-weight:600;font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:-1.5px}.supporter{display:block;font-size:10px;color:var(--muted);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-button{padding:9px 12px;min-height:39px;font-size:12px;gap:15px;background:transparent;color:var(--ink);border-color:#c5d0b9}.support-button:hover{background:var(--green)}.board-note{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:17px 0;color:#86907f;font-size:10px}.board-note span:first-child{display:flex;align-items:center;gap:6px}.state-message{text-align:center;padding:45px 15px;color:var(--muted);font-size:14px}.state-message button{display:block;margin:14px auto 0}.below-board{margin-top:40px}.pack-summary{display:flex;justify-content:space-between;gap:30px;background:#e9eedf;border:1px solid #dce3cf;border-radius:12px;padding:32px 36px}.pack-summary .eyebrow{margin-bottom:10px}.pack-summary h3{font-size:25px;letter-spacing:-.9px;line-height:1.25;margin:0}.pack-summary p{color:var(--muted);font-size:12px;line-height:1.7;max-width:350px;margin-bottom:0}.pack-price{text-align:right;flex-shrink:0}.pack-price>span{font-size:32px;font-weight:600;letter-spacing:-1.5px}.pack-price p{margin:0 0 15px}.pack-price small{display:block;color:var(--muted);font-size:9px;margin-top:10px}.rules{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:70px 0}.rules>div>p:last-child{font-size:13px;color:var(--muted)}.rules ol{list-style:none;padding:0;margin:0}.rules li{display:flex;gap:20px;margin:0 0 26px}.rules li:last-child{margin-bottom:0}.rules li>span{font-family:Consolas,monospace;font-size:11px;padding-top:4px;color:#88987b}.rules h3{font-size:14px;margin:0 0 7px}.rules li p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-block:25px;margin-bottom:10px}.footer .wordmark{font-size:17px}.footer>span{font-size:10px;color:var(--muted)}dialog{color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:17px;padding:36px;width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 24px 100px #0c251533}dialog::backdrop{background:#12251cca;backdrop-filter:blur(5px)}.close,.game-close{position:absolute;right:13px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:25px;display:grid;place-items:center}.close:hover,.game-close:hover{background:#dfe6d3}.modal .eyebrow{margin-top:10px;font-size:8px}.modal h2{line-height:1.2}.muted,.modal-description{font-size:13px;line-height:1.75;color:var(--muted)}.app-external{font-size:12px;text-decoration:underline}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;border-block:1px solid var(--line);padding:18px 0;gap:12px}.app-stats strong{display:block;font:25px Consolas,monospace}.app-stats span{font-size:9px;color:var(--muted)}.challenge-target{background:#e5ecd8;padding:13px 15px;border-radius:6px;font-size:13px;font-weight:600}.field-label{display:block;font-size:11px;font-weight:600;margin:20px 0 8px}.field-label span{font-weight:400;color:var(--muted)}input{width:100%;border:1px solid #c6d2bb;background:var(--white);border-radius:6px;padding:12px;color:var(--ink);font-size:16px;margin-bottom:14px}.full{width:100%;margin-top:8px}.fine-print{font-size:10px;line-height:1.6;text-align:center;color:var(--muted);margin-bottom:0}.purchase-price{font-size:38px;letter-spacing:-2px;font-weight:650;margin:25px 0}.purchase-price span{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:7px;color:var(--muted)}.pack-details{padding-left:18px;font-size:12px;line-height:2;color:var(--muted)}.game-modal{padding:0;background:#1d2a23;border:0;width:min(590px,calc(100% - 28px));height:min(810px,calc(100dvh - 28px));overflow:hidden}.game-modal iframe{display:block;width:100%;height:100%;border:0}.game-close{z-index:2;top:6px;right:6px;background:#edf0e5;color:#263c2e;width:29px;height:29px;font-size:21px}.result-score{font:72px Consolas,monospace;letter-spacing:-5px;margin:22px 0 6px}.result-error{background:#f0e0d4;color:#7a402b;font-size:12px;line-height:1.6;padding:12px;border-radius:6px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:78px}.wordmark{font-size:20px}.mark{height:25px;width:25px;font-size:21px}.header nav{gap:14px}.header nav>a{display:none}.hero{grid-template-columns:1fr;gap:0;padding:40px 0 38px}.hero h1{font-size:40px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-description{font-size:13px;max-width:310px}.hero-art{display:none}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:23px}.hero-actions .text-button{font-size:10px}.hero-actions .button{padding:11px 16px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.preview-badge{font-size:9px}.tabs{gap:23px}.tabs button{font-size:12px}.board-caption{display:none}.list-head{padding:15px 0 12px;grid-template-columns:1fr 58px;gap:10px;font-size:8px}.list-head span:last-child{display:none}.app-row{padding:18px 0;grid-template-columns:1fr 58px;gap:10px}.app-identity{gap:10px}.rank{min-width:16px;font-size:10px}.app-avatar{width:35px;height:35px;border-radius:8px;font-size:17px}.app-name{font-size:14px}.app-domain{font-size:10px;max-width:170px}.app-metric strong{font-size:23px}.supporter{font-size:8px}.support-button{grid-column:1/-1;justify-self:stretch;margin-left:61px;margin-top:3px;min-height:34px;padding:6px 10px;font-size:11px;justify-content:space-between}.board-note{flex-direction:column;gap:7px;font-size:9px}.pack-summary{padding:25px 22px;flex-direction:column;gap:23px}.pack-summary h3{font-size:25px}.pack-summary .eyebrow{font-size:8px;letter-spacing:1px}.pack-price{text-align:left;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:center}.pack-price>span{grid-column:1;font-size:30px}.pack-price>p{grid-column:1;margin:0}.pack-price .button{grid-column:2;grid-row:1/3;font-size:11px;padding:11px 9px;min-width:0}.pack-price small{grid-column:1/-1}.rules{grid-template-columns:1fr;gap:28px;padding:45px 0}.rules .eyebrow{font-size:8px}.rules h2{font-size:27px}.rules>div>p:last-child{margin-bottom:0}.rules li p{font-size:12px}.footer{flex-wrap:wrap;gap:14px;padding-block:23px}.footer>span:nth-child(2){margin-left:auto;font-size:9px}.footer>span:last-child{width:100%;font-size:9px}.modal{padding:28px 24px}.game-modal{width:100%;height:100dvh;max-height:100dvh;max-width:100%;border-radius:0;margin:0}.game-close{right:7px;top:7px}.game-modal::backdrop{background:#edf0e5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:700px){.support-button,.button.small,.tabs button,.close,.text-button{min-height:44px}.close{min-width:44px}.tabs button{padding-top:8px}}

/* Account controls stay secondary to the board and game. */
.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0}.consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0;accent-color:var(--ink)}.consent a{text-decoration:underline}.account-button{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-balance{padding:20px 0;border-block:1px solid var(--line);margin:20px 0;display:flex;gap:15px;align-items:center}.account-balance strong{font:32px Consolas,monospace}.account-balance span,.order-line{font-size:12px;color:var(--muted)}.orders-title{font-size:12px;margin-top:25px}.order-line{padding:10px 0;border-bottom:1px solid var(--line);line-height:1.6}.footer{flex-wrap:wrap}.footer>a:not(.wordmark){font-size:11px}#account-identity{overflow-wrap:anywhere}#account-status,#checkout-status{overflow-wrap:anywhere}form{margin:0}@media(max-width:700px){.header nav{gap:10px}.header .account-button{font-size:11px;max-width:95px}.header .button.small{padding-inline:10px;font-size:11px;gap:8px}.consent{font-size:12px}}
