:root{--sky:#e8f1ff;--grass:#a8dca0;--grass-dark:#86c87e;--floor:#f2e4cc;--wall-l:#fbefdc;--wall-r:#e3f0fa;--ink:#40506b;--ink-soft:#8394ae;--hud:hsla(0,0%,100%,.94);--line:#b9c9e0;--shadow:#d8e3f2;--accent:#9b87e8;--accent-soft:#f1ecff;--good:#6fcf97;--warn:#f5c46b;--bad:#ef8a85;--tg:#7ec4e8;--shopee:#f2917a;--panel:#fff;--page-bg:#dce8f7}[data-night=on]{--sky:#22344e;--grass:#2f5140;--grass-dark:#26412f;--floor:#4a3f31;--wall-l:#3a3226;--wall-r:#31445a;--ink:#eaf1fa;--ink-soft:#abbcd2;--hud:rgba(34,50,74,.94);--line:#4e6a8a;--shadow:#38506c;--accent:#a38cff;--accent-soft:#322e4c;--panel:#1b2b45;--page-bg:#0d1524}html{color-scheme:light}html[data-night=on]{color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;width:100%;max-width:100%;overflow-x:clip;background:var(--page-bg);color:var(--ink);font-family:Noto Sans Thai,system-ui,sans-serif;overscroll-behavior-y:none}button,input,select,textarea{font-family:inherit}button{min-height:44px;cursor:pointer}a{color:inherit}@keyframes kkspin{to{transform:rotate(1turn)}}