@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:light;--ink:#303e3d;--muted:#67716a;--paper:#faf6ed;--coral:#c8513d;--line:#dcded2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:6px;min-height:44px;padding:10px 17px;transition:background .2s,transform .2s}button:hover{background:#e9e8db}button:active{transform:translateY(2px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #b34532;outline-offset:4px}a{color:inherit;text-decoration:none}.topbar{max-width:1360px;margin:auto;padding:20px 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.topbar .site-brand{display:flex;align-items:center;gap:16px}.topbar .site-brand-image{width:44px!important;height:44px!important}.topbar span,.topbar>a:last-child{font-size:11px;letter-spacing:1.3px}main{max-width:1284px;padding:0 26px;margin:auto}.title-row{display:flex;justify-content:space-between;align-items:end;padding:35px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 0 12px}h1,h2,b{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(36px,5vw,72px);letter-spacing:-4px;line-height:1;margin:0;font-weight:700}h1 em{font-style:normal;color:var(--coral)}.title-row>p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 4px 3px}.game{border:1px solid #cbd3c7;border-radius:12px;overflow:hidden;background:#f1f3e8}.hud{display:flex;align-items:center;justify-content:space-between;padding:13px 23px;background:#f9f8ee;border-bottom:1px solid #d4ded0;min-height:70px}.hud>div:first-child{font-size:10px;letter-spacing:1.2px;display:flex;gap:9px;align-items:center}.live-dot{width:7px;height:7px;border-radius:50%;background:#91a58a}.counters{display:flex;gap:28px;align-items:center}.counters>span{display:grid;gap:1px}.counters small{font-size:8px;letter-spacing:1px}.counters b{font-size:25px;line-height:1}.counters button{padding:6px 14px}.viewport{position:relative;height:clamp(420px,58svh,620px);isolation:isolate;overflow:hidden;background:#dceadf}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;top:6%;left:50%;transform:translateX(-50%);text-align:center;width:min(94%,620px)}.overlay h2{font-size:clamp(29px,3.3vw,45px);letter-spacing:-1.6px;line-height:1.08;margin:13px 0}.overlay>p:not(.eyebrow){color:#53665e;line-height:1.5;margin:12px 0}.primary{background:var(--coral);border-color:var(--coral);color:#fffaf1;font-weight:600;padding:13px 25px}.primary:hover{background:#b34532}.primary span{margin-left:24px}.overlay .micro{font-size:9px;letter-spacing:1.5px}.arrival{position:absolute;bottom:20px;width:100%;text-align:center;font-size:12px;font-weight:600;pointer-events:none;color:#415c51;text-shadow:0 1px #fff}.time-track{position:absolute;bottom:0;height:4px;background:#c4d4c5;width:100%}.time-track>div{background:var(--coral);width:0;height:100%}.controls{display:flex;justify-content:space-between;align-items:center;padding:9px 20px;gap:12px;background:#f9f8ee}.controls p{font-size:11px;color:#58665b;margin:0}kbd{font:12px 'DM Sans',sans-serif;background:#e8ebdf;border-radius:3px;display:inline-block;padding:3px 6px;margin-right:4px}.controls p span{margin:0 10px}.controls>button{border:0;font-size:11px}.touch-controls{display:flex;gap:8px}.touch-controls button{font-size:19px;min-width:54px;padding:4px 12px;touch-action:none}.below{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:20px}.settings{display:flex;gap:32px}.settings label{font-size:12px;cursor:pointer;display:grid;grid-template-columns:18px auto;align-items:center;column-gap:7px;min-height:44px}.settings input{accent-color:var(--coral);width:16px;height:16px;margin:0}.settings label span{grid-column:2;font-size:10px;color:var(--muted)}.personal{text-align:right}.personal p{font-size:10px;letter-spacing:1px;margin:0 0 5px}.personal button{font-size:11px;padding:5px 0;border:0;min-height:30px}.status{font-size:12px;color:var(--muted);margin:0 0 30px;min-height:18px}.village{border-top:1px solid var(--line);padding:27px 0 10px}.village-heading{display:flex;justify-content:space-between;align-items:end}.village h2{font-size:29px;letter-spacing:-1px;margin:0}.village-heading>p{font-size:11px;color:var(--muted)}.village ul{display:grid;grid-template-columns:repeat(6,1fr);padding:0;list-style:none;margin:25px 0 0}.village li{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:11px;padding:10px 5px}.village li canvas{width:72px;height:65px;touch-action:auto}.village li.locked{opacity:.45}.how{max-width:750px;padding:30px 0 40px}.how h2{font-size:20px;letter-spacing:-.6px}.how p{font-size:12px;color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);padding:20px 0 28px;font-size:10px;display:flex;justify-content:space-between;color:var(--muted)}footer span:last-child{font-size:8px;letter-spacing:1px}.result{position:absolute;top:7%;left:50%;transform:translateX(-50%);width:96%;text-align:center}.result h2{font-size:clamp(26px,3vw,39px);letter-spacing:-1.3px;margin:5px 0}.result>p:not(.eyebrow){font-size:12px}.result-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.result-actions button{font-size:11px;padding:10px 15px;background:#faf6ed}.result-actions .primary{background:var(--coral)}[hidden]{display:none!important}body.reduced button{transition:none}@media(max-width:650px){.topbar{padding:12px 18px}.topbar span{font-size:8px}.topbar .site-brand{gap:8px}main{padding:0 14px}.title-row{padding:25px 0 20px}.title-row>p{display:none}h1{letter-spacing:-2px}.title-row .eyebrow{font-size:8px;letter-spacing:1px}.viewport{height:clamp(460px,62svh,620px)}.hud{padding:12px}.hud>div:first-child{max-width:130px;font-size:8px;line-height:1.5}.counters{gap:14px}.counters small{font-size:7px}.counters b{font-size:22px}.counters button{padding:6px 10px}.overlay{top:6%}.overlay .eyebrow{font-size:8px;letter-spacing:1px}.overlay h2{font-size:32px}.overlay>p:not(.eyebrow){font-size:12px}.controls{padding:6px 10px;gap:4px}.controls p{font-size:0}.controls p kbd{font-size:12px}.controls p span{display:none}.controls>button{padding:8px}.touch-controls button{min-width:48px}.below{align-items:start;padding:18px 0}.settings{flex-direction:column;gap:8px}.settings label{font-size:11px}.settings label span{font-size:9px}.personal{max-width:135px}.personal button{line-height:1.5}.village h2{font-size:24px}.village ul{grid-template-columns:repeat(3,1fr)}.village-heading>p{font-size:9px}.status{font-size:11px}.result{top:5%}.result .eyebrow{font-size:8px}.result-actions{gap:5px}.result-actions button{font-size:10px;padding:9px 11px}.how{padding-top:20px}footer span:last-child{max-width:125px;text-align:right}}@media(prefers-reduced-motion:reduce){button{transition:none}}