@charset "UTF-8";
:root{color-scheme:light;--ink:#302d45;--muted:#696579;--purple:#7954ba;--purple-dark:#62409e;--lavender:#eee7fa;--coral:#e89985;--teal:#397f70;--cream:#fffdf7;--line:#e6e1ed;--shadow:0 16px 48px #30234b17,0 2px 6px #30234b0a;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:"Trebuchet MS","Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);background:#b1d8df;font-size:14px;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #8f6dce;outline-offset:4px}button,input,select{border-radius:12px}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}svg{display:block;width:22px;height:22px;flex-shrink:0}i{display:inline-flex;font-style:normal}input{min-width:0}button svg,a svg{pointer-events:none}
#world-canvas{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:none}.world-vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#fbf8ee73 0%,#ffffff05 52%,#f8f4ff18 100%)}body.is-playing .world-vignette{background:linear-gradient(180deg,#1d403117,transparent 18%,transparent 76%,#1d403117)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:26px 4.5%;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:31px;font-weight:900;letter-spacing:-1.6px;line-height:.85}.brand-mark{width:44px;height:44px;display:grid;place-items:center;color:#8051a4;background:#fffdf1e6;border-radius:16px;box-shadow:0 3px 13px #4931620c}.brand-mark svg{width:34px;height:34px}.brand-small{display:block;font-size:9px;letter-spacing:4.6px;margin:8px 0 0 3px}.site-header nav{display:flex;align-items:center;gap:26px}.nav-link{background:none;font-weight:700;color:#45404f}.community-link{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;border:1px solid #ffffff85;border-radius:40px;background:#fffdf5d9;padding:12px 16px;box-shadow:0 3px 14px #3c34400b}.community-link svg{width:18px;height:18px}.community-link:hover{background:#fff}.community-link>span:last-child svg{width:14px;height:14px}.is-playing .site-header{display:none}
.landing{position:fixed;inset:100px 4.5% 56px;display:grid;grid-template-columns:minmax(0,1fr) 374px;align-items:center;gap:40px;z-index:2;pointer-events:none}.landing-story,.entry-card{pointer-events:auto}.landing-story{max-width:470px;padding:28px 0 76px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.landing-story>.eyebrow{font-size:10px;letter-spacing:2px;color:#3b6552;margin-bottom:22px}.live-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#439379;box-shadow:0 0 0 4px #43937912}.landing h1{font-size:clamp(42px,4.7vw,68px);font-weight:900;letter-spacing:-3.5px;line-height:1.06;margin:0 0 22px;color:#303344;text-shadow:0 2px 18px #fffcf460}.landing h1 em{font-style:normal;color:#7952a5;position:relative}.landing h1 em:after{content:"";position:absolute;left:-4px;right:-8px;bottom:-5px;height:8px;background:#b79ad45e;border-radius:50%;transform:rotate(-4deg);z-index:-1}.landing-story>p{font-size:14px;line-height:1.8;color:#464b50;margin:0;text-shadow:0 1px 8px #fff7}.story-tags{display:flex;gap:18px;margin-top:25px;font-size:10px;font-weight:700;color:#4d5351}.story-tags>span{display:flex;align-items:center;gap:7px}.story-tags svg{width:16px;height:16px;color:#745388}.entry-card{background:var(--cream);border:1px solid #fff9;border-radius:26px;overflow:hidden;box-shadow:0 22px 80px #2d244533,0 4px 15px #3726530b;max-height:calc(100dvh - 152px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4b5d6 transparent}.entry-art{height:145px;position:relative;overflow:hidden;flex-shrink:0}.entry-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 61%;display:block}.entry-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#38304150,transparent 60%)}.art-stamp{position:absolute;bottom:12px;left:16px;z-index:1;display:flex;align-items:center;gap:6px;color:white;font-size:10px;font-weight:700;text-shadow:0 1px 4px #0009}.art-stamp svg{width:15px;height:15px}.entry-content{padding:22px 25px 19px}.entry-heading h2{font-size:20px;line-height:1.2;letter-spacing:-.6px;margin:0 0 6px}.entry-heading p{font-size:12px;margin:0;color:var(--muted)}.entry-tabs{display:flex;background:#f1edf5;border-radius:11px;padding:4px;margin:20px 0 17px;gap:3px}.entry-tabs button{flex:1;padding:8px 4px;font-weight:700;font-size:11px;border-radius:8px;background:transparent;color:#70667c}.entry-tabs button[aria-selected=true]{color:#664591;background:white;box-shadow:0 2px 6px #3822490d}.field-label{font-size:11px;font-weight:700;display:block;margin:0 0 7px}.input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #dfd8e7;border-radius:11px;background:#fff;height:43px;padding:0 12px;transition:border-color .2s}.input-wrap:focus-within{border-color:#9b78c6;box-shadow:0 0 0 3px #9971c310}.input-wrap>i{color:#918699}.input-wrap svg{width:17px;height:17px}.input-wrap input{border:0;outline:none!important;background:none;flex:1;width:100%;font-size:12px;height:100%;color:var(--ink)}input::placeholder{color:#958c9f;opacity:1}#entry-password-wrap{margin-top:13px}.starter-field{padding:0;border:0;margin:18px 0 16px;min-width:0}.starter-field legend{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.65px;font-weight:800;margin-bottom:9px}.starter-field legend>span{font-size:9px;letter-spacing:0;font-weight:700;color:var(--teal);text-transform:none}.starter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.starter-option{display:flex;position:relative;flex-direction:column;align-items:center;cursor:pointer;border:1px solid #e7e1ed;border-radius:13px;padding:7px 3px 9px;background:#fff;transition:border-color .2s,background .2s}.starter-option:has(input:checked){background:#f3edf9;border-color:#9873c6;box-shadow:0 0 0 1px #9873c625}.starter-option:has(input:focus-visible){outline:3px solid #9873c6;outline-offset:3px}.starter-option input{position:absolute;opacity:0;width:1px;height:1px}.starter-option strong{font-size:11px;margin-top:5px}.starter-option small{font-size:8px;color:#73677f;margin-top:3px;white-space:nowrap}.starter-portrait,.pet-portrait{background-size:88% auto;background-position:center;background-repeat:no-repeat;border-radius:50%;display:block;flex:none;border:2px solid white;box-shadow:0 2px 5px #5a355f0d}.starter-portrait{width:48px;height:48px}.portrait-fox{background-image:url('../images/pet-fox.png');background-color:#f5d6ba}.portrait-bunny{background-image:url('../images/pet-bunny.png');background-color:#f5ddd9}.portrait-cat{background-image:url('../images/pet-cat.png');background-color:#f5dccd}.portrait-panda{background-image:url('../images/pet-panda.png');background-color:#e9e6ee}.portrait-dragon{background-image:url('../images/pet-dragon.png');background-color:#d9eee6}.starter-check{position:absolute;right:5px;top:5px;width:14px;height:14px;border-radius:50%;background:#8762b1;color:white;display:none;place-items:center}.starter-check svg{width:10px;height:10px}.starter-option:has(input:checked) .starter-check{display:grid}.primary-button{background:var(--purple);color:#fff;border-radius:11px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:800;box-shadow:0 4px 0 #613e9626;display:flex;align-items:center;justify-content:center;gap:10px}.primary-button:hover{background:var(--purple-dark);box-shadow:0 5px 12px #63449129}.enter-button{width:100%;justify-content:space-between}.enter-button svg{width:18px;height:18px}.entry-note{font-size:8px;line-height:1.5;color:#746d7e;display:flex;align-items:center;justify-content:center;gap:5px;margin:12px 0 0}.entry-note svg{width:12px;height:12px}.landing-footnote{position:fixed;left:4.5%;bottom:24px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;color:#334f46;pointer-events:none}.footnote-separator{height:12px;width:1px;background:#3b655233;margin:0 3px}
.glass-card{background:#fffdf5ed;border:1px solid #ffffffc9;box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.game-ui{position:fixed;inset:0;z-index:4;pointer-events:none}.game-ui button,.game-ui a,.game-ui input,.game-ui select,.player-hud,.quest-card,.save-account,.active-pet,.game-toolbar{pointer-events:auto}.player-hud{position:absolute;left:22px;top:22px;display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:19px;max-width:calc(100% - 250px)}.player-avatar{display:grid;place-items:center;width:38px;height:38px;background:#e9dff4;color:#76509e;border-radius:13px;flex:none}.player-identity{min-width:65px;max-width:140px}.player-identity strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.player-identity>span{display:block;color:#72677d;font-size:9px;margin-top:4px}.hud-divider{width:1px;height:27px;background:var(--line);margin-left:2px}.coin-count{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.coin-count svg{color:#ad7b23;width:20px;height:20px}.icon-button{width:35px;height:35px;display:inline-grid;place-items:center;flex:none;border-radius:11px;background:transparent;color:#675973}.icon-button:hover{background:#ede5f5}.icon-button svg{width:19px;height:19px}.daily-button{position:relative;background:#f6edce;color:#987522;margin-left:1px}.daily-button:hover{background:#f0e4bb}.notification-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border:1px solid white;border-radius:50%;background:#ca7a70}.world-hud{position:absolute;right:22px;top:22px;display:flex;gap:8px;align-items:center}.world-hud>.icon-button{width:43px;height:43px;border-radius:14px}.online-pill{display:flex;align-items:center;gap:9px;padding:14px 15px;border-radius:14px;font-size:10px;font-weight:700;white-space:nowrap}.quest-card{position:absolute;top:103px;left:22px;width:214px;padding:15px;border-radius:17px;background:#fffdf4dc}.quest-title{display:flex;gap:9px;align-items:center;margin-bottom:13px}.quest-title>span{color:#9471bd}.quest-title svg{width:20px;height:20px}.quest-title small{display:block;font-size:7px;letter-spacing:.7px;color:#847689;font-weight:800}.quest-title strong{display:block;font-size:12px;margin-top:4px}.quest-step{display:flex;align-items:center;gap:8px;font-size:10px;color:#746a7e;margin-top:9px}.quest-tick{width:16px;height:16px;border:1px solid #d7cfe0;border-radius:50%;display:grid;place-items:center;color:transparent}.quest-tick svg{width:11px;height:11px}.quest-step.is-done{color:#4f7865}.quest-step.is-done .quest-tick{color:white;background:#76a387;border-color:#76a387}.save-account{position:absolute;left:22px;top:calc(50% - 38px);width:202px;padding:17px;border-radius:19px;background:#fffdf5ed}.minimize-button{position:absolute;right:7px;top:7px;width:25px;height:25px;display:grid;place-items:center;background:transparent;color:#8a7d91;border-radius:8px}.minimize-button svg{width:15px;height:15px}.minimize-button:hover{background:#efe7f4}.save-symbol{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#f7e4e0;color:#b77874;margin-bottom:11px}.save-symbol svg{width:19px;height:19px}.save-copy strong{font-size:11px;display:block}.save-copy p{font-size:10px;line-height:1.7;color:#796b7e;margin:7px 0 12px}.small-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:10px;font-weight:800;min-height:35px;border-radius:9px;background:#e9dff3;color:#69478d}.small-primary:hover{background:#ded0ed}.small-primary svg{width:15px;height:15px}.save-collapsed{position:absolute;left:22px;top:calc(50% - 20px);padding:11px 13px;border-radius:14px;display:flex;gap:8px;align-items:center;font-size:10px;font-weight:700}.save-collapsed svg{width:17px;height:17px;color:#b5787b}
.active-pet{position:absolute;bottom:calc(111px + var(--safe-bottom));left:50%;transform:translateX(-50%);width:350px;padding:13px 15px 10px;border-radius:21px;background:#fffdf6f0}.active-pet-top{display:flex;align-items:center;gap:10px}.pet-portrait{width:48px;height:48px}.active-pet-info{flex:1;min-width:0}.active-pet-info>.eyebrow{font-size:7px;letter-spacing:1px;color:#8e7b9a}.active-pet-info>strong{font-size:15px;display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-pet-info>span:last-child{display:block;font-size:9px;color:#83748f;margin-top:3px}.pet-emote{background:#f1e8f5;color:#9773ad}.pet-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.pet-needs>div>span{display:flex;justify-content:space-between;font-size:8px;color:#796c83;margin-bottom:5px}.pet-needs b{font-weight:700;color:#5e5367}.pet-needs meter{width:100%;height:5px;display:block;border:0;border-radius:6px;background:#e7e1e9;overflow:hidden;appearance:none;-webkit-appearance:none}.pet-needs meter::-webkit-meter-bar{height:5px;background:#e7e1e9;border:0;border-radius:6px}.pet-needs meter::-webkit-meter-optimum-value{background:#c8a9d8;border-radius:6px}.pet-needs meter::-moz-meter-bar{background:#c8a9d8;border-radius:6px}.pet-needs>div:first-child meter::-webkit-meter-optimum-value{background:#d8b379}.pet-needs>div:last-child meter::-webkit-meter-optimum-value{background:#8eb9a5}.pet-needs>div:first-child meter::-moz-meter-bar{background:#d8b379}.pet-needs>div:last-child meter::-moz-meter-bar{background:#8eb9a5}.care-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.care-actions button{border-radius:9px;min-height:31px;background:#f2edf5;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700;color:#705b7b}.care-actions button:first-child{background:#f5eedf;color:#947740}.care-actions button:last-child{background:#e7f0e9;color:#557b66}.care-actions button:hover{filter:brightness(.96)}.care-actions svg{width:15px;height:15px}.game-toolbar{position:absolute;bottom:calc(27px + var(--safe-bottom));left:50%;transform:translateX(-50%);display:flex;padding:8px;gap:3px;border-radius:21px}.game-toolbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;color:#7d6c89;width:69px;min-height:50px;border-radius:13px;font-size:9px;font-weight:700}.game-toolbar button:hover,.game-toolbar button.is-active{background:#ede3f5;color:#73509a}.game-toolbar svg{width:22px;height:22px}.desktop-hint{position:absolute;bottom:10px;left:22px;font-size:8px;display:flex;align-items:center;gap:7px;color:#314e43;background:#fbfff1a6;border-radius:8px;padding:6px 9px}.desktop-hint>span{opacity:.4}kbd{font-family:inherit;font-size:9px;font-weight:800;letter-spacing:.4px;background:#ffffffb8;border:1px solid #e5dfe9;box-shadow:0 2px 0 #dcd3e350;border-radius:5px;padding:3px 5px;white-space:nowrap}.interaction-prompt{position:absolute;left:50%;bottom:calc(301px + var(--safe-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#fffdf4ed;padding:9px 12px;border:1px solid white;border-radius:13px;box-shadow:var(--shadow);font-size:11px;max-width:80vw}.interaction-prompt>span{min-width:0}.interaction-prompt>button{background:#eee4f6;width:27px;height:27px;border-radius:8px;display:grid;place-items:center}.interaction-prompt>button svg{width:17px;height:17px}.mobile-controls{display:none;pointer-events:none}#joystick{position:absolute;bottom:calc(32px + var(--safe-bottom));left:25px;width:104px;height:104px;touch-action:none;pointer-events:auto;border-radius:50%;user-select:none;-webkit-user-select:none}#joystick .joystick-ring{position:absolute;inset:0;border:2px solid #fff9;background:#fffdf237;border-radius:50%;box-shadow:0 5px 18px #3332;pointer-events:none}#joystick .joystick-stick{position:absolute;left:30px;top:30px;width:44px;height:44px;border:2px solid #fff9;background:#fffdf2b3;border-radius:50%;pointer-events:none;box-shadow:0 3px 8px #3321}#jump-button{position:absolute;bottom:calc(48px + var(--safe-bottom));right:26px;pointer-events:auto;touch-action:none;width:67px;height:67px;border-radius:50%;display:grid;place-items:center;background:#fffdf2b8;border:2px solid #fff9;box-shadow:0 5px 18px #3332;color:#776188}#jump-button svg{width:29px;height:29px}
.panel-backdrop{position:fixed;inset:0;z-index:20;background:#28203851;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .18s ease}.panel{background:var(--cream);border:1px solid #fff9;box-shadow:0 25px 100px #1e193c4d;border-radius:26px;max-width:640px;width:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 26px 20px;flex-shrink:0;border-bottom:1px solid #e8e0ed}.panel-header .eyebrow{color:#9a7fb2;font-size:8px;letter-spacing:1.2px}.panel-header h2{font-size:24px;letter-spacing:-.8px;margin:6px 0 0}.panel-header>.icon-button{background:#f0e9f5}.panel-content{padding:23px 26px 26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4b5d6 transparent}.panel-intro{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 20px}.pet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pet-card{border:1px solid #e3dbe9;background:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.pet-card.is-equipped{border-color:#a286bc;background:#faf6ff}.pet-card-portrait{width:76px;height:76px;margin:0 auto 12px;box-shadow:0 4px 18px #8556a41c}.pet-card h3{font-size:15px;letter-spacing:-.3px;margin:0 0 4px;max-width:100%;overflow-wrap:anywhere}.pet-card p{font-size:10px;line-height:1.65;color:#7b6d85;margin:0 0 14px}.pet-card .small-primary{margin-top:auto}.pet-card-tag{position:absolute;right:10px;top:10px;padding:4px 6px;border-radius:6px;background:#edf3e9;font-size:7px;font-weight:800;color:#628456;letter-spacing:.5px}.pet-card-price{font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px;color:#9d762b;margin:0 0 12px}.pet-card-price svg{width:16px;height:16px}.pet-card-needs{font-size:9px!important;line-height:1.8!important}.empty-state{padding:30px;text-align:center;color:var(--muted);font-size:12px}.island-map{position:relative;border:1px solid #c1dcd7;border-radius:19px;min-height:275px;background:radial-gradient(ellipse at 50% 51%,#f3edcf 0 42%,#d1dfb1 43% 47%,#b0d0a4 48% 51%,transparent 52%),repeating-radial-gradient(ellipse at 50% 51%,#a8d9d7 0 22px,#b7e2df 23px 26px,#a8d9d7 27px 40px);overflow:hidden;margin-bottom:14px}.island-map:before{content:"";position:absolute;left:26%;right:25%;top:29%;bottom:24%;border:11px solid #e5d9b7;border-radius:42%;transform:rotate(12deg)}.map-location{position:absolute;background:#fffdf3;border:1px solid white;box-shadow:0 4px 15px #52726329;padding:9px 10px;border-radius:11px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:6px;transform:translate(-50%,-50%)}.map-location:active:not(:disabled){transform:translate(-50%,-48%)}.map-location svg{width:17px;height:17px;color:#8a6da1}.map-location:hover{background:#f3e9ff}.map-nursery{left:30%;top:28%}.map-cafe{left:71%;top:31%}.map-meadow{left:28%;top:70%}.map-home{left:71%;top:70%}.map-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:8px;letter-spacing:1.6px;color:#78926e;font-weight:800;white-space:nowrap}.panel-callout{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#f2ecf7;border-radius:12px;font-size:11px;line-height:1.65;color:#786385}.panel-callout svg{color:#9b7aaf;width:19px;height:19px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #ebe3ee}.settings-row:first-child{padding-top:0}.settings-row strong{display:block;font-size:12px}.settings-row p{font-size:10px;line-height:1.6;color:var(--muted);margin:5px 0 0}.settings-row select{padding:9px 12px;border:1px solid #dcd1e6;background:white;color:#614f70;font-size:11px;max-width:130px}.switch{position:relative;width:42px;height:25px;flex:none}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.switch>span{display:block;position:absolute;inset:0;border-radius:30px;background:#d9d0e1;pointer-events:none;transition:background .2s}.switch>span:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 4px #3322;transition:transform .2s}.switch input:checked+span{background:#9271b5}.switch input:checked+span:after{transform:translateX(17px)}.switch input:focus-visible+span{outline:3px solid #9271b5;outline-offset:4px}.settings-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:22px}.text-button{background:none;color:#916c87;font-size:11px;font-weight:700;padding:9px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.help-item{display:flex;align-items:center;gap:10px;padding:12px;background:#f6f1f8;border-radius:11px;font-size:11px}.help-item kbd{min-width:47px;text-align:center;background:#fff}.help-item span{color:#706079}.help-steps{padding:0;margin:0;list-style:none;counter-reset:help-step}.help-steps li{counter-increment:help-step;display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #eae2ee;font-size:12px;line-height:1.6;color:#74657d}.help-steps li:before{content:counter(help-step);display:grid;place-items:center;width:24px;height:24px;flex:none;background:#eae0f4;color:#8864a5;border-radius:9px;font-size:10px;font-weight:800}.help-steps strong{color:var(--ink)}.help-community{display:flex;justify-content:center;margin-top:20px}.account-cover{width:100%;height:135px;object-fit:cover;object-position:50% 64%;border-radius:15px;margin:0 0 20px;display:block}.account-form .field-label{margin-top:15px}.account-form>.primary-button{width:100%;margin-top:20px}.account-benefits{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;color:#6e806b;font-size:10px}.account-benefits span{display:flex;align-items:center;gap:5px}.account-benefits svg{width:13px;height:13px}.account-success{display:flex;align-items:center;gap:12px;background:#eef2e8;border-radius:13px;padding:17px;color:#557447;line-height:1.6;font-size:12px}.account-success svg{width:26px;height:26px}
.toast-region{position:fixed;top:97px;left:50%;transform:translateX(-50%);z-index:40;display:flex;flex-direction:column;gap:9px;max-width:calc(100% - 32px);width:max-content;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:#fffdf9;color:#5d4b6c;border:1px solid #fff;border-radius:14px;padding:12px 18px;box-shadow:0 8px 35px #30203c24;font-size:12px;line-height:1.5;animation:toast-in .24s ease;max-width:440px;overflow-wrap:anywhere}.toast svg{color:#9470b3;width:18px;height:18px}.toast.is-error{background:#fff5f2;color:#914f50}.toast.is-success{background:#f5fcf0;color:#52764d}.toast.is-leaving{opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s}.connection-status{position:fixed;bottom:0;left:0;right:0;text-align:center;font-size:10px;background:#433752ed;color:#fff5e9;padding:7px;z-index:35;pointer-events:none}.loading-screen{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#f1edf9;transition:opacity .45s;overflow:auto;padding:20px}.loading-screen.is-leaving{opacity:0;pointer-events:none}.loading-card{width:360px;max-width:100%;background:#fffcf5;border-radius:25px;overflow:hidden;text-align:center;padding-bottom:25px;box-shadow:0 20px 65px #5d457a13;position:relative}.loading-card>img{display:block;width:100%;height:200px;object-fit:cover;object-position:50% 65%}.loading-petal{display:grid;place-items:center;width:46px;height:46px;background:#fffdf5;border:4px solid #fffdf5;border-radius:16px;color:#9466b4;position:relative;margin:-23px auto 14px;box-shadow:0 4px 15px #60467c0d}.loading-petal svg{width:31px;height:31px;animation:petal-breathe 2.2s ease-in-out infinite}.loading-card h2{font-size:18px;letter-spacing:-.5px;margin:0 15px 9px}.loading-card p{font-size:11px;color:#83718f;margin:0 15px 20px}.loading-track{height:5px;border-radius:6px;background:#ece3f3;overflow:hidden;margin:0 40px 10px}.loading-track>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#b396d4,#e6b3b3);border-radius:6px;transition:width .3s}.loading-card small{font-size:9px;color:#a58ab3}.noscript-message{position:fixed;inset:0;z-index:110;background:#fff9ee;padding:10vw;display:grid;place-items:center;text-align:center;color:#604a72;font-size:20px}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes petal-breathe{0%,100%{transform:scale(1) rotate(-8deg)}50%{transform:scale(1.1) rotate(8deg)}}
@media(min-width:1500px){.landing{right:8%;left:8%;grid-template-columns:minmax(0,1fr) 398px}.site-header{padding-left:8%;padding-right:8%}.landing-footnote{left:8%}.entry-art{height:170px}.entry-content{padding:24px 28px}.landing-story{max-width:510px}}
@media(max-height:780px) and (min-width:761px){.site-header{padding-top:19px;padding-bottom:19px}.landing{top:80px;bottom:35px}.entry-card{max-height:calc(100dvh - 113px)}.entry-art{height:112px}.entry-content{padding:17px 22px}.entry-tabs{margin:15px 0}.starter-field{margin:13px 0}.entry-heading h2{font-size:18px}.landing h1{font-size:55px}.landing-story{padding-bottom:50px}.landing-footnote{bottom:14px}}
@media(max-width:1100px){.landing{grid-template-columns:minmax(0,1fr) 350px;gap:24px}.landing h1{font-size:49px;letter-spacing:-2.6px}.landing-story>p{font-size:12px}.story-tags{gap:12px;font-size:9px}.quest-card{width:192px}.save-account{width:182px}.entry-content{padding-left:21px;padding-right:21px}}
@media(max-width:760px){.site-header{padding:17px 20px;gap:15px}.brand{font-size:27px}.brand-mark{width:38px;height:38px;border-radius:13px}.brand-mark svg{width:29px;height:29px}.brand-small{font-size:8px;letter-spacing:3.8px;margin-top:7px}.site-header nav{gap:0}.nav-link{display:none}.community-link{padding:10px 12px;font-size:10px;gap:7px}.community-link svg{width:16px;height:16px}.community-link>span:last-child{display:none}.landing{inset:80px 0 0;display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:0 20px calc(20px + var(--safe-bottom));align-items:center;scrollbar-width:none;pointer-events:auto}.landing-story{width:100%;max-width:390px;padding:13px 3px 22px}.landing-story>.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.landing h1{font-size:39px;letter-spacing:-2px;line-height:1.08;margin-bottom:12px}.landing-story>p{font-size:11px;line-height:1.7}.story-tags{display:none}.entry-card{width:100%;max-width:390px;max-height:none;overflow:visible;flex-shrink:0;border-radius:23px}.entry-art{height:113px;border-radius:22px 22px 0 0}.entry-content{padding:18px 21px}.entry-heading h2{font-size:19px}.entry-tabs{margin:16px 0}.starter-field{margin:15px 0}.landing-footnote{position:static;display:flex;flex-wrap:wrap;justify-content:center;font-size:9px;text-align:center;margin:20px 0 0;max-width:380px;line-height:1.6}.landing-footnote>.footnote-separator,.landing-footnote>span:last-child{display:none}.world-vignette{background:linear-gradient(180deg,#fffdf560,transparent 45%,#f7f0fb60)}.player-hud{top:12px;left:12px;border-radius:15px;max-width:calc(100% - 130px);padding:8px;gap:7px}.player-avatar{width:30px;height:30px;border-radius:10px}.player-avatar svg{width:18px;height:18px}.player-identity{min-width:35px;max-width:90px}.player-identity strong{font-size:10px}.player-identity>span{font-size:7px;margin-top:3px}.hud-divider{height:23px;margin:0}.coin-count{font-size:10px;gap:3px}.coin-count svg{width:17px;height:17px}.daily-button{width:29px;height:29px;border-radius:9px}.daily-button svg{width:16px;height:16px}.world-hud{right:12px;top:12px;gap:6px}.world-hud>.icon-button{width:34px;height:34px;border-radius:11px}.world-hud>a{display:none}.online-pill{padding:11px 9px;font-size:8px;border-radius:11px;gap:6px}.online-pill .live-dot{width:5px;height:5px}.quest-card{top:80px;left:12px;width:174px;padding:12px;background:#fffdf3d9;border-radius:14px}.quest-title{gap:7px;margin-bottom:8px}.quest-title>span svg{width:16px;height:16px}.quest-title small{font-size:6px;letter-spacing:.4px}.quest-title strong{font-size:10px}.quest-step{font-size:9px;margin-top:7px;gap:6px}.quest-tick{width:13px;height:13px}.quest-tick svg{width:9px;height:9px}.save-account{left:auto;right:12px;top:79px;width:145px;padding:12px;border-radius:14px}.save-symbol{width:27px;height:27px;border-radius:9px;margin-bottom:7px}.save-symbol svg{width:16px;height:16px}.save-copy strong{font-size:9px;line-height:1.5;padding-right:0}.save-copy p{font-size:8px;line-height:1.6;margin:5px 0 9px}.save-account .small-primary{font-size:8px;min-height:30px;gap:4px}.save-account .small-primary svg{width:12px;height:12px}.save-collapsed{left:auto;right:12px;top:80px;padding:9px;font-size:8px;border-radius:11px;gap:6px}.save-collapsed svg{width:14px;height:14px}.active-pet{bottom:calc(178px + var(--safe-bottom));width:300px;max-width:calc(100% - 32px);padding:10px 12px 9px;border-radius:18px}.active-pet-top{gap:9px}.active-pet .pet-portrait{width:39px;height:39px}.active-pet-info>.eyebrow{font-size:6px;letter-spacing:.9px}.active-pet-info>strong{font-size:13px;margin-top:3px}.active-pet-info>span:last-child{font-size:8px;margin-top:2px}.pet-emote{width:30px;height:30px}.pet-needs{margin:10px 0;gap:10px}.pet-needs>div>span{font-size:7px}.care-actions button{min-height:30px;font-size:9px;gap:5px}.care-actions svg{width:14px;height:14px}.game-toolbar{bottom:calc(109px + var(--safe-bottom));border-radius:17px;padding:5px;gap:2px}.game-toolbar button{width:60px;min-height:45px;font-size:8px;gap:4px;border-radius:11px}.game-toolbar svg{width:19px;height:19px}.desktop-hint{display:none}.mobile-controls{display:block}.interaction-prompt{bottom:calc(348px + var(--safe-bottom));font-size:10px;max-width:calc(100% - 30px);padding:8px 10px;gap:7px}.interaction-prompt>kbd{display:none}.interaction-prompt>button{width:29px;height:29px}.panel-backdrop{padding:14px}.panel{border-radius:23px;max-height:calc(100dvh - 28px)}.panel-header{padding:19px 20px 17px}.panel-header h2{font-size:21px}.panel-content{padding:19px 20px 22px}.panel-intro{font-size:11px}.pet-grid{gap:10px}.pet-card{padding:12px;border-radius:15px}.pet-card-portrait{width:63px;height:63px}.pet-card h3{font-size:13px}.pet-card p{font-size:9px}.pet-card .small-primary{font-size:9px}.help-grid{gap:8px}.help-item{font-size:10px;padding:10px;gap:7px}.help-item kbd{font-size:8px;min-width:39px}.help-steps li{font-size:11px}.island-map{min-height:245px}.map-location{font-size:8px;padding:8px;gap:5px}.map-location svg{width:14px;height:14px}.map-center{font-size:7px;letter-spacing:1px}.toast-region{top:70px}.toast{font-size:11px;padding:10px 13px;border-radius:12px}.account-cover{height:115px}}
@media(pointer:fine) and (min-width:761px){.mobile-controls{display:none}}
@media(pointer:coarse) and (min-width:761px){.mobile-controls{display:block}.desktop-hint{display:none}.active-pet{bottom:calc(118px + var(--safe-bottom))}}
@media(max-width:370px){.site-header{padding-left:15px;padding-right:15px}.community-link{font-size:9px;padding:9px}.landing{padding-left:15px;padding-right:15px}.landing h1{font-size:35px}.entry-content{padding-left:17px;padding-right:17px}.entry-heading h2{font-size:18px}.starter-field legend{font-size:7px}.entry-note{font-size:7px}.player-hud{left:8px;padding:7px;gap:5px;max-width:calc(100% - 107px)}.player-avatar{display:none}.player-identity{max-width:76px}.world-hud{right:8px;gap:5px}.online-pill{padding:11px 7px;font-size:7px}.world-hud>.icon-button{width:32px}.quest-card{left:8px;width:154px}.quest-title small{font-size:5px}.quest-title strong{font-size:9px}.quest-step{font-size:8px}.save-account{right:8px;width:133px}.save-copy strong{font-size:8px}.save-copy p{font-size:7px}.save-account .small-primary{font-size:7px}.save-collapsed{right:8px}.active-pet{width:280px}.game-toolbar button{width:55px}#joystick{left:20px;width:90px;height:90px}#joystick .joystick-stick{left:23px;top:23px}#jump-button{right:23px;width:59px;height:59px;bottom:calc(46px + var(--safe-bottom))}.panel-content{padding:16px}.panel-header{padding:17px}.help-item{font-size:9px;padding:9px 7px}.help-grid{gap:6px}}
@media(max-height:570px) and (min-width:600px){.site-header{padding:12px 22px}.brand{font-size:25px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:26px;height:26px}.brand-small{font-size:7px;margin-top:6px}.landing{inset:65px 24px 17px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:0;overflow:visible}.landing-story{padding:0 0 22px;max-width:100%}.landing-story>.eyebrow{font-size:7px;margin-bottom:14px}.landing h1{font-size:37px;letter-spacing:-1.8px}.landing-story>p{font-size:10px}.story-tags{display:none}.entry-card{width:100%;max-height:calc(100dvh - 80px);overflow:auto;border-radius:20px}.entry-art{height:90px}.entry-content{padding:15px 18px}.entry-heading h2{font-size:17px}.entry-tabs{margin:13px 0}.entry-tabs button{padding:6px;font-size:10px}.starter-field{margin:12px 0}.starter-portrait{width:40px;height:40px}.starter-option{padding:5px 3px 7px}.starter-field legend{font-size:7px}.entry-note{font-size:7px}.landing-footnote{display:none}.player-hud{top:10px;left:12px;padding:7px;gap:7px;max-width:340px}.player-avatar{width:29px;height:29px}.player-identity strong{font-size:10px}.player-identity>span{font-size:7px}.coin-count{font-size:10px}.world-hud{top:10px;right:12px}.world-hud>.icon-button{width:35px;height:35px}.online-pill{padding:11px;font-size:9px}.quest-card{top:70px;left:12px;width:166px;padding:11px}.quest-title small{font-size:6px}.quest-title strong{font-size:10px}.quest-step{font-size:8px;margin-top:6px}.quest-title{margin-bottom:8px}.save-account{left:auto;right:12px;top:64px;width:167px;padding:11px}.save-symbol{display:none}.save-copy strong{font-size:9px;padding-right:15px}.save-copy p{font-size:8px;margin:5px 0 7px}.save-account .small-primary{font-size:8px;min-height:27px}.save-collapsed{left:auto;right:12px;top:64px;font-size:8px;padding:9px}.active-pet{width:290px;bottom:calc(80px + var(--safe-bottom));padding:9px 11px 8px;border-radius:17px}.active-pet .pet-portrait{width:36px;height:36px}.active-pet-info>.eyebrow{font-size:6px}.active-pet-info>strong{font-size:12px;margin-top:3px}.active-pet-info>span:last-child{font-size:7px}.active-pet-top{gap:8px}.pet-needs{margin:8px 0}.pet-needs>div>span{font-size:7px}.care-actions button{min-height:26px;font-size:8px}.care-actions svg{width:13px;height:13px}.game-toolbar{bottom:calc(12px + var(--safe-bottom));padding:5px;border-radius:17px}.game-toolbar button{width:59px;min-height:43px;font-size:8px}.game-toolbar svg{width:18px;height:18px}.interaction-prompt{bottom:calc(231px + var(--safe-bottom));font-size:9px;padding:6px 9px}.desktop-hint{display:none}#joystick{bottom:calc(20px + var(--safe-bottom));width:84px;height:84px;left:35px}#joystick .joystick-stick{width:38px;height:38px;left:23px;top:23px}#jump-button{bottom:calc(30px + var(--safe-bottom));right:34px;width:62px;height:62px}.panel{max-height:calc(100dvh - 24px)}.panel-backdrop{padding:12px}.panel-header{padding:14px 20px}.panel-header h2{font-size:20px}.panel-content{padding:17px 20px}.toast-region{top:66px}.loading-card{width:320px}.loading-card>img{height:130px}.loading-card h2{font-size:16px}.loading-card p{margin-bottom:15px}.loading-card{padding-bottom:17px}}
@media(max-width:760px) and (orientation:portrait){
  #joystick{width:90px;height:90px;bottom:calc(12px + var(--safe-bottom))}
  #joystick .joystick-stick{width:44px;height:44px;left:23px;top:23px}
  #jump-button{bottom:calc(18px + var(--safe-bottom))}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:570px){
  .active-pet{left:auto;right:12px;bottom:calc(100px + var(--safe-bottom));transform:none;width:210px;padding:9px 11px 8px;border-radius:17px}
  .active-pet .pet-portrait{width:36px;height:36px}
  .active-pet-top{gap:8px}.active-pet-info>.eyebrow{font-size:6px;letter-spacing:.6px}
  .active-pet-info>strong{font-size:12px;margin-top:3px}.active-pet-info>span:last-child{font-size:7px}
  .pet-emote{width:28px;height:28px}.pet-emote svg{width:16px;height:16px}
  .pet-needs{margin:8px 0;gap:7px}.pet-needs>div>span{font-size:7px}
  .care-actions{gap:5px}.care-actions button{min-height:26px;font-size:8px;gap:4px}.care-actions svg{width:12px;height:12px}
  .game-toolbar{bottom:calc(12px + var(--safe-bottom));padding:5px;border-radius:17px}
  .game-toolbar button{width:59px;min-height:43px;font-size:8px}.game-toolbar svg{width:18px;height:18px}
  .interaction-prompt{bottom:calc(82px + var(--safe-bottom));max-width:calc(100% - 340px);font-size:9px;padding:6px 9px}
  #joystick{bottom:calc(12px + var(--safe-bottom));width:84px;height:84px;left:35px}
  #joystick .joystick-stick{width:38px;height:38px;left:23px;top:23px}
  #jump-button{bottom:calc(18px + var(--safe-bottom));right:34px;width:62px;height:62px}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:360px){
  .save-account{left:auto;right:12px;top:64px;width:210px;padding:10px 24px 10px 10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}
  .save-symbol,.save-copy p{display:none}.save-copy strong{font-size:8px;line-height:1.4;padding:0}
  .save-account .small-primary{font-size:7px;min-height:27px;padding:0 7px;gap:4px}.save-account .small-primary svg{width:11px;height:11px}
  .minimize-button{width:19px;height:19px;right:3px;top:3px}.minimize-button svg{width:12px;height:12px}
  .active-pet{bottom:calc(82px + var(--safe-bottom))}
  #jump-button{bottom:calc(12px + var(--safe-bottom));width:54px;height:54px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}