@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mali-thai-400-normal-BO7A3bLZ.woff2)format("woff2"),url(/assets/mali-thai-400-normal-CX9VrjTn.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mali-vietnamese-400-normal-DUKxzXaz.woff2)format("woff2"),url(/assets/mali-vietnamese-400-normal-gFDLvsOK.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mali-latin-ext-400-normal-iCG1ALuJ.woff2)format("woff2"),url(/assets/mali-latin-ext-400-normal-DUVdJQO4.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:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mali-latin-400-normal-Cuc6Ykl8.woff2)format("woff2"),url(/assets/mali-latin-400-normal-ByPcZ8Gx.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}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-thai-600-normal-DlTx3OsB.woff2)format("woff2"),url(/assets/mali-thai-600-normal-DPgXT6rZ.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-vietnamese-600-normal-DFlJr66u.woff2)format("woff2"),url(/assets/mali-vietnamese-600-normal-CtTMUU7T.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-latin-ext-600-normal-BTvIfiCp.woff2)format("woff2"),url(/assets/mali-latin-ext-600-normal-DAQcLVmD.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:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-latin-600-normal-B9TiUNpT.woff2)format("woff2"),url(/assets/mali-latin-600-normal-CycpQCwU.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}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-thai-700-normal-DjdebB47.woff2)format("woff2"),url(/assets/mali-thai-700-normal-HU8A-eti.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-vietnamese-700-normal-cyBa8w1S.woff2)format("woff2"),url(/assets/mali-vietnamese-700-normal-BxAmfcK6.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-latin-ext-700-normal-Bxl-P7gA.woff2)format("woff2"),url(/assets/mali-latin-ext-700-normal-CjT8jNpY.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:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-latin-700-normal-UA1FHiAM.woff2)format("woff2"),url(/assets/mali-latin-700-normal-DHEtm6Un.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:"Mali", "Leelawadee UI", "Thonburi", "Noto Sans Thai", system-ui, sans-serif;--ink:#3a2f5b;--ink-soft:#6b5f8f;--card:#ffffffeb;--card-border:#fff;--sky:#8fd3ff;--sun:#ffd84a;--sun-deep:#f0a020;--pink:#ff7eb6;--mint:#3fcf9c;--mint-deep:#23a679;--lilac:#a98bff;--shadow:0 6px 0 #3a2f5b2e, 0 12px 28px #3a2f5b38;--radius:22px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#8fd3ff;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#game-canvas:active{cursor:grabbing}[hidden]{display:none!important}button{color:inherit;font-family:inherit}.big-button,.soft-button,.round-button{cursor:pointer;border:0;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .15s}.big-button{color:#fff;background:linear-gradient(180deg, #5fe0b2, var(--mint));box-shadow:0 6px 0 var(--mint-deep), 0 12px 24px #23a67959;text-shadow:0 2px #0000001f;border-radius:999px;padding:.7em 1.8em;font-size:clamp(1.15rem,2.6vw,1.5rem)}.soft-button{color:var(--ink);background:#f1ecff;border-radius:999px;padding:.65em 1.4em;font-size:1.05rem;box-shadow:0 4px #d6cdf5}.round-button{background:var(--card);width:52px;height:52px;box-shadow:var(--shadow);letter-spacing:-2px;color:var(--ink);border-radius:50%;font-size:1rem}.big-button:hover,.soft-button:hover,.round-button:hover{filter:brightness(1.05)}.big-button:active,.soft-button:active,.round-button:active{transform:translateY(4px);box-shadow:0 2px #3a2f5b33}button:focus-visible,input:focus-visible{outline:4px solid var(--sun);outline-offset:3px}.screen{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen-loading{background:radial-gradient(circle at 50% 35%,#d9f3ff 0%,#8fd3ff 55%,#6ab8f0 100%)}.screen-title{background:linear-gradient(#8fd3ff00 30%,#3a2f5b40 100%)}@media (max-aspect-ratio:4/5){.screen-title{align-items:flex-end}}@media (min-aspect-ratio:5/4){.screen-title{background:linear-gradient(90deg,#3a2f5b52 0%,#3a2f5b14 52%,#3a2f5b00 70%);justify-content:flex-start}.screen-title .title-card{width:min(560px,58vw);margin-left:2vw}}.screen-dim{-webkit-backdrop-filter:blur(3px);background:#281e4661}.screen-error{background:#f6eefc}.loading-card,.title-card{text-align:center;width:100%;max-width:640px}.title-card{max-height:100%;padding:16px 14px;overflow:hidden auto}.logo{color:#fff;letter-spacing:.5px;text-shadow:0 4px 0 var(--sun-deep), 0 8px 0 #3a2f5b40, 0 0 30px #fff9;margin:0;font-size:clamp(2rem,6.5vw,3.6rem);line-height:1.05}.subtitle{color:var(--ink);text-shadow:0 2px #fffc;margin:.4em 0 .2em;font-size:clamp(1.05rem,2.8vw,1.45rem);font-weight:700}.title-hint{color:#fff;text-shadow:0 2px 4px #3a2f5b99;margin:.6em 0 1em;font-size:1.05rem;font-weight:600}.spinner-star{color:var(--sun);text-shadow:0 4px 0 var(--sun-deep);font-size:4.5rem;animation:1.6s ease-in-out infinite spin-bounce;display:inline-block}@keyframes spin-bounce{0%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-14px)rotate(180deg)scale(1.12)}to{transform:translateY(0)rotate(360deg)scale(1)}}.progress{background:#fff9;border-radius:999px;width:min(360px,80%);height:18px;margin:1.4em auto .6em;overflow:hidden;box-shadow:inset 0 2px 4px #3a2f5b33}.progress-bar{background:linear-gradient(90deg, var(--sun), var(--pink));border-radius:999px;width:0%;height:100%;transition:width .25s}.loading-text{color:var(--ink-soft);margin:0;font-weight:600}.character-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:600px;margin:0 auto 1.4em;display:grid}.character-card{border-radius:var(--radius);background:var(--card);cursor:pointer;box-shadow:var(--shadow);text-align:center;border:4px solid #0000;padding:12px 8px 10px;transition:transform .12s,border-color .12s;position:relative}.character-card:hover{transform:translateY(-3px)}.character-card[aria-checked=true]{border-color:var(--accent,var(--sun));transform:translateY(-4px)scale(1.03)}.character-card[aria-checked=true]:after{content:"✓";background:var(--accent,var(--sun));color:#fff;border-radius:50%;width:30px;height:30px;font-weight:800;line-height:30px;position:absolute;top:-12px;right:-10px;box-shadow:0 3px #00000026}.character-avatar{border:4px solid #fff;border-radius:50%;width:64px;height:64px;margin:0 auto 6px;box-shadow:0 3px #3a2f5b26}.character-name{font-size:1.15rem;font-weight:800}.character-role{color:var(--ink-soft);min-height:2.6em;font-size:.85rem;line-height:1.3}.character-card.taken{opacity:.5;filter:grayscale(.6);cursor:not-allowed}.character-card.taken:before{content:"มีคนเล่นอยู่";background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:700;position:absolute;top:6px;left:50%;transform:translate(-50%)}.name-field{background:var(--card);max-width:420px;box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;margin:0 auto 6px;padding:6px 8px 6px 16px;font-weight:800;display:flex}.name-field input{min-width:0;font:inherit;color:var(--ink);-webkit-user-select:text;user-select:text;background:#f4f0ff;border:0;border-radius:999px;flex:1;padding:9px 14px;font-size:1.1rem;font-weight:700}.field-error,.profile-message{border-radius:999px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:4px auto 10px;padding:6px 14px;font-weight:700}.field-error{color:#b0284f;background:#ffe1ea}.profile-message{color:#7a5200;background:#fff3c4}.world-status{width:-moz-fit-content;width:fit-content;color:var(--ink-soft);background:#ffffffbf;border-radius:999px;margin:12px auto 0;padding:4px 14px;font-size:.9rem;font-weight:700}.world-status:empty{display:none}.panel .spinner-star{font-size:3.4rem}.panel-waiting{background:linear-gradient(#eef8ff,#fff 60%)}.waiting-friends{color:var(--sun);text-shadow:0 3px 0 var(--sun-deep);justify-content:center;gap:14px;margin-bottom:6px;font-size:2.4rem;display:flex}.waiting-friends span{animation:1.2s ease-in-out infinite hop;display:inline-block}.waiting-friends span:nth-child(2){color:var(--pink);text-shadow:0 3px #d9558f;animation-delay:.2s}.waiting-friends span:nth-child(3){color:var(--lilac);text-shadow:0 3px #7d5fd6;animation-delay:.4s}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)rotate(-10deg)}}.waiting-position{font-size:1.4rem!important}.leave-button{background:#ffe9ef;box-shadow:0 4px #f5c2d2}.reconnect-banner{left:50%;top:calc(var(--safe-top) + 14px);color:#7a5200;box-shadow:var(--shadow);white-space:nowrap;z-index:2;background:#fff3c4;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}@media (max-width:1000px){.reconnect-banner{top:calc(var(--safe-top) + 120px)}}.mini-spinner{border:3px solid #7a520040;border-top-color:#7a5200;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-chip.online .status-dot{background:var(--mint);box-shadow:0 0 0 3px #3fcf9c40}.status-chip.reconnecting .status-dot{background:#f0a020;animation:.9s infinite pop}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud button{pointer-events:auto}.hud-top-left{top:calc(14px + var(--safe-top));left:calc(14px + var(--safe-left));flex-direction:column;align-items:flex-start;gap:8px;max-width:min(360px,52vw);display:flex;position:absolute}.objective-card{background:var(--card);box-shadow:var(--shadow);border-radius:18px;padding:10px 16px 12px}.objective-label{color:var(--pink);letter-spacing:1px;font-size:.8rem;font-weight:800}.objective-text{font-size:clamp(.95rem,2vw,1.12rem);font-weight:700;line-height:1.35}.objective-checklist{flex-wrap:wrap;gap:4px 6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.objective-checklist li{color:var(--ink-soft);white-space:nowrap;background:#f1ecff;border-radius:999px;padding:2px 9px;font-size:.8rem;font-weight:700;transition:background .3s,color .3s}.objective-checklist li.done{color:#187a57;background:#d8f8ea}.objective-checklist li.done .task-text:after{content:" ✓"}.objective-checklist[hidden]{display:none}.status-chip{color:var(--ink-soft);background:#ffffffbf;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.status-dot{background:var(--lilac);border-radius:50%;width:9px;height:9px}.hud-top-right{top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));align-items:center;gap:10px;display:flex;position:absolute}.star-counter{background:var(--card);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:6px 18px 6px 12px;font-size:1.45rem;font-weight:800;display:flex}.star-counter.pop{animation:.45s pop}.star-icon{color:var(--sun);text-shadow:0 2px 0 var(--sun-deep);font-size:1.8rem;line-height:1}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.25)rotate(-4deg)}to{transform:scale(1)}}.toast-stack{top:calc(84px + var(--safe-top));flex-direction:column;align-items:center;gap:8px;width:min(92vw,520px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:999px;padding:10px 20px;font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:700;animation:.35s cubic-bezier(.2,1.4,.4,1) both toast-in}.toast.toast-star{background:linear-gradient(#fff6c9,#ffe27a)}.toast.toast-magic{background:linear-gradient(#f3e9ff,#dccbff)}.toast.toast-hint{background:linear-gradient(#e6fbff,#c4efff)}.toast.leaving{animation:.3s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.85)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-10px)scale(.92)}}.interact-prompt{left:50%;bottom:calc(120px + var(--safe-bottom));background:var(--card);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:10px 20px 10px 10px;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:700;animation:1.4s ease-in-out infinite bob;display:flex;position:absolute;transform:translate(-50%)}.key-badge{background:var(--sun);width:38px;height:38px;box-shadow:0 3px 0 var(--sun-deep);border-radius:12px;place-items:center;font-weight:800;display:inline-grid}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.controls-hint{left:50%;bottom:calc(14px + var(--safe-bottom));color:var(--ink-soft);background:#ffffffb8;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px 14px;width:max-content;max-width:94vw;padding:8px 18px;font-size:.9rem;transition:opacity .6s;display:flex;position:absolute;transform:translate(-50%)}.controls-hint b{color:var(--ink)}.controls-hint.faded{opacity:0}.debug-stats{left:calc(10px + var(--safe-left));bottom:calc(60px + var(--safe-bottom));color:#b7ffb7;white-space:pre;background:#0000008c;border-radius:8px;padding:6px 10px;font:12px/1.4 ui-monospace,Consolas,monospace;position:absolute}.panel{width:min(440px,100%);max-height:100%;box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:28px;padding:26px 26px 22px;animation:.3s cubic-bezier(.2,1.4,.4,1) both toast-in;overflow-y:auto}.panel h2{margin:0 0 16px;font-size:1.7rem}.panel h3{color:var(--ink-soft);margin:22px 0 10px;font-size:1.05rem}.panel p{margin:.4em 0;font-size:1.05rem}.panel .small{color:var(--ink-soft);font-size:.9rem}.menu-buttons{flex-direction:column;align-items:stretch;gap:12px;display:flex}.settings{text-align:left;flex-direction:column;gap:12px;display:flex}.toggle,.slider{cursor:pointer;background:#f7f4ff;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-weight:700;display:flex}.toggle input{width:26px;height:26px;accent-color:var(--mint)}.slider span{white-space:nowrap}.slider input{accent-color:var(--pink);flex:1;height:28px}.panel-celebrate{background:linear-gradient(#fffbe8,#fff 55%)}.celebrate-stars{color:var(--sun);text-shadow:0 3px 0 var(--sun-deep);letter-spacing:6px;font-size:2.6rem;animation:1.2s infinite pop}.complete-time{color:var(--ink-soft);margin-bottom:18px!important}.pause-columns{flex-direction:column;display:flex}:root{--stick-size:clamp(112px, 22vmin, 150px);--jump-size:clamp(80px, 17vmin, 112px);--act-size:clamp(66px, 13vmin, 88px);--edge:clamp(14px, 3vmin, 28px)}.touch-controls{position:absolute;inset:0}.touch-zone{pointer-events:auto;touch-action:none;position:absolute;inset:0}.joystick{left:calc(var(--safe-left) + var(--edge));bottom:calc(var(--safe-bottom) + var(--edge));width:var(--stick-size);height:var(--stick-size);pointer-events:none;opacity:.7;background:radial-gradient(circle,#ffffff4d 0 54%,#ffffff29 55%);border:4px solid #fffc;border-radius:50%;transition:opacity .15s;position:absolute;box-shadow:0 6px 18px #3a2f5b40}.joystick.active{opacity:1}.joystick-knob{background:radial-gradient(circle at 40% 35%,#fff,#e6defd);border-radius:50%;width:46%;height:46%;margin:-23% 0 0 -23%;position:absolute;top:50%;left:50%;box-shadow:0 4px #3a2f5b38,0 6px 14px #3a2f5b33}.touch-button{color:var(--ink);pointer-events:auto;touch-action:none;-webkit-touch-callout:none;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-weight:800;transition:transform 80ms,opacity .2s,filter .2s,background .2s;display:flex;position:absolute}.touch-button.pressed{transform:translateY(4px)scale(.92)}.touch-jump{right:calc(var(--safe-right) + var(--edge));bottom:calc(var(--safe-bottom) + var(--edge));width:var(--jump-size);height:var(--jump-size);background:linear-gradient(180deg, #ffe680, var(--sun));box-shadow:0 6px 0 var(--sun-deep), 0 10px 22px #3a2f5b4d}.touch-jump .touch-icon{font-size:calc(var(--jump-size) * .32)}.touch-interact{right:calc(var(--safe-right) + var(--edge) + var(--jump-size) + 14px);bottom:calc(var(--safe-bottom) + var(--edge) + var(--jump-size) * .45);width:var(--act-size);height:var(--act-size);opacity:.6;filter:grayscale(.5);background:#f1ecff;box-shadow:0 5px #cfc4f2,0 8px 18px #3a2f5b40}.touch-interact .touch-icon{font-size:calc(var(--act-size) * .34)}.touch-interact.ready{opacity:1;filter:none;color:#fff;background:linear-gradient(180deg, #7ff0c6, var(--mint));box-shadow:0 5px 0 var(--mint-deep), 0 0 0 6px #3fcf9c59;animation:1.1s ease-in-out infinite ready-pulse}.touch-interact.ready.pressed{animation:none}@keyframes ready-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.touch-icon{line-height:1}.touch-label{font-size:.78rem;line-height:1}body.touch-mode .controls-hint{display:none}body.touch-mode .debug-stats{bottom:auto;left:50%;top:calc(var(--safe-top) + 6px);transform:translate(-50%)}body.touch-mode .interact-prompt{bottom:calc(var(--safe-bottom) + var(--edge) + 6px);max-width:calc(100vw - 2 * (var(--edge) + var(--jump-size) + var(--act-size) + 26px));white-space:normal;text-align:center}.rotate-hint{display:none}@media (max-width:720px),(max-height:520px){.character-avatar{width:48px;height:48px}.character-role{display:none}.round-button{width:46px;height:46px}.star-counter{font-size:1.2rem}}@media (max-height:500px){.hud-top-left{max-width:40vw}.objective-card{border-radius:14px;padding:6px 12px 8px}.objective-label{font-size:.7rem}.objective-text{font-size:.88rem}.status-chip{padding:2px 10px;font-size:.72rem}.toast-stack{top:calc(var(--safe-top) + 112px);width:min(56vw,460px)}.toast{padding:7px 16px;font-size:.9rem}.toast-stack .toast:nth-last-child(n+3){display:none}.logo{font-size:clamp(1.5rem,4.6vw,2.2rem)}.subtitle{margin:.2em 0 .6em;font-size:.95rem}.title-hint{display:none}.name-field{margin-bottom:4px;padding:4px 6px 4px 14px}.name-field input{padding:6px 12px;font-size:1rem}.world-status{margin-top:6px}.character-picker{gap:8px;margin-bottom:.9em}.character-card{padding:8px 6px 6px}.character-avatar{border-width:3px;width:40px;height:40px;margin-bottom:4px}.character-name{font-size:1rem}.big-button{padding:.55em 1.5em;font-size:1.1rem}.panel{padding:16px 18px 14px}.panel h2{margin-bottom:10px;font-size:1.35rem}.toggle,.slider{padding:6px 12px}}@media (max-height:500px) and (orientation:landscape){#pause-screen .panel{width:min(680px,100%)}.pause-columns{flex-direction:row;align-items:flex-start;gap:18px}.pause-columns>*{flex:1}.pause-settings h3{margin-top:0}}@media (orientation:portrait) and (max-width:700px){body.touch-mode .rotate-hint{left:50%;top:calc(var(--safe-top) + 128px);width:max-content;max-width:88vw;box-shadow:var(--shadow);background:#ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}.rotate-icon{animation:2.4s ease-in-out infinite rotate-phone;display:inline-block}.toast-stack{top:calc(var(--safe-top) + 176px)}body.touch-mode .interact-prompt{bottom:calc(var(--safe-bottom) + var(--edge) + var(--jump-size) + var(--act-size) * .45 + 28px);max-width:86vw}}@keyframes rotate-phone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.fullscreen-button svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.fullscreen-button .icon-shrink,.fullscreen-button[aria-pressed=true] .icon-expand{display:none}.fullscreen-button[aria-pressed=true] .icon-shrink{display:block}.home-screen-tip{text-align:center;max-width:260px;margin:4px auto 0}