@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-ext-wght-normal-7w74d1lj.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-wght-normal-B9hoeQUC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-vietnamese-wght-normal-BhFYcaJr.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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 Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--forest: #0e1f12;--forest-2: #16301c;--moss: #234a2a;--gold-hi: #ffe08a;--gold: #f2b64c;--gold-dp: #a8721e;--gold-dk: #6b4410;--wood-hi: #8a5a34;--wood: #5f3d22;--wood-dk: #3a2413;--leaf: #8fd873;--leaf-dp: #4f9c37;--orange: #ff9a3d;--emerald: #3ddc84;--emerald-dk: #1a7a4a;--ember: #e2604f;--cream: #fdf3dc;--cream-dim: #d9e6cc;--q-standard: #b8c9b4;--q-fresh: var(--leaf);--q-organic: #5fd3c9;--q-prime: #b678e8;--q-legendary: var(--gold);--font-display: "Fraunces", Georgia, serif;--font-ui: "Nunito Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease-pop: cubic-bezier(.2, 1.2, .3, 1);--dur-fast: .15s;--dur-normal: .3s;--tap-min: 44px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-ui);font-weight:600;color:var(--cream);background:radial-gradient(900px 520px at 15% 0%,rgba(143,216,115,.1),transparent 60%),radial-gradient(1000px 600px at 85% 20%,rgba(242,182,76,.08),transparent 55%),linear-gradient(180deg,#132a18,var(--forest) 40%,#0a1810);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.05;background-image:radial-gradient(rgba(255,255,255,.9) 1px,transparent 1px);background-size:22px 22px}#root{position:relative;z-index:1}code,kbd,samp,pre{font-family:var(--font-mono)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}@keyframes bob{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cl-gframe{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 38%,var(--gold-dp) 80%,var(--gold-dk));border-radius:18px;padding:5px;box-shadow:0 8px 22px #00000080,0 0 0 2px #00000059,inset 0 2px #ffffff80}.cl-gframe__inner{border-radius:14px;padding:20px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 3px,transparent 3px 26px),linear-gradient(180deg,var(--forest-2),#10240f 70%,#0c1c0c);box-shadow:inset 0 3px 10px #0009,inset 0 0 60px #143c1980}.cl-gframe--ember{background:linear-gradient(180deg,#f8a394,var(--ember) 38%,#a83426 80%,#5c1a10)}.cl-plank{background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 3px,transparent 3px 30px),linear-gradient(180deg,var(--wood-hi),var(--wood) 55%,var(--wood-dk));border-radius:16px;border:3px solid var(--gold-dp);box-shadow:0 8px 18px #0000008c,inset 0 3px #ffdc9659,inset 0 -6px 12px #00000073;padding:18px}.cl-gametext{font-family:var(--font-display);font-weight:900;letter-spacing:1px;background:linear-gradient(180deg,#d8ff9e,var(--leaf) 35%,var(--leaf-dp) 70%,#2f6b1f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(20,40,10,.9)) drop-shadow(0 6px 10px rgba(0,0,0,.5));margin:0}.cl-gametext--gold{background:linear-gradient(180deg,#fff3c4,var(--gold) 40%,#e08a20 75%,#9c5c10);-webkit-background-clip:text;background-clip:text}.cl-gametext--ember{background:linear-gradient(180deg,#ffc9bf,var(--ember) 40%,#b03526 75%,#6b1c12);-webkit-background-clip:text;background-clip:text}.cl-btn{font-family:var(--font-ui);font-weight:900;font-size:1rem;color:#3a2100;border:0;border-radius:14px;padding:14px 26px;min-height:var(--tap-min);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 45%,var(--gold-dp));box-shadow:0 5px 0 var(--gold-dk),0 10px 18px #00000073,inset 0 2px #ffffffa6;text-shadow:0 1px 0 rgba(255,255,255,.4);transition:transform var(--dur-fast) var(--ease-pop),filter var(--dur-fast) ease}.cl-btn:hover:not(:disabled){filter:brightness(1.07)}.cl-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--gold-dk),0 4px 10px #0006,inset 0 2px #ffffffa6}.cl-btn:disabled{cursor:not-allowed;filter:grayscale(.6) brightness(.75)}.cl-btn--green{color:#16300c;background:linear-gradient(180deg,#d8ff9e,var(--leaf) 45%,var(--leaf-dp));box-shadow:0 5px #2c5e1c,0 10px 18px #00000073,inset 0 2px #ffffffa6}.cl-btn--green:active:not(:disabled){box-shadow:0 1px #2c5e1c,0 4px 10px #0006,inset 0 2px #ffffffa6}.cl-btn--ember{color:#fff2ee;text-shadow:0 1px 0 rgba(0,0,0,.35);background:linear-gradient(180deg,#ff9f8e,var(--ember) 45%,#a83426);box-shadow:0 5px #5c1a10,0 10px 18px #00000073,inset 0 2px #ffffff73}.cl-btn--ember:active:not(:disabled){box-shadow:0 1px #5c1a10,0 4px 10px #0006,inset 0 2px #ffffff73}.cl-btn--sm{padding:10px 18px;font-size:.875rem;border-radius:12px}.cl-btn--lg{padding:18px 34px;font-size:1.125rem;border-radius:16px}.cl-btn--block{display:flex;width:100%}.cl-gem{display:inline-block;width:14px;height:14px;transform:rotate(45deg);border-radius:3px;background:linear-gradient(135deg,#a5ffd0,var(--emerald) 45%,var(--emerald-dk));box-shadow:0 0 10px #3ddc84b3,inset 0 1px #ffffffb3;flex:none}.cl-statchip{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;border:2px solid var(--gold-dp);background:linear-gradient(180deg,#234a2ae6,#0c1c0ce6);box-shadow:inset 0 2px #ffffff1f,0 4px 10px #0006;min-height:var(--tap-min)}.cl-statchip__label{font-family:var(--font-ui);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cream-dim)}.cl-statchip__value{font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--gold-hi)}.cl-rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 0}.cl-rule__line{height:3px;width:min(180px,26vw);border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold) 40%,var(--gold-hi) 50%,var(--gold) 60%,transparent)}.cl-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#040c06b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:cl-fade var(--dur-normal) ease}.cl-modal__panel{width:min(560px,100%);max-height:86vh;overflow:auto;animation:cl-rise var(--dur-normal) var(--ease-pop)}.cl-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.cl-modal__close{background:none;border:0;padding:8px;cursor:pointer;color:var(--gold);border-radius:8px;display:inline-flex;min-width:var(--tap-min);min-height:var(--tap-min);align-items:center;justify-content:center}.cl-modal__close:hover{color:var(--gold-hi)}.cl-toast-stack{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:12px;width:min(380px,calc(100vw - 36px))}.cl-toast{display:flex;align-items:flex-start;gap:12px;animation:cl-rise var(--dur-normal) var(--ease-pop)}.cl-toast__body{flex:1;min-width:0}.cl-toast__title{font-family:var(--font-ui);font-weight:900;color:var(--cream);margin:0 0 2px;font-size:.95rem}.cl-toast__msg{margin:0;font-size:.875rem;color:var(--cream-dim);font-weight:600}.cl-toast__accent{width:5px;align-self:stretch;border-radius:3px;flex:none}.cl-toast--success .cl-toast__accent{background:linear-gradient(180deg,#a5ffd0,var(--emerald),var(--emerald-dk))}.cl-toast--info .cl-toast__accent{background:linear-gradient(180deg,var(--gold-hi),var(--gold),var(--gold-dp))}.cl-toast--error .cl-toast__accent{background:linear-gradient(180deg,#ff9f8e,var(--ember),#5c1a10)}.cl-art{display:block;max-width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.cl-art--bob{animation:bob 4s ease-in-out infinite}@keyframes cl-rock{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}.cl-loader{width:56px;height:56px;transform-origin:50% 85%;animation:cl-rock 1.1s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}@keyframes cl-fade{0%{opacity:0}to{opacity:1}}@keyframes cl-rise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-page{max-width:1100px;margin:0 auto;padding:48px 20px 96px}.demo-hero{text-align:center;margin-bottom:56px}.demo-section{margin-bottom:56px}.demo-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.demo-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.demo-note{font-size:.875rem;color:var(--cream-dim);font-weight:600;margin:0 0 16px;line-height:1.6}.demo-swatches{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.demo-swatch{border-radius:12px;padding:12px;border:2px solid rgba(0,0,0,.4);box-shadow:inset 0 2px #ffffff40;font-family:var(--font-mono);font-size:.7rem;min-height:76px;display:flex;flex-direction:column;justify-content:flex-end;color:#0b1a0d;font-weight:700}.demo-icon-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.demo-icon-cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:12px;background:#00000040;color:var(--gold);font-family:var(--font-mono);font-size:.68rem;text-align:center;word-break:break-word}.demo-tier{display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-weight:900;font-size:.9rem}