@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-thai-400-normal-D80Pglro.woff2) format("woff2"),url(./kanit-thai-400-normal-D2nliXKa.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-vietnamese-400-normal-DRI8YWyb.woff2) format("woff2"),url(./kanit-vietnamese-400-normal-dow6Bnto.woff) format("woff");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:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-latin-ext-400-normal-B2xPf58u.woff2) format("woff2"),url(./kanit-latin-ext-400-normal-CHvNKHHD.woff) format("woff");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:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-latin-400-normal-BUlsQXH3.woff2) format("woff2"),url(./kanit-latin-400-normal-HVZWrfev.woff) format("woff");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:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(./kanit-thai-700-normal-BPu_EjOu.woff2) format("woff2"),url(./kanit-thai-700-normal-BFFnaoRZ.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(./kanit-vietnamese-700-normal-CdlTihzi.woff2) format("woff2"),url(./kanit-vietnamese-700-normal-BlUBAAZx.woff) format("woff");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:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(./kanit-latin-ext-700-normal-CcNUUlTS.woff2) format("woff2"),url(./kanit-latin-ext-700-normal-2PbN0JCr.woff) format("woff");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:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(./kanit-latin-700-normal-xfKc2BN3.woff2) format("woff2"),url(./kanit-latin-700-normal-CZbzRMIr.woff) format("woff");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}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none}button{font:inherit;cursor:pointer;touch-action:manipulation}[hidden]{display:none!important}body{display:flex;flex-direction:column;background:#111827;color:#fff;font-family:Kanit,system-ui,sans-serif}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#1f2937;border-bottom:1px solid #374151;box-shadow:0 6px 20px #00000059;z-index:10}.brand{margin:0;font-size:clamp(18px,2.4vw,28px);font-weight:700;line-height:1;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.stats{justify-self:center;display:flex;gap:16px;padding:4px 14px;border-radius:10px;background:#111827;border:1px solid #374151}.stat{display:flex;flex-direction:column;align-items:center;line-height:1.1}.stat-label{font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:clamp(14px,1.8vw,18px);font-variant-numeric:tabular-nums}.stat-value.time{color:#93c5fd}.stat-value.score{color:#d8b4fe}.controls{display:flex;gap:8px;align-items:center;justify-self:end}.btn{min-height:40px;padding:0 16px;border:0;border-radius:10px;color:#fff;font-weight:700;font-size:15px;transition:background .15s,transform .15s;white-space:nowrap}.btn:active{transform:scale(.96)}.btn:focus-visible,select:focus-visible,.preset:focus-within{outline:3px solid #93c5fd;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2563eb;box-shadow:0 0 15px #2563eb66}.btn-primary:hover{background:#3b82f6}.btn-warn{background:#ca8a04}.btn-warn:hover{background:#eab308}.btn-purple{background:#9333ea}.btn-purple:hover{background:#a855f7}.btn-danger{background:#dc2626}.btn-danger:hover{background:#ef4444}.btn-success{background:#16a34a;box-shadow:0 0 20px #22c55e73}.btn-success:hover{background:#22c55e}.btn-lg{min-height:52px;padding:0 28px;border-radius:999px;font-size:clamp(16px,2.4vw,20px)}select{min-height:40px;padding:0 12px;border-radius:10px;border:1px solid #4b5563;background:#374151;color:#fff;font:inherit;font-weight:500}.presets{display:flex;gap:10px;align-items:center;padding:8px max(12px,env(safe-area-inset-left));background:#1f2937e6;border-bottom:1px solid #374151;overflow-x:auto;touch-action:pan-x;scrollbar-width:thin}.preset{flex:0 0 auto;width:76px;height:52px;padding:0;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#374151;transition:border-color .15s,box-shadow .15s}.preset img{width:100%;height:100%;object-fit:cover;pointer-events:none}.preset:hover,.preset[aria-pressed=true]{border-color:#60a5fa;box-shadow:0 0 10px #3b82f680}.preset.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:700;color:#93c5fd;cursor:pointer;border:2px dashed #4b5563}.preset.upload svg{width:20px;height:20px}.preset.upload input{position:absolute;width:1px;height:1px;opacity:0}#canvas-container{position:relative;flex:1;min-height:0;background:radial-gradient(ellipse at center,#1f2937,#111827)}#game-canvas{display:block;width:100%;height:100%;cursor:grab}#game-canvas:active{cursor:grabbing}.overlay{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:#111827d1;backdrop-filter:blur(8px)}.overlay-title{margin:0;font-size:clamp(40px,11vw,96px);font-weight:700;line-height:1;background:linear-gradient(135deg,#e5e7eb,#6b7280);-webkit-background-clip:text;background-clip:text;color:transparent}.overlay-title.win{background-image:linear-gradient(135deg,#fde047,#ca8a04)}.overlay-sub{display:flex;align-items:baseline;gap:10px;padding:10px 24px;border-radius:16px;background:#1f293799;border:1px solid #374151;font-size:clamp(16px,3vw,22px);color:#d1d5db}.overlay-sub strong{color:#fff;font-size:1.4em}.new-best{margin:0;color:#fde047;font-weight:700}.overlay-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media(max-width:640px){.topbar{grid-template-columns:1fr auto}.stats{justify-self:end;gap:12px;padding:4px 10px}.controls{grid-column:1 / -1;justify-self:stretch}.controls>*{flex:1}.select-wrap select{width:100%}.btn{padding:0 10px;font-size:14px}}