/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#4f4661;--muted:#8e859d;--berry:#f2779e;--berry-dark:#dd5f89;--leaf:#7bcf98;--cream:#fffaf0;--paper:#ffffffe0;--lilac:#b9a6e8;--shadow:0 18px 55px #77577929;--snake-light:#ff96b5;--snake-main:#ec6d98;--snake-dark:#d95683;--snake-shadow:#b7486f38;--snake-cheek:#ffb7cce0;--snake-dot:#ffbed199;--snake-dot-shadow:#cd43711f;--snake-face:#74445b;--confetti-1:#f4bd4f;--confetti-2:#f2779e;--confetti-3:#7bcf98;--confetti-4:#aa91dc}*{box-sizing:border-box}html{overscroll-behavior-x:none;background:#fdf7f0;width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{width:100%;max-width:100%;min-height:100%;color:var(--ink);font-family:"Nunito", "Microsoft YaHei", "PingFang SC", var(--font-geist-sans), sans-serif;overscroll-behavior-x:none;background:radial-gradient(circle at 16% 10%,#ffd7e1b8,#0000 27%),radial-gradient(circle at 84% 18%,#d0eedcbf,#0000 25%),linear-gradient(145deg,#fffaf3 0%,#fbf5ec 48%,#fff8f1 100%);margin:0;overflow-x:hidden}button{color:inherit;font:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #f2779e47}.site-shell{isolation:isolate;width:100%;max-width:100%;min-height:100vh;padding:24px clamp(18px,4vw,64px) 40px;position:relative;overflow-x:clip}.site-shell.skin-yellow{--berry:#efb53e;--berry-dark:#cd8e21;--snake-light:#ffe27d;--snake-main:#f2b93f;--snake-dark:#d99a25;--snake-shadow:#b87e1f3d;--snake-cheek:#ffefa4eb;--snake-dot:#fff2b0b8;--snake-dot-shadow:#b0771d21;--snake-face:#71552e;--confetti-1:#f0aa31;--confetti-2:#ffe282;--confetti-3:#84c88e;--confetti-4:#e88c6d}.site-shell.skin-purple{--berry:#9d74d8;--berry-dark:#7b52b7;--snake-light:#c8a3f4;--snake-main:#976bce;--snake-dark:#7650aa;--snake-shadow:#66449140;--snake-cheek:#ddc2fce0;--snake-dot:#e0ccf9ad;--snake-dot-shadow:#5f3b8924;--snake-face:#514064;--confetti-1:#b78be9;--confetti-2:#f3a5c4;--confetti-3:#7bcf98;--confetti-4:#e2bf56}.site-shell.skin-blue{--berry:#55afd8;--berry-dark:#358cb8;--snake-light:#8bdcff;--snake-main:#52afd8;--snake-dark:#358ab5;--snake-shadow:#317ea43d;--snake-cheek:#beebffe6;--snake-dot:#c6efffb3;--snake-dot-shadow:#2a719524;--snake-face:#35566a;--confetti-1:#55b8e4;--confetti-2:#8fe1ff;--confetti-3:#7bcf98;--confetti-4:#f1be55}.site-shell:not(.look-none) .brand-mascot:before,.site-shell:not(.look-none) .snake-segment.head:before,.site-shell:not(.look-none) .victory-snake .victory-head:after,.site-shell:not(.look-none) .home-mascot:before,.site-shell:not(.look-none) .preview-mascot:before{display:none}.sky-blob{z-index:-1;filter:blur(1px);opacity:.6;pointer-events:none;border-radius:999px;position:fixed}.sky-blob-one{background:#e5d9f5;width:280px;height:180px;bottom:5%;left:-100px;transform:rotate(18deg)}.sky-blob-two{background:#d8efdd;width:240px;height:240px;top:36%;right:-100px}.home-screen{z-index:45;overscroll-behavior-x:none;touch-action:pan-y;background:radial-gradient(circle at 18% 14%,#ffdce7e6,#0000 27%),radial-gradient(circle at 84% 76%,#d3f1dce0,#0000 28%),linear-gradient(145deg,#fffaf2,#faf3ed);place-items:center;width:100%;max-width:100vw;padding:24px 24px 24px 284px;display:grid;position:fixed;inset:0;overflow:hidden auto}.home-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9eb;border:1px solid #ffffffe6;border-radius:38px;width:min(720px,100%);min-width:0;padding:clamp(24px,5vw,42px);animation:.4s cubic-bezier(.2,.9,.25,1.12) pop-in;position:relative;box-shadow:0 30px 90px #583d5c33}.home-hero{text-align:center}.home-hero h1{letter-spacing:-.06em;margin:7px 0 8px;font-size:clamp(34px,6vw,53px);line-height:.98}.home-hero p{max-width:520px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.65}.home-mascot{background:linear-gradient(145deg,var(--snake-light),var(--snake-main));width:110px;height:110px;box-shadow:inset 0 -9px 0 #4b33431c,0 16px 28px var(--snake-shadow);border-radius:50% 50% 45% 49%;margin:5px auto 20px;animation:2.2s ease-in-out infinite home-float;position:relative}.home-mascot:before{content:"";background:var(--leaf);border-radius:100% 0;width:43px;height:31px;position:absolute;top:-15px;right:5px;transform:rotate(18deg)}.home-eye{background:var(--snake-face);border-radius:99px;width:9px;height:14px;position:absolute;top:43px}.home-eye.left{left:35px}.home-eye.right{right:35px}.home-smile{border-bottom:3px solid var(--snake-face);border-radius:0 0 99px 99px;width:25px;height:13px;position:absolute;top:64px;left:43px}.home-mascot>span{background:linear-gradient(145deg,var(--snake-light),var(--snake-main));width:42px;height:42px;box-shadow:inset 0 -4px 0 #4b33431a,0 6px 10px var(--snake-shadow);z-index:0;border-radius:48%;position:absolute}.home-mascot>span:first-of-type{bottom:-10px;left:-25px}.home-mascot>span:nth-of-type(2){bottom:5px;left:-54px}.home-mascot>span:nth-of-type(3){bottom:33px;left:-74px}@keyframes home-float{50%{transform:translateY(-7px)rotate(2deg)}}.home-mode-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:27px;display:grid}.home-mode{text-align:left;cursor:pointer;border:0;border-radius:23px;min-height:126px;padding:20px 12px 17px 63px;transition:all .18s;position:relative;overflow:hidden}.home-mode:hover{transform:translateY(-3px)}.home-mode.story{color:#674252;background:linear-gradient(135deg,#ffe5ed,#fff4da);box-shadow:0 10px 22px #cd5b8121}.home-mode.tutorial{color:#3e665a;background:linear-gradient(135deg,#dff5e7,#fff4d7);box-shadow:0 10px 22px #4f917021}.home-mode.daily{color:#594968;background:linear-gradient(135deg,#eee3fa,#fff4d7);box-shadow:0 10px 22px #7b569921}.home-mode .mode-icon{color:#fff;background:var(--berry);border-radius:14px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:24px;left:14px;box-shadow:inset 0 -4px #492d3f1c}.home-mode.tutorial .mode-icon{background:#60ae83}.home-mode.daily .mode-icon{background:#9872ba}.home-mode small,.home-mode i{opacity:.68;font-size:9px;font-style:normal;font-weight:850;display:block}.home-mode b{margin:5px 0 8px;font-size:20px;display:block}.home-mode i{opacity:.82;font-size:9px;line-height:1.35}.home-tools{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:13px;display:grid}.home-tools button{cursor:pointer;background:#f7f1f3;border:1px solid #6f577714;border-radius:18px;min-height:66px;padding:7px 3px;font-weight:900}.home-tools button:hover{background:#f1e9ee}.home-tools b{width:24px;height:24px;margin:0 auto 4px;font-size:20px;line-height:24px;display:block}.home-tools b.skin-dot{border:5px solid #fff;border-radius:50%;box-shadow:0 2px 7px #523c5a33}.home-tools span{white-space:nowrap;font-size:9px}.home-progress-card{background:#f1ebf2;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:13px;padding:14px 14px 18px;display:grid;position:relative;overflow:hidden}.home-progress-card>span{background:#ffffffe6;flex-direction:column;align-items:center;padding:8px;display:flex}.home-progress-card b{font-size:20px}.home-progress-card small{color:var(--muted);margin-top:2px;font-size:8px}.home-progress-card>i{background:linear-gradient(90deg,var(--berry),var(--leaf));border-radius:99px;max-width:calc(100% - 28px);height:5px;transition:width .4s;position:absolute;bottom:7px;left:14px}.brand-bar{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto 22px;display:flex}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:flex}.brand span:last-child{flex-direction:column;display:flex}.brand b{letter-spacing:.04em;font-size:22px}.brand small{color:var(--muted);margin-top:2px;font-size:12px}.brand-mascot{background:var(--snake-main);width:48px;height:48px;box-shadow:inset 0 -5px 0 #5a374b1f, 0 6px 14px var(--snake-shadow);border-radius:50% 50% 46% 46%;position:relative;transform:rotate(-5deg)}.brand-mascot:before{content:"";background:var(--leaf);border-radius:90% 10%;width:18px;height:14px;position:absolute;top:-7px;left:22px;transform:rotate(-15deg)}.brand-mascot i{background:#51455e;border-radius:999px;width:5px;height:7px;position:absolute;top:19px}.brand-mascot i:first-child{left:14px}.brand-mascot i:last-child{right:14px}.header-actions{align-items:center;gap:9px;display:flex}.sound-button,.help-button,.home-button{color:#5ba778;cursor:pointer;background:#edf9ee;border:1px solid #6bb0812e;border-radius:15px;flex:none;width:44px;height:44px;font-size:19px;font-weight:900;box-shadow:0 7px 20px #48915e17}.help-button{color:#9273b0;background:#f2ebfa;border-color:#ae8bcd33}.home-button{color:#b77932;background:#fff4df;border-color:#cd9c5533}.map-button{cursor:pointer;background:#ffffffbd;border:1px solid #755b7e1c;border-radius:18px;justify-content:space-between;align-items:center;gap:15px;min-width:145px;padding:10px 14px 10px 17px;display:flex;box-shadow:0 8px 25px #68527014}.map-button span{color:var(--muted);font-size:13px}.map-button b{color:var(--berry-dark);font-size:18px}.map-button b i{color:#b5abbc;font-size:11px;font-style:normal;font-weight:700}.game-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:22px;max-width:1180px;margin:0 auto;display:grid}.board-card,.side-panel{background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #715b7a1a}.board-card{border-radius:34px;flex-direction:column;min-height:690px;padding:clamp(19px,3vw,34px);display:flex}.level-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.eyebrow{color:var(--berry-dark);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:850}.level-heading h1{letter-spacing:-.045em;margin:5px 0 0;font-size:clamp(27px,3.2vw,40px);line-height:1}.heading-moves{align-items:stretch;gap:7px;margin-left:auto;display:flex}.heading-moves span{text-align:center;background:#f5eff6;border-radius:14px;min-width:67px;padding:7px 10px 6px;box-shadow:inset 0 -3px #5d47640d}.heading-moves small{color:var(--muted);white-space:nowrap;font-size:9px;font-weight:850;display:block}.heading-moves b{margin-top:1px;font-size:21px;line-height:1;display:block}.heading-moves span.danger{color:#d85869;background:#ffe9e9;animation:.8s ease-in-out infinite alternate hint-pulse}.chapter-progress{background:#eee8ef;border-radius:999px;width:150px;height:8px;margin-bottom:6px;position:relative}.chapter-progress span{border-radius:inherit;background:linear-gradient(90deg, #f49abb, var(--berry));height:100%;transition:width .4s;display:block}.chapter-progress i{color:var(--muted);letter-spacing:.05em;font-size:9px;font-style:normal;font-weight:850;position:absolute;top:12px;right:0}.top-objective-reminder{color:#795b2b;background:linear-gradient(135deg,#fff0b7,#fff8dc);border:1px solid #dba64138;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;width:min(100%,580px);margin:0 auto 12px;padding:10px 13px;display:flex;box-shadow:0 6px 14px #8b5f1c14}.top-objective-reminder>b{font-size:12px;line-height:1.35}.top-objective-reminder>span{flex:none;gap:5px;display:flex}.top-objective-reminder i{color:#80683b;white-space:nowrap;background:#ffffffad;border-radius:9px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:950}.top-objective-reminder.ready{color:#417b52;background:linear-gradient(135deg,#e5f7e6,#f5ffe9);border-color:#59ab713d}.top-objective-reminder.ready i{color:#4f8b60}.top-objective-reminder.ready>b:after{content:" · 小屋已开启";color:#4f9b64}.interactive-tutorial-banner{color:#3f725d;background:linear-gradient(135deg,#dcf5e6,#fff7d9);border:1px solid #50a6793d;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:min(100%,580px);margin:0 auto 12px;padding:10px 12px;font-size:10px;line-height:1.4;display:grid;box-shadow:0 6px 15px #4584621a}.interactive-tutorial-banner b{color:#fff;white-space:nowrap;background:#58aa7d;border-radius:9px;padding:5px 8px;font-size:9px}.interactive-tutorial-banner i{text-align:center;background:#ffffffc7;border-radius:9px;min-width:39px;padding:5px 7px;font-style:normal;font-weight:950}.board-card.is-tutorial .game-board{border-color:#d1eddb;box-shadow:inset 0 0 0 2px #56aa7d1f,inset 0 -10px 20px #418b6412,0 14px 34px #4b916c2e}.board-card.is-workshop .game-board{border-color:#f2d7a2;box-shadow:inset 0 0 0 2px #e2a9421f,inset 0 -10px 20px #8c62270f,0 14px 34px #a16e2f2b}.lesson-banner{color:#806233;background:linear-gradient(135deg,#fff1b9,#fff8dc);border:1px solid #cd953433;border-radius:15px;align-items:center;gap:10px;width:min(100%,580px);margin:0 auto 12px;padding:10px 13px;font-size:11px;line-height:1.45;display:flex;box-shadow:0 6px 14px #8b5f1c14}.lesson-banner b{color:#fff;letter-spacing:.05em;background:#e7a943;border-radius:9px;flex:none;padding:5px 8px;font-size:9px}.game-board{--cell-gap:clamp(4px, .75vw, 8px);width:min(100%,580px);aspect-ratio:var(--cols) / var(--rows);grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);gap:var(--cell-gap);touch-action:none;-webkit-user-select:none;user-select:none;background:#d8eeca;border:4px solid #eef7df;border-radius:28px;margin:auto;padding:clamp(9px,1.3vw,14px);display:grid;box-shadow:inset 0 0 0 2px #5b8e531a,inset 0 -10px 20px #508b4c12,0 14px 30px #688e6429}.game-board.split-board{max-width:680px;box-shadow:none;background:linear-gradient(90deg,#d8eeca 0 44.35%,#0000 44.35% 55.65%,#d8eeca 55.65% 100%);border-color:#0000;position:relative}.zone-gap{place-items:center;display:grid;position:relative;overflow:visible}.rainbow-bridge{aspect-ratio:1;z-index:12;background:conic-gradient(from 210deg,#f08aaa,#f6bf54,#79c890,#64bdd9,#a98bd5,#f08aaa);border-radius:50%;place-items:center;width:180%;animation:1.8s ease-in-out infinite rainbow-float;display:grid;position:relative;box-shadow:0 5px 13px #6d4e8533}.rainbow-bridge:after{content:"";background:#fff8dc;border-radius:50%;position:absolute;inset:17%}.rainbow-bridge i{filter:blur(3px);background:#ffffffb8;border-radius:50%;width:118%;height:44%;position:absolute;bottom:-15%}.rainbow-bridge b{z-index:2;color:#fff;text-shadow:0 2px 3px #5a3f7040;font-size:clamp(13px,2vw,22px);position:relative}@keyframes rainbow-float{50%{transform:translateY(-5%)rotate(4deg)}}.cell{background:linear-gradient(145deg,#f8f2ca,#f4eab9);border-radius:clamp(8px,1.2vw,15px);place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:visible;box-shadow:inset 0 -3px #8e844d14,0 2px 5px #5c724c14}.cell:nth-child(3n){background:linear-gradient(145deg,#faf5d0,#f4ecc0)}.preview-trail{border-radius:inherit;z-index:2;pointer-events:none;background:#b1ecc045;border:2px solid #5bb7809e;animation:.72s ease-in-out infinite alternate preview-glow;position:absolute;inset:8%;box-shadow:0 0 12px #5dbe834d}.preview-trail i{aspect-ratio:1;color:#fff;background:#65b981;border-radius:50%;place-items:center;width:clamp(16px,2vw,24px);font-size:clamp(9px,1.2vw,14px);font-style:normal;font-weight:950;display:grid;position:absolute;top:-12%;right:-8%;box-shadow:0 3px 8px #357e4d47}.cell.preview-end .preview-trail{background:#f6cd5f3d;border-width:3px;border-color:#efbd48;inset:3%;box-shadow:0 0 18px #ecb43685}.cell.preview-danger .preview-trail,.cell.preview-blocked .preview-trail{background:#ff7a8b40;border-color:#e45f72;box-shadow:0 0 17px #db475d70}.cell.hint-focus{outline-offset:calc(var(--cell-gap) / -2);outline:3px solid #f6be45bf;animation:.85s ease-in-out infinite alternate hint-cell-pulse}@keyframes preview-glow{to{opacity:.64;transform:scale(.94)}}@keyframes hint-cell-pulse{to{filter:brightness(1.06);outline-color:#f280a0d1}}.cell.wall{background:#c99a6f;box-shadow:inset 0 -5px #77492c1f}.cell.wall.monster-track{background:linear-gradient(145deg,#d8c7e5,#bda6cf);box-shadow:inset 0 -5px #55396c1f,inset 0 0 0 3px #ffffff47}.cookie{aspect-ratio:1;background:#dda97b;border-radius:44% 56% 48% 52%;width:76%;position:relative;transform:rotate(10deg);box-shadow:inset -4px -5px #7b492717,0 3px #bb855b}.cookie i{aspect-ratio:1;background:#80594b;border-radius:50%;width:9%;position:absolute}.cookie i:first-child{top:24%;left:24%}.cookie i:nth-child(2){top:42%;right:20%}.cookie i:nth-child(3){bottom:17%;left:43%}.cell.ice{background:linear-gradient(145deg,#e8fbff,#cceff6);box-shadow:inset 0 -4px #4aa3b71a}.ice-shine{color:#ffffffeb;text-shadow:8px 10px #ffffff8c;font-size:clamp(10px,1.6vw,20px);position:absolute;top:8%;left:15%}.portal{opacity:.88;filter:drop-shadow(0 3px #6148751f);place-items:center;font-size:clamp(27px,4.2vw,54px);line-height:1;animation:2s ease-in-out infinite portal-breathe;display:grid;position:absolute;inset:8%}.portal.peach{color:#f49aab}.portal.lilac{color:#aa91dc;animation-delay:-.8s}@keyframes portal-breathe{50%{opacity:.68;transform:scale(.88)rotate(8deg)}}.pressure-plate{z-index:3;background:#ffd7e4;border:3px solid #ee91af;border-radius:50%;place-items:center;width:58%;height:30%;transition:all .18s;display:grid;position:absolute;bottom:10%;box-shadow:inset 0 -4px #7d40541f,0 3px 6px #72495926}.pressure-plate.blue{background:#d8f0ff;border-color:#75bde3}.pressure-plate i{color:#fff7f9;font-size:clamp(8px,1.4vw,16px);font-style:normal}.pressure-plate.pressed{filter:saturate(1.25);transform:translateY(3px)scale(.92);box-shadow:inset 0 2px 5px #5737462e}.flower-gate{z-index:7;pointer-events:none;justify-content:space-between;align-items:center;transition:all .22s;display:flex;position:absolute;inset:5%}.flower-gate i{background:linear-gradient(90deg,#5fa66d,#87ca8e);border-radius:99px;width:22%;height:100%;box-shadow:inset -3px 0 #30713e1f}.flower-gate b{color:#ed7ba2;text-shadow:0 2px #fff;font-size:clamp(15px,2.6vw,31px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flower-gate.blue b{color:#66aeda}.flower-gate.open{opacity:.42;transform:scaleX(.72)}.flower-gate.open i:first-child{transform:translate(-35%)}.flower-gate.open i:last-child{transform:translate(35%)}.flower-gate.closed{filter:drop-shadow(0 3px 3px #335c3b33)}.cell.monster-track:after{content:"";z-index:1;background:#815c9d38;border-radius:50%;position:absolute;inset:42%;box-shadow:0 0 0 3px #ffffff57}.apple-token{aspect-ratio:1;z-index:6;background:linear-gradient(145deg,#ff7d78,#e74f63);border-radius:47% 53% 50% 50%;width:63%;animation:1.8s ease-in-out infinite apple-bob;position:absolute;box-shadow:inset 0 -5px #9a233b1f,0 4px 8px #c7455633}.apple-token:before{content:"";background:#7e684c;border-radius:99px;width:9%;height:24%;position:absolute;top:-12%;left:48%;transform:rotate(8deg)}.apple-leaf{background:#67bd7b;border-radius:100% 0;width:38%;height:25%;position:absolute;top:-11%;left:52%;transform:rotate(14deg)}.apple-shine{background:#ffffff7a;border-radius:50%;width:17%;height:25%;position:absolute;top:17%;left:18%;transform:rotate(27deg)}.apple-eye{background:#6c3f4c;border-radius:99px;width:8%;height:11%;position:absolute;top:48%}.apple-eye.left{left:31%}.apple-eye.right{right:27%}.has-apple-star .apple-token{width:50%;bottom:5%;left:5%}.has-apple-star .star-token{width:54%;top:0;right:2%}@keyframes apple-bob{50%{transform:translateY(-4%)rotate(3deg)}}.patrol-monster{aspect-ratio:1.08;z-index:9;background:linear-gradient(145deg,#b79be1,#8c70bd);border-radius:48% 52% 42% 44%;width:70%;animation:.48s ease-in-out infinite alternate monster-hop;position:absolute;bottom:12%;box-shadow:inset 0 -5px #4f347626,0 5px 9px #5e468138}.patrol-monster:after{content:"";background:inherit;clip-path:polygon(0 0,17% 100%,34% 0,50% 100%,67% 0,84% 100%,100% 0);height:25%;position:absolute;bottom:-7%;left:10%;right:10%}.monster-ear{z-index:-1;background:#9b7dcc;width:26%;height:28%;position:absolute;top:-17%}.monster-ear.left{border-radius:100% 0 20%;left:7%;transform:rotate(-13deg)}.monster-ear.right{border-radius:0 100% 20%;right:7%;transform:rotate(13deg)}.monster-eye{background:#fff;border-radius:99px;width:12%;height:17%;position:absolute;top:35%;box-shadow:inset 0 -3px #57406e}.monster-eye.left{left:27%}.monster-eye.right{right:27%}.patrol-monster b{color:#5d4675;font-size:clamp(8px,1.2vw,14px);position:absolute;top:52%;left:41%}.monster-forecast{aspect-ratio:1;z-index:4;pointer-events:none;background:#b799d229;border:3px dashed #845baaad;border-radius:47% 53% 45% 55%;width:68%;animation:.72s ease-in-out infinite alternate forecast-pulse;position:absolute;box-shadow:0 0 14px #7d58a152}.monster-forecast:before,.monster-forecast:after{content:"";background:#5b3d7685;border-radius:99px;width:10%;height:14%;position:absolute;top:35%}.monster-forecast:before{left:29%}.monster-forecast:after{right:29%}.monster-forecast i{color:#75518e;white-space:nowrap;background:#f8f1fceb;border-radius:7px;padding:2px 5px;font-size:clamp(6px,.8vw,9px);font-style:normal;font-weight:950;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.monster-forecast.same-cell{border-color:#ffffffb8;width:86%}@keyframes monster-hop{to{transform:translateY(-5%)scaleX(1.04)}}@keyframes forecast-pulse{to{opacity:.46;transform:scale(.9)}}.snake-segment{aspect-ratio:1;z-index:8;width:79%;transition:transform .14s;display:block;position:relative}.snake-link{aspect-ratio:1;background:var(--snake-dark);width:18%;box-shadow:inset 0 -2px 0 #422d3c24, 0 1px 3px var(--snake-shadow);z-index:-1;border-radius:50%;position:absolute}.snake-link.link-up{top:-17%;left:41%}.snake-link.link-down{bottom:-17%;left:41%}.snake-link.link-left{top:41%;left:-17%}.snake-link.link-right{top:41%;right:-17%}.snake-segment.body{background:linear-gradient(145deg, var(--snake-light), var(--snake-main));box-shadow:inset 0 -5px 0 #4b334321, 0 4px 8px var(--snake-shadow);border-radius:46% 54% 49% 51%}.snake-segment.head{background:linear-gradient(145deg, var(--snake-light), var(--snake-main));width:88%;box-shadow:inset 0 -6px 0 #4b334321, 0 6px 11px var(--snake-shadow);border-radius:48% 52% 44% 56%}.snake-segment.head:before{content:"";background:#76c98f;border-radius:100% 0;width:37%;height:30%;position:absolute;top:-14%;left:54%;transform:rotate(22deg);box-shadow:inset 0 -2px #397f4d1c}.snake-segment.head:after{content:"";background:var(--snake-cheek);width:17%;height:13%;box-shadow:31px 0 0 var(--snake-cheek);border-radius:50%;position:absolute;top:59%;left:18%}.eye{background:var(--snake-face);z-index:2;border-radius:99px;width:8%;height:12%;position:absolute;top:33%}.eye.left{left:30%}.eye.right{right:30%}.eye:after{content:"";background:#fff;border-radius:50%;width:34%;height:30%;position:absolute;top:12%;left:16%}.smile{border-bottom:2px solid var(--snake-face);z-index:2;border-radius:0 0 99px 99px;width:18%;height:11%;position:absolute;top:54%;left:41%}.mood-mark{aspect-ratio:1;color:#fff;z-index:4;background:#9d7cc4;border-radius:50%;place-items:center;width:28%;font-size:clamp(8px,1.1vw,13px);font-style:normal;font-weight:950;display:none;position:absolute;top:-23%;right:-13%;box-shadow:0 3px 7px #5b3a7738}.mood-thinking .mood-mark,.mood-nervous .mood-mark,.mood-startled .mood-mark{display:grid}.mood-thinking .mood-mark:before{content:"?"}.mood-nervous .mood-mark{background:#5bb5cd}.mood-nervous .mood-mark:before{content:"!"}.mood-startled .mood-mark{background:#dc657b}.mood-startled .mood-mark:before{content:"!"}.mood-thinking .eye{height:8%;top:38%}.mood-thinking .smile{border-radius:99px;width:12%;left:44%}.mood-nervous{animation:.34s ease-in-out infinite alternate nervous-wiggle}.mood-nervous .smile,.mood-startled .smile{border:2px solid var(--snake-face);border-radius:50%;width:14%;height:15%;top:56%;left:43%}.mood-excited .eye,.mood-happy .eye{height:15%;transform:scale(1.18)}.mood-excited .smile,.mood-happy .smile{border-width:3px;width:28%;height:16%;left:36%}@keyframes nervous-wiggle{to{transform:rotate(3deg)translateY(-2%)}}.berry-dot{aspect-ratio:1;background:var(--snake-dot);width:21%;box-shadow:22px 25px 0 var(--snake-dot-shadow);border-radius:50%;position:absolute;top:19%;left:20%}.reward-5 .snake-segment{filter:drop-shadow(0 0 5px #ffde5bbf);animation:1.5s ease-in-out infinite alternate reward-star-glow}@keyframes reward-star-glow{to{filter:drop-shadow(0 0 10px #ffeb7df2)}}.reward-15 .snake-segment.body:after{content:"";aspect-ratio:1;pointer-events:none;background:#99e0f247;border:2px solid #ffffffe6;border-radius:50%;width:18%;animation:1.45s ease-out infinite reward-bubble;position:absolute;top:-13%;right:-8%;box-shadow:11px -7px 0 -2px #b5e8f673}@keyframes reward-bubble{0%{opacity:0;transform:translateY(5px)scale(.65)}25%{opacity:.9}to{opacity:0;transform:translateY(-20px)scale(1.2)}}.site-shell.reward-25:not(.reward-70) .game-board{border-color:#ffd1df;box-shadow:0 0 0 5px #fff0b8,0 0 0 9px #f7a6c0,0 14px 32px #c6638433}.reward-50 .exit.ready{background:#edb849;box-shadow:inset 0 -4px #85521921,0 0 20px #f5c555cc}.reward-50 .exit.ready .exit-roof{background:#d99d36}.reward-50 .exit.ready .exit-door{color:#d48631}.site-shell.reward-70 .game-board{border-color:#0000;box-shadow:0 0 0 4px #f28ba8,0 0 0 8px #f2c65b,0 0 0 12px #7bce98,0 0 0 16px #7bbdda,0 14px 34px #6f508e33}.reward-90 .ice-shine{color:#fff;text-shadow:8px 10px #ffffffb8,0 0 12px #6fcfea;animation:1s ease-in-out infinite alternate reward-ice-spark}@keyframes reward-ice-spark{to{filter:brightness(1.25);transform:scale(1.3)rotate(18deg)}}.reward-105 .portal{text-shadow:0 0 10px,0 0 18px #ffffffe6;animation-duration:1.1s}.reward-105 .portal:after{content:"✦";color:#ffe784;font-size:.32em;animation:.9s linear infinite reward-orbit;position:absolute;top:3%;right:2%}@keyframes reward-orbit{to{transform:rotate(360deg)translate(35%)}}.reward-120 .home-screen{background:radial-gradient(circle at 12% 17%,#fff5aae6 0 2px,#0000 3px) 0 0/120px 120px,radial-gradient(circle at 77% 24%,#ffffffe0 0 2px,#0000 3px) 0 0/170px 170px,radial-gradient(circle at 30% 78%,#ffdd8bc7 0 2px,#0000 3px) 0 0/145px 145px,radial-gradient(circle at 88% 72%,#ffffffd6 0 2px,#0000 3px) 0 0/210px 210px,linear-gradient(145deg,#e9dcf6,#d7e9ee 52%,#f4e3ec)}.reward-135 .patrol-monster{box-shadow:inset 0 -5px #4f347626,0 0 0 3px #d6b8f573,0 0 16px #8b5ebaad}.reward-135 .monster-track:before{content:"✦";color:#c79eea;z-index:3;font-size:clamp(7px,1vw,12px);animation:1s ease-in-out infinite star-wiggle;position:absolute;top:4%;right:7%}.site-shell.reward-150 .home-card{border-color:#f3c85d;box-shadow:0 0 0 4px #ffefa99e,0 30px 90px #754f2e3d}.site-shell.reward-150 .victory-snake{filter:drop-shadow(0 0 13px #f6c953)}.site-shell.reward-150 .win-sparkles{color:#d99d25;text-shadow:0 0 10px #ffe598}.snake-accessory{z-index:12;pointer-events:none;display:block;position:absolute}.snake-accessory.accessory-none{display:none}.snake-accessory.accessory-bow{background:#ef668f;border-radius:45%;width:22%;height:15%;top:-7%;left:5%;transform:rotate(-10deg);box-shadow:0 2px 4px #84335033}.snake-accessory.accessory-bow:before,.snake-accessory.accessory-bow:after{content:"";z-index:-1;background:#f58aaa;border-radius:70% 30%;width:95%;height:155%;position:absolute;top:-28%}.snake-accessory.accessory-bow:before{right:55%;transform:rotate(20deg)}.snake-accessory.accessory-bow:after{left:55%;transform:scaleX(-1)rotate(20deg)}.snake-accessory.accessory-flower{aspect-ratio:1;background:#f4bd4f;border-radius:50%;width:20%;top:-8%;right:5%;box-shadow:0 -7px #fff8e8,0 7px #fff8e8,7px 0 #fff8e8,-7px 0 #fff8e8,5px 5px #fff8e8,-5px 5px #fff8e8,5px -5px #fff8e8,-5px -5px #fff8e8}.snake-accessory.accessory-crown{clip-path:polygon(0 100%,4% 22%,28% 58%,50% 0,72% 58%,96% 22%,100% 100%);filter:drop-shadow(0 2px 2px #8b5e193d);background:linear-gradient(#ffe785,#efb83f);width:35%;height:24%;top:-17%;left:33%}.star-token{aspect-ratio:1;z-index:5;place-items:center;width:72%;display:grid;position:absolute}.star-token b{color:#f6bf4e;filter:drop-shadow(0 3px #db9b39);font-size:clamp(23px,3.8vw,48px);animation:2.1s ease-in-out infinite star-wiggle}.star-token i{aspect-ratio:1;color:#bc7b20;background:#fff;border-radius:50%;place-items:center;width:33%;font-size:clamp(8px,1vw,12px);font-style:normal;font-weight:900;display:grid;position:absolute;top:-4%;right:-2%;box-shadow:0 2px 5px #825b1e2e}.star-token.sleeping{opacity:.35;filter:grayscale(.45)}.star-token.sleeping b{animation:none}@keyframes star-wiggle{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(5deg)scale(1.1)}}.exit{width:69%;height:67%;color:inherit;z-index:3;cursor:pointer;background:#afa1bb;border:0;border-radius:14% 14% 9% 9%;padding:0;transition:all .25s;position:absolute;bottom:8%;box-shadow:inset 0 -4px #4a3d5821,0 4px #6852701f}.exit.locked:hover{filter:brightness(1.06);transform:translateY(-1px)}.exit-roof{z-index:-1;background:#9786a5;border-radius:12%;width:82%;height:62%;position:absolute;top:-24%;left:9%;transform:rotate(45deg)}.exit-door{color:#b6a7bb;background:#f3e6d5;border-radius:50% 50% 5% 5%;place-items:center;width:42%;height:62%;font-size:clamp(8px,1.3vw,15px);font-style:normal;display:grid;position:absolute;bottom:0;left:29%}.exit.ready{background:#79c990;animation:1.4s ease-in-out infinite home-glow;box-shadow:inset 0 -4px #34824b21,0 0 18px #77ca90a6}.exit.ready .exit-roof{background:#64b67c}.exit.ready .exit-door{color:var(--berry);background:#fff7e8}.exit-walk-label{color:#fff;white-space:nowrap;background:#897894;border-radius:6px;padding:2px 5px;font-size:clamp(5px,.7vw,8px);font-style:normal;font-weight:950;line-height:1;position:absolute;bottom:-31%;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #48354e29}.exit.ready .exit-walk-label{color:#3f7752;background:#e4f6e7;animation:.9s ease-in-out infinite alternate hint-pulse;box-shadow:0 0 0 2px #5ba67033}@keyframes home-glow{50%{filter:brightness(1.08);transform:translateY(-2px)}}.board-caption{background:#fff8e8;border:1px solid #ceac6724;border-radius:15px;align-items:center;gap:11px;min-height:46px;margin-top:18px;padding:9px 15px;display:flex}.board-caption p{color:#766a80;flex:1;margin:0;font-size:13px;font-weight:700}.replay-skip{color:#fff;background:var(--berry);cursor:pointer;border:0;border-radius:10px;flex:none;padding:7px 9px;font-size:9px;font-weight:900;animation:.8s ease-in-out infinite alternate hint-pulse}.hint-step-badge{color:#98671f;background:#ffe39b;border-radius:9px;flex:none;padding:5px 8px;font-size:10px;font-weight:950;box-shadow:inset 0 -2px #9f691717}.speech-leaf{color:#73ac70;background:#d9efc9;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.mobile-control-dock,.mobile-quick-actions{display:none}.board-card.is-bumping .game-board{animation:.24s board-bump}.board-card.is-cutting .game-board{animation:.34s tail-cut}.board-card.is-winning .snake-segment{animation:.55s ease-in-out infinite alternate snake-dance;animation-delay:var(--dance-delay,0s)}.board-card.is-winning .game-board{box-shadow:inset 0 0 0 3px #f6c15359,inset 0 -10px 20px #508b4c12,0 0 34px #f6c1537a}.board-card.is-daily .game-board{border-color:#efe0ff;box-shadow:inset 0 0 0 2px #805b9e1f,inset 0 -10px 20px #66478114,0 14px 34px #7b579933}.board-card.is-replaying .game-board{box-shadow:inset 0 0 0 3px var(--berry),0 0 28px var(--snake-shadow)}.board-card.is-first-guide .game-board{border-color:#f0cf79;box-shadow:inset 0 0 0 3px #f4c3532e,0 14px 34px #b88b302e}.first-level-banner{color:#79602d;background:linear-gradient(135deg,#fff0bd,#e5f6e8);border-color:#e4ab3647}@keyframes board-bump{25%{transform:translate(-5px)}60%{transform:translate(4px)}}@keyframes tail-cut{30%{filter:saturate(1.45);transform:scale(.992)}62%{box-shadow:inset 0 0 0 3px #ae7fcf33,0 0 26px #976ab847}}@keyframes snake-dance{0%{transform:translateY(5%)rotate(-7deg)scale(.95)}to{transform:translateY(-16%)rotate(8deg)scale(1.08)}}.side-panel{border-radius:28px;flex-direction:column;gap:14px;padding:18px;display:flex}.goal-card{background:#fff7e6;border:1px solid #d3a45826;border-radius:20px;padding:16px}.goal-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.goal-top b{color:var(--berry-dark)}.star-progress{align-items:center;gap:6px;margin:12px 0 10px;display:flex}.star-progress span{color:#ddd3df;font-size:21px;transition:all .25s}.star-progress span.done{color:#f4bd4f;text-shadow:0 2px #dfa543}.star-progress span.next{color:#f4c76c;animation:1.8s infinite star-wiggle}.star-progress .apple-pip{color:#e1d8de;border-radius:45% 55% 50% 50%;place-items:center;width:15px;height:15px;margin-left:2px;font-size:19px;line-height:12px;display:grid;overflow:hidden}.star-progress .apple-pip.done{color:#ed6673;text-shadow:none}.star-progress .mini-home{color:#fff;background:#e4dee7;border-radius:9px;place-items:center;width:29px;height:29px;margin-left:auto;font-size:18px;display:grid}.star-progress .mini-home.ready{background:var(--leaf)}.goal-card p{color:#877a8d;margin:0;font-size:12px;line-height:1.55}.move-card{background:#ebe4ed;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.move-card div{background:#ffffffeb;flex-direction:column;padding:12px 14px;display:flex}.move-card span{color:var(--muted);font-size:10px;font-weight:800}.move-card strong{margin-top:2px;font-size:23px}.move-card div.danger{background:#fff0ef}.move-card div.danger strong{color:#dc5f70;animation:.8s ease-in-out infinite alternate hint-pulse}.action-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.action-grid button{cursor:pointer;background:#f3eef4;border:0;border-radius:14px;padding:10px 5px 8px;font-size:18px;font-weight:900;transition:all .18s}.action-grid button:hover:not(:disabled){background:#ede5f0;transform:translateY(-2px)}.action-grid button:disabled{opacity:.35;cursor:default}.action-grid button span{margin-top:2px;font-size:10px;display:block}.action-grid button:last-child,.action-grid button.hinting{color:#bd7924;background:#fff1cc}.dpad{grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);gap:6px;width:176px;margin:2px auto 0;display:grid}.dpad button{color:#786d80;cursor:pointer;background:#eee7f0;border:0;border-radius:15px;font-size:16px;transition:all .15s;box-shadow:inset 0 -4px #5c466414}.dpad button:hover{background:#e9dfec;transform:translateY(-2px)}.dpad button:active{box-shadow:none;transform:translateY(2px)}.dpad button.hint{color:#a46b20;background:#ffe298;animation:.8s ease-in-out infinite alternate hint-pulse}.dpad button:first-child{grid-area:1/2}.dpad button:nth-child(2){grid-area:2/1}.dpad-face{background:var(--berry);color:#fff;border-radius:17px;grid-area:2/2;place-items:center;font-size:12px;font-weight:900;display:grid;box-shadow:inset 0 -4px #a0385c1f}.dpad button:nth-child(4){grid-area:2/3}.dpad button:nth-child(5){grid-area:3/2}@keyframes hint-pulse{to{transform:scale(1.08);box-shadow:0 0 18px #f7d169}}.controls-note{text-align:center;color:#aaa0af;margin:-4px 0 0;font-size:10px}.legend{color:var(--muted);border-top:1px dashed #ddd4df;flex-wrap:wrap;gap:8px 12px;margin-top:auto;padding-top:12px;font-size:10px;font-weight:800;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:7px;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.legend-star{color:#eaae3a;background:#fff2c9}.legend-apple{color:#e85866;background:#ffe4e3}.legend-ice{color:#61aec0;background:#dff7fb}.legend-flower{color:#a589d7;background:#eee6fa}.legend-gate{color:#df789b;background:#ffe4ed}.legend-monster{color:#fff;background:#9b7dcc}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#45364d47;place-items:center;padding:20px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.appearance-backdrop,.settings-backdrop{z-index:65}.appearance-card,.settings-card{background:#fffdf9;border:1px solid #fff;border-radius:30px;width:min(540px,100%);max-height:min(92vh,780px);padding:27px;animation:.3s cubic-bezier(.2,.9,.25,1.12) pop-in;overflow:auto;box-shadow:0 30px 90px #4c34534d}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading h2{margin:5px 0 0;font-size:27px}.panel-heading>button{color:#776a7e;cursor:pointer;background:#eee8f0;border:0;border-radius:13px;flex:none;width:38px;height:38px;font-size:24px}.appearance-preview{background:linear-gradient(135deg,#f8eff6,#f5f8e9);border-radius:21px;justify-content:center;align-items:center;gap:20px;margin:20px 0;padding:17px;display:flex}.appearance-preview>div:last-child{flex-direction:column;display:flex}.appearance-preview strong{font-size:18px}.appearance-preview small{color:var(--muted);margin-top:4px}.preview-mascot{background:linear-gradient(145deg,var(--snake-light),var(--snake-main));width:72px;height:72px;box-shadow:inset 0 -6px 0 #4b33431c,0 8px 16px var(--snake-shadow);border-radius:50% 50% 45% 49%;position:relative}.preview-mascot:before{content:"";background:var(--leaf);border-radius:100% 0;width:27px;height:20px;position:absolute;top:-9px;right:3px;transform:rotate(18deg)}.preview-mascot>i{background:var(--snake-face);border-radius:99px;width:6px;height:9px;position:absolute;top:30px}.preview-mascot>i:first-child{left:23px}.preview-mascot>i:nth-child(2){right:23px}.appearance-card h3{color:var(--muted);margin:17px 0 9px;font-size:12px}.skin-picker-grid,.accessory-picker-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.skin-picker-grid button,.accessory-picker-grid button{text-align:left;cursor:pointer;background:#f5f0f4;border:2px solid #0000;border-radius:15px;grid-template-columns:32px 1fr 20px;align-items:center;gap:8px;min-height:52px;padding:8px 10px;display:grid}.skin-picker-grid button.selected,.accessory-picker-grid button.selected{border-color:var(--berry);background:#fff8ec}.skin-picker-grid i{border:4px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 7px #533d5b2e}.skin-picker-grid span,.accessory-picker-grid span{font-size:11px;font-weight:900}.skin-picker-grid b,.accessory-picker-grid b{color:var(--berry-dark);text-align:center}.accessory-sample{color:#7f687f;background:#fff;border-radius:10px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.accessory-sample:before{font-size:19px;font-weight:900}.accessory-sample.accessory-none:before{content:"☘";color:var(--leaf)}.accessory-sample.accessory-bow:before{content:"୨୧";color:#ef668f}.accessory-sample.accessory-flower:before{content:"✿";color:#e8ab35}.accessory-sample.accessory-crown:before{content:"♛";color:#e4aa30}.appearance-card h3.star-wear-heading{justify-content:space-between;align-items:center;display:flex}.star-wear-heading small{color:#7e6d85;background:#eee8f0;border-radius:8px;padding:4px 7px;font-size:8px}.star-wear-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.star-wear-grid>button{color:#817687;text-align:left;cursor:pointer;background:#f5f0f4;border:2px solid #0000;border-radius:15px;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:58px;padding:8px;display:grid}.star-wear-grid>button>i{color:#fff;background:#b9adbe;border-radius:11px;place-items:center;width:32px;height:32px;font-size:17px;font-style:normal;display:grid}.star-wear-grid>button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.star-wear-grid>button b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.star-wear-grid>button small{color:#9a8e9f;font-size:7px;line-height:1.3}.star-wear-grid>button>strong{color:#b0a4b5;text-align:center}.star-wear-grid>button.claimed>i{background:linear-gradient(145deg,#edbe4f,var(--berry))}.star-wear-grid>button.selected{border-color:var(--berry);box-shadow:0 4px 10px var(--snake-shadow);background:#fff4dc}.star-wear-grid>button.selected>strong{color:var(--berry-dark)}.star-wear-grid>button.locked{filter:saturate(.55)}.appearance-category-tabs{scrollbar-width:none;background:#eee8f0;border-radius:15px;gap:5px;margin:0 -4px 14px;padding:4px;display:flex;overflow-x:auto}.appearance-category-tabs::-webkit-scrollbar{display:none}.appearance-category-tabs button{color:#837589;cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:8px 7px;display:flex}.appearance-category-tabs button i{font-size:15px;font-style:normal}.appearance-category-tabs button span{white-space:nowrap;font-size:8px;font-weight:950}.appearance-category-tabs button.selected{color:#fff;background:linear-gradient(135deg,var(--berry),#9675bb);box-shadow:0 4px 10px var(--snake-shadow)}.appearance-category-panel{min-height:180px}.category-copy{color:#776b7b;background:#f8f3eb;border-radius:13px;flex-direction:column;gap:3px;margin:0 0 9px;padding:10px 12px;display:flex}.category-copy b{font-size:11px}.category-copy span{font-size:8px;line-height:1.45}.color-picker-grid button,.custom-color-choice{min-height:61px}.color-picker-grid span{flex-direction:column;gap:2px;min-width:0;display:flex}.color-picker-grid span small{color:#9c909f;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.custom-color-choice{color:inherit;text-align:left;cursor:pointer;background:#f5f0f4;border:2px solid #0000;border-radius:15px;grid-template-columns:32px 1fr 20px;align-items:center;gap:8px;padding:8px 10px;display:grid}.custom-color-choice.selected{border-color:var(--berry);background:#fff8ec}.custom-color-choice input{opacity:0;width:1px;height:1px;position:absolute}.custom-color-choice>i{border:4px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 7px #533d5b2e}.custom-color-choice>b{color:var(--berry-dark);text-align:center}.character-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.character-skin-grid button{color:#7f7284;text-align:left;cursor:pointer;background:#f5f0f4;border:2px solid #0000;border-radius:16px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:76px;padding:9px;display:grid}.character-skin-grid button>i{background:#fff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:24px;font-style:normal;display:grid}.character-skin-grid button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.character-skin-grid button b{font-size:11px}.character-skin-grid button small{color:#96899b;font-size:7px;line-height:1.35}.character-skin-grid button>strong{color:#aaa0ad}.character-skin-grid button.selected{border-color:var(--berry);box-shadow:0 4px 10px var(--snake-shadow);background:#fff4dc}.character-skin-grid button.selected>strong{color:var(--berry-dark)}.character-skin-grid button.locked{filter:saturate(.55)}.appearance-card>p{color:#877a8d;background:#f8f3eb;border-radius:13px;margin:16px 0 0;padding:10px 12px;font-size:10px;line-height:1.5}.panel-done{color:#fff;background:var(--berry);cursor:pointer;border:0;border-radius:16px;width:100%;margin-top:17px;padding:13px;font-weight:950;box-shadow:inset 0 -4px #4c2d3d1f}.settings-card{width:min(500px,100%)}.settings-row{background:#f6f1f3;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:15px;display:flex}.settings-row>div:first-child{flex-direction:column;gap:3px;display:flex}.settings-row b{font-size:13px}.settings-row small{max-width:245px;color:var(--muted);font-size:9px;line-height:1.4}.volume-options{background:#e9e2eb;border-radius:13px;flex:none;gap:4px;padding:4px;display:flex}.volume-options button{color:#827587;cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:48px;padding:7px 8px;font-size:10px;font-weight:900}.volume-options button.selected{color:#fff;background:var(--berry);box-shadow:0 3px 8px var(--snake-shadow)}.toggle-switch{cursor:pointer;background:#d5cdd7;border:0;border-radius:99px;flex:none;width:50px;height:29px;padding:3px;transition:all .2s}.toggle-switch i{background:#fff;border-radius:50%;width:23px;height:23px;transition:all .2s;display:block;box-shadow:0 2px 6px #41304633}.toggle-switch.on{background:var(--leaf)}.toggle-switch.on i{transform:translate(21px)}.settings-help{color:#77687e;cursor:pointer;background:#eee8f0;border:0;border-radius:16px;justify-content:space-between;width:100%;margin-top:14px;padding:13px 15px;font-size:11px;font-weight:900;display:flex}@keyframes fade-in{0%{opacity:0}}.win-card{text-align:center;background:#fffdf8;border:1px solid #fff;border-radius:34px;width:min(430px,100%);padding:30px;animation:.35s cubic-bezier(.2,.9,.25,1.25) pop-in;position:relative;overflow:hidden;box-shadow:0 30px 90px #4c345347}@keyframes pop-in{0%{opacity:0;transform:scale(.76)translateY(20px)}}.win-sparkles{color:#f3bc50;letter-spacing:17px;margin-bottom:6px;font-size:25px}.win-sparkles span{font-size:34px}.victory-confetti{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.victory-confetti i{opacity:0;font-size:17px;font-style:normal;animation:1.7s linear infinite confetti-fall;position:absolute;top:-16px}.win-card>:not(.victory-confetti){z-index:1;position:relative}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-15px)rotate(0)}14%{opacity:.9}to{opacity:0;transform:translateY(410px)rotate(260deg)}}.victory-snake{height:82px;filter:drop-shadow(0 7px 8px var(--snake-shadow));justify-content:center;align-items:center;gap:2px;margin:0 auto 15px;display:flex}.victory-snake span{background:linear-gradient(145deg,var(--snake-light),var(--snake-main));border-radius:47% 53% 49% 51%;flex:none;width:39px;height:39px;animation:.55s ease-in-out infinite alternate victory-wave;position:relative;box-shadow:inset 0 -4px #4b334321}.victory-snake span+span:before{content:"";background:var(--snake-dark);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;left:-6px}.victory-snake .victory-head{width:49px;height:49px;color:var(--snake-face);background:linear-gradient(145deg,var(--snake-light),var(--snake-main));place-items:center;font-size:13px;font-weight:900;display:grid}.victory-snake .victory-head:after{content:"";background:var(--leaf);border-radius:100% 0;width:22px;height:16px;position:absolute;top:-8px;right:1px;transform:rotate(20deg)}.victory-snake span:nth-child(2){animation-delay:-.1s}.victory-snake span:nth-child(3){animation-delay:-.2s}.victory-snake span:nth-child(4){animation-delay:-.3s}.victory-snake span:nth-child(5){animation-delay:-.4s}@keyframes victory-wave{0%{transform:translateY(12px)rotate(-6deg)}to{transform:translateY(-13px)rotate(7deg)}}.character-duck .snake-segment.head,.character-duck .snake-segment.body,.character-duck .home-mascot,.character-duck .brand-mascot,.character-duck .preview-mascot,.character-duck .victory-snake span{background:linear-gradient(145deg,var(--snake-light),var(--snake-main));border-radius:52% 52% 46% 46%}.character-duck .snake-segment.head:before{content:"";z-index:3;background:#f39a35;border-radius:45% 45% 58% 58%;width:32%;height:17%;top:55%;left:34%;transform:none;box-shadow:inset 0 -3px #97531929;display:block!important}.character-duck .snake-segment.head .smile{display:none}.character-duck .snake-segment.head .eye{width:8%;height:11%;top:31%}.character-duck .snake-segment.body{background:radial-gradient(circle at 34% 34%,#4b3b32 0 5%,transparent 6%),radial-gradient(circle at 66% 34%,#4b3b32 0 5%,transparent 6%),linear-gradient(145deg,var(--snake-light),var(--snake-main))}.character-duck .snake-segment.body .berry-dot{background:#f39a35;border-radius:46% 46% 60% 60%;width:30%;height:14%;top:53%;left:35%;box-shadow:inset 0 -2px #97531921}.character-duck .snake-link{background:var(--snake-dark)}.character-duck .home-mascot:before,.character-duck .brand-mascot:before,.character-duck .preview-mascot:before{content:"";background:#f39a35;border-radius:45% 45% 58% 58%;transform:none;box-shadow:inset 0 -3px #97531924;display:block!important}.character-duck .home-mascot:before{width:35px;height:17px;top:62px;left:38px}.character-duck .home-mascot .home-smile{display:none}.character-duck .brand-mascot:before{width:16px;height:8px;top:29px;left:16px}.character-duck .preview-mascot:before{width:23px;height:11px;top:43px;left:25px}.character-duck .home-mascot>span{background:radial-gradient(circle at 35% 34%,#4b3b32 0 2px,transparent 2.5px),radial-gradient(circle at 65% 34%,#4b3b32 0 2px,transparent 2.5px),linear-gradient(145deg,var(--snake-light),var(--snake-main))}.character-duck .home-mascot>span:after{content:"";background:#f39a35;border-radius:50%;width:13px;height:6px;position:absolute;top:23px;left:15px}.character-duck .victory-snake .victory-head{background:radial-gradient(circle at 35% 34%,#4b3b32 0 2px,transparent 2.5px),radial-gradient(circle at 65% 34%,#4b3b32 0 2px,transparent 2.5px),linear-gradient(145deg,var(--snake-light),var(--snake-main));font-size:0}.character-duck .victory-snake .victory-head:after{background:#f39a35;border-radius:48%;width:19px;height:9px;top:28px;left:15px;right:auto;transform:none;display:block!important}.character-duck .victory-snake span:not(.victory-head){background:radial-gradient(circle at 35% 34%,#4b3b32 0 2px,transparent 2.5px),radial-gradient(circle at 65% 34%,#4b3b32 0 2px,transparent 2.5px),linear-gradient(145deg,var(--snake-light),var(--snake-main))}.character-duck .victory-snake span:not(.victory-head):after{content:"";background:#f39a35;border-radius:50%;width:13px;height:6px;position:absolute;top:22px;left:13px}.character-bunny .snake-segment.head:before,.character-bunny .home-mascot:before,.character-bunny .brand-mascot:before,.character-bunny .preview-mascot:before{content:"";clip-path:polygon(0 100%,5% 2%,30% 11%,43% 100%,57% 100%,70% 11%,95% 2%,100% 100%);background:var(--snake-light);border-radius:42% 42% 8% 8%;width:66%;height:45%;top:-29%;left:17%;transform:none;display:block!important}.character-bunny .snake-segment.body{background:radial-gradient(circle at 34% 38%,var(--snake-face) 0 4%,transparent 5%),radial-gradient(circle at 66% 38%,var(--snake-face) 0 4%,transparent 5%),linear-gradient(145deg,var(--snake-light),var(--snake-main));border-radius:50%}.character-bunny .snake-segment.body .berry-dot{background:var(--snake-cheek);width:12%;box-shadow:none;top:53%;left:44%}.character-bunny .victory-snake .victory-head:after{clip-path:polygon(0 100%,5% 2%,30% 11%,43% 100%,57% 100%,70% 11%,95% 2%,100% 100%);background:var(--snake-light);border-radius:42% 42% 8% 8%;width:34px;height:23px;top:-15px;left:7px;right:auto;transform:none;display:block!important}.character-bunny .home-mascot:before{height:50px;top:-34px}.character-bunny .brand-mascot:before{height:23px;top:-15px}.character-bunny .preview-mascot:before{height:32px;top:-22px}.character-cat .snake-segment.head:before,.character-cat .home-mascot:before,.character-cat .brand-mascot:before,.character-cat .preview-mascot:before{content:"";clip-path:polygon(0 100%,6% 0,35% 38%,65% 38%,94% 0,100% 100%);background:var(--snake-dark);border-radius:5px;width:76%;height:38%;top:-13%;left:12%;transform:none;display:block!important}.character-cat .snake-segment.body{background:radial-gradient(circle at 34% 38%,var(--snake-face) 0 4%,transparent 5%),radial-gradient(circle at 66% 38%,var(--snake-face) 0 4%,transparent 5%),linear-gradient(145deg,var(--snake-light),var(--snake-main));border-radius:50%}.character-cat .snake-segment.body .berry-dot{background:var(--snake-cheek);width:13%;box-shadow:none;top:52%;left:44%}.character-cat .victory-snake .victory-head:after{clip-path:polygon(0 100%,6% 0,35% 38%,65% 38%,94% 0,100% 100%);background:var(--snake-dark);border-radius:4px;width:39px;height:18px;top:-7px;left:5px;right:auto;transform:none;display:block!important}.character-cat .home-mascot:before{top:-13px}.character-cat .brand-mascot:before{top:-7px}.character-cat .preview-mascot:before{top:-9px}.win-mascot{background:linear-gradient(145deg, var(--snake-light), var(--snake-main));width:82px;height:82px;box-shadow:inset 0 -7px 0 #4b33431f, 0 10px 20px var(--snake-shadow);border-radius:50% 50% 44% 48%;margin:0 auto 18px;position:relative}.win-mascot:before{content:"";background:var(--leaf);border-radius:100% 0;width:34px;height:25px;position:absolute;top:-11px;right:6px;transform:rotate(20deg)}.win-mascot i{background:var(--snake-face);border-radius:99px;width:7px;height:10px;position:absolute;top:32px}.win-mascot i:first-child{left:25px}.win-mascot i:nth-child(2){right:25px}.win-mascot b{color:var(--snake-face);font-size:16px;position:absolute;top:44px;left:36px}.fail-card .win-mascot{background:linear-gradient(145deg,#c8b9dc,#aa94c4)}.monster-fail .win-mascot{background:linear-gradient(145deg,#b79be1,#8465b4);box-shadow:inset 0 -7px #482d6726,0 10px 22px #6e4e9640}.fail-card .win-mascot:before{background:#99c9a7;transform:rotate(-18deg)}.fail-card .win-mascot.puzzled b{top:43px;left:34px}.fail-card .primary{background:#a98ec5;box-shadow:inset 0 -4px #573d6d1f,0 7px 14px #6e52842e}.win-card h2{letter-spacing:-.04em;margin:7px 0 9px;font-size:28px}.win-card>p{color:var(--muted);font-size:13px}.score-stars{justify-content:center;gap:8px;margin:14px 0 7px;display:flex}.score-stars span{color:#e8dfe9;font-size:38px}.score-stars span.earned{color:#f6c153;text-shadow:0 3px #e0a83f;animation:1.8s ease-in-out infinite star-wiggle}.score-stars span:nth-child(2){animation-delay:-.35s}.score-stars span:nth-child(3){animation-delay:-.7s}.win-actions{grid-template-columns:1fr 1.35fr;gap:10px;margin-top:22px;display:grid}.win-actions button{cursor:pointer;border:0;border-radius:16px;padding:13px;font-weight:900}.win-actions .secondary{background:#eee8f0}.win-actions .primary{background:var(--berry);color:#fff;box-shadow:inset 0 -4px #9c2d5421,0 7px 14px #da5b8738}.win-actions .primary span{margin-left:8px}.win-actions.triple{grid-template-columns:1fr 1fr 1.2fr}.win-actions.triple button{padding:12px 8px;font-size:11px}.win-actions .replay-button{color:var(--berry-dark);background:#fff0cf}.leaderboard-backdrop,.rewards-backdrop{z-index:68}.leaderboard-card,.rewards-card{background:#fffdf9;border:1px solid #fff;border-radius:30px;width:min(550px,100%);max-height:min(92vh,790px);padding:27px;animation:.3s cubic-bezier(.2,.9,.25,1.12) pop-in;overflow:auto;box-shadow:0 30px 90px #4c34534f}.leaderboard-tabs{background:#eee8f0;border-radius:15px;grid-template-columns:1fr 1fr;gap:5px;margin:19px 0 11px;padding:5px;display:grid}.leaderboard-tabs button{color:#817487;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:9px;font-size:11px;font-weight:950}.leaderboard-tabs button.selected{color:#fff;background:#9872ba;box-shadow:0 4px 10px #6e498b33}.leaderboard-board-note{color:#796b80;background:#f7f1e9;border-radius:12px;margin:-3px 0 10px;padding:9px 11px;font-size:9px;font-weight:800;line-height:1.5}.player-name-row{background:#f8f2e9;border-radius:16px;grid-template-columns:minmax(110px,1fr) minmax(120px,1.25fr) auto;align-items:center;gap:8px;padding:11px;display:grid}.player-name-row>div{flex-direction:column;display:flex}.player-name-row b{font-size:12px}.player-name-row small{color:var(--muted);margin-top:2px;font-size:8px}.player-name-row input{background:#fff;border:1px solid #6c557424;border-radius:11px;outline:0;min-width:0;padding:10px;font-size:11px}.player-name-row input:focus{border-color:var(--berry);box-shadow:0 0 0 3px var(--snake-shadow)}.player-name-row>button{color:#fff;background:var(--berry);cursor:pointer;border:0;border-radius:11px;padding:10px 12px;font-size:10px;font-weight:950}.leaderboard-message{color:#71627a;background:#f1ebf4;border-radius:11px;margin:9px 0 0;padding:8px 10px;font-size:10px;line-height:1.45}.leaderboard-list{min-height:190px;margin-top:11px}.leaderboard-list ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{background:#f7f2f4;border-radius:14px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:46px;padding:7px 11px;display:grid}.leaderboard-list li.is-me{outline:2px solid var(--berry);background:#fff2f6}.leaderboard-list .rank{color:#fff;background:#aaa0af;border-radius:10px;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.leaderboard-list .rank-1{background:#efb946}.leaderboard-list .rank-2{background:#9ca9bd}.leaderboard-list .rank-3{background:#c88c65}.leaderboard-list li>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.leaderboard-list li>span i{color:#fff;background:var(--berry);border-radius:6px;margin-left:5px;padding:2px 5px;font-size:7px;font-style:normal}.leaderboard-list li>strong{color:var(--berry-dark);white-space:nowrap;font-size:15px}.leaderboard-list li>strong small{color:var(--muted);font-size:8px}.leaderboard-empty{min-height:170px;color:var(--muted);background:#f7f2f4;border-radius:16px;place-items:center;margin:0;font-size:11px;display:grid}.leaderboard-note,.reward-note{color:var(--muted);margin:12px 0 0;font-size:9px;line-height:1.55}.reward-total{color:#7b5922;background:linear-gradient(135deg,#fff0b9,#fff8e4);border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;margin:18px 0 12px;padding:14px 16px;display:grid}.reward-total b{grid-row:1/3;font-size:34px;line-height:1}.reward-total span{font-size:12px;font-weight:950}.reward-total i{color:#a1885f;font-size:8px;font-style:normal}.reward-list{gap:8px;display:grid}.reward-list article{background:#f7f2f4;border:1px solid #6f567714;border-radius:16px;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.reward-list article>span{color:#fff;background:#b7aabd;border-radius:13px;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.reward-list article>div{flex-direction:column;min-width:0;display:flex}.reward-list article small{color:#a28fa8;font-size:8px;font-weight:950}.reward-list article b{margin-top:2px;font-size:13px}.reward-list article p{color:var(--muted);margin:3px 0 0;font-size:9px;line-height:1.4}.reward-list article>button{color:#9c8fa2;background:#e8e1ea;border:0;border-radius:11px;min-width:66px;padding:9px 8px;font-size:9px;font-weight:950}.reward-list article.available>span{background:linear-gradient(145deg,#f4c55a,var(--berry));box-shadow:0 4px 10px var(--snake-shadow)}.reward-list article.available>button:not(:disabled){color:#fff;background:var(--berry);cursor:pointer;animation:.85s ease-in-out infinite alternate hint-pulse}.reward-list article.claimed{background:#edf8ea}.reward-list article.claimed>span{background:#72bc84}.reward-list article.claimed>button{color:#5b9c69;background:#dcefdc}.tutorial-backdrop{z-index:70;background:#42314970}.tutorial-card{overscroll-behavior:contain;text-align:center;background:#fffdf8;border:1px solid #fff;border-radius:34px;width:min(500px,100%);max-height:min(92vh,760px);padding:27px 30px;animation:.35s cubic-bezier(.2,.9,.25,1.2) pop-in;overflow:auto;box-shadow:0 30px 90px #4c345352}.tutorial-card h2{letter-spacing:-.04em;margin:6px 0 20px;font-size:31px}.tutorial-mascot{background:linear-gradient(145deg,var(--snake-light),var(--snake-main));width:68px;height:68px;box-shadow:inset 0 -6px 0 #4b33431f,0 9px 18px var(--snake-shadow);border-radius:50% 50% 45% 48%;margin:0 auto 15px;position:relative}.tutorial-mascot:before{content:"";background:var(--leaf);border-radius:100% 0;width:28px;height:21px;position:absolute;top:-9px;right:4px;transform:rotate(19deg)}.tutorial-mascot i{background:#54475c;border-radius:99px;width:6px;height:9px;position:absolute;top:28px}.tutorial-mascot i:first-child{left:21px}.tutorial-mascot i:nth-child(2){right:21px}.tutorial-mascot b{color:#8e4860;position:absolute;top:38px;left:29px}.tutorial-goal-rule{color:#4f7758;background:linear-gradient(135deg,#e9f8e7,#fff5cf);border:1px solid #5ba86f33;border-radius:18px;margin:-6px 0 13px;padding:13px}.tutorial-goal-rule>strong{color:#477553;letter-spacing:.08em;margin-bottom:8px;font-size:12px;display:block}.tutorial-goal-rule>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.tutorial-goal-rule span{color:#66526d;background:#fffc;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:950}.tutorial-goal-rule i{color:#86ad75;font-style:normal;font-weight:950}.tutorial-goal-rule small{color:#7e8270;margin-top:8px;font-size:9px;display:block}.tutorial-scroll-hint{color:#8a6627;background:#fff0bd;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 0 11px;padding:8px;font-size:10px;font-weight:950;display:flex;box-shadow:inset 0 -2px #95681912}.tutorial-scroll-hint b{color:#d18c25;animation:.7s ease-in-out infinite alternate tutorial-scroll-bounce}.tutorial-scroll-hint b:last-child{animation-delay:-.35s}@keyframes tutorial-scroll-bounce{to{transform:translateY(4px)}}.tutorial-steps{text-align:left;gap:10px;display:grid}.tutorial-steps>div{background:#faf3ea;border:1px solid #7e608512;border-radius:17px;align-items:center;gap:12px;padding:12px 14px;display:flex}.tutorial-steps>div>b{background:var(--berry);color:#fff;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 -3px #9f2f5621}.tutorial-steps>div>b.tutorial-ice{background:#73bfd0}.tutorial-steps>div>b.tutorial-portal{background:#aa91dc}.tutorial-steps>div>b.tutorial-gate{background:#e18ca9}.tutorial-steps>div>b.tutorial-monster{background:#8c70bd}.tutorial-steps>div>b.tutorial-home{background:#70bd87}.tutorial-steps span{flex-direction:column;gap:3px;display:flex}.tutorial-steps strong{font-size:14px}.tutorial-steps small{color:var(--muted);font-size:11px;line-height:1.45}.tutorial-start{background:var(--berry);color:#fff;cursor:pointer;border:0;border-radius:17px;width:100%;margin-top:18px;padding:14px;font-weight:900;box-shadow:inset 0 -4px #9c2d5421,0 8px 17px #da5b873d}.tutorial-start span{margin-left:8px}.level-map{background:#fffdf9;border-radius:32px;width:min(760px,100%);max-height:min(88vh,850px);padding:clamp(22px,4vw,34px);animation:.3s cubic-bezier(.2,.9,.25,1.12) pop-in;overflow:auto;box-shadow:0 30px 90px #4c345347}.map-heading{z-index:4;background:linear-gradient(#fffdf9 80%,#0000);justify-content:space-between;align-items:flex-start;padding:4px 0 16px;display:flex;position:sticky;top:-34px}.map-heading h2{margin:5px 0 0;font-size:27px}.map-heading>button{color:#776a7e;cursor:pointer;background:#eee8f0;border:0;border-radius:13px;width:39px;height:39px;font-size:25px}.daily-challenge-card{background:linear-gradient(135deg,#f4eaff,#fff6db);border:1px solid #835ba426;border-radius:22px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:15px;margin:0 0 22px;padding:16px;display:grid;box-shadow:0 9px 24px #6e498c1c}.daily-calendar{aspect-ratio:.9;color:#fff;background:linear-gradient(145deg,#b28ad1,#8962ad);border-radius:17px;align-content:center;place-items:center;width:62px;display:grid;box-shadow:inset 0 -5px #4e2d691f,0 7px 13px #70489033}.daily-calendar b{font-size:25px;line-height:1}.daily-calendar span{letter-spacing:.12em;margin-top:4px;font-size:9px;font-weight:900}.daily-copy{min-width:0}.daily-copy>span{color:#9974b7;letter-spacing:.08em;font-size:9px;font-weight:950}.daily-copy h3{color:#574660;margin:3px 0 4px;font-size:17px}.daily-copy p{color:#8b7b91;margin:0;font-size:10px;line-height:1.45}.daily-copy small{color:#b17728;margin-top:7px;font-size:10px;font-weight:900;display:block}.daily-challenge-card>button{color:#fff;cursor:pointer;background:#946cba;border:0;border-radius:14px;min-width:98px;padding:12px 13px;font-size:11px;font-weight:950;box-shadow:inset 0 -4px #502d6d21,0 6px 13px #744a9733}.daily-challenge-card>button span{margin-left:5px}.daily-challenge-card.complete{background:linear-gradient(135deg,#ebf8e7,#fff7db)}.daily-challenge-card.complete .daily-calendar{background:linear-gradient(145deg,#87cf94,#62aa75)}.daily-month-grid{background:#f6f0f8;border-radius:18px;grid-template-columns:repeat(7,1fr);gap:6px;margin:-10px 0 22px;padding:12px;display:grid}.daily-month-grid span{color:#9a8ea0;background:#fff;border-radius:11px;align-content:center;place-items:center;min-height:42px;display:grid;box-shadow:inset 0 -2px #5841600d}.daily-month-grid b{font-size:11px}.daily-month-grid i{color:#c5b9c9;min-height:10px;margin-top:1px;font-size:7px;font-style:normal;font-weight:900}.daily-month-grid span.today{color:#fff;background:#986fbd;box-shadow:0 4px 10px #734c9638}.daily-month-grid span.today i{color:#f9e8a4}.daily-month-grid span.complete{color:#6ba978;background:#e9f7e8}.daily-month-grid span.complete i{color:#e6ad37}.chapter-list{gap:24px;display:grid}.chapter-list>section{background:#faf5ed;border:1px solid #82678914;border-radius:21px;padding:17px}.chapter-title{align-items:center;gap:10px;margin-bottom:13px;display:flex}.chapter-title>span{background:var(--berry);color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:inset 0 -3px #9b31561f}.chapter-title div{flex-direction:column;display:flex}.chapter-title b{font-size:14px}.chapter-title small{color:var(--muted);margin-top:1px;font-size:10px}.level-grid{grid-template-columns:repeat(10,1fr);gap:7px;display:grid}.level-grid button{aspect-ratio:.88;cursor:pointer;background:#fff;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;box-shadow:inset 0 -3px #5d47640f}.level-grid button b{font-size:13px}.level-grid button span{color:#edb546;letter-spacing:-1px;height:9px;font-size:7px}.level-grid button.complete{background:#fff5d5}.level-grid button.current{background:var(--berry);color:#fff;box-shadow:0 4px 10px #d75a8538}.level-grid button.current span{color:#fff}.level-grid button:disabled{cursor:default;color:#bfb5c2;box-shadow:none;background:#eee8ed}.workshop-backdrop{z-index:72}.workshop-card{background:#fffdf9;border:1px solid #fff;border-radius:32px;width:min(980px,100%);max-height:min(94vh,900px);padding:28px;animation:.3s cubic-bezier(.2,.9,.25,1.12) pop-in;overflow:auto;box-shadow:0 30px 90px #4c345357}.workshop-tabs{background:#eee8f0;border-radius:17px;grid-template-columns:1fr 1fr;gap:5px;margin:18px 0;padding:5px;display:grid}.workshop-tabs button{color:#827487;cursor:pointer;background:0 0;border:0;border-radius:13px;padding:11px;font-size:11px;font-weight:950}.workshop-tabs button.selected{color:#fff;background:linear-gradient(135deg,#e57ba0,#9875bc);box-shadow:0 4px 10px #704c7e33}.workshop-message{color:#6f5b79;background:#f4edf6;border-radius:14px;margin:0 0 13px;padding:10px 13px;font-size:10px;line-height:1.45}.workshop-browser-intro{color:#526b5b;background:linear-gradient(135deg,#e1f5e7,#fff0c8);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 15px;padding:17px;display:grid}.workshop-browser-intro b{font-size:15px}.workshop-browser-intro span{grid-column:1;font-size:10px;line-height:1.5}.workshop-browser-intro button{color:#fff;cursor:pointer;background:#5eaf82;border:0;border-radius:14px;grid-area:1/2/span 2;padding:11px 14px;font-size:10px;font-weight:950}.workshop-browser-intro i,.workshop-map-list article>button i{font-style:normal}.workshop-empty{color:#918496;text-align:center;padding:42px 15px;font-size:11px}.workshop-map-list{gap:9px;margin-top:12px;display:grid}.workshop-map-list article{background:#f9f5f2;border:1px solid #73597a17;border-radius:19px;grid-template-columns:48px minmax(150px,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.workshop-map-icon{color:#fff;background:linear-gradient(145deg,#f2a3bb,#a98bd0);border-radius:15px;place-items:center;width:45px;height:45px;font-size:21px;display:grid;box-shadow:inset 0 -4px #4f34571a}.workshop-map-list small{color:#9a8d9e;font-size:8px}.workshop-map-list h3{margin:3px 0;font-size:15px}.workshop-map-list p{color:#85778b;margin:0;font-size:9px}.workshop-map-stats{gap:5px;display:flex}.workshop-map-stats span{color:#8b7d8f;background:#fff;border-radius:12px;flex-direction:column;align-items:center;min-width:61px;padding:7px;font-size:7px;display:flex}.workshop-map-stats b{color:#685772;margin-bottom:2px;font-size:12px}.workshop-map-list article>button{color:#fff;background:var(--berry);cursor:pointer;white-space:nowrap;border:0;border-radius:13px;padding:10px 12px;font-size:9px;font-weight:950}.workshop-builder{gap:12px;display:grid}.workshop-meta-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.workshop-meta-row label,.workshop-meta-row>div{background:#f6f1f3;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:61px;padding:10px 12px;display:grid}.workshop-meta-row span{color:#87798c;font-size:9px;font-weight:900}.workshop-meta-row input{background:#fff;border:1px solid #e4dae5;border-radius:11px;outline:none;min-width:0;padding:8px 10px;font-size:12px;font-weight:850}.workshop-meta-row input:focus{border-color:var(--berry);box-shadow:0 0 0 3px var(--snake-shadow)}.workshop-meta-row>div b{font-size:13px}.workshop-meta-row>div button{color:#796a7e;cursor:pointer;background:#e8dfe9;border:0;border-radius:10px;padding:7px 9px;font-size:8px;font-weight:900}.workshop-toolbox{grid-template-columns:repeat(9,1fr);gap:5px;display:grid}.workshop-toolbox button{color:#76687b;cursor:pointer;background:#f5f0f2;border:1px solid #6d547414;border-radius:14px;min-height:57px;padding:5px 2px}.workshop-toolbox button b{margin-bottom:3px;font-size:17px;display:block}.workshop-toolbox button span{white-space:nowrap;font-size:7px;font-weight:900;display:block}.workshop-toolbox button.selected{color:#fff;background:linear-gradient(145deg,#e987aa,#a17dc2);border-color:#0000;box-shadow:0 5px 12px #77528533}.workshop-toolbox .tool-portalA b{color:#f38aaa}.workshop-toolbox .tool-portalB b{color:#a585cf}.workshop-size-picker{background:#f5f0f2;border-radius:15px;align-items:center;gap:7px;padding:10px 12px;display:flex}.workshop-size-picker>span{color:#76697a;margin-right:3px;font-size:9px;font-weight:950}.workshop-size-picker button{color:#786a7c;cursor:pointer;background:#fff;border:0;border-radius:10px;min-width:47px;padding:8px 9px;font-size:9px;font-weight:950}.workshop-size-picker button.selected{color:#fff;background:#9b78c5;box-shadow:0 4px 10px #805b9e33}.workshop-size-picker small{color:#948698;margin-left:auto;font-size:8px}.workshop-snake-direction{background:#fff3d9;border-radius:14px;align-items:center;gap:5px;min-height:42px;padding:7px 10px;display:flex}.workshop-snake-direction>span{color:#80683f;margin-right:4px;font-size:9px;font-weight:950}.workshop-snake-direction button{color:#8f7b55;cursor:pointer;background:#fff;border:0;border-radius:9px;width:29px;height:29px;font-weight:950}.workshop-snake-direction button.selected{color:#fff;background:#e8aa47}.workshop-snake-direction small{color:#9a8563;margin-left:auto;font-size:8px}.workshop-editor-wrap{grid-template-columns:minmax(290px,440px) minmax(190px,1fr);align-items:start;gap:13px;display:grid}.workshop-editor-grid{aspect-ratio:1;grid-template-columns:repeat(var(--workshop-cols),1fr);background:#dbeecf;border:5px solid #d8c7ad;border-radius:22px;gap:3px;width:min(100%,440px);padding:8px;display:grid;box-shadow:inset 0 -8px 15px #5078451a,0 9px 22px #5b415a1f}.workshop-editor-grid button{color:#6b586f;cursor:pointer;background:#fffcdde0;border:0;border-radius:20%;place-items:center;min-width:0;padding:0;font-size:clamp(12px,2.2vw,24px);font-weight:950;display:grid;position:relative;box-shadow:inset 0 -3px #574b3a12}.workshop-editor-grid button:hover{z-index:2;outline:3px solid #e5779d47}.workshop-editor-grid button.wall{color:#9a6845;background:#ddb98a}.workshop-editor-grid button.star{color:#e4a824;background:#fff7c9}.workshop-editor-grid button.star i{color:#fff;background:#e08ca7;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;bottom:4%;right:6%}.workshop-editor-grid button.apple{color:#ef5d67;background:#ffe7d6}.workshop-editor-grid button.exit-tile{color:#6c9a62;background:#e4f2d6}.workshop-editor-grid button.ice{color:#65b6dc;background:linear-gradient(145deg,#effcff,#bfeaf7)}.workshop-editor-grid button.portal-a{color:#ee759c;background:#ffe4ef}.workshop-editor-grid button.portal-b{color:#9b78c5;background:#eee4fa}.workshop-editor-grid button.snake-head,.workshop-editor-grid button.snake-body{color:#8c405f;background:linear-gradient(145deg,var(--snake-light),var(--snake-main))}.workshop-editor-grid button.snake-head{font-size:clamp(8px,1.45vw,15px)}.workshop-editor-help{color:#76697a;background:#f5f0f2;border-radius:18px;padding:16px}.workshop-editor-help b{font-size:13px}.workshop-editor-help p{margin:7px 0;font-size:9px;line-height:1.6}.workshop-editor-help span{color:#7d6946;background:#fff1cc;border-radius:11px;padding:8px;font-size:8px;line-height:1.45;display:block}.workshop-validation{color:#776a7c;background:#f2edf3;border-radius:17px;grid-template-columns:auto 1fr;align-items:center;gap:5px 12px;padding:13px 15px;display:grid}.workshop-validation>b{grid-row:1/span 2;font-size:12px}.workshop-validation p{margin:0;font-size:9px;line-height:1.4}.workshop-validation>div{flex-wrap:wrap;gap:5px;display:flex}.workshop-validation>div span{background:#ffffffb8;border-radius:8px;padding:4px 7px;font-size:8px}.workshop-validation.solved{color:#467359;background:#e1f5e7}.workshop-validation.unsolved,.workshop-validation.invalid{color:#a34f5e;background:#ffe4e8}.workshop-validation.complex{color:#8b6833;background:#fff0c8}.workshop-builder-actions{grid-template-columns:auto auto auto 1fr;gap:7px;display:grid}.workshop-builder-actions button{cursor:pointer;border:0;border-radius:14px;min-height:42px;padding:10px 14px;font-size:9px;font-weight:950}.workshop-builder-actions .secondary{color:#77697d;background:#eee8f0}.workshop-builder-actions .history{color:#735c83;background:#eee5f3;min-width:96px}.workshop-builder-actions .verify{color:#6c5737;background:#fff0c9}.workshop-builder-actions .primary{color:#fff;background:linear-gradient(135deg,#e8769e,#9873b8)}.workshop-builder-actions button:disabled{cursor:not-allowed;opacity:.48}.name-setup-backdrop{z-index:80;background:#402f4785}.name-setup-card{text-align:center;background:#fffdf9;border:1px solid #fff;border-radius:31px;width:min(430px,100%);padding:30px;animation:.34s cubic-bezier(.2,.9,.25,1.12) pop-in;box-shadow:0 30px 90px #45314c61}.name-berry{color:#8f4260;background:linear-gradient(145deg,#ffc1d4,#ed7299);border-radius:48%;place-items:center;width:72px;height:72px;margin:0 auto 14px;display:grid;position:relative;box-shadow:inset 0 -6px #6f324b1a,0 10px 22px #c85a8038}.name-berry i{background:#713b52;border-radius:99px;width:6px;height:9px;position:absolute;top:29px}.name-berry i:first-child{left:23px}.name-berry i:nth-child(2){right:23px}.name-berry b{margin-top:20px;font-size:10px}.name-setup-card h2{margin:5px 0 8px;font-size:27px}.name-setup-card>p{color:#827587;max-width:330px;margin:0 auto 17px;font-size:10px;line-height:1.55}.name-setup-card label{text-align:left;flex-direction:column;gap:6px;display:flex}.name-setup-card label span{color:#716476;font-size:9px;font-weight:950}.name-setup-card input{text-align:center;border:1px solid #dfd4e1;border-radius:15px;outline:none;padding:13px 14px;font-size:14px;font-weight:850}.name-setup-card input:focus{border-color:var(--berry);box-shadow:0 0 0 4px var(--snake-shadow)}.name-setup-card>small{color:#9a8e9e;margin:9px 0;font-size:8px;line-height:1.45;display:block}.name-setup-card>strong{color:#bd526b;margin:7px 0;font-size:9px;display:block}.name-setup-actions{grid-template-columns:auto 1fr;gap:7px;margin-top:14px;display:grid}.name-setup-actions button{cursor:pointer;border:0;border-radius:14px;min-height:44px;padding:11px 14px;font-size:10px;font-weight:950}.name-setup-actions .secondary{color:#796d7e;background:#eee8f0}.name-setup-actions .primary{color:#fff;background:linear-gradient(135deg,#e979a0,#9b76ba)}@media (width<=900px){.game-layout{grid-template-columns:1fr;max-width:690px}.side-panel{grid-template-columns:1fr 1fr;align-items:start;display:grid}.goal-card{grid-row:span 2}.move-card,.action-grid{grid-column:2}.dpad,.controls-note,.legend{grid-column:1/-1}.board-card{min-height:auto}}@media (width<=600px){.site-shell{padding:15px 10px 28px}.home-screen{align-items:start;padding:12px}.home-card{border-radius:29px;margin:auto 0;padding:24px 16px}.home-mascot{width:88px;height:88px;margin-bottom:16px}.home-mascot:before{width:34px;height:25px;top:-12px}.home-eye{top:34px}.home-eye.left{left:28px}.home-eye.right{right:28px}.home-smile{width:21px;top:51px;left:34px}.home-mascot>span{width:34px;height:34px}.home-mascot>span:first-of-type{left:-20px}.home-mascot>span:nth-of-type(2){left:-43px}.home-mascot>span:nth-of-type(3){bottom:28px;left:-59px}.home-hero h1{font-size:36px}.home-hero p{font-size:11px}.home-mode-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.home-mode.story{grid-column:1/-1}.home-mode{min-height:90px;padding:13px 8px 11px 51px}.home-mode.story{min-height:95px;padding-left:61px}.home-mode .mode-icon{border-radius:12px;width:33px;height:33px;top:17px;left:10px}.home-mode.story .mode-icon{top:18px;left:17px}.home-mode b{white-space:nowrap;margin:3px 0 5px;font-size:17px}.home-mode i{font-size:8px}.home-tools{grid-template-columns:repeat(3,1fr);gap:6px}.home-tools button{min-height:58px}.home-progress-card{padding:10px 8px 17px}.home-progress-card b{font-size:17px}.brand-bar{gap:5px}.brand{gap:6px;min-width:0}.brand span{min-width:0}.brand small{display:none}.brand b{white-space:nowrap;font-size:15px}.brand-mascot{width:39px;height:39px}.header-actions{gap:3px}.sound-button,.help-button,.home-button{border-radius:13px;width:35px;height:37px}.map-button{gap:4px;min-width:55px;padding:6px 7px}.map-button span{display:none}.map-button b{font-size:14px}.board-card{border-radius:25px;padding:15px 10px 13px}.level-heading{grid-template-columns:minmax(0,1fr) auto 76px;align-items:end;gap:7px;padding:2px 5px;display:grid}.level-heading h1{font-size:23px;line-height:1.05}.heading-moves{gap:4px;margin:0}.heading-moves span{border-radius:11px;min-width:43px;padding:6px 5px 5px}.heading-moves small{font-size:7px}.heading-moves b{font-size:18px}.chapter-progress{width:76px;margin:0 0 5px}.top-objective-reminder{gap:6px;margin-bottom:8px;padding:8px 9px}.top-objective-reminder>b{font-size:10px}.top-objective-reminder i{padding:3px 5px;font-size:8px}.top-objective-reminder.ready>b:after{display:none}.interactive-tutorial-banner{gap:6px;margin-bottom:8px;padding:8px;font-size:8px}.interactive-tutorial-banner b,.interactive-tutorial-banner i{padding:4px 5px;font-size:8px}.lesson-banner{gap:7px;margin-bottom:8px;padding:8px 9px;font-size:9px}.lesson-banner b{padding:4px 6px;font-size:8px}.game-board{--cell-gap:4px;border-width:3px;border-radius:21px;padding:7px}.game-board.split-board{--cell-gap:3px;padding:4px}.rainbow-bridge{width:155%}.side-panel{border-radius:25px;grid-template-columns:1fr}.goal-card{grid-row:auto}.move-card,.action-grid,.dpad,.controls-note,.legend{grid-column:1}.side-panel .action-grid{display:none}.legend{justify-content:center}.mobile-control-dock{z-index:10;background:#fffdf8f5;border:1px solid #70577a1f;border-radius:23px;grid-template-columns:112px 1fr;align-items:center;gap:8px;width:100%;min-height:0;margin-top:10px;padding:7px;display:grid;position:relative;box-shadow:0 8px 22px #503a5724}.mobile-dpad{grid-template-rows:repeat(3,34px);grid-template-columns:repeat(3,34px);gap:3px;display:grid}.mobile-dpad button{color:#786d80;background:#eee7f0;border:0;border-radius:11px;font-size:13px;font-weight:900;box-shadow:inset 0 -3px #5c466414}.mobile-dpad button:active{box-shadow:none;transform:translateY(2px)}.mobile-dpad button.hint{color:#9f681d;background:#ffe291;animation:.65s ease-in-out infinite alternate hint-pulse}.mobile-dpad button:first-child{grid-area:1/2}.mobile-dpad button:nth-child(2){grid-area:2/1}.mobile-dpad>span{background:var(--berry);color:#fff;border-radius:11px;grid-area:2/2;place-items:center;font-size:10px;font-weight:900;display:grid;box-shadow:inset 0 -3px #a0385c1f}.mobile-dpad button:nth-child(4){grid-area:2/3}.mobile-dpad button:nth-child(5){grid-area:3/2}.mobile-quick-actions{width:auto;box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(3,1fr);gap:6px;padding:0;display:grid;position:static;transform:none}.mobile-quick-actions button{color:#75687e;cursor:pointer;background:#f2ecf4;border:0;border-radius:15px;min-height:55px;font-weight:900}.mobile-quick-actions button:nth-child(2){color:var(--berry-dark);background:#ffeaf1}.mobile-quick-actions button:last-child,.mobile-quick-actions button.hinting{color:#a66d20;background:#fff0c9}.mobile-quick-actions button:disabled{opacity:.35}.mobile-quick-actions b{font-size:20px;line-height:1;display:block}.mobile-quick-actions span{margin-top:3px;font-size:11px;display:block}.mobile-hint-callout{color:#866024;text-align:center;background:#fff2bd;border:1px solid #deac3c40;border-radius:14px;grid-column:1/-1;padding:9px 12px;font-size:12px;font-weight:800;animation:.22s pop-in;position:static;box-shadow:0 5px 14px #7f59171f}.mobile-hint-callout strong{color:#bf781d;margin:0 3px;font-size:15px}.site-shell{padding-bottom:28px}.appearance-card,.settings-card,.leaderboard-card,.rewards-card{border-radius:25px;padding:21px 15px}.panel-heading h2{font-size:23px}.appearance-preview{margin:15px 0}.skin-picker-grid,.accessory-picker-grid{gap:6px}.skin-picker-grid button,.accessory-picker-grid button{grid-template-columns:28px 1fr 16px;padding:7px}.star-wear-grid{grid-template-columns:1fr}.settings-row{flex-direction:column;align-items:stretch;gap:10px}.volume-options{width:100%}.volume-options button{flex:1}.toggle-switch{align-self:flex-end;margin-top:-40px}.player-name-row{grid-template-columns:1fr auto}.player-name-row>div{grid-column:1/-1}.reward-list article{grid-template-columns:38px minmax(0,1fr)}.reward-list article>button{grid-column:1/-1;width:100%}.win-actions.triple{grid-template-columns:1fr 1fr}.win-actions.triple .primary{grid-column:1/-1}.replay-skip{max-width:92px;padding:6px}.daily-challenge-card{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:12px}.daily-calendar{border-radius:14px;width:50px}.daily-calendar b{font-size:21px}.daily-copy h3{font-size:14px}.daily-copy p{font-size:9px}.daily-challenge-card>button{grid-column:1/-1;width:100%;min-height:40px}.daily-month-grid{gap:4px;padding:8px}.daily-month-grid span{min-height:36px}.level-grid{grid-template-columns:repeat(5,1fr)}.level-grid button{aspect-ratio:1.15}.workshop-backdrop{align-items:start;padding:8px}.workshop-card{border-radius:25px;max-height:97vh;margin:auto 0;padding:19px 12px}.workshop-tabs{margin:13px 0}.workshop-browser-intro{grid-template-columns:1fr;padding:13px}.workshop-browser-intro span,.workshop-browser-intro button{grid-area:auto/1}.workshop-browser-intro button{width:100%}.workshop-map-list article{grid-template-columns:38px 1fr auto;gap:8px}.workshop-map-icon{width:38px;height:38px}.workshop-map-stats{grid-column:1/-1;justify-content:stretch}.workshop-map-stats span{flex:1}.workshop-map-list article>button{grid-area:1/3}.workshop-meta-row{grid-template-columns:1fr}.workshop-toolbox{grid-template-columns:repeat(3,1fr)}.workshop-toolbox button{min-height:51px}.workshop-size-picker{flex-wrap:wrap}.workshop-size-picker small{width:100%;margin-left:0}.workshop-snake-direction{flex-wrap:wrap}.workshop-snake-direction small{width:100%;margin:2px 0 0}.workshop-editor-wrap{grid-template-columns:1fr}.workshop-editor-grid{width:100%}.workshop-editor-help{padding:12px}.workshop-builder-actions{grid-template-columns:1fr 1fr}.workshop-builder-actions .primary{grid-column:1/-1}.workshop-validation{grid-template-columns:1fr}.workshop-validation>b{grid-row:auto}.name-setup-card{padding:25px 17px}.name-setup-card h2{font-size:24px}.win-card{padding:25px 20px}.win-card h2{font-size:24px}.tutorial-card{border-radius:28px;padding:23px 17px}.tutorial-card h2{margin-bottom:15px;font-size:27px}.tutorial-goal-rule>div{gap:4px}.tutorial-goal-rule span{padding:5px;font-size:9px}.tutorial-scroll-hint{z-index:4;position:sticky;top:-1px;box-shadow:0 5px 12px #855a1724}.tutorial-steps>div{gap:9px;padding:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.workshop-browser-toolbar{justify-content:space-between;align-items:center;gap:10px;margin:11px 0 2px;display:flex}.workshop-browser-toolbar>div{background:#eee8f0;border-radius:13px;gap:4px;padding:4px;display:flex}.workshop-browser-toolbar button{color:#7d7082;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 11px;font-size:8px;font-weight:950}.workshop-browser-toolbar button.selected{color:#fff;background:#9b78c5}.workshop-browser-toolbar>span{color:#918596;font-size:8px;font-weight:900}.workshop-owned{color:#4e8662;background:#dff1e3;border-radius:6px;margin-left:5px;padding:2px 5px;font-size:7px;font-style:normal}.workshop-card-actions{align-items:center;gap:5px;display:flex}.workshop-card-actions button{cursor:pointer;white-space:nowrap;border:0;border-radius:12px;height:38px;font-size:9px;font-weight:950}.workshop-card-actions .like{color:#ad91a5;background:#eee6ec;width:38px;font-size:16px}.workshop-card-actions .like.liked{color:#fff;background:#ed789d;box-shadow:0 4px 10px #d25b8233}.workshop-card-actions .play{color:#fff;background:var(--berry);padding:9px 11px}.workshop-card-actions button:disabled{opacity:.55}.workshop-builder-heading{color:#6d7c6f;background:#e8f5e7;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.workshop-builder-heading span{font-size:9px;line-height:1.4}.workshop-builder-heading button{color:#fff;cursor:pointer;white-space:nowrap;background:#65aa79;border:0;border-radius:10px;padding:8px 11px;font-size:8px;font-weight:950}.workshop-toolbox{grid-template-columns:repeat(7,1fr)}.workshop-editor-grid button.gate-berry{color:#d95f88;background:#ffe2ec}.workshop-editor-grid button.plate-berry{color:#d95f88;background:#fff0f5;box-shadow:inset 0 -5px #e787a7}.workshop-editor-grid button.gate-blue{color:#519bc7;background:#dff3ff}.workshop-editor-grid button.plate-blue{color:#519bc7;background:#edf8ff;box-shadow:inset 0 -5px #78bce0}.workshop-toolbox .tool-gateBerry b,.workshop-toolbox .tool-plateBerry b{color:#df7097}.workshop-toolbox .tool-gateBlue b,.workshop-toolbox .tool-plateBlue b{color:#5aa6ce}.workshop-toolbox button.selected b{color:inherit}@media (width<=600px){.appearance-category-tabs button{min-width:65px}.character-skin-grid{grid-template-columns:1fr}.custom-color-choice{grid-template-columns:28px 1fr 16px;padding:7px}.workshop-browser-toolbar{flex-direction:column;align-items:stretch}.workshop-browser-toolbar>div{width:100%}.workshop-browser-toolbar button{flex:1}.workshop-map-list article{grid-template-columns:38px minmax(0,1fr)}.workshop-card-actions{grid-area:auto/1/auto/-1}.workshop-card-actions .play{flex:1}.workshop-builder-heading{flex-direction:column;align-items:stretch}.workshop-builder-heading button{width:100%}.workshop-toolbox{grid-template-columns:repeat(3,1fr)}}.home-mode-grid{grid-template-columns:repeat(2,1fr)}.home-mode.workshop{color:#594968;background:linear-gradient(135deg,#eee3fa,#ffe9f1);box-shadow:0 10px 22px #7b569921}.home-mode.workshop .mode-icon{background:#9872ba;font-size:21px}.home-tools{grid-template-columns:repeat(4,1fr)}.home-tools button{text-align:left;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;padding:8px 9px;display:grid}.home-tools b{margin:0}.home-tools span{flex-direction:column;gap:2px;min-width:0;display:flex}.home-tools span strong{font-size:9px}.home-tools span small{color:#9a8d9e;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.home-settings-quick{z-index:3;color:#74677a;cursor:pointer;background:#ffffffd1;border:1px solid #745b7b1a;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:42px;padding:0 13px;font-size:10px;font-weight:950;display:flex;position:absolute;top:clamp(13px,2.5vw,28px);right:clamp(13px,2.5vw,32px);box-shadow:0 7px 18px #533d5a1a}@media (width<=600px){.home-mode.story,.home-mode.workshop{grid-column:1/-1;min-height:95px;padding-left:61px}.home-mode.workshop .mode-icon{top:18px;left:17px}.home-tools{grid-template-columns:repeat(2,1fr)}.home-settings-quick{width:42px;min-width:42px;padding:0}.home-settings-quick span{display:none}}.home-ranking-preview{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9eb;border:1px solid #ffffffe6;border-radius:24px;width:230px;padding:14px;position:fixed;top:50%;left:clamp(12px,2vw,28px);transform:translateY(-50%);box-shadow:0 18px 45px #533d5a26}.home-ranking-preview>div{grid-template-columns:1fr auto;align-items:center;gap:2px 5px;margin-bottom:9px;display:grid}.home-ranking-preview>div span{color:var(--berry-dark);letter-spacing:.1em;grid-column:1;font-size:8px;font-weight:950}.home-ranking-preview>div b{grid-column:1;font-size:15px}.home-ranking-preview>div button{color:#7d6d83;cursor:pointer;background:#eee7f0;border:0;border-radius:9px;grid-area:1/2/3;padding:7px 8px;font-size:7px;font-weight:950}.home-ranking-preview ol{gap:5px;margin:0;padding:0;list-style:none;display:grid}.home-ranking-preview li{background:#f6f1f3;border-radius:11px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:36px;padding:5px 7px;display:grid}.home-ranking-preview li>i{color:#fff;background:#a99ead;border-radius:8px;place-items:center;width:24px;height:24px;font-size:9px;font-style:normal;font-weight:950;display:grid}.home-ranking-preview li:first-child>i{background:#e9ae35}.home-ranking-preview li:nth-child(2)>i{background:#9eabba}.home-ranking-preview li:nth-child(3)>i{background:#c88963}.home-ranking-preview li>span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900;overflow:hidden}.home-ranking-preview li>span small{color:#fff;background:var(--berry);border-radius:5px;margin-left:3px;padding:1px 4px;font-size:6px}.home-ranking-preview li>b{color:var(--berry-dark);white-space:nowrap;font-size:9px}.home-ranking-preview li.is-me{outline:2px solid var(--berry);background:#fff1f5}.home-ranking-preview>p{color:#948798;text-align:center;background:#f6f1f3;border-radius:13px;margin:0;padding:18px 8px;font-size:9px;line-height:1.6}@media (width<=1150px){.home-screen{place-items:center}.home-ranking-preview{width:min(720px,100%);margin-top:10px;position:static;transform:none}.home-ranking-preview ol{grid-template-columns:repeat(5,minmax(0,1fr))}.home-ranking-preview li{grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr)}.home-ranking-preview li>b{text-align:center;grid-column:1/-1}.home-ranking-preview li>span{font-size:8px}}@media (width<=600px){.home-ranking-preview{border-radius:20px;padding:11px}.home-ranking-preview ol{display:flex;overflow-x:auto}.home-ranking-preview li{flex:none;min-width:102px}}.home-ranking-preview{z-index:2;width:230px;margin:0;position:absolute;top:50%;left:auto;right:calc(100% + 18px);transform:translateY(-50%)}.interactive-tutorial-banner.is-step-guide{align-items:start;padding:11px 12px}.tutorial-step-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.tutorial-step-copy strong{color:#315f4b;font-size:12px;line-height:1.3}.tutorial-step-copy small{color:#587765;font-size:10px;line-height:1.5}.interactive-tutorial-banner.is-step-guide>i{color:#fff;background:#58aa7d;place-items:center;min-width:34px;height:34px;padding:0;font-size:19px;animation:.7s ease-in-out infinite alternate hint-pulse;display:grid;box-shadow:inset 0 -3px #2a69491f}@media (width<=1040px){.home-screen{place-items:start center;padding:14px}.home-card{margin:auto 0}.home-ranking-preview{width:100%;margin:0 0 15px;position:static;top:auto;right:auto;transform:none}.home-ranking-preview ol{grid-template-columns:repeat(5,minmax(0,1fr))}.home-ranking-preview li{grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr)}.home-ranking-preview li>b{text-align:center;grid-column:1/-1}.home-ranking-preview li>span{font-size:8px}}@media (width<=600px){.site-shell,.home-screen,.home-card,.game-layout,.board-card,.side-panel,.brand-bar{width:100%;min-width:0;max-width:100%}.home-screen{padding:8px;overflow-x:hidden}.home-card{padding:17px 12px 22px}.home-ranking-preview{border-radius:18px;padding:10px}.home-ranking-preview>div{margin-bottom:7px}.home-ranking-preview ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid;overflow:visible}.home-ranking-preview li{grid-template-rows:auto;grid-template-columns:22px minmax(0,1fr) auto;width:auto;min-width:0;min-height:32px;padding:4px 5px}.home-ranking-preview li>b{text-align:right;grid-column:auto;font-size:8px}.home-ranking-preview li:nth-child(5){grid-column:1/-1}.home-ranking-preview li>span{font-size:8px}.home-hero h1{font-size:31px}.interactive-tutorial-banner.is-step-guide{grid-template-columns:auto minmax(0,1fr) 30px;gap:7px;padding:9px}.interactive-tutorial-banner.is-step-guide>b{padding:5px 6px;font-size:8px}.tutorial-step-copy strong{font-size:11px}.tutorial-step-copy small{font-size:9px;line-height:1.45}.interactive-tutorial-banner.is-step-guide>i{width:30px;min-width:30px;height:30px;font-size:17px}}.home-settings-quick{color:#fff;background:linear-gradient(135deg,var(--berry),#9472bb);letter-spacing:.04em;border:2px solid #ffffffeb;min-width:92px;height:44px;font-size:12px;box-shadow:0 9px 22px #6f437d42,inset 0 -3px #4f2b5c21}.home-settings-quick b{font-size:19px}.home-settings-quick:hover{transform:translateY(-2px);box-shadow:0 12px 27px #6f437d52,inset 0 -3px #4f2b5c21}@media (width<=600px){.home-screen{padding-top:58px}.home-card{margin:0}.home-settings-quick{z-index:48;width:82px;min-width:82px;height:42px;padding:0 10px;position:fixed;top:8px;right:8px}.home-settings-quick span{font-size:11px;display:inline}}.home-screen{padding:24px}.home-ranking-preview{width:100%;margin:14px 0 0;position:static;top:auto;left:auto;right:auto;transform:none}.home-ranking-preview ol{grid-template-columns:repeat(5,minmax(0,1fr))}.home-ranking-preview li{grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr)}.home-ranking-preview li>b{text-align:center;grid-column:1/-1}@media (width<=600px){.home-screen{padding:58px 8px 8px}.home-ranking-preview ol{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.home-ranking-preview li{grid-template-rows:auto;grid-template-columns:22px minmax(0,1fr) auto}.home-ranking-preview li>b{text-align:right;grid-column:auto}.home-ranking-preview li:nth-child(5){grid-column:1/-1}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}