:root{color:#19324d;background:#fff8e9;font-family:Noto Sans Thai,Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 0 0,rgba(255,228,156,.65),transparent 32rem),linear-gradient(180deg,#fffaf0,#f3fbec)}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #2c8c99;outline-offset:3px}.game-page{width:min(100%,1080px);min-height:100dvh;margin:0 auto;padding:28px 20px 44px}.landing-page{display:grid;align-content:center;gap:22px;max-width:720px}.hero-card,.result-card,.empty-card{padding:clamp(30px,7vw,64px);text-align:center;border:3px solid #ffffff;border-radius:36px;box-shadow:0 18px #e8d9bc,0 26px 50px #314a2d26;background:linear-gradient(145deg,#ffdf8e,#ffc580)}.hero-card h1,.page-heading h1,.result-card h1,.empty-card h1{margin:4px 0 10px;color:#19324d;font-size:clamp(2.1rem,8vw,4.8rem);letter-spacing:-.06em}.hero-card p,.page-heading p,.world-card p,.pet-card p,.stage-card p,.result-card p,.empty-card p{margin:0;color:#40546a;line-height:1.55}.eyebrow,.availability,.stage-labels span{display:inline-block;color:#6f4f2a;font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero-pets{margin:16px 0 2px;font-size:clamp(3.2rem,12vw,6.2rem);line-height:1}.hero-pets span{color:#fff;font-size:.42em;vertical-align:middle}.primary-button,.secondary-button,.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;text-decoration:none;font-weight:900;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-button{padding:13px 20px;color:#fff;background:#f0673a;box-shadow:0 5px #c6482e}.secondary-button{padding:11px 17px;color:#19324d;background:#fff;box-shadow:0 4px #d7e2e4}.large-button{margin-top:25px;padding:16px 27px;font-size:1.07rem}.primary-button:hover,.secondary-button:hover,.text-button:hover{transform:translateY(-2px)}.primary-button:active,.secondary-button:active,.text-button:active{transform:translateY(3px);box-shadow:none}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 8px 24px #314a2d1a}.mini-stats div{display:grid;gap:4px;padding:16px 10px;text-align:center}.mini-stats div+div{border-left:1px solid #eef0e7}.mini-stats strong{color:#f0673a;font-size:1.35rem}.mini-stats span{color:#657487;font-size:.72rem}.page-heading{max-width:680px;margin:10px auto 28px}.compact-heading{margin-bottom:22px}.page-heading h1{font-size:clamp(2rem,7vw,3.2rem)}.back-link,.text-link{display:inline-block;color:#2c8c99;font-weight:800;text-decoration:none}.back-link{margin-bottom:18px}.pet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.pet-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:18px;border:2px solid #fff;border-radius:22px;background:#ffffffe6;box-shadow:0 8px 20px #314a2d17}.pet-card.selected{border-color:#2c8c99;background:#ecfbfa}.pet-card.locked{opacity:.72;background:#f2f0ea}.pet-emoji{align-self:center;font-size:3rem}.pet-card-copy h2,.world-card h2,.stage-card h2{margin:3px 0 6px;color:#19324d;font-size:1.15rem}.pet-card .secondary-button,.lock-note{grid-column:1/-1;justify-self:start}.capability-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.capability-row span{padding:3px 8px;border-radius:999px;color:#2c8c99;background:#ddf4f1;font-size:.7rem;font-weight:800}.lock-note{margin:2px 0 0;color:#786a5b;font-size:.78rem;font-weight:700}.world-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(250px,1fr);gap:clamp(22px,5vw,55px);align-items:center;padding:clamp(24px,6vw,52px);border:3px solid #fff;border-radius:32px;background:linear-gradient(135deg,#d5f1bb,#fff6bd);box-shadow:0 18px 38px #314a2d26}.world-illustration{color:var(--world-accent);font-size:clamp(3rem,10vw,6rem);text-align:center}.world-illustration span{display:inline-block;color:#f0673a;font-size:.5em;transform:rotate(-25deg)}.world-facts{margin:16px 0 22px;padding-left:22px;color:#40546a;line-height:1.65}.stage-list{display:grid;gap:14px}.stage-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:17px;border:2px solid #fff;border-radius:20px;background:#ffffffed;box-shadow:0 7px 18px #314a2d17}.stage-complete{background:#effbe8}.stage-locked{opacity:.62}.stage-number{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:#2c8c99;font-weight:900}.stage-labels{display:flex;gap:8px}.stage-labels span{padding:3px 7px;border-radius:999px;background:#ddf4f1;color:#2c8c99}.stage-labels .completed-label{color:#547b3e;background:#e1f5d2}.record-line{margin-top:6px!important;color:#718096!important;font-size:.8rem;font-weight:700}.stage-action{min-width:114px;text-align:right}.puzzle-gameplay-page{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top);background:#eef9e3}.mischief-entry{margin:12px 0 0 8px}.puzzle-hud{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:64px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));color:#fff;background:#19324d}.puzzle-leave{width:48px;height:48px;color:#19324d;background:#fff;font-size:1.7rem;line-height:1}.hud-stage{display:grid;min-width:0;gap:2px}.hud-stage span,.hud-stage strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-stage span{font-size:.76rem;font-weight:800}.hud-stage strong{font-size:1rem}.hud-stage small{color:#bdeeff;font-size:.8em}.hud-rewards{display:grid;grid-template-columns:auto auto;gap:4px;align-items:center;min-height:42px;padding:6px 10px;border-radius:14px;color:#19324d;background:#ffdf8e;font-size:.8rem}.puzzle-board-shell{display:flex;min-height:0;padding:8px;overscroll-behavior:contain}.puzzle-game-host{width:100%;min-height:300px;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.puzzle-game-host canvas{display:block;touch-action:none;-webkit-tap-highlight-color:transparent}.planner-dock{display:grid;gap:10px;padding:12px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:2px solid #d5e7c6;background:#fffffff5;box-shadow:0 -8px 24px #314a2d14}.planner-copy{display:grid;gap:2px;color:#40546a}.planner-copy strong{overflow:hidden;color:#19324d;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.planner-copy small{color:#657487;font-size:.73rem}.mode-label{color:#2c8c99;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.planner-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.planner-actions .primary-button,.planner-actions .secondary-button{min-width:48px;min-height:48px;padding:10px 8px;font-size:.85rem}.planner-actions .speed-button{grid-column:span 1}.planner-actions:has(.speed-button){grid-template-columns:repeat(4,minmax(0,1fr))}.go-button{letter-spacing:.06em}button:disabled{cursor:not-allowed;opacity:.48;transform:none!important}.puzzle-overlay{position:fixed;z-index:10;display:grid;inset:0;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#19324d94}.puzzle-overlay-card{display:grid;width:min(100%,360px);gap:13px;justify-items:center;padding:30px 24px;border:3px solid #fff;border-radius:28px;text-align:center;background:#fff8e9;box-shadow:0 18px 38px #14232847}.puzzle-overlay-card h1{margin:0;color:#19324d;font-size:1.55rem}.puzzle-overlay-card p{margin:0;color:#526477;line-height:1.45}.overlay-emoji{font-size:3rem}.text-button{padding:7px 12px;color:#2c8c99;background:transparent}.result-page{display:grid;place-items:center;max-width:620px}.result-card{width:100%}.result-pet{margin:8px 0;font-size:4rem}.star-row{display:flex;justify-content:center;gap:4px;margin:18px 0;color:#f5a524;font-size:clamp(2rem,9vw,3.4rem)}.star-row .unearned{color:#e3d5bc}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.result-stats div{padding:13px;border-radius:16px;background:#ffffffb3}.result-stats span,.result-stats strong{display:block}.result-stats span{color:#6f6253;font-size:.75rem;font-weight:800;text-transform:uppercase}.result-stats strong{margin-top:3px;color:#19324d;font-size:1.3rem}.new-record{color:#bd5e10!important;font-weight:900}.result-actions{display:flex;justify-content:center;gap:12px;margin:24px 0 18px}.settings-page{max-width:720px}.settings-card{display:grid;gap:20px;padding:clamp(22px,5vw,36px);border:2px solid #fff;border-radius:26px;background:#ffffffeb;box-shadow:0 10px 28px #314a2d1f}.settings-card h2{margin:0 0 6px;color:#19324d}.settings-card p{margin:0;color:#526477;line-height:1.55}.locale-options{display:grid;gap:10px}.locale-option{display:grid;grid-template-columns:1fr auto;gap:2px 14px;width:100%;padding:15px 16px;border:2px solid #d7e2e4;border-radius:16px;color:#19324d;text-align:left;background:#fff}.locale-option:hover,.locale-option.selected{border-color:#2c8c99;background:#ecfbfa}.locale-option span{font-weight:900}.locale-option small{color:#657487}.locale-option strong{grid-row:1/span 2;grid-column:2;align-self:center;color:#2c8c99;font-size:.78rem}.settings-note{color:#547b3e!important;font-weight:800}.settings-error{color:#b44832!important;font-weight:800}@media(max-width:560px){.game-page{padding:20px 14px 36px}.world-card{grid-template-columns:1fr;text-align:center}.world-facts{display:inline-block;text-align:left}.stage-card{grid-template-columns:auto 1fr}.stage-action{grid-column:2;min-width:0;text-align:left}}