/*! Townle | Copyright (c) 2026 AppStation Studio Pte. Ltd. All rights reserved. Unauthorized copying, modification or distribution of this software is prohibited. */
@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zilla-slab-latin-ext-700-normal-C1-U_e_0.woff2)format("woff2"),url(/assets/zilla-slab-latin-ext-700-normal-DQD_oLH8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zilla-slab-latin-700-normal-CEKI1vVu.woff2)format("woff2"),url(/assets/zilla-slab-latin-700-normal-C8aaVMsA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Nunito Variable", "Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Zilla Slab", "Rockwell", "Roboto Slab", Georgia, serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--radius-sm:10px;--radius:16px;--radius-lg:20px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-1:.12s;--dur-2:.22s;--dur-3:.42s;--dur-reveal:.3s;--content-max:1040px;--board-width:min(100%, max(280px, calc(100dvh - 140px)));--green:#58cc02;--green-shadow:#58a700;--blue:#1cb0f6;--blue-shadow:#1899d6;--yellow:#ffc800;--yellow-shadow:#e5a500;--orange:#ff9600;--red:#ff4b4b;--red-shadow:#ea2b2b;--purple:#ce82ff;--heat-hot:#ff4b4b;--heat-warm:#ff9600;--heat-mild:#ffc200;--heat-cool:#1cb0f6}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#f7f7f7;--surface:#fff;--line:#e5e5e5;--line-strong:#d0d0d0;--text-strong:#121212;--text:#3c3c3c;--text-2:#777;--text-3:#afafaf;--green-soft:#d7ffb8;--green-line:#a5ed6e;--green-ink:#58a700;--blue-soft:#ddf4ff;--blue-line:#84d8ff;--blue-ink:#1899d6;--yellow-soft:#fff5d3;--yellow-line:#ffe17a;--yellow-ink:#b07a00;--red-soft:#ffdfe0;--red-ink:#ea2b2b;--heat-cold:#afafaf;--shadow-lg:0 24px 60px -18px #00000047;--focus:0 0 0 3px #1cb0f659}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131f24;--bg-soft:#1a2a31;--surface:#131f24;--line:#37464f;--line-strong:#4b5d67;--text-strong:#f6fafc;--text:#dce6ec;--text-2:#94a7b1;--text-3:#5c717a;--green-soft:#58cc0224;--green-line:#3e6f1a;--green-ink:#93d333;--blue-soft:#1cb0f624;--blue-line:#1f5a78;--blue-ink:#49c0f8;--yellow-soft:#ffc8001f;--yellow-line:#6e5a14;--yellow-ink:#ffd34d;--red-soft:#ff4b4b24;--red-ink:#ff7878;--heat-cold:#6b818b;--shadow-lg:0 30px 70px -20px #000000b3;--focus:0 0 0 3px #1cb0f673}:root[data-motion=reduced]{--dur-1:1ms;--dur-2:1ms;--dur-3:1ms;--dur-reveal:1ms}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html:has(dialog[open]){overflow:hidden}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur-3) ease;font-size:1rem;font-weight:600;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}svg{flex-shrink:0}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}::selection{background:color-mix(in srgb, var(--blue) 30%, transparent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.button{--b-bg:var(--surface);--b-fg:var(--blue-ink);--b-border:var(--line);--b-edge:var(--line);border:2px solid var(--b-border);border-radius:var(--radius);background:var(--b-bg);min-height:46px;color:var(--b-fg);box-shadow:0 4px 0 var(--b-edge);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:transform 80ms ease, box-shadow 80ms ease, filter var(--dur-2) ease, background-color var(--dur-2) ease;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.86rem;font-weight:850;line-height:1;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover){.button:hover:not(:disabled){filter:brightness(1.05)}.button--ghost:hover:not(:disabled){--b-bg:var(--bg-soft)}.icon-button:hover{background:var(--bg-soft)}.link-button:hover{background:var(--bg-soft);color:var(--text)}}.button:active:not(:disabled){box-shadow:0 0 0 var(--b-edge);transform:translateY(4px)}.button:disabled{--b-bg:var(--line);--b-border:var(--line);--b-fg:var(--text-3);box-shadow:none;cursor:not-allowed;transform:translateY(4px)}.button--primary{--b-bg:var(--green);--b-border:var(--green);--b-edge:var(--green-shadow);--b-fg:#fff}.button--blue{--b-bg:var(--blue);--b-border:var(--blue);--b-edge:var(--blue-shadow);--b-fg:#fff}.button--hint{--b-bg:var(--yellow);--b-border:var(--yellow);--b-edge:var(--yellow-shadow);--b-fg:#5c3d00}.button--danger{--b-bg:var(--red);--b-border:var(--red);--b-edge:var(--red-shadow);--b-fg:#fff}.button--ghost{--b-bg:transparent;--b-border:transparent;--b-edge:transparent;--b-fg:var(--text-2)}.button--small{border-radius:12px;min-height:38px;padding:0 14px;font-size:.78rem}.button--block{width:100%}.icon-button{width:40px;height:40px;color:var(--text-strong);transition:background-color var(--dur-1) ease, transform var(--dur-1) ease;background:0 0;border:0;border-radius:12px;place-items:center;display:inline-grid}.icon-button:active{transform:scale(.92)}.link-button{color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;font-size:.8rem;font-weight:850;display:inline-flex}.segmented{border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 2px 0 var(--line);isolation:isolate;padding:4px;display:grid;position:relative}.segmented__thumb{z-index:-1;border:2px solid var(--blue-line);background:var(--blue-soft);transition:transform var(--dur-3) var(--ease-out);border-radius:12px;position:absolute;top:4px;bottom:4px;left:4px}.segmented__option{min-width:0;height:32px;color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;transition:color var(--dur-2) ease;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.78rem;font-weight:850;display:inline-flex}.segmented__option span{text-overflow:ellipsis;overflow:hidden}.segmented__option.is-active{color:var(--blue-ink)}.segmented__option:focus-visible{outline-offset:-3px}.app{flex-direction:column;min-height:100dvh;display:flex}.main{width:100%;max-width:600px;padding:10px max(12px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex:1;align-content:start;gap:14px;margin:0 auto;display:grid}.board-head{gap:10px;min-width:0;display:grid}.board-visual{align-content:start;gap:10px;min-width:0;display:grid}.board-play{align-content:start;gap:16px;min-width:0;display:grid}@media (width>=600px){.main{gap:16px;padding:16px 16px 36px}}@media (width>=980px){:root{--board-width:clamp(340px, calc(100dvh - 250px), 500px)}.main{grid-template-columns:var(--board-width) minmax(0, 1fr);max-width:var(--content-max);grid-template-areas:"head head""visual play";gap:16px 32px;padding:14px 24px 40px}.board-head{grid-area:head}.board-visual{grid-area:visual;align-self:start;position:sticky;top:74px}.board-play{grid-area:play}}.section-head{justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-bottom:8px;display:flex}.section-title{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;line-height:1.1;display:inline-flex}.section-title__count{background:var(--bg-soft);border:2px solid var(--line);color:var(--text-2);font-family:var(--font-sans);border-radius:99px;padding:1px 8px;font-size:.76rem;font-weight:850}.section-meta{background:var(--yellow-soft);color:var(--yellow-ink);letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:3px 10px;font-size:.75rem;font-weight:850}.chip{border:2px solid var(--yellow-line);background:var(--surface);color:var(--text-strong);border-radius:99px;align-items:center;gap:8px;padding:5px 12px;font-size:.9rem;font-weight:800;display:inline-flex}.chip strong{font-family:var(--font-display);font-size:1.1em}.flag{object-fit:cover;vertical-align:middle;border-radius:4px;width:28px;height:21px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.toaster{inset:calc(16px + env(safe-area-inset-top)) auto auto 50%;pointer-events:none;background:0 0;border:0;justify-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);margin:0;padding:0;display:grid;position:fixed;overflow:visible;transform:translate(-50%)}.toast{border-radius:var(--radius);color:#fff;text-align:center;box-shadow:0 4px 0 #0000002e, var(--shadow-lg);animation:toast-in var(--dur-3) var(--ease-spring) both;background:#3c3c3c;padding:10px 18px;font-size:.92rem;font-weight:800}.toast--success{background:var(--green);box-shadow:0 4px 0 var(--green-shadow), var(--shadow-lg)}.toast--warning{background:var(--yellow);color:#5c3d00;box-shadow:0 4px 0 var(--yellow-shadow), var(--shadow-lg)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.9)}}.confetti{z-index:90;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.header{z-index:30;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 88%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.3)blur(12px);backdrop-filter:saturate(1.3)blur(12px);position:relative}.header__inner{max-width:var(--content-max);padding:6px max(4px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left));grid-template-columns:1fr auto;align-items:center;gap:12px;margin:0 auto;display:grid}.header__brand{font-size:inherit;-webkit-user-select:none;user-select:none;display:flex}.header__home{color:inherit;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-1) ease;border-radius:10px;align-items:center;gap:9px;text-decoration:none;display:flex}.header__home:active{transform:scale(.96)}.header__wordmark{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1}.header__modes{display:none}.header__actions{justify-self:end;gap:2px;display:flex}.header__actions .icon-button{width:44px;height:44px}.header__actions .icon-button svg{width:25px;height:25px}.header__logo{width:auto;height:38px}@media (width>=720px){.header{position:sticky;top:0}.header__inner{grid-template-columns:1fr auto 1fr;padding:8px 15px 8px 24px}.header__wordmark{font-size:1.7rem}.header__modes{width:220px;display:grid}.header__modes .segmented__option{gap:6px;height:28px;padding:0 10px;font-size:.72rem}.header__modes .segmented__option svg{width:14px;height:14px}}