:root{color-scheme:light;--ink:#233e35;--muted:#586a60;--paper:#f4f2e9;--line:#dcded3;--card:#fffef9;--accent:#285642;--c0:#b6402c;--c1:#167568;--c2:#edc864;--c3:#356daa;--c4:#78509b;--c5:#a9c468}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button,a,input,select,[tabindex]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #193fcd;outline-offset:4px}button{touch-action:manipulation}button:hover:not(:disabled){filter:brightness(.95)}[hidden]{display:none!important}.skip-link{position:absolute;left:12px;top:-80px;z-index:5;background:var(--ink);color:white;padding:12px 18px}.skip-link:focus{top:12px}.site-header,.site-footer,.about-strip,.layout{width:min(1080px,calc(100% - 56px));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:19px;line-height:1.05;letter-spacing:-.5px}.brand-break{display:block;font-weight:500;letter-spacing:2.5px;font-size:11px;margin-top:5px}.brand-mark{width:35px;height:35px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-7deg)}.brand-mark i{border-radius:3px;background:var(--c1)}.brand-mark i:nth-child(2){background:var(--c2)}.brand-mark i:nth-child(3){background:var(--c0)}.brand-mark i:nth-child(4){background:var(--c5)}.quiet-link{font-size:13px;text-decoration:none;font-weight:600}.quiet-link span{margin-left:9px}.layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(370px,530px);gap:72px;align-items:start;padding:52px 0 44px}.intro{padding-top:21px}.eyebrow{margin:0 0 18px;font-size:10px;font-weight:800;letter-spacing:1.9px;color:var(--muted)}h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-3.5px;margin:0 0 29px;font-weight:750}h1 span{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic}.intro-copy{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.4;margin:0 0 23px;letter-spacing:-.2px}.description{max-width:270px;font-size:14px;color:var(--muted);line-height:1.65;margin:0}.quick-steps{list-style:none;padding:0;margin:36px 0;display:grid;gap:16px;font-size:12px;max-width:285px}.quick-steps li{display:flex;gap:12px;align-items:baseline}.quick-steps span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.daily-note{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:12px;align-items:start}.daily-note>span{font-size:24px;line-height:1}.daily-note p{font-size:12px;margin:0;line-height:1.7}.daily-note small{font-size:11px;color:var(--muted)}.game-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px #233e3507;padding:27px}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-heading .eyebrow{font-size:9px;letter-spacing:1.8px;margin:0 0 4px}.game-heading h2{font-size:20px;letter-spacing:-.6px;margin:0}.size-control{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--muted)}select{font-size:12px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 8px;min-height:42px}.board-detail{font-size:11px;color:var(--muted);margin:10px 0 0;min-height:17px}.scorebar{display:flex;align-items:center;gap:22px;padding:18px 0 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.move-stat{display:flex;align-items:baseline;gap:7px}.move-stat strong{font-size:32px;line-height:1.1;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.move-stat span{font-size:11px;color:var(--muted)}.region-stat{flex:1;font-size:11px;color:var(--muted);display:grid;gap:7px}.region-stat strong{color:var(--ink);font-weight:700}.region-stat progress{display:block;width:100%;height:5px;border:0;border-radius:4px;background:#e8ece1;overflow:hidden;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#e8ece1}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.icon-button{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);min-height:44px;padding:6px 10px;font-size:23px;display:flex;align-items:center;gap:5px}.icon-button span{font-size:11px}.board-hint{font-size:10px;color:var(--muted);margin:0 0 9px}.board-hint span{font-size:15px;margin-right:3px;color:var(--ink)}.board{display:grid;gap:3px;aspect-ratio:1;background:#e9ecdf;border:4px solid #e9ecdf;border-radius:10px;overflow:hidden}.board-row{display:grid;gap:3px;min-height:0}.size-8 .board-row{grid-template-columns:repeat(8,minmax(0,1fr))}.size-10 .board-row{grid-template-columns:repeat(10,minmax(0,1fr))}.size-12 .board-row{grid-template-columns:repeat(12,minmax(0,1fr))}.cell{display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;border-radius:3px;position:relative;font-size:clamp(11px,1.5vw,16px);font-weight:650;line-height:1;font-variant-numeric:tabular-nums}.color-0{background:var(--c0);color:#fff}.color-1{background:var(--c1);color:#fff}.color-2{background:var(--c2);color:#233e35}.color-3{background:var(--c3);color:#fff}.color-4{background:var(--c4);color:#fff}.color-5{background:var(--c5);color:#233e35}.cell.joined{box-shadow:inset 0 0 0 2px #fff9}.cell.origin:after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;position:absolute;top:4px;left:4px}.palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:17px}.color-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:65px;padding:7px 1px;border:2px solid transparent;border-radius:10px;font-weight:650;position:relative}.color-button .color-number{font-size:19px;line-height:1.1}.color-button .color-name{font-size:10px;font-weight:550}.color-button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px;border-color:var(--card)}.color-button:focus-visible{outline:3px solid #193fcd;outline-offset:4px}.color-button[aria-disabled=true]{cursor:default}.status{font-size:12px;color:var(--muted);min-height:36px;line-height:1.5;margin:17px 0 12px}.actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px}.button{border:1px solid transparent;border-radius:9px;min-height:44px;padding:10px 13px;font-weight:650;font-size:12px;white-space:nowrap}.primary{background:var(--accent);color:white}.primary span{margin-left:5px}.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.below-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px}.text-button{border:0;background:transparent;color:var(--ink);font-size:11px;padding:10px 0;text-decoration:underline;text-underline-offset:3px;min-height:40px}.below-actions p{margin:0;font-size:10px;color:var(--muted)}kbd{font:inherit;font-weight:700}.session-note{font-size:10px;color:var(--muted);margin:10px 0 0}.share-panel{background:#f1f2e9;padding:14px;border-radius:10px;margin:8px 0}.share-panel label{font-size:11px;display:block;margin-bottom:8px}.share-row{display:flex;gap:7px}.share-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:white;padding:8px;font-size:12px;color:var(--ink)}.share-panel p{font-size:11px;margin:8px 0 0}.complete{display:flex;gap:13px;background:#eaf1df;padding:16px;border-radius:12px;margin-bottom:15px}.complete>span{font-size:32px;color:var(--accent)}.complete h3{margin:0 0 3px;font-size:17px;letter-spacing:-.3px}.complete p{font-size:12px;margin:0}.about-strip{display:flex;gap:55px;justify-content:space-between;border-top:1px solid var(--line);padding:27px 0}.about-strip p{font-size:12px;color:var(--muted);max-width:670px;margin:0;line-height:1.7}.about-strip strong{color:var(--ink)}.about-strip a{font-size:11px;white-space:nowrap}.site-footer{display:flex;justify-content:space-between;gap:18px;padding:22px 0 28px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.site-footer nav{display:flex;gap:20px}dialog{width:min(400px,calc(100% - 32px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 20px 70px #12271e33}dialog::backdrop{background:#172b2670}dialog h2{font-size:23px;letter-spacing:-.5px;margin:0 0 12px}dialog p{font-size:14px;color:var(--muted);margin:0 0 23px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.document{width:min(720px,calc(100% - 40px));margin:50px auto 70px}.document h1{font-size:44px;letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px}.document h2{font-size:21px;letter-spacing:-.4px;margin-top:32px}.document p,.document li{line-height:1.8;color:var(--muted);font-size:15px}.document li{margin:8px 0}.document .return{display:inline-block;margin-top:24px}.noscript{background:#fff2cd;padding:15px;border-radius:8px}
@media(min-width:1100px){.layout{gap:110px;grid-template-columns:1fr 530px}.intro{padding-top:40px}}@media(max-width:800px){.layout{gap:28px;grid-template-columns:minmax(200px,1fr) minmax(350px,1.5fr)}h1{font-size:46px;letter-spacing:-2.6px}.intro-copy{font-size:22px}.game-card{padding:20px}.quick-steps{font-size:11px}.site-header,.site-footer,.about-strip,.layout{width:calc(100% - 36px)}.about-strip{gap:24px}.scorebar{gap:15px}}@media(max-width:650px){.site-header{padding:17px 0}.brand{font-size:17px}.brand-mark{width:30px;height:30px}.layout{display:flex;flex-direction:column;gap:22px;padding:24px 0}.intro{padding-top:0;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:7px 20px}.intro .eyebrow{width:100%;margin:0 0 4px;font-size:9px}.intro h1{font-size:35px;letter-spacing:-1.7px;line-height:1.05;margin:0;flex:1}.intro h1 br{display:none}.intro h1 span{display:inline}.intro-copy,.quick-steps,.daily-note{display:none}.description{font-size:11px;line-height:1.6;max-width:150px;margin:0}.game-card{width:100%;padding:18px;border-radius:18px}.game-heading h2{font-size:19px}.board-detail{font-size:10px}.cell{font-size:14px}.size-12 .cell{font-size:12px}.scorebar{padding-top:15px}.about-strip{display:block;padding:23px 0}.about-strip p{font-size:11px;margin-bottom:12px}.site-footer{flex-wrap:wrap;font-size:10px;padding-bottom:22px}.site-footer>span:last-child{width:100%}.document{margin-top:35px}.document h1{font-size:36px}.quiet-link{font-size:12px}}@media(max-width:380px){.site-header,.site-footer,.about-strip,.layout{width:calc(100% - 24px)}.game-card{padding:14px}.intro h1{font-size:30px}.description{max-width:120px;font-size:10px}.palette{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-button{flex-direction:row;gap:8px;min-height:44px}.color-button .color-name{font-size:10px}.button{padding-inline:8px;font-size:11px}.cell{font-size:12px}.size-12 .cell{font-size:10px}.board{gap:2px;border-width:3px}.board-row{gap:2px}.game-heading h2{font-size:17px}.size-control{gap:5px}.below-actions p{font-size:9px}.board-hint{font-size:9px}.share-row{flex-wrap:wrap}.share-row .button{width:100%}}@media(prefers-reduced-motion:no-preference){.cell{transition:background-color 120ms,color 120ms}.complete{animation:arrive 180ms ease-out}@keyframes arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}@media(forced-colors:active){.cell{border:1px solid CanvasText}.cell.joined{outline:2px solid Highlight;outline-offset:-3px}.color-button{border-color:ButtonText}.color-button[aria-pressed=true]{outline:3px solid Highlight}.board{border-color:CanvasText}}