@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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{.cy-app{--cy-ink:#26352c;--cy-green:#447a46;--cy-green-deep:#315f39;--cy-red:#d65b43;--cy-paper:#fffdf1;--cy-paper-deep:#f4eccf;--cy-line:#d8cda7;--cy-gold:#d6a63f;min-height:100dvh;color:var(--cy-ink);font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", sans-serif;background:#eef4dc;position:relative;overflow-x:hidden}.cy-app *{box-sizing:border-box}.cy-app button,.cy-app input{font:inherit}.cy-app button{color:inherit}.cy-app button:focus-visible,.cy-app input:focus-visible{outline-offset:3px;outline:3px solid #df6a4c}.cy-app button:active:not(:disabled){transform:translateY(1px)scale(.99)}.cy-paper-grain{z-index:20;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:radial-gradient(#4b523640 .45px,#0000 .6px);background-size:5px 5px;position:fixed;inset:0}.cy-topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf1eb;border-bottom:1px solid #5c693f2e;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(18px,4vw,56px);display:flex;position:relative}.cy-brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.cy-brand-mark{color:#fff8db;background:var(--cy-green);border:2px solid #365f3d;border-radius:12px 12px 16px 10px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:grid;transform:rotate(-3deg);box-shadow:inset 0 0 0 3px #ffffff2e}.cy-brand>span:last-child{display:grid}.cy-brand strong{letter-spacing:.08em;font-size:18px}.cy-brand small{color:#7b8069;letter-spacing:.12em;font-size:10px}.cy-top-actions{align-items:center;gap:10px;display:flex}.cy-icon-button{cursor:pointer;background:#fffef6;border:1px solid #c8c9a7;border-radius:999px;min-height:38px;padding:8px 13px;font-size:12px;font-weight:750}.cy-icon-button b{color:#fff;background:var(--cy-red);border-radius:50%;place-items:center;min-width:18px;height:18px;margin-left:5px;font-size:10px;display:inline-grid}.cy-player-chip{color:#59624d;align-items:center;gap:6px;font-size:12px;display:flex}.cy-player-chip i{color:#fff;background:var(--cy-green);border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;font-weight:850;display:grid}.cy-screen{min-height:calc(100dvh - 74px)}.cy-home{background:linear-gradient(125deg,#f8f4d8 0%,#edf4d4 48%,#dceccf 100%);grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);align-items:center;gap:clamp(30px,5vw,86px);padding:clamp(28px,5vw,70px);display:grid}.cy-home-copy{max-width:620px;padding-left:clamp(0px,4vw,52px)}.cy-kicker{color:var(--cy-red);letter-spacing:.16em;margin:0 0 18px;font-size:14px;font-weight:850}.cy-home h1{letter-spacing:-.06em;margin:0;font-size:clamp(42px,5.3vw,76px);font-weight:900;line-height:1.13}.cy-home-copy>p:not(.cy-kicker){color:#58624f;max-width:540px;margin:24px 0 28px;font-size:clamp(16px,1.4vw,20px);line-height:1.8}.cy-home-actions{flex-wrap:wrap;gap:12px;display:flex}.cy-primary,.cy-secondary,.cy-locked{cursor:pointer;border-radius:14px;min-height:50px;padding:13px 24px;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s}.cy-primary{background:var(--cy-green-deep);border:1px solid #264d30;box-shadow:0 8px #244f2f,0 14px 28px #395a362e;color:#fffdf1!important}.cy-primary:hover{background:#3b7042;transform:translateY(-2px);box-shadow:0 9px #244f2f,0 17px 32px #395a3638}.cy-primary:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.cy-secondary{color:#385641;background:#fffef4b8;border:1px solid #95a477}.cy-secondary:hover{background:#fffef4}.cy-music-note{color:#777c68;margin-top:20px;font-size:11px;display:block}.cy-home-art{background:url(/chuanyue-yuwen/frog-pond-world.jpg) 50%/cover;border:7px solid #fff9df;border-radius:16px 16px 34px;min-height:min(70dvh,700px);position:relative;transform:rotate(1.2deg);box-shadow:0 28px 70px #3a502f3d,inset 0 0 0 1px #3a502f33}.cy-home-art:before{content:"";pointer-events:none;border:1px solid #fffde2bf;border-radius:8px 8px 24px;position:absolute;inset:14px}.cy-art-caption{background:#fffce8e6;border-radius:12px;min-width:180px;padding:12px 16px;display:grid;position:absolute;bottom:22px;left:22px;box-shadow:0 8px 28px #37462729}.cy-art-caption span{color:#777b64;font-size:10px}.cy-art-caption strong{margin-top:2px;font-size:18px}.cy-centered-screen{background:radial-gradient(circle at 18% 12%,#ffffffd9,#0000 26%),#eaf1d5;place-items:center;padding:36px 18px;display:grid}.cy-setup-card{border:1px solid var(--cy-line);background:var(--cy-paper);border-radius:18px;width:min(760px,100%);padding:clamp(25px,5vw,52px);box-shadow:0 24px 80px #505b352e,inset 0 0 0 5px #f6edcba6}.cy-section-heading>span,.cy-story-card>span,.cy-reward-copy>span,.cy-drawer-heading span{color:var(--cy-red);letter-spacing:.16em;font-size:12px;font-weight:850}.cy-section-heading h1{margin:8px 0;font-size:clamp(28px,4vw,44px)}.cy-section-heading p{color:#737764;margin:0 0 28px}.cy-field{gap:8px;display:grid}.cy-field>span,.cy-avatar-picker legend{font-size:13px;font-weight:850}.cy-field input{color:#26352c;background:#fffef8;border:1px solid #aaa889;border-radius:12px;width:100%;padding:14px 16px;font-size:18px}.cy-field small{color:#797b6c;font-size:11px}.cy-avatar-picker{border:0;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0;padding:0;display:grid}.cy-avatar-picker legend{grid-column:1/-1;margin-bottom:10px}.cy-avatar-picker>button{cursor:pointer;text-align:left;background:#faf8e9;border:2px solid #d7d1b2;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:64px 1fr;align-items:center;column-gap:14px;padding:16px;display:grid}.cy-avatar-picker>button.selected{border-color:var(--cy-green);background:#eef4dc;box-shadow:inset 0 0 0 3px #447a461f}.cy-avatar{background:#f1c68e;border-radius:50%;grid-row:1/3;place-items:end center;width:62px;height:62px;display:grid;position:relative;overflow:hidden}.cy-avatar i{background:#30382b;border-radius:50%;width:52px;height:34px;position:absolute;top:-10px}.cy-avatar b{color:#fff;background:var(--cy-green);place-items:center;width:100%;height:31px;display:grid;position:relative}.cy-avatar-girl b{background:#ca644e}.cy-avatar-picker strong{align-self:end;font-size:14px}.cy-avatar-picker small{color:#797b6c;align-self:start;font-size:11px}.cy-full{width:100%}.cy-book-screen{background:#dfeacd;grid-template-columns:minmax(380px,.9fr) minmax(400px,1.1fr);align-items:center;gap:clamp(50px,8vw,120px);padding:clamp(35px,6vw,80px);display:grid}.cy-book-cover{aspect-ratio:.75;background:#e7e7c4;border-radius:8px 18px 18px 8px;justify-self:end;width:min(430px,90vw);padding:42px 36px 28px 58px;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:-14px 17px #c6b98f,0 30px 70px #484e2f40}.cy-book-spine{background:#bd5150;width:34px;position:absolute;inset:0 auto 0 0;box-shadow:inset -3px 0 6px #5c2c2229}.cy-book-label{z-index:2;text-align:center;display:grid;position:relative}.cy-book-label span{letter-spacing:.15em;font-size:11px}.cy-book-label h1{color:#b9473a;letter-spacing:.22em;text-indent:.22em;margin:9px 0 2px;font-size:clamp(58px,7vw,84px);font-weight:900;line-height:1}.cy-book-label strong{color:#46553c;font-size:15px}.cy-cover-window{background:url(/chuanyue-yuwen/chapter-atlas.jpg) 0 0/200% 200%;border:4px solid #f9f2cb;border-radius:56% 44% 20% 22%;position:absolute;inset:42% 20px 52px 50px}.cy-book-cover>small{color:#6d705d;font-size:10px;position:absolute;bottom:21px;right:25px}.cy-book-copy{max-width:570px}.cy-back-link{color:#55634b;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:5px 0;font-size:12px;font-weight:800;text-decoration:underline}.cy-book-copy h1{letter-spacing:-.05em;margin:26px 0 15px;font-size:clamp(36px,5vw,64px);line-height:1.12}.cy-book-copy>p{color:#64705a;max-width:530px;margin:0 0 28px;font-size:17px;line-height:1.8}.cy-book-meta{border-top:1px solid #b9c09d;border-bottom:1px solid #b9c09d;grid-template-columns:1fr auto;width:min(440px,100%);margin-bottom:30px;padding:15px 0;display:grid}.cy-book-meta span{color:#6b735f;font-size:11px}.cy-book-meta strong{grid-row:2;font-size:18px}.cy-book-meta em{color:#fff;background:var(--cy-green);border-radius:999px;grid-area:1/2/3;align-self:center;padding:6px 10px;font-size:11px;font-style:normal}.cy-chapters-screen{background:radial-gradient(circle at 15% 0,#edf3d6 0 18%,#0000 42%),#d4e2bd;padding:24px clamp(16px,3.5vw,54px) 52px}.cy-chapter-nav{grid-template-columns:180px 1fr 180px;align-items:center;max-width:1420px;margin:0 auto 18px;display:grid}.cy-chapter-nav>div:nth-child(2){text-align:center;display:grid}.cy-chapter-nav span{color:#69735d;font-size:11px}.cy-chapter-nav>div:nth-child(2) strong{font-family:var(--font-cy-serif), "STKaiti", serif;font-size:22px}.cy-chapter-count{color:#54654d;justify-self:end;align-items:baseline;gap:5px;display:flex}.cy-chapter-count strong{color:#d65e35;font-size:25px}.cy-unit-book{background:linear-gradient(90deg,#fbf7e6 0 49.7%,#f4eed8 50%,#fffaf0 50.5% 100%);border:1px solid #d9cfaa;border-radius:10px 18px 18px 10px;max-width:1420px;min-height:min(760px,100dvh - 138px);margin:0 auto;padding:clamp(24px,3vw,46px);position:relative;overflow:hidden;box-shadow:-10px 12px #c7b98f,0 30px 80px #3d4c2b3b}.cy-unit-book:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#715b3621,#0000);width:38px;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.cy-unit-book-heading{z-index:1;grid-template-columns:1fr minmax(260px,420px);align-items:end;gap:28px;margin-bottom:26px;display:grid;position:relative}.cy-unit-book-heading span{color:#d45c37;letter-spacing:.16em;font-size:11px;font-weight:900}.cy-unit-book-heading h1{font-family:var(--font-cy-serif), "STKaiti", serif;margin:5px 0 0;font-size:clamp(30px,3.6vw,50px);line-height:1.08}.cy-unit-book-heading p{color:#69705e;margin:0 0 4px;font-size:13px;line-height:1.65}.cy-chapter-gallery{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid;position:relative}.cy-chapter-card{color:#2f3b31;text-align:left;background:#fffaf0;border:1px solid #cbbd94;border-radius:8px;grid-template-rows:164px auto;min-width:0;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 7px 18px #464a3021}button.cy-chapter-card{cursor:pointer;transition:transform .24s,border-color .24s,box-shadow .24s}button.cy-chapter-card:hover,button.cy-chapter-card:focus-visible,button.cy-chapter-card.selected{z-index:2;border-color:#d5633c;transform:translateY(-6px)rotate(-.35deg);box-shadow:0 13px 28px #64452438}.cy-unit-number{z-index:3;color:#fffdf0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2d4d3ad1;border:1px solid #ffffffb8;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:850;position:absolute;top:10px;left:10px}.cy-chapter-card-art{background-position:50%;background-size:cover;width:100%;height:164px;transition:filter .3s,transform .45s;display:block}button.cy-chapter-card:hover .cy-chapter-card-art{transform:scale(1.035)}.cy-chapter-card-copy{gap:6px;min-height:94px;padding:13px 14px 16px;display:grid}.cy-chapter-card-copy strong{font-family:var(--font-cy-serif), "STKaiti", serif;font-size:19px;line-height:1.15}.cy-chapter-card-copy small{color:#68705f;font-size:11px;line-height:1.45}.cy-chapter-card-status{color:#fffaf0;background:#d66038;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:900;position:absolute;bottom:9px;right:9px}.cy-chapter-card.locked{box-shadow:none;background:#f1efdf;border-style:dashed}.cy-chapter-card.locked .cy-chapter-card-art{filter:saturate(.2)sepia(.18)brightness(1.08)contrast(.86);opacity:.76}.cy-chapter-card.locked .cy-unit-number{color:#5f6558;background:#efeedce0}.cy-chapter-card.locked .cy-chapter-card-copy{color:#77796a}.cy-chapter-card.locked .cy-chapter-card-status{color:#686b5d;background:#e2deca}.cy-unit-book-foot{z-index:1;border-top:1px solid #d8cfad;grid-template-columns:auto auto 1fr;align-items:center;gap:9px 14px;margin-top:22px;padding-top:16px;display:grid;position:relative}.cy-unit-book-foot>span{color:#fffdf0;background:#41725e;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:900}.cy-unit-book-foot strong{font-size:14px}.cy-unit-book-foot p{color:#707462;margin:0;font-size:11px;line-height:1.55}.cy-story-screen{background:#1f3627;grid-template-columns:1.3fr .7fr;display:grid;position:relative}.cy-story-image{filter:saturate(.84)brightness(.82);background:linear-gradient(90deg,#0000 66%,#1f3627),url(/chuanyue-yuwen/frog-pond-world.jpg) 50%/cover;min-height:calc(100dvh - 74px)}.cy-story-card{color:#fdf9df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#253d2af0;border-radius:16px;align-self:center;width:min(600px,100vw - 40px);margin-left:-14vw;padding:clamp(26px,4vw,54px);box-shadow:0 24px 80px #13231873,inset 0 0 0 1px #ffffff29}.cy-story-card>span{color:#ffd277}.cy-story-card h1{margin:14px 0 18px;font-size:clamp(30px,4vw,50px);line-height:1.2}.cy-story-card>p{color:#dce7d4;font-size:16px;line-height:1.8}.cy-dialogue{border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b;grid-template-columns:46px 1fr;align-items:center;gap:12px;margin:28px 0;padding:18px 0;display:grid}.cy-dialogue b{color:#273928;background:#e9d869;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.cy-dialogue span{font-size:19px;font-weight:850}.cy-game-screen{background:#d8e8ca;grid-template-rows:74px 1fr;grid-template-columns:minmax(0,1fr) minmax(360px,430px);display:grid}.cy-game-status{background:#f9f8e4f2;border-bottom:1px solid #b9c4a4;grid-column:1/-1;grid-template-columns:150px 1fr 150px;align-items:center;gap:20px;padding:12px clamp(18px,3vw,38px);display:grid}.cy-beauty-block{justify-self:center;width:min(540px,100%)}.cy-beauty-block>div:first-child{justify-content:center;align-items:baseline;gap:5px;display:flex}.cy-beauty-block span{margin-right:9px;font-size:12px;font-weight:800}.cy-beauty-block strong{color:var(--cy-green-deep);font-size:25px}.cy-beauty-block small{color:#818572}.cy-beauty-track{background:#e8e8ce;border:1px solid #a9b28f;border-radius:999px;height:11px;overflow:hidden;box-shadow:inset 0 2px 4px #4b5b391f}.cy-beauty-track i{border-radius:inherit;background:linear-gradient(90deg,#6f9f55,#e1b746);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);display:block}.cy-task-count{color:#68705e;justify-self:end;font-size:12px;font-weight:750}.cy-pond-scene{background:url(/chuanyue-yuwen/frog-pond-world.jpg) 50%/cover;min-height:calc(100dvh - 148px);position:relative;overflow:hidden}.cy-scene-dim{-webkit-backdrop-filter:grayscale(.45)blur(1px);backdrop-filter:grayscale(.45)blur(1px);background:#344b31;transition:opacity 1s;position:absolute;inset:0}.cy-seal-row{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.cy-seal-row span{color:#fff;opacity:0;background:#627a4f;border:3px solid #fff9dd;border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;transition:all .5s cubic-bezier(.16,1,.3,1);display:grid;transform:scale(.5)rotate(-12deg);box-shadow:0 7px 18px #2c3b223d}.cy-seal-row span.visible{opacity:1;transform:scale(1)rotate(0)}.cy-seal-row .seal-water{background:#4f8daa}.cy-seal-row .seal-flower{background:#ce6550}.cy-seal-row .seal-road{background:#9a7652}.cy-seal-row .seal-house{background:#c58d43}.cy-seal-row .seal-friends{color:#734f15;background:#efc85b}.cy-call-board{color:#4b3520;text-align:center;background:#dfb873;border:5px solid #735030;border-radius:6px;width:86px;padding:9px;display:grid;position:absolute;top:36%;left:11%;transform:rotate(-5deg);box-shadow:6px 8px #4c361f33}.cy-call-board:after{content:"";background:#735030;width:8px;height:100px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cy-call-board span{font-size:12px}.cy-call-board b{font-size:20px}.cy-call-board.is-calling{animation:.5s 2 cy-board-wiggle}.cy-task-panel{background:var(--cy-paper);border-left:1px solid #c7c5a2;flex-direction:column;justify-content:center;min-height:calc(100dvh - 148px);padding:clamp(24px,3vw,42px);display:flex;position:relative;box-shadow:-18px 0 44px #48522f21}.cy-call-task>span{color:var(--cy-red);letter-spacing:.13em;font-size:11px;font-weight:850}.cy-call-task h2{margin:12px 0;font-size:32px}.cy-call-task p{color:#6e725f;line-height:1.75}.cy-shout-button{color:#5d2f26;cursor:pointer;text-align:left;background:#fff4dd;border:2px solid #bc5945;border-radius:16px;grid-template-columns:54px 1fr;align-items:center;gap:12px;width:100%;min-height:94px;margin-top:26px;padding:16px;font-size:16px;font-weight:900;display:grid}.cy-shout-button i{color:#fff;background:var(--cy-red);border-radius:50%;place-items:center;width:52px;height:52px;font-size:20px;font-style:normal;display:grid}.cy-visitor-heading{align-items:center;gap:13px;display:flex}.cy-animal-face{color:#fff;background:#8c744b;border:4px solid #e8dcae;border-radius:50%;place-items:center;width:58px;height:58px;font-size:21px;font-weight:900;display:grid}.cy-animal-duck,.cy-animal-bird{background:#5b875b}.cy-animal-butterfly{background:#b9686c}.cy-animal-rabbit{background:#9b8066}.cy-animal-monkey{background:#9d673d}.cy-animal-fox{background:#c86b3f}.cy-visitor-heading small{color:#808170;font-size:10px}.cy-visitor-heading h2{margin:2px 0 0;font-size:27px}.cy-visitor-task blockquote{color:#3e503d;background:#eef2d9;border-radius:14px;margin:24px 0;padding:18px 19px;font-size:16px;font-weight:700;line-height:1.7;position:relative}.cy-question{margin:0 0 12px;font-size:13px;font-weight:850}.cy-choice-grid{gap:9px;display:grid}.cy-choice-grid button{cursor:pointer;text-align:left;background:#fffef7;border:1px solid #bdbb98;border-radius:12px;min-height:46px;padding:11px 14px;font-weight:800}.cy-choice-grid button:hover{border-color:var(--cy-green);background:#edf3db}.cy-feedback{color:#314932;background:#e6f0d3;border:1px solid #9bac80;border-radius:12px;padding:13px 15px;font-size:12px;line-height:1.55;position:absolute;bottom:25px;left:26px;right:26px;box-shadow:0 10px 30px #414e2f26}.cy-feedback.is-hint{color:#6a4728;background:#fff0d9;border-color:#d1a16f}.cy-ending-screen{background:#ecf1d8;grid-template-columns:1.15fr .85fr;display:grid}.cy-ending-scene{background:url(/chuanyue-yuwen/frog-pond-world.jpg) 50%/cover;min-height:calc(100dvh - 74px)}.cy-ending-copy{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdeff2;border-radius:18px;align-self:center;max-width:680px;margin-left:clamp(-100px,-7vw,-40px);padding:clamp(30px,5vw,64px);box-shadow:0 30px 90px #414c2e40}.cy-ending-copy>span{color:var(--cy-gold);letter-spacing:.15em;font-size:12px;font-weight:900}.cy-ending-copy h1{margin:12px 0 18px;font-size:clamp(42px,5vw,70px);line-height:1}.cy-ending-copy>p{color:#5f6957;font-size:16px;line-height:1.9}.cy-ending-copy blockquote{border-left:5px solid var(--cy-red);color:#334c36;margin:26px 0;padding:5px 0 5px 20px;font-size:clamp(20px,2vw,28px);font-weight:900;line-height:1.6}.cy-reward-screen{background:radial-gradient(circle at 28% 45%,#ffe7825c,#0000 30%),#e5edd1;grid-template-columns:.8fr 1.2fr;place-items:center;gap:clamp(40px,8vw,130px);padding:clamp(36px,6vw,80px);display:grid;position:relative}.cy-bookmark-award{color:#493921;background:linear-gradient(140deg,#fff9dd,#f6e3a4);border:6px solid #e7c265;border-radius:18px 18px 9px 9px;flex-direction:column;align-items:center;width:min(340px,70vw);min-height:570px;padding:28px 22px 55px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:0 0 0 7px #9e6c26,0 30px 80px #654c1f52,inset 0 0 35px #ca9d3952}.cy-bookmark-award:after{content:"";background:linear-gradient(135deg,#0000 50%,#e9c265 51%) 0 0/48px 48px,linear-gradient(225deg,#0000 50%,#e9c265 51%) 0 0/48px 48px;height:48px;position:absolute;bottom:-1px;left:0;right:0}.cy-bookmark-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);background:#c3513f;width:42px;height:78px;position:absolute;top:-18px;right:24px}.cy-bookmark-art{background:url(/chuanyue-yuwen/chapter-atlas.jpg) 100% 0/200% 200%;border-radius:12px;width:100%;height:290px;margin-bottom:20px;box-shadow:inset 0 0 0 4px #fff9dcb3}.cy-bookmark-award>span{letter-spacing:.12em;font-size:10px}.cy-bookmark-award h2{margin:9px 0;font-size:30px}.cy-bookmark-award p{text-align:center;margin:0;font-size:12px}.cy-bookmark-award>strong{color:#9c6a29;border:2px solid #a46e28;border-radius:50%;margin-top:22px;padding:14px 9px;font-size:11px;transform:rotate(7deg)}.cy-reward-copy{max-width:620px}.cy-reward-copy h1{margin:12px 0 20px;font-size:clamp(42px,5vw,70px);line-height:1.08}.cy-reward-copy p{color:#626b59;font-size:17px;line-height:1.8}.cy-reward-copy>div{gap:12px;margin-top:28px;display:flex}.cy-confetti{pointer-events:none;position:absolute;inset:0}.cy-confetti i{background:var(--cy-red);border-radius:3px;width:10px;height:22px;animation:2.5s ease-in-out infinite alternate cy-confetti;position:absolute}.cy-confetti i:first-child{top:14%;left:12%}.cy-confetti i:nth-child(2){background:#e8bd4b;animation-delay:-.4s;top:8%;left:45%}.cy-confetti i:nth-child(3){background:#629463;animation-delay:-.9s;top:18%;right:12%}.cy-confetti i:nth-child(4){background:#6f98a8;animation-delay:-1.2s;bottom:13%;left:6%}.cy-confetti i:nth-child(5){background:#e8bd4b;animation-delay:-1.6s;bottom:18%;right:8%}.cy-confetti i:nth-child(6){animation-delay:-2s;bottom:9%;left:52%}.cy-drawer-layer{z-index:30;position:fixed;inset:0}.cy-drawer-scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26352c85;border:0;width:100%;position:absolute;inset:0}.cy-bookmark-drawer{background:#fffdf1;width:min(430px,92vw);height:100%;padding:30px;animation:.35s cubic-bezier(.16,1,.3,1) cy-drawer-in;position:absolute;top:0;right:0;overflow:auto;box-shadow:-24px 0 70px #2c37263d}.cy-drawer-heading{border-bottom:1px solid var(--cy-line);justify-content:space-between;align-items:flex-start;padding-bottom:22px;display:flex}.cy-drawer-heading h2{margin:6px 0 0;font-size:31px}.cy-drawer-heading button{cursor:pointer;background:#faf8e9;border:1px solid #c4c2a2;border-radius:999px;padding:8px 12px;font-size:11px}.cy-mini-bookmark{color:#4f3d21;background:#f8e5aa;border:4px solid #d7aa41;border-radius:12px 12px 5px 5px;width:220px;min-height:420px;margin:36px auto;padding:18px;position:relative;box-shadow:0 20px 42px #7054253d}.cy-mini-bookmark:after{content:"";background:linear-gradient(135deg,#0000 50%,#d7aa41 51%) 0 0/30px 30px,linear-gradient(225deg,#0000 50%,#d7aa41 51%) 0 0/30px 30px;height:30px;position:absolute;bottom:-2px;left:-4px;right:-4px}.cy-mini-art{background:url(/chuanyue-yuwen/chapter-atlas.jpg) 100% 0/200% 200%;border-radius:9px;height:235px}.cy-mini-bookmark span,.cy-mini-bookmark strong,.cy-mini-bookmark small{text-align:center;display:block}.cy-mini-bookmark span{margin-top:15px;font-size:10px}.cy-mini-bookmark strong{margin-top:6px;font-size:20px}.cy-mini-bookmark small{color:#7b653a;margin-top:8px}.cy-empty-bookmarks{text-align:center;place-items:center;padding:100px 25px;display:grid}.cy-empty-bookmarks i{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);color:#7f7f69;background:#e7e4cd;place-items:center;width:72px;height:92px;font-style:normal;font-weight:900;display:grid}.cy-empty-bookmarks h3{margin:20px 0 6px}.cy-empty-bookmarks p{color:#777b69;max-width:280px;font-size:13px;line-height:1.7}@keyframes cy-board-wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(3deg)scale(1.04)}}@keyframes cy-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes cy-confetti{0%{transform:translateY(-8px)rotate(0)}to{transform:translateY(18px)rotate(100deg)}}@media (prefers-reduced-motion:reduce){.cy-app *,.cy-app :before,.cy-app :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=900px){.cy-home{grid-template-columns:1fr;padding:34px 20px 50px}.cy-home-copy{padding:0}.cy-home-art{order:-1;min-height:54dvh}.cy-book-screen{grid-template-columns:1fr;padding:36px 20px 60px}.cy-book-cover{justify-self:center;width:min(380px,82vw)}.cy-book-copy{justify-self:center}.cy-chapter-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cy-unit-book{background:#fff9e9}.cy-unit-book:after{display:none}.cy-story-screen{grid-template-columns:1fr}.cy-story-image{background-image:linear-gradient(#0000 50%,#1f3627),url(/chuanyue-yuwen/frog-pond-world.jpg);min-height:54dvh}.cy-story-card{margin:-80px auto 40px}.cy-game-screen{grid-template-rows:auto minmax(48dvh,1fr) auto;grid-template-columns:1fr}.cy-game-status{grid-template-columns:auto 1fr}.cy-task-count{display:none}.cy-pond-scene,.cy-task-panel{min-height:48dvh}.cy-task-panel{border-top:1px solid #c7c5a2;border-left:0;padding-bottom:95px}.cy-ending-screen{grid-template-columns:1fr}.cy-ending-scene{min-height:56dvh}.cy-ending-copy{margin:-70px 18px 40px}.cy-reward-screen{grid-template-columns:1fr;padding:45px 20px}.cy-reward-copy{text-align:center}.cy-reward-copy>div{justify-content:center}}@media (width<=620px){.cy-topbar{height:64px;padding:0 12px}.cy-brand small,.cy-player-chip,.cy-icon-button:first-of-type{display:none}.cy-brand-mark{width:38px;height:38px}.cy-screen{min-height:calc(100dvh - 64px)}.cy-home{padding:22px 14px 42px}.cy-home h1{font-size:clamp(38px,12vw,53px)}.cy-home-art{border-width:4px;min-height:45dvh}.cy-home-actions,.cy-reward-copy>div{flex-direction:column}.cy-home-actions button,.cy-reward-copy button{width:100%}.cy-avatar-picker{grid-template-columns:1fr}.cy-chapters-screen{padding:18px 10px 38px}.cy-chapter-nav{grid-template-columns:1fr auto;padding-inline:5px}.cy-chapter-nav>div:nth-child(2){display:none}.cy-unit-book{border-radius:8px;padding:20px 12px}.cy-unit-book-heading{grid-template-columns:1fr;gap:8px;margin-bottom:18px}.cy-unit-book-heading h1{font-size:31px}.cy-unit-book-heading p{font-size:11px}.cy-chapter-gallery{gap:9px}.cy-chapter-card{grid-template-rows:118px auto}.cy-chapter-card-art{height:118px}.cy-chapter-card-copy{min-height:88px;padding:10px 9px 13px}.cy-chapter-card-copy strong{font-size:15px}.cy-chapter-card-copy small{font-size:9px}.cy-unit-number{font-size:8px;top:6px;left:6px}.cy-chapter-card-status{bottom:6px;right:6px}.cy-unit-book-foot{grid-template-columns:auto 1fr}.cy-unit-book-foot p{grid-column:1/3}.cy-story-card{width:calc(100vw - 24px)}.cy-game-status{grid-template-columns:74px 1fr;padding:10px 12px}.cy-beauty-block span{display:none}.cy-beauty-block strong{font-size:20px}.cy-pond-scene{min-height:43dvh}.cy-task-panel{min-height:520px;padding:26px 18px 100px}.cy-feedback{bottom:18px;left:16px;right:16px}.cy-ending-scene{min-height:47dvh}.cy-ending-copy{padding:28px 22px}.cy-ending-copy h1{font-size:43px}.cy-ending-copy>p{font-size:14px}.cy-ending-copy blockquote{font-size:20px}.cy-bookmark-award{min-height:520px}}.cy-pond-scene.cy-creative-pond{background-image:url(/chuanyue-yuwen/pond-spring-v4.png);background-position:50%;background-size:cover}.cy-expanded-landscape{z-index:2;pointer-events:none;position:absolute;inset:0}.cy-grown-grass,.cy-grown-flower{left:var(--item-x);top:var(--item-y);transform-origin:50% 100%;animation:cy-ordered-sprout .72s var(--spawn-delay) cubic-bezier(.18,1.35,.35,1) both;display:block;position:absolute}.cy-grown-grass{filter:drop-shadow(0 4px 3px #2b3e1d33);background:radial-gradient(at bottom,#75a34d 0 42%,#0000 44%);border-radius:50%;width:58px;height:32px}.cy-grown-grass:before,.cy-grown-grass:after,.cy-grown-grass i{content:"";transform-origin:bottom;background:#477d3d;border-radius:100% 0;width:4px;height:27px;animation:2.7s ease-in-out infinite alternate cy-grass-sway;position:absolute;bottom:3px;left:50%}.cy-grown-grass:before{height:21px;left:27%;transform:rotate(-25deg)}.cy-grown-grass:after{height:23px;animation-delay:-.8s;left:70%;transform:rotate(25deg)}.cy-grown-flower{filter:drop-shadow(0 3px 3px #30371c2e);width:34px;height:43px}.cy-grown-flower:before{content:"";transform-origin:bottom;background:#508447;border-radius:4px;width:4px;height:26px;animation:2.4s ease-in-out infinite alternate cy-grass-sway;position:absolute;top:17px;left:15px}.cy-grown-flower i{background:var(--flower-center,#f1bf3f);width:12px;height:12px;box-shadow:0 -8px var(--flower-petal,#ed6f5c), 8px -3px var(--flower-petal,#ed6f5c), 5px 7px var(--flower-petal,#ed6f5c), -5px 7px var(--flower-petal,#ed6f5c), -8px -3px var(--flower-petal,#ed6f5c);border-radius:50%;position:absolute;top:8px;left:11px}.flower-color-0{--flower-petal:#ed6f5c;--flower-center:#f3c64d}.flower-color-1{--flower-petal:#f2a8c1;--flower-center:#f4d14d}.flower-color-2{--flower-petal:#8c79c7;--flower-center:#ffd96a}.flower-color-3{--flower-petal:#f09a45;--flower-center:#854c32}.flower-color-4{--flower-petal:#6fa6d9;--flower-center:#f7d85e}.cy-build-route{z-index:3;pointer-events:none;opacity:.66;position:absolute}.route-bamboo{border-bottom:3px dashed #f0e583d9;border-radius:0 0 62% 28%;width:34%;height:22%;top:39%;left:19%;transform:rotate(3deg)}.route-road{border-left:4px dashed #ffeb81e0;border-radius:52% 0 0 50%;width:38%;height:36%;bottom:8%;right:-2%;transform:rotate(24deg)}.cy-placement-guide{left:var(--guide-x);top:var(--guide-y);z-index:10;pointer-events:none;width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.cy-placement-guide:before,.cy-placement-guide:after,.cy-placement-guide i{content:"";background:#fff6a5;border-radius:50%;animation:1s ease-in-out infinite alternate cy-guide-bling;position:absolute;inset:6px;box-shadow:0 0 8px #fff,0 0 18px #ffe05b,0 0 30px #ffe76ecc}.cy-placement-guide:after{background:0 0;border:2px solid #fff6a5e6;animation-delay:-.45s;inset:0}.cy-placement-guide i{background:#fff;animation-delay:-.2s;inset:11px}.cy-placement-guide span{color:#fff9db;background:#294f37d1;border-radius:8px;width:max-content;padding:4px 7px;font-size:9px;font-weight:900;position:absolute;top:32px;left:50%;transform:translate(-50%)}.cy-bamboo-channel{z-index:2;opacity:0;transform-origin:0;pointer-events:none;border-bottom:17px solid #6d9147;border-radius:0 0 58% 25%;width:34%;height:22%;transition:opacity .5s,transform 1.8s cubic-bezier(.15,.9,.25,1);position:absolute;top:42%;left:20.5%;overflow:hidden;transform:scaleX(.35)}.cy-bamboo-channel:after{content:"";background:linear-gradient(90deg,#d9f2e9,#70b9c4);border-radius:12px;height:7px;animation:1.2s linear infinite cy-channel-water;position:absolute;bottom:-13px;left:4%;right:0}.cy-bamboo-channel.visible{opacity:1;transform:scaleX(1)}.cy-built-road{z-index:2;opacity:0;filter:drop-shadow(-3px 3px #755b3959);transform-origin:0 100%;pointer-events:none;border-left:38px solid #cbb88c;border-radius:58% 0 0 46%;width:47%;height:55%;transition:opacity .55s,transform 1.85s cubic-bezier(.15,.9,.3,1);position:absolute;bottom:-11%;right:-8%;transform:translate(22%,18%)rotate(24deg)scale(.75)}.cy-built-road:after{content:"";opacity:.42;background:repeating-radial-gradient(circle at 50% 12px,#fff6d9 0 3px,#0000 4px 22px);border-radius:50%;width:17px;position:absolute;inset:3% auto 4% -28px}.cy-built-road.visible{opacity:1;transform:translate(0)rotate(24deg)scale(1)}.cy-built-house{z-index:3;opacity:0;pointer-events:none;transform-origin:50% 100%;width:126px;height:126px;position:absolute;top:48%;left:84%;transform:translate(-50%,-88%)scale(.3)}.cy-built-house.visible{opacity:1;animation:2.05s cubic-bezier(.18,1.15,.32,1) both cy-house-assemble}.cy-built-house i{background:#e9bd78;border:4px solid #9d6539;border-radius:8px;height:74px;position:absolute;bottom:0;left:19px;right:19px;box-shadow:inset 0 0 0 4px #ffebad61}.cy-built-house b{z-index:2;background:#78472e;border-radius:13px 13px 2px 2px;width:29px;height:44px;position:absolute;bottom:0;left:49px}.cy-built-house em{z-index:3;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 5px 2px #5b362433);background:#d85b3c;height:58px;position:absolute;bottom:66px;left:4px;right:4px}.placed-house.phase-3:after{content:"";background:#bb7842;height:24px;position:absolute;bottom:57px;left:13px;right:13px}.cy-butterfly-swarm{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cy-butterfly-swarm i{--fly-delay:calc(var(--fly-index) * -.7s);left:calc(9% + var(--fly-index) * 12%);opacity:0;filter:drop-shadow(0 3px 2px #3f332d33);width:18px;height:12px;animation:cy-butterfly-cross 7s var(--fly-delay) ease-in-out infinite;background:linear-gradient(135deg,#e98753 0 48%,#0000 50%),linear-gradient(225deg,#8567ba 0 48%,#0000 50%);position:absolute;top:52%}.cy-creative-pond.is-celebrating{animation:4.1s both cy-happy-landscape}.cy-creative-pond.is-celebrating:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(115deg,#0000 15%,#fffabd57 46%,#0000 65%);animation:2.2s ease-out both cy-happy-sheen;position:absolute;inset:0}@keyframes cy-ordered-sprout{0%{opacity:0;transform:translate(-50%,-45%)scale(.12)rotate(-7deg)}65%{opacity:1}to{opacity:1;transform:translate(-50%,-75%)scale(1)rotate(0)}}@keyframes cy-tree-whole-grow{0%{opacity:0;transform:translate(-50%, -55%) rotate(var(--item-r)) scale(.18)}to{opacity:1;transform:translate(-50%, -75%) rotate(var(--item-r)) scale(var(--item-s))}}@keyframes cy-tree-trunk-grow{0%{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes cy-tree-crown-open{0%{opacity:0;transform:scale(.08)rotate(-12deg)}70%{opacity:1;transform:scale(1.12)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cy-guide-bling{0%{opacity:.45;transform:scale(.55)}to{opacity:1;transform:scale(1.28)}}@keyframes cy-channel-water{0%{transform:translate(-18%)}to{transform:translate(18%)}}@keyframes cy-house-assemble{0%{opacity:0;filter:brightness(1.7);transform:translate(-50%,-70%)scale(.25)}55%{opacity:1;transform:translate(-50%,-92%)scale(1.08)}to{opacity:1;filter:brightness();transform:translate(-50%,-88%)scale(1)}}@keyframes cy-butterfly-cross{0%{opacity:0;transform:translate(-80px,35px)rotate(-12deg)scale(.6)}12%{opacity:.9}48%{transform:translate(55px,-28px)rotate(9deg)scale(1)}88%{opacity:.9}to{opacity:0;transform:translate(135px,12px)rotate(-5deg)scale(.75)}}@keyframes cy-happy-landscape{0%{filter:saturate()brightness()}28%{filter:saturate(1.35)brightness(1.18)}to{filter:saturate(1.12)brightness(1.05)}}@keyframes cy-happy-sheen{0%{opacity:0;transform:translate(-60%)}35%{opacity:1}to{opacity:0;transform:translate(70%)}}@media (width<=620px){.cy-grown-grass{width:40px;height:24px}.cy-grown-flower{transform:scale(.76)}.cy-built-house{width:82px;height:88px}.cy-built-house i{height:51px;left:12px;right:12px}.cy-built-house b{width:19px;height:29px;left:32px}.cy-built-house em{height:41px;bottom:45px}.cy-built-road{border-left-width:25px}.cy-placement-guide span{display:none}}.cy-account-chip{color:#59624d;border-left:1px solid #c8c9a7;padding:4px 10px;line-height:1.15;display:grid}.cy-account-chip small{font-size:9px}.cy-account-chip strong{font-size:12px}.cy-cover-home{isolation:isolate;background:#f8d2a0;align-items:center;min-height:calc(100dvh - 74px);display:grid;position:relative;overflow:hidden}.cy-cover-visual{z-index:-3;background:url(/chuanyue-yuwen/home-cover-v2.jpg) 50%/cover no-repeat;animation:14s ease-in-out infinite alternate cy-cover-breathe;position:absolute;inset:-2%}.cy-cover-home:after{content:"";z-index:-2;pointer-events:none;background:linear-gradient(90deg,#fff7da2e 0%,#0000 58%),linear-gradient(#0000 50%,#e6592714);position:absolute;inset:0}.cy-cover-copy{width:min(570px,42vw);margin-left:clamp(28px,7vw,118px);transform:translateY(-1vh)}.cy-cover-copy .cy-kicker{color:#23776e;text-shadow:0 1px #ffffffb3}.cy-cover-copy h1{color:#26322f;font-family:var(--font-cy-serif), "STKaiti", serif;letter-spacing:.08em;background:#fffdebeb;border:10px solid #f0772b;border-radius:46% 54% 50% 43%/56% 40% 60% 44%;margin:0;padding:24px 34px 28px;font-size:clamp(54px,7vw,96px);line-height:.95;display:inline-block;box-shadow:9px 11px #e867243b}.cy-cover-copy h1 span{color:#e85f2a}.cy-cover-copy>p:not(.cy-kicker){color:#314d43;text-shadow:0 1px #ffffffd9;max-width:460px;margin:22px 0 24px;font-size:clamp(16px,1.4vw,20px);font-weight:750;line-height:1.7}.cy-cover-actions{grid-template-columns:1fr 1fr;gap:12px;width:min(520px,100%);display:grid}.cy-cover-actions button{text-align:left;cursor:pointer;border-radius:14px;min-width:0;min-height:86px;padding:15px 18px;transition:transform .25s,box-shadow .25s}.cy-cover-actions button strong,.cy-cover-actions button small{white-space:nowrap;display:block}.cy-cover-actions button strong{font-size:18px}.cy-cover-actions button small{opacity:.72;margin-top:6px;font-size:11px}.cy-cover-primary{color:#fffdf1;background:#287a6c;border:2px solid #226b5f;box-shadow:0 7px #175348}.cy-cover-secondary{color:#6c2e19;background:#fff5d3eb;border:2px solid #d9652c;box-shadow:0 7px #d9652c}.cy-cover-actions button:hover{transform:translateY(-4px)rotate(-1deg)}.cy-cover-cloud{z-index:-1;opacity:.28;filter:blur(1px);background:#fff8dc;border-radius:50%;width:260px;height:94px;animation:16s ease-in-out infinite alternate cy-cloud-drift;position:absolute}.cloud-one{top:11%;left:8%}.cloud-two{width:190px;animation-delay:-8s;top:29%;left:32%}.cy-cover-leaves{z-index:1;pointer-events:none;position:absolute;inset:0}.cy-cover-leaves i{opacity:0;background:#df6d32;border-radius:100% 0;width:18px;height:11px;animation:9s linear infinite cy-cover-leaf;position:absolute;top:-5%;left:16%}.cy-cover-leaves i:nth-child(2){background:#2c8a76;animation-delay:-2s;left:28%}.cy-cover-leaves i:nth-child(3){animation-delay:-5s;left:44%}.cy-cover-leaves i:nth-child(4){background:#d9a22d;animation-delay:-7s;left:61%}.cy-cover-leaves i:nth-child(5){animation-delay:-3.5s;left:76%}.cy-cover-leaves i:nth-child(6){background:#2c8a76;animation-delay:-6s;left:88%}.cy-cover-leaves i:nth-child(7){animation-delay:-1s;left:52%}.cy-cover-leaves i:nth-child(8){background:#d9a22d;animation-delay:-8s;left:7%}.cy-auth-layer{z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cy-auth-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#163027ad;border:0;position:absolute;inset:0}.cy-auth-card{color:#294038;background:#fffaf0;border:2px solid #e57839;border-radius:18px;width:min(450px,100%);max-height:calc(100dvh - 32px);padding:30px;animation:.55s cubic-bezier(.2,1.15,.4,1) both cy-auth-arrive;position:relative;overflow:auto;box-shadow:0 24px 80px #142a2257}.cy-auth-heading>span{color:#d85e2c;letter-spacing:.14em;font-size:12px;font-weight:900}.cy-auth-heading h2{margin:7px 0 6px;font-size:34px}.cy-auth-heading p{color:#667267;margin:0;font-size:13px}.cy-auth-tabs{background:#e7eadb;border-radius:12px;grid-template-columns:1fr 1fr;margin:22px 0 18px;padding:4px;display:grid}.cy-auth-tabs button{cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px;font-weight:850}.cy-auth-tabs button.selected{color:#fffdf1;background:#367663;box-shadow:0 3px 9px #224d3f2e}.cy-auth-field{gap:7px;margin-top:14px;display:grid}.cy-auth-field span{font-size:12px;font-weight:850}.cy-auth-field input{color:#26352c;background:#fffef8;border:1px solid #aeb6a2;border-radius:10px;height:48px;padding:0 13px}.cy-auth-field input::placeholder{color:#697269;opacity:1}.cy-auth-field input:focus{border-color:#d65b43}.cy-auth-error{color:#852a24;background:#ffe7df;border-left:4px solid #c94737;margin:12px 0 0;padding:10px 12px;font-size:12px}.cy-auth-submit{color:#fffdf0;cursor:pointer;background:#d75e2c;border:0;border-radius:10px;width:100%;min-height:49px;margin-top:20px;font-weight:900;box-shadow:0 5px #963f21}.cy-auth-submit:disabled{opacity:.58;cursor:wait}.cy-auth-note{color:#697269;text-align:center;margin-top:13px;line-height:1.5;display:block}.cy-page-turn-transition{z-index:60;perspective:1200px;background:#367663;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.cy-turn-page{background:#fff9e5;width:52%;position:absolute;inset-block:0;box-shadow:inset 0 0 80px #7154272e}.cy-turn-page:after{content:"";opacity:.25;background-image:radial-gradient(#5a50363d .5px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0}.cy-turn-page.page-left{transform-origin:0;animation:1.35s cubic-bezier(.65,0,.2,1) both cy-turn-left;left:0}.cy-turn-page.page-right{transform-origin:100%;animation:1.35s cubic-bezier(.65,0,.2,1) both cy-turn-right;right:0}.cy-turn-copy{z-index:2;color:#294038;text-align:center;gap:7px;animation:1.15s both cy-turn-copy;display:grid;position:relative}.cy-turn-copy span{color:#d75e2c;letter-spacing:.16em;font-size:12px;font-weight:900}.cy-turn-copy strong{font-size:clamp(22px,3vw,38px)}.cy-creative-pond{touch-action:none;cursor:default;background:url(/chuanyue-yuwen/pond-empty-v2.jpg) 50%/cover no-repeat;min-height:calc(100dvh - 148px)}.cy-creative-pond.is-placing{cursor:crosshair}.cy-creative-pond:before{background:linear-gradient(#0000 60%,#3d2c162e)}.cy-placement-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.cy-placed-item{left:var(--item-x);top:var(--item-y);z-index:3;transform:translate(-50%, -75%) rotate(var(--item-r)) scale(var(--item-s));transform-origin:50% 100%;filter:drop-shadow(0 5px 5px #36301b38);animation:.58s cubic-bezier(.2,1.4,.4,1) both cy-item-grow;display:block;position:absolute}.placed-grass{background:radial-gradient(at bottom,#759b45 0 42%,#0000 44%);border-radius:50%;width:76px;height:43px;-webkit-mask-image:radial-gradient(#000 30%,#0000 73%);mask-image:radial-gradient(#000 30%,#0000 73%)}.placed-grass:before,.placed-grass:after,.placed-grass i{content:"";transform-origin:bottom;background:#47783c;border-radius:100% 0;width:5px;height:33px;animation:2.8s ease-in-out infinite alternate cy-grass-sway;position:absolute;bottom:6px;left:50%}.placed-grass:before{height:25px;left:28%;transform:rotate(-25deg)}.placed-grass:after{height:28px;animation-delay:-1s;left:68%;transform:rotate(25deg)}.placed-bamboo{width:96px;height:20px;transform:translate(-50%, -50%) rotate(var(--item-r)) scale(var(--item-s));background:repeating-linear-gradient(90deg,#82a94f 0 22px,#496f3d 23px 27px);border:3px solid #3e653c;border-radius:50% 10px 10px 50%;box-shadow:inset 0 4px #ffffff38}.placed-bamboo:after{content:"";border-radius:inherit;opacity:.75;background:#bae6dc99;position:absolute;inset:5px 3px}.placed-tree:before{content:"";background:linear-gradient(90deg,#7c5630,#a27845,#654424);border-radius:8px;width:18px;height:62px;position:absolute;bottom:0;left:35px}.placed-tree:after{content:"";background:radial-gradient(circle at 35% 35%,#8fb75b 0 20%,#0000 22%),radial-gradient(circle at 67% 35%,#6e9e51 0 25%,#0000 27%),radial-gradient(circle at 50% 63%,#507f43 0 36%,#0000 38%);border-radius:45% 55% 48% 52%;width:80px;height:73px;animation:3.4s ease-in-out infinite alternate cy-tree-rustle;position:absolute;top:0;left:3px}.placed-flower{width:44px;height:48px}.placed-flower:before{content:"";transform-origin:bottom;background:#4d8147;width:5px;height:28px;animation:2.5s ease-in-out infinite alternate cy-grass-sway;position:absolute;top:20px;left:20px}.placed-flower i{background:#f0b330;border-radius:50%;width:14px;height:14px;position:absolute;top:10px;left:15px;box-shadow:0 -10px #e96f58,9px -4px #e96f58,6px 7px #e96f58,-6px 7px #e96f58,-9px -4px #e96f58}.placed-road{background:radial-gradient(circle at 25% 35%,#d1c39d 0 18%,#0000 20%),radial-gradient(circle at 70% 60%,#b8aa85 0 22%,#0000 24%),#d9cba7;border:3px solid #79664f;border-radius:46% 54% 50% 48%;width:67px;height:38px}.placed-house{width:104px;height:104px}.placed-house:before{content:"";background:#8e7653;border-radius:50%;height:19px;position:absolute;bottom:0;left:10px;right:10px}.placed-house.phase-1:before{background:#e9bd78;border:4px solid #9d6539;border-radius:8px;height:66px}.placed-house.phase-2:before{background:linear-gradient(90deg,#0000 42%,#78472e 43% 64%,#0000 65%),#e9bd78;border:4px solid #9d6539;border-radius:8px;height:68px}.placed-house.phase-2:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#d85b3c;height:48px;position:absolute;bottom:56px;left:0;right:0}.cy-player-frog{z-index:5;width:118px;height:142px;animation:3.1s ease-in-out infinite cy-portrait-breathe;position:absolute;bottom:10%;left:7%}.cy-player-water-fill{z-index:2;opacity:0;clip-path:ellipse(48% 45%);pointer-events:none;background:linear-gradient(#7ec3cac2,#408b9cd1);width:58%;height:30%;transition:opacity 1.8s,transform 2.2s;position:absolute;top:52%;left:20%;overflow:hidden;transform:scale(.8)}.cy-player-water-fill i{border:2px solid #eefff4b8;border-radius:50%;animation:3s ease-out infinite cy-water-ring;position:absolute;inset:40% 15%}.cy-player-water-fill i:nth-child(2){animation-delay:-1s}.cy-player-water-fill i:nth-child(3){animation-delay:-2s}.cy-quest-bubble{z-index:8;color:#fffdf0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1c4836e8;border:2px solid #fff7cdd1;border-radius:16px;grid-template-columns:70px minmax(170px,1fr) auto;align-items:center;gap:12px;width:min(520px,100% - 40px);min-height:98px;padding:12px 14px;display:grid;position:absolute;top:58px;left:20px;box-shadow:0 12px 35px #1c2e1f47}.cy-quest-bubble.has-feedback{border-color:#f3cf56}.cy-quest-portrait{width:64px;height:76px}.cy-quest-bubble small{color:#f3d66d;letter-spacing:.12em;margin-bottom:3px;font-size:10px;font-weight:900;display:block}.cy-quest-bubble strong{font-size:15px;line-height:1.45;display:block}.cy-quest-bubble p{color:#fffdf0b3;margin:4px 0 0;font-size:11px;line-height:1.4}.cy-quest-action{color:#284f3b;cursor:pointer;white-space:nowrap;background:#f5d56a;border:0;border-radius:10px;min-width:96px;padding:11px 14px;font-weight:900;box-shadow:0 4px #a78030}.cy-toolkit{z-index:9;color:#fffdf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#314b36e0;border:2px solid #fff9dbc7;border-radius:16px;grid-template-columns:minmax(140px,260px) auto;align-items:center;gap:14px;width:min(850px,100% - 180px);min-height:82px;padding:10px 14px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1e291a47}.cy-toolkit>div:first-child{min-width:0}.cy-toolkit small{color:#f1d15e;font-size:10px;font-weight:900;display:block}.cy-toolkit strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;font-weight:650;display:block;overflow:hidden}.cy-tool-list{justify-content:flex-end;gap:7px;display:flex}.cy-tool-list button{color:#fffdf0;cursor:grab;background:#ffffff17;border:1px solid #fff6;border-radius:10px;place-items:center;min-width:58px;height:60px;padding:5px 7px;transition:transform .2s,background .2s;display:grid;position:relative}.cy-tool-list button.selected{color:#2c4d39;background:#fff0a7;transform:translateY(-5px)}.cy-tool-list button i{background:#7aa44d;border-radius:45% 55%;width:25px;height:25px;display:block}.cy-tool-list button span{font-size:10px;font-weight:850}.cy-tool-list .tool-bamboo i{background:repeating-linear-gradient(90deg,#8cb054 0 8px,#456e3c 9px 11px);border-radius:8px;width:33px;height:10px}.cy-tool-list .tool-tree i{background:#4f8748;border-radius:50% 50% 42%}.cy-tool-list .tool-flower i{background:#e96f58;box-shadow:inset 0 0 0 8px #f0b330}.cy-tool-list .tool-road i{background:#c6b792;border-radius:50%}.cy-tool-list .tool-house i{background:linear-gradient(150deg,#d85b3c 0 48%,#e9bd78 50%);border-radius:3px}@keyframes cy-cover-breathe{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.075)translate(-1.2%,-.5%)}}@keyframes cy-cloud-drift{0%{transform:translate(-20px)scale(.95)}to{transform:translate(45px,10px)scale(1.08)}}@keyframes cy-cover-leaf{0%{opacity:0;transform:translateY(-30px)rotate(0)}12%{opacity:.78}to{opacity:0;transform:translate(130px,105dvh)rotate(620deg)}}@keyframes cy-auth-arrive{0%{opacity:0;transform:translateY(30px)scale(.94)rotate(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes cy-turn-left{0%,42%{transform:translate(0)rotateY(0)}to{transform:translate(-102%)rotateY(-24deg)}}@keyframes cy-turn-right{0%,42%{transform:translate(0)rotateY(0)}to{transform:translate(102%)rotateY(24deg)}}@keyframes cy-turn-copy{0%{opacity:0;transform:translateY(20px)}25%,58%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@keyframes cy-item-grow{0%{opacity:0;transform:translate(-50%, -60%) rotate(var(--item-r)) scale(.2)}to{opacity:1;transform:translate(-50%, -75%) rotate(var(--item-r)) scale(var(--item-s))}}@keyframes cy-tree-rustle{0%{transform:rotate(-2deg)skew(-1deg)}to{transform:rotate(2deg)skew(1deg)}}@media (width<=900px){.cy-cover-copy{width:min(520px,56vw);margin-left:28px}.cy-cover-visual{background-position:58%}.cy-quest-bubble{top:44px}.cy-toolkit{grid-template-columns:150px 1fr;width:calc(100% - 120px)}.cy-tool-list{justify-content:flex-start;overflow-x:auto}}@media (width<=620px){.cy-account-chip,.cy-top-actions .cy-icon-button:last-child{display:none}.cy-cover-home{align-items:end;min-height:calc(100dvh - 64px)}.cy-cover-visual{background-position:67%;inset:0}.cy-cover-home:after{background:linear-gradient(#0000 22%,#fff4d070 47%,#fff4d0f0 100%)}.cy-cover-copy{width:auto;margin:0 14px 24px;transform:none}.cy-cover-copy .cy-kicker{margin-bottom:8px}.cy-cover-copy h1{border-width:6px;padding:13px 19px 16px;font-size:48px}.cy-cover-copy>p:not(.cy-kicker){margin:11px 0 15px;font-size:14px}.cy-cover-actions{grid-template-columns:1fr;gap:8px}.cy-cover-actions button{min-height:64px;padding:9px 14px}.cy-cover-cloud{display:none}.cy-auth-card{padding:22px 18px}.cy-creative-pond{background-position:50%;min-height:calc(100dvh - 128px)}.cy-player-frog{width:76px;height:92px;bottom:17%;left:1%}.cy-quest-bubble{grid-template-columns:48px 1fr;gap:8px;width:calc(100% - 16px);min-height:82px;padding:8px 9px;top:42px;left:8px}.cy-quest-portrait{width:44px;height:54px}.cy-quest-bubble strong{font-size:12px}.cy-quest-bubble p{display:none}.cy-quest-action{grid-column:1/3;width:100%;padding:8px}.cy-toolkit{grid-template-columns:1fr;gap:6px;width:auto;padding:8px;bottom:8px;left:8px;right:8px;transform:none}.cy-toolkit>div:first-child strong{display:none}.cy-tool-list{justify-content:flex-start}.cy-tool-list button{min-width:51px;height:51px}.cy-tool-list button i{width:20px;height:20px}.cy-placed-item{transform:translate(-50%, -75%) rotate(var(--item-r)) scale(calc(var(--item-s) * .72))}.placed-house{transform:translate(-50%, -75%) rotate(var(--item-r)) scale(calc(var(--item-s) * .64))}}.cy-sprite{filter:drop-shadow(0 8px 9px #242c1a2e);background:url(/chuanyue-yuwen/character-atlas-v2.png) 0 0/500% 200% no-repeat;flex:none;display:block}.cy-chip-avatar{width:32px;height:37px;margin-right:7px}.cy-player-chip{align-items:center;display:inline-flex}.cy-avatar-picker button{grid-template-rows:auto auto;grid-template-columns:106px 1fr;min-height:144px;overflow:hidden}.cy-avatar-art{grid-row:1/3;align-self:end;width:100px;height:128px}.cy-prelude-screen{isolation:isolate;background:#172d27;min-height:calc(100dvh - 74px);position:relative;overflow:hidden}.cy-prelude-art{z-index:-3;background:url(/chuanyue-yuwen/prelude-atlas.jpg) 0 0/300% 200% no-repeat;transition:background-position .8s cubic-bezier(.2,.8,.2,1);animation:12s ease-in-out infinite alternate cy-prelude-breathe;position:absolute;inset:-3%}.cy-prelude-vignette{z-index:-2;background:linear-gradient(90deg,#0c1d19c2 0%,#0c1d1961 45%,#0000 76%),linear-gradient(#0000 45%,#0b181585);position:absolute;inset:0}.cy-prelude-copy{color:#fffdf0;text-shadow:0 2px 14px #0b1c178c;width:min(600px,100% - 48px);margin:auto auto 9vh max(5vw,28px)}.cy-prelude-copy>span,.cy-morph-copy>span{color:#fff5b7;letter-spacing:.18em;background:#194b3b61;border:1px solid #ffffff6b;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900;display:inline-flex}.cy-prelude-copy h1,.cy-morph-copy h1{margin:18px 0 12px;font-size:clamp(35px,5vw,66px);line-height:1.08}.cy-prelude-copy p,.cy-morph-copy p{color:#fffdf0db;max-width:550px;margin:0 0 22px;font-size:16px;line-height:1.8}.cy-prelude-progress{gap:8px;margin-bottom:24px;display:flex}.cy-prelude-progress i{background:#ffffff40;border-radius:9px;width:34px;height:4px}.cy-prelude-progress i.active{background:#f8d76b;box-shadow:0 0 10px #f8d76b99}.cy-morph-scene{background:linear-gradient(#0000 38%,#0c201875),url(/chuanyue-yuwen/frog-pond-barren.jpg) 50%/cover;place-items:center;animation:1.15s cubic-bezier(.3,.8,.2,1) both cy-world-shake;display:grid;position:absolute;inset:0;overflow:hidden}.cy-morph-scene:after{content:"";pointer-events:none;background:#fff9c9;animation:1.35s ease-out both cy-world-flash;position:absolute;inset:0}.cy-morph-child{z-index:2;width:180px;height:220px;animation:1.7s ease-in .4s both cy-child-transform;position:absolute;bottom:18%;left:27%}.cy-morph-frog{z-index:3;opacity:0;width:150px;height:165px;animation:1.5s cubic-bezier(.2,1.4,.4,1) 1.15s both cy-frog-arrive;position:absolute;bottom:20%;left:31%}.cy-morph-ripple{aspect-ratio:1;z-index:1;border:4px solid #ffe47e;border-radius:50%;width:70px;animation:2.2s ease-out .7s infinite cy-magic-ripple;position:absolute;bottom:24%;left:34%}.cy-morph-copy{z-index:4;color:#fffdf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#113327d4;border:1px solid #ffffff73;border-radius:22px;width:min(520px,45vw);padding:28px;position:absolute;bottom:10vh;right:6vw;box-shadow:0 22px 60px #0d1f1959}.cy-morph-copy h1{font-size:clamp(33px,4vw,54px)}.cy-game-screen{grid-template:74px minmax(0,1fr)/1fr;display:grid}.cy-game-status{z-index:12;position:relative}.cy-pond-scene{isolation:isolate;background:url(/chuanyue-yuwen/frog-pond-barren.jpg) 50%/cover no-repeat;min-height:calc(100dvh - 148px);position:relative;overflow:hidden}.cy-pond-scene:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 48%,#10261d42),radial-gradient(circle at 52% 44%,#0000 30%,#2a341c14);position:absolute;inset:0}.cy-growth-layer{z-index:2;opacity:0;pointer-events:none;background:url(/chuanyue-yuwen/frog-pond-world.jpg) 50%/cover no-repeat;transition:opacity 1.55s,transform 2.2s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scale(1.035)}.cy-growth-layer.visible{opacity:1;transform:scale(1)}.growth-ox{clip-path:polygon(0 46%,100% 42%,100% 100%,0 100%);filter:saturate(.88)}.growth-duck{clip-path:ellipse(32% 22% at 55% 66%)}.growth-bird{clip-path:polygon(0 0,42% 0,34% 82%,0 94%)}.growth-butterfly{clip-path:polygon(0 56%,100% 48%,100% 100%,0 100%)}.growth-rabbit{clip-path:polygon(58% 50%,100% 38%,100% 100%,38% 100%)}.growth-monkey{clip-path:ellipse(29% 39% at 78% 39%)}.growth-fox{opacity:0;clip-path:polygon(66% 0,100% 0,100% 100%,48% 100%)}.growth-fox.visible{opacity:.68}.cy-scene-animal{z-index:5;transform-origin:50% 100%;width:clamp(88px,11vw,154px);height:clamp(105px,14vw,190px);animation:.8s cubic-bezier(.2,1.3,.4,1) both cy-animal-arrive,4.2s ease-in-out 1s infinite cy-animal-idle;position:absolute}.cy-scene-animal.is-speaking{z-index:6;animation:.75s cubic-bezier(.2,1.3,.4,1) both cy-animal-arrive,.72s ease-in-out .8s infinite cy-animal-talk}.scene-ox{bottom:16%;left:7%}.scene-duck{bottom:12%;left:57%}.scene-bird{width:clamp(70px,8vw,112px);height:clamp(82px,10vw,136px);top:13%;left:14%}.scene-butterfly{width:clamp(60px,7vw,96px);height:clamp(70px,8vw,112px);animation:5.2s ease-in-out infinite cy-butterfly-fly;top:25%;left:43%}.scene-rabbit{bottom:17%;right:11%}.scene-monkey{top:12%;right:23%}.scene-fox{bottom:10%;right:4%}.cy-water-ripples{z-index:4;pointer-events:none;width:34%;height:18%;position:absolute;bottom:16%;left:38%}.cy-water-ripples i{border:2px solid #ddf9eeb3;border-radius:50%;animation:3.2s ease-out infinite cy-water-ring;position:absolute;inset:40% 20%}.cy-water-ripples i:nth-child(2){animation-delay:1s}.cy-water-ripples i:nth-child(3){animation-delay:2s}.cy-grass-wisps{z-index:4;pointer-events:none;height:24%;position:absolute;inset:auto 0 0}.cy-grass-wisps i{transform-origin:bottom;background:#486b3b;border-radius:100% 0;width:5px;height:42px;animation:2.6s ease-in-out infinite alternate cy-grass-sway;position:absolute;bottom:0}.cy-grass-wisps i:first-child{height:62px;left:11%}.cy-grass-wisps i:nth-child(2){animation-delay:-.8s;left:29%}.cy-grass-wisps i:nth-child(3){height:55px;animation-delay:-1.3s;left:47%}.cy-grass-wisps i:nth-child(4){height:68px;animation-delay:-.4s;right:27%}.cy-grass-wisps i:nth-child(5){animation-delay:-1.7s;right:8%}.cy-floating-leaves{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cy-floating-leaves i{background:#8cab54;border-radius:100% 0;width:14px;height:8px;animation:7s linear infinite cy-leaf-fall;position:absolute;top:8%;left:18%}.cy-floating-leaves i:nth-child(2){animation-delay:-2.7s;left:31%}.cy-floating-leaves i:nth-child(3){animation-delay:-5s;left:63%}.cy-scene-stage-label{z-index:7;position:absolute;top:18px;left:20px}.cy-scene-stage-label span{color:#fff9df;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1c3b2abd;border:1px solid #ffffff75;border-radius:999px;padding:8px 13px;font-size:12px;display:block}.cy-seal-row{z-index:8;bottom:188px;left:50%;right:auto;transform:translate(-50%)}.cy-rpg-dialogue{z-index:10;color:#fffdf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#12382af0,#174430e0);border:2px solid #fff8c6b8;border-radius:22px;grid-template-columns:112px minmax(220px,1fr) minmax(250px,.75fr);align-items:center;gap:20px;min-height:148px;padding:16px 20px;display:grid;position:absolute;bottom:18px;left:20px;right:20px;box-shadow:0 18px 45px #0e211961,inset 0 1px #ffffff29}.cy-rpg-dialogue.has-feedback{border-color:#f6d96d;box-shadow:0 0 0 4px #f6d96d33,0 18px 45px #0e211961}.cy-rpg-portrait{width:100px;height:120px;animation:3.2s ease-in-out infinite cy-portrait-breathe}.cy-rpg-copy small{color:#f4d96d;letter-spacing:.14em;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.cy-rpg-copy strong{font-family:var(--font-cy-serif), serif;font-size:clamp(18px,2vw,25px);line-height:1.5;display:block}.cy-rpg-copy p{color:#fffdf0ad;margin:7px 0 0;font-size:12px}.cy-rpg-actions{justify-content:flex-end;align-items:center;display:flex}.cy-shout-button,.cy-dialogue-next{color:#244634;cursor:pointer;background:#f5d466;border:0;border-radius:999px;min-width:150px;padding:13px 18px;font-weight:950;box-shadow:0 7px #ad8330}.cy-shout-button:hover,.cy-dialogue-next:hover{filter:brightness(1.04);transform:translateY(-2px)}.cy-choice-grid{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.cy-choice-grid button{color:#fffdf0;cursor:pointer;background:#ffffff1a;border:1px solid #fffadb8c;border-radius:11px;padding:10px 13px;font-weight:800;transition:transform .2s,background .2s}.cy-choice-grid button:hover{color:#244634;background:#fff3b1;transform:translate(-4px)}.cy-reward-screen{perspective:1200px;position:relative;overflow:hidden}.cy-reward-flash{z-index:0;pointer-events:none;background:radial-gradient(circle,#fff7a6eb,#0000 60%);animation:1.7s ease-out both cy-reward-flash;position:absolute;inset:0}.cy-bookmark-drop{z-index:2;transform-origin:50% 0;animation:1.45s cubic-bezier(.2,1.35,.5,1) both cy-bookmark-drop;position:relative}.cy-bookmark-award{position:relative;overflow:hidden;transform:none}.cy-bookmark-award:before{content:"";z-index:5;background:linear-gradient(90deg,#0000,#ffffffc2,#0000);width:34%;animation:2.7s ease-in-out 1s infinite cy-bookmark-shine;position:absolute;top:-30%;bottom:-30%;left:-65%;transform:rotate(18deg)}.cy-bling-ring{z-index:-1;opacity:0;border:4px solid #ffe886;border-radius:50%;animation:1.3s ease-out 1.05s both cy-bling-ring;position:absolute;inset:16% -16%}.cy-sparkles{z-index:3;pointer-events:none;position:absolute;inset:0}.cy-sparkles i{aspect-ratio:1;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:10px;animation:cy-sparkle-burst 1.3s calc(.75s + var(--delay,0s)) ease-out both;background:#fff3a3;position:absolute;top:48%;left:50%}.cy-sparkles i:first-child{--delay:0s;--x:-210px;--y:-150px}.cy-sparkles i:nth-child(2){--delay:50ms;--x:-145px;--y:-235px}.cy-sparkles i:nth-child(3){--delay:.1s;--x:-45px;--y:-260px}.cy-sparkles i:nth-child(4){--delay:.15s;--x:70px;--y:-235px}.cy-sparkles i:nth-child(5){--delay:.2s;--x:180px;--y:-160px}.cy-sparkles i:nth-child(6){--delay:80ms;--x:230px;--y:-35px}.cy-sparkles i:nth-child(7){--delay:.18s;--x:200px;--y:95px}.cy-sparkles i:nth-child(8){--delay:60ms;--x:100px;--y:180px}.cy-sparkles i:nth-child(9){--delay:.14s;--x:-30px;--y:205px}.cy-sparkles i:nth-child(10){--delay:20ms;--x:-155px;--y:155px}.cy-sparkles i:nth-child(11){--delay:.22s;--x:-235px;--y:55px}.cy-sparkles i:nth-child(12){--delay:.12s;--x:-250px;--y:-55px}.cy-sparkles i:nth-child(13){--delay:.26s;--x:35px;--y:-180px}.cy-sparkles i:nth-child(14){--delay:.16s;--x:145px;--y:135px}@keyframes cy-prelude-breathe{0%{transform:scale(1.03)}to{transform:scale(1.09)translate(-1%,-1%)}}@keyframes cy-world-shake{0%,to{transform:translate(0,0)}16%{transform:translate(-9px,3px)}32%{transform:translate(10px,-4px)}48%{transform:translate(-7px,5px)}64%{transform:translate(5px,-2px)}}@keyframes cy-world-flash{0%{opacity:1}35%{opacity:.72}to{opacity:0}}@keyframes cy-child-transform{0%,35%{opacity:1;filter:brightness();transform:translateY(0)scale(1)}to{opacity:0;filter:brightness(2.4);transform:translateY(-30px)scale(.55)rotate(12deg)}}@keyframes cy-frog-arrive{0%{opacity:0;transform:translateY(32px)scale(.25)}70%{opacity:1;transform:translateY(-8px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cy-magic-ripple{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(5)}}@keyframes cy-animal-arrive{0%{opacity:0;transform:translateY(45px)scale(.55)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cy-animal-idle{0%,46%,52%,to{transform:translateY(0)scaleY(1)}48%{transform:translateY(0)scaleY(.96)}75%{transform:translateY(-4px)rotate(1.5deg)}}@keyframes cy-animal-talk{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes cy-butterfly-fly{0%,to{transform:translate(0,0)rotate(-7deg)}25%{transform:translate(48px,-28px)rotate(9deg)}55%{transform:translate(72px,10px)rotate(-4deg)}78%{transform:translate(20px,30px)rotate(8deg)}}@keyframes cy-water-ring{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(1.8)}}@keyframes cy-grass-sway{0%{transform:skew(-11deg)rotate(-5deg)}to{transform:skew(10deg)rotate(5deg)}}@keyframes cy-leaf-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}16%{opacity:.8}to{opacity:0;transform:translate(240px,58vh)rotate(540deg)}}@keyframes cy-portrait-breathe{0%,to{transform:translateY(0)scaleY(1)}48%{transform:translateY(-3px)scaleY(1)}50%{transform:translateY(-3px)scaleY(.96)}}@keyframes cy-reward-flash{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes cy-bookmark-drop{0%{opacity:0;transform:translateY(-110vh)rotateY(-35deg)rotate(-7deg)scale(.72)}70%{opacity:1;transform:translateY(20px)rotateY(9deg)rotate(2deg)scale(1.04)}86%{transform:translateY(-9px)rotateY(-4deg)rotate(-1deg)scale(.99)}to{opacity:1;transform:translateY(0)rotateY(0)rotate(0)scale(1)}}@keyframes cy-bookmark-shine{0%,15%{left:-65%}55%,to{left:130%}}@keyframes cy-bling-ring{0%{opacity:0;transform:scale(.45)}28%{opacity:.9}to{opacity:0;transform:scale(1.65)}}@keyframes cy-sparkle-burst{0%{opacity:0;transform:translate(0,0)scale(.2)rotate(0)}30%{opacity:1}to{opacity:0;transform:translate3d(var(--x), var(--y), 0) scale(1.5) rotate(160deg)}}@media (width<=900px){.cy-prelude-copy{margin-bottom:6vh}.cy-morph-child{bottom:29%;left:14%}.cy-morph-frog{bottom:30%;left:19%}.cy-morph-copy{width:min(560px,100% - 44px);bottom:28px;right:22px}.cy-game-screen{grid-template-rows:auto minmax(0,1fr)}.cy-pond-scene{min-height:calc(100dvh - 138px)}.cy-rpg-dialogue{grid-template-columns:84px 1fr}.cy-rpg-portrait{width:76px;height:92px}.cy-rpg-actions{grid-column:2;justify-content:stretch}.cy-rpg-actions>button,.cy-choice-grid{width:100%}.cy-choice-grid{grid-template-columns:repeat(3,1fr)}.cy-seal-row{bottom:214px}}@media (width<=620px){.cy-prelude-screen{min-height:calc(100dvh - 64px)}.cy-prelude-art{background-size:410% 200%;inset:0}.cy-prelude-vignette{background:linear-gradient(#0000 18%,#0a1b1661 38%,#0a1b16e6 100%)}.cy-prelude-copy{width:calc(100% - 28px);margin:auto 14px 24px}.cy-prelude-copy h1{font-size:35px}.cy-prelude-copy p{font-size:14px}.cy-morph-child{width:126px;height:155px;bottom:45%;left:12%}.cy-morph-frog{width:105px;height:120px;bottom:46%;left:18%}.cy-morph-copy{width:calc(100% - 24px);padding:20px;bottom:16px;right:12px}.cy-morph-copy h1{font-size:31px}.cy-game-status{grid-template-columns:auto 1fr}.cy-pond-scene{background-position:48%;min-height:calc(100dvh - 128px)}.cy-growth-layer{background-position:48%}.cy-scene-stage-label{top:10px;left:10px}.cy-scene-stage-label span{max-width:calc(100vw - 20px);font-size:10px}.cy-scene-animal{width:80px;height:98px}.scene-ox{bottom:31%;left:3%}.scene-duck{bottom:29%;left:55%}.scene-bird{width:62px;height:75px;top:14%;left:7%}.scene-butterfly{width:52px;height:62px;top:24%;left:35%}.scene-rabbit{bottom:32%;right:7%}.scene-monkey{top:12%;right:14%}.scene-fox{bottom:30%;right:1%}.cy-seal-row{display:none}.cy-rpg-dialogue{border-radius:16px;grid-template-columns:60px 1fr;gap:10px;min-height:184px;padding:11px 12px;bottom:8px;left:8px;right:8px}.cy-rpg-portrait{width:56px;height:70px}.cy-rpg-copy strong{font-size:16px;line-height:1.4}.cy-rpg-copy p{display:none}.cy-rpg-actions{grid-column:1/3}.cy-choice-grid{grid-template-columns:1fr;gap:5px}.cy-choice-grid button{padding:7px 9px;font-size:12px}.cy-shout-button,.cy-dialogue-next{width:100%;min-width:0;padding:10px 13px}.cy-bookmark-drop{transform:scale(.82)}}.cy-pond-scene.cy-creative-pond{background-image:url(/chuanyue-yuwen/pond-empty-v2.jpg);background-position:50%;background-size:cover;min-height:calc(100dvh - 148px)}@media (width<=620px){.cy-pond-scene.cy-creative-pond{background-position:50%;min-height:calc(100dvh - 128px)}}.cy-final-landscape-layer,.cy-final-landscape-full{z-index:2;opacity:0;pointer-events:none;background:url(/chuanyue-yuwen/pond-complete-v3.jpg) 50%/cover no-repeat;transition:opacity 1.15s,transform 1.8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scale(1.025)}.cy-final-landscape-layer.visible{opacity:1;animation:1.6s both cy-landscape-settle;transform:scale(1)}.final-grass{clip-path:polygon(0 31%,70% 31%,70% 43%,100% 43%,100% 100%,0 100%);filter:saturate(.78)blur(.35px)}.final-water{clip-path:ellipse(38% 25% at 49% 66%)}.final-trees{-webkit-mask-image:radial-gradient(27% 43% at 8% 22%,#000 58%,#0000 72%),radial-gradient(28% 47% at 68% 22%,#000 58%,#0000 72%);mask-image:radial-gradient(27% 43% at 8% 22%,#000 58%,#0000 72%),radial-gradient(28% 47% at 68% 22%,#000 58%,#0000 72%)}.final-flowers{clip-path:polygon(0 55%,33% 60%,48% 75%,100% 61%,100% 100%,0 100%)}.final-road{clip-path:polygon(69% 32%,100% 26%,100% 100%,36% 100%,63% 67%)}.final-house{clip-path:ellipse(20% 25% at 87% 27%)}.cy-final-landscape-full{z-index:4;filter:saturate(1.12)brightness(1.06)}.cy-final-landscape-full.visible{opacity:1;animation:2.7s cubic-bezier(.15,.85,.25,1) both cy-final-wow;transform:scale(1)}.cy-placed-item.is-consolidating{animation:.82s cubic-bezier(.4,0,.6,1) both cy-item-consolidate}.cy-resident-animal{z-index:6;transform-origin:50% 100%;width:clamp(72px,8.4vw,122px);height:clamp(88px,10.5vw,150px);animation:.72s cubic-bezier(.2,1.35,.4,1) both cy-resident-arrive,4.4s ease-in-out .8s infinite cy-resident-idle;position:absolute}.cy-resident-animal.is-current{filter:drop-shadow(0 0 9px #ffe16dad)drop-shadow(0 8px 8px #2a331c38)}.resident-ox{bottom:20%;left:2%}.resident-duck{width:clamp(64px,7vw,102px);height:clamp(76px,9vw,126px);bottom:17%;left:46%}.resident-bird{width:clamp(55px,6vw,86px);height:clamp(66px,7.5vw,104px);top:32%;left:14%}.resident-butterfly{width:clamp(48px,5vw,72px);height:clamp(58px,6vw,86px);animation:.72s cubic-bezier(.2,1.35,.4,1) both cy-resident-arrive,5.4s ease-in-out .8s infinite cy-resident-butterfly;top:44%;left:33%}.resident-rabbit{width:clamp(62px,7vw,98px);height:clamp(76px,9vw,124px);bottom:17%;right:11%}.resident-monkey{top:28%;right:18%}.resident-fox{bottom:27%;right:2%}.cy-player-frog{z-index:7}.cy-pond-celebration{z-index:11;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cy-celebration-flash{background:radial-gradient(circle at 50% 55%,#ffffe5f2,#ffe0685c 36%,#0000 72%);animation:2s ease-out both cy-pond-flash;position:absolute;inset:0}.cy-celebration-rays{aspect-ratio:1;opacity:.52;background:repeating-conic-gradient(#fff5a494 0deg 7deg,#0000 7deg 17deg);width:130vmax;animation:4s ease-out both cy-celebration-rays;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.cy-pond-celebration>i{--angle:calc(var(--spark-index) * 20deg);aspect-ratio:1;opacity:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:15px;animation:cy-pond-spark 1.8s calc(var(--spark-index) * 35ms) ease-out both;background:#fff7a8;position:absolute;top:53%;left:50%}@keyframes cy-item-consolidate{0%{opacity:1;transform:translate(-50%, -75%) rotate(var(--item-r)) scale(var(--item-s));filter:brightness()}48%{opacity:1;transform:translate(-50%, -88%) rotate(0) scale(calc(var(--item-s) * 1.18));filter:brightness(1.45)}to{opacity:0;filter:brightness(2);transform:translate(-50%,-65%)rotate(0)scale(.08)}}@keyframes cy-landscape-settle{0%{opacity:0;filter:brightness(1.5)saturate(.7);transform:scale(1.035)}55%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes cy-final-wow{0%{opacity:0;filter:brightness(2)saturate(.45);transform:scale(1.08)}32%{opacity:1;filter:brightness(1.3)saturate(1.28)}to{opacity:1;filter:brightness(1.06)saturate(1.12);transform:scale(1)}}@keyframes cy-resident-arrive{0%{opacity:0;transform:translateY(38px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cy-resident-idle{0%,45%,52%,to{transform:translateY(0)scaleY(1)rotate(0)}48%{transform:translateY(0)scaleY(.96)}72%{transform:translateY(-4px)rotate(1.5deg)}}@keyframes cy-resident-butterfly{0%,to{transform:translate(0,0)rotate(-5deg)}30%{transform:translate(30px,-20px)rotate(8deg)}65%{transform:translate(48px,12px)rotate(-3deg)}}@keyframes cy-pond-flash{0%{opacity:0;transform:scale(.35)}18%{opacity:1}to{opacity:0;transform:scale(1.45)}}@keyframes cy-celebration-rays{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(0)}25%{opacity:.58}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)rotate(24deg)}}@keyframes cy-pond-spark{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(.2)}24%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-44vmin) scale(1.5)}}@media (width<=620px){.cy-resident-animal{width:58px;height:72px}.resident-ox{bottom:27%;left:1%}.resident-duck{width:48px;height:58px;bottom:28%;left:46%}.resident-bird{width:42px;height:52px;top:35%;left:12%}.resident-butterfly{width:38px;height:46px;top:48%;left:30%}.resident-rabbit{width:46px;height:58px;bottom:29%;right:8%}.resident-monkey{top:31%;right:15%}.resident-fox{bottom:34%;right:1%}}.cy-pond-scene.cy-creative-pond{background-image:url(/chuanyue-yuwen/pond-spring-v4.png)}.cy-morph-scene{background-image:linear-gradient(#0000 38%,#0c201875),url(/chuanyue-yuwen/pond-spring-v4.png)}.placed-flower i{background:var(--flower-center,#f0b330);box-shadow:0 -10px var(--flower-petal,#e96f58), 9px -4px var(--flower-petal,#e96f58), 6px 7px var(--flower-petal,#e96f58), -6px 7px var(--flower-petal,#e96f58), -9px -4px var(--flower-petal,#e96f58)}.placed-tree{animation:2.15s cubic-bezier(.2,.85,.25,1) both cy-tree-whole-grow}.placed-tree:before{transform-origin:50% 100%;animation:1.05s ease-out both cy-tree-trunk-grow}.placed-tree:after{transform-origin:50% 85%;animation:1.45s cubic-bezier(.15,1.25,.3,1) .65s both cy-tree-crown-open,3.4s ease-in-out 2.1s infinite alternate cy-tree-rustle}.cy-player-water-fill{transform-origin:50% 100%;background:linear-gradient(#9cd5d3d9,#4397a9e8);width:59%;height:32%;transition:opacity 1.25s,transform 2.7s cubic-bezier(.12,.78,.22,1);top:52%;left:19%;transform:scale(.74,.25)translateY(38%)}.cy-player-water-fill.visible{opacity:.92;transform:scale(1)translateY(0)}.placed-house.phase-3:before,.placed-house.phase-4:before{background:linear-gradient(90deg,#0000 42%,#78472e 43% 64%,#0000 65%),#e9bd78;border:4px solid #9d6539;height:68px}.placed-house.phase-3:after{content:"";clip-path:none;background:#bb7842;height:24px;position:absolute;bottom:57px;left:13px;right:13px}.placed-house.phase-4:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#d85b3c;height:48px;position:absolute;bottom:56px;left:0;right:0}.cy-butterfly-swarm i{top:52%}.cy-butterfly-swarm i:nth-child(2),.cy-butterfly-swarm i:nth-child(5){top:44%}.cy-butterfly-swarm i:nth-child(3),.cy-butterfly-swarm i:nth-child(6){top:60%}.cy-perfect-finale{z-index:4;opacity:0;pointer-events:none;filter:brightness(1.55)saturate(.7);background:url(/chuanyue-yuwen/pond-finale-v5.png) 50%/cover no-repeat;transition:opacity .85s,filter 2.2s,transform 2.4s cubic-bezier(.12,.86,.2,1);position:absolute;inset:0;transform:scale(1.08)}.cy-perfect-finale.visible{opacity:1;filter:brightness(1.04)saturate(1.12);transform:scale(1)}.cy-ending-scene{background-image:linear-gradient(#0000 48%,#193d2a14),url(/chuanyue-yuwen/pond-finale-v5.png)}.cy-creative-pond.is-celebrating .cy-quest-bubble,.cy-creative-pond.is-celebrating .cy-toolkit,.cy-creative-pond.is-celebrating .cy-scene-stage-label{opacity:0;pointer-events:none;transition:opacity .35s,transform .45s;transform:translateY(18px)}.cy-grown-tree{left:var(--item-x);top:var(--item-y);z-index:2;filter:drop-shadow(0 8px 7px #30371e3d);transform-origin:50% 100%;width:138px;height:188px;animation:cy-generated-tree-grow 2.2s var(--spawn-delay) cubic-bezier(.16,1,.24,1) both;display:block;position:absolute}.cy-grown-tree:before{content:"";transform-origin:50% 100%;width:25px;height:103px;animation:cy-tree-trunk-grow 1.15s var(--spawn-delay) ease-out both;background:linear-gradient(90deg,#684526,#a4773d,#5b3e25);border-radius:12px;position:absolute;bottom:0;left:57px}.cy-grown-tree:after{content:"";transform-origin:50% 90%;width:134px;height:112px;animation:cy-tree-crown-open 1.5s calc(var(--spawn-delay) + .65s) cubic-bezier(.15,1.25,.3,1) both, cy-tree-rustle 3.5s 2.2s ease-in-out infinite alternate;background:radial-gradient(circle at 25% 46%,#91b95b 0 25%,#0000 27%),radial-gradient(circle at 68% 38%,#78a552 0 29%,#0000 31%),radial-gradient(circle at 50% 69%,#4f8244 0 40%,#0000 42%);border-radius:48% 52% 44% 56%;position:absolute;top:0;left:2px}.placed-tree{width:132px;height:184px}.placed-tree:before{border-radius:11px;width:24px;height:99px;left:54px}.placed-tree:after{width:130px;height:108px;left:1px}.resident-duck.is-swimming{z-index:7;width:clamp(70px,7.5vw,108px);height:clamp(80px,9vw,126px);animation:2.7s ease-in-out infinite cy-duck-float;top:58%;bottom:auto;left:47%}.resident-duck.is-swimming:after{content:"";background:#63aeb9b8;border-top:3px solid #e8fff5c7;border-radius:50%;height:29%;position:absolute;bottom:4%;left:-18%;right:-18%;box-shadow:0 8px #458b9e70,0 0 17px #dfffef7a}.resident-bird.is-perched{z-index:7;width:clamp(62px,6.2vw,92px);height:clamp(72px,7.5vw,108px);animation:3.2s ease-in-out infinite cy-bird-perch;top:31%;bottom:auto;left:11.5%}.resident-bird.is-perched:after{content:"";background:#765331;border-radius:5px;height:5px;position:absolute;bottom:7%;left:17%;right:8%;transform:rotate(-5deg)}.placed-house i{z-index:3;opacity:0;transition:opacity .35s,background .45s,box-shadow .45s;position:absolute}.placed-house.phase-0:before{background:#8e7653;border:0;height:16px}.placed-house.phase-1:before{background:#b8aa8b;border:4px solid #826a55;height:34px}.placed-house.phase-2:before{background:#c9b991;border:4px solid #826a55;height:64px}.placed-house.phase-2 i,.placed-house.phase-3 i,.placed-house.phase-4 i,.placed-house.phase-5 i,.placed-house.phase-6 i{opacity:1;background:#70462e;border-radius:12px 12px 2px 2px;width:25px;height:41px;bottom:0;left:40px}.placed-house.phase-3:before{background:radial-gradient(circle at 24% 38%,#87bad0 0 9%,#6e5133 10% 13%,#0000 14%),#c9b991;border:4px solid #826a55;height:68px}.placed-house.phase-4:before,.placed-house.phase-5:before{background:radial-gradient(circle at 24% 38%,#87bad0 0 9%,#6e5133 10% 13%,#0000 14%),radial-gradient(circle at 76% 38%,#87bad0 0 9%,#6e5133 10% 13%,#0000 14%),#c9b991;border:4px solid #826a55;height:68px}.placed-house.phase-5:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#a96644;height:48px;position:absolute;bottom:56px;left:0;right:0}.placed-house.phase-6:before{background:radial-gradient(circle at 24% 38%,#78b8d1 0 9%,#9d6539 10% 13%,#0000 14%),radial-gradient(circle at 76% 38%,#78b8d1 0 9%,#9d6539 10% 13%,#0000 14%),#f1c77f;border:4px solid #9d6539;height:68px;animation:.8s both cy-house-color-wash}.placed-house.phase-6:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#d85b3c;height:48px;animation:.8s .18s both cy-house-color-wash;position:absolute;bottom:56px;left:0;right:0}.cy-built-house i:after{content:"";background:#78b8d1;border:3px solid #9d6539;width:17px;height:19px;position:absolute;top:20px;left:12px;box-shadow:43px 0 0 -3px #78b8d1,43px 0 #9d6539}@keyframes cy-generated-tree-grow{0%{opacity:0;transform:translate(-50%,-58%) rotate(var(--item-r)) scale(.12)}70%{opacity:1;transform:translate(-50%,-78%) rotate(var(--item-r)) scale(1.08)}to{opacity:1;transform:translate(-50%,-75%) rotate(var(--item-r)) scale(1)}}@keyframes cy-duck-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(2deg)}}@keyframes cy-bird-perch{0%,42%,48%,to{transform:translateY(0)rotate(0)}45%{transform:translateY(0)scaleY(.94)}72%{transform:translateY(-4px)rotate(3deg)}}@keyframes cy-house-color-wash{0%{filter:grayscale(.8)brightness(.8)}to{filter:grayscale(0)brightness()}}@media (width<=620px){.placed-tree{width:94px;height:132px}.placed-tree:before{width:18px;height:72px;left:38px}.placed-tree:after{width:92px;height:78px}.cy-grown-tree{width:98px;height:136px}.cy-grown-tree:before{width:18px;height:74px;left:40px}.cy-grown-tree:after{width:96px;height:80px}.resident-duck.is-swimming{width:54px;height:66px;top:61%;left:46%}.resident-bird.is-perched{width:46px;height:56px;top:34%;left:10%}}.route-road{border:0;border-left:4px dashed #ffeb81e0;border-radius:72% 0 0 38%;width:13%;height:41%;bottom:10%;right:0;transform:rotate(-8deg)}.cy-built-road{transform-origin:50% 100%;border-left:34px solid #cbb88c;border-radius:74% 0 0 34%;width:14%;height:56%;bottom:-3%;right:-2%;transform:translate(28%,18%)rotate(-7deg)scale(.82)}.cy-built-road.visible{transform:translate(0)rotate(-7deg)scale(1)}.cy-stage-flowerRoad>.cy-topbar{display:none}.cy-stage-flowerRoad .fr-game-screen{min-height:100dvh}.fr-game-screen{color:#293b30;background:#dfeccf;min-height:100dvh}.fr-hud{z-index:40;background:#fffdeaf5;border-bottom:1px solid #3f533438;grid-template-columns:150px 1fr auto;align-items:center;min-height:74px;padding:10px clamp(14px,3vw,38px);display:grid;position:relative;box-shadow:0 8px 24px #30452724}.fr-hud>button{color:#36543d;cursor:pointer;background:#fffdf1;border:1px solid #8da077;border-radius:999px;justify-self:start;padding:8px 14px;font-size:12px;font-weight:800}.fr-hud>div:nth-child(2){justify-items:center;display:grid}.fr-hud>div:nth-child(2) span{color:#bd624b;letter-spacing:.18em;font-size:10px;font-weight:900}.fr-hud>div:nth-child(2) strong{font-size:clamp(16px,2vw,24px)}.fr-status{align-items:center;gap:14px;display:flex}.fr-status b{color:#fff8dc;text-align:center;background:#3f7350;border-radius:999px;min-width:58px;padding:7px 10px;font-size:13px}.fr-hearts{gap:3px;display:flex}.fr-hearts i{color:#c7c8b7;font-size:20px;font-style:normal;transition:color .2s,transform .25s}.fr-hearts i.alive{color:#dc5c4d;transform:scale(1.06)}.fr-stage{isolation:isolate;background:#8db472;height:calc(100dvh - 74px);min-height:600px;position:relative;overflow:hidden}.fr-phaser-host,.fr-phaser-host>canvas{width:100%!important;height:100%!important}.fr-phaser-host>canvas{object-fit:contain;touch-action:none;display:block}.fr-overlay{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(120deg,#1f4330bd,#4c5f2d6b);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.fr-ready{background:linear-gradient(125deg,#1f4230c9,#5f6f377a),url(/chuanyue-yuwen/flower-road-opening-atlas-v1.png) 0%/200% 100% no-repeat}.fr-ready>div{color:#2d4435;background:#fffbe4f2;border:3px solid #fff9d3c7;border-radius:28px;width:min(690px,100%);padding:clamp(26px,5vw,56px);box-shadow:0 32px 100px #2236225c}.fr-ready span,.fr-briefing span,.fr-fail>span,.fr-cutscene-copy span,.fr-ending-copy>span{color:#c85f45;letter-spacing:.16em;font-size:11px;font-weight:900}.fr-ready h1{letter-spacing:-.07em;margin:8px 0 14px;font-size:clamp(40px,6vw,72px)}.fr-ready p{color:#5c695b;max-width:590px;margin:0;line-height:1.8}.fr-ready ul{grid-template-columns:repeat(3,1fr);gap:8px;margin:23px 0;padding:0;list-style:none;display:grid}.fr-ready li{color:#50614e;text-align:center;background:#f5f2d8;border:1px solid #d6cda9;border-radius:13px;padding:12px;font-size:12px;font-weight:800}.fr-overlay button,.fr-cutscene button,.fr-ending button{color:#fff9df;cursor:pointer;background:#3f7550;border:1px solid #27543a;border-radius:12px;min-height:46px;padding:11px 20px;font-weight:900;box-shadow:0 5px #27543a}.fr-overlay button.secondary,.fr-ending button.secondary{color:#385241;background:#fffbea;border-color:#94a176;box-shadow:0 5px #b7b28e}.fr-cutscene{z-index:31;background:#e9d6a7;display:grid;position:absolute;inset:0;overflow:hidden}.fr-opening-art{background-image:url(/chuanyue-yuwen/flower-road-opening-atlas-v1.png);background-repeat:no-repeat;background-size:200% 100%;animation:3.8s ease-out both fr-scene-breathe;position:absolute;inset:0}.fr-opening-art.step-0{transform-origin:58% 43%;background-position:0%}.fr-opening-art.step-1{transform-origin:55% 38%;background-position:100%}.fr-cutscene:after{content:"";pointer-events:none;background:linear-gradient(#0000,#182219b3 68%,#141d16e8);position:absolute;inset:40% 0 0}.fr-cutscene-copy{z-index:2;color:#fffbe7;text-align:center;align-self:end;width:min(790px,100% - 48px);margin:0 auto clamp(30px,6vh,66px);animation:.65s ease-out both fr-copy-rise;position:relative}.fr-cutscene-copy h2{text-shadow:0 3px 18px #101812b3;margin:8px 0;font-family:serif;font-size:clamp(26px,4vw,48px)}.fr-cutscene-copy p{text-shadow:0 2px 9px #101812cc;margin:0 auto 19px;line-height:1.7}.fr-skip{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;position:absolute;top:20px;right:22px;min-height:36px!important;box-shadow:none!important;background:#1d2e2299!important;border-color:#ffffff73!important;border-radius:999px!important;padding:7px 13px!important}.fr-briefing{color:#314638;background:radial-gradient(circle at 50% 45%,#fffad9fa,#d2e5b8f0);grid-template-columns:minmax(240px,460px) minmax(300px,560px);gap:clamp(20px,5vw,70px);padding:clamp(24px,6vw,80px)}.fr-bike-preview{aspect-ratio:.67;filter:drop-shadow(0 24px 24px #2d3d2638);background:url(/chuanyue-yuwen/mole-motorcycle-rear-straight-v2.png) 50%/contain no-repeat;justify-self:end;width:min(430px,44vw);animation:2.2s ease-in-out infinite fr-bike-idle}.fr-briefing>div:last-child{max-width:540px}.fr-briefing h2{margin:8px 0 14px;font-family:serif;font-size:clamp(32px,5vw,58px);line-height:1.1}.fr-briefing p{color:#5a6a5c;margin:0 0 25px;line-height:1.8}.fr-live-tags{z-index:25;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:16px;left:18px}.fr-live-tags span{color:#fff9dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a4a36d6;border:1px solid #ffffffa8;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850;box-shadow:0 7px 18px #2837212e}.fr-live-tags .red{background:#a83a2eeb;animation:.7s ease-in-out infinite alternate fr-signal-pulse}.fr-live-tags .green{background:#348044eb}.fr-live-tags .boost{color:#573a17;background:#ffd35ef0;animation:.42s ease-in-out infinite alternate fr-boost-pulse}.fr-minimap{z-index:25;color:#fdf7d7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);text-align:center;pointer-events:none;background:#264030d6;border:1px solid #ffffffad;border-radius:20px;width:142px;padding:11px 12px 9px;position:absolute;top:18px;right:18px;box-shadow:0 12px 34px #1c2c2140}.fr-minimap strong{letter-spacing:.13em;font-size:12px;display:block}.fr-minimap svg{width:92px;height:126px;margin:3px auto;display:block;overflow:visible}.fr-minimap path{fill:none;stroke:#d8cda3;stroke-width:5px;stroke-linecap:round}.fr-minimap path.main{stroke:#fff6d7;stroke-width:7px}.fr-minimap circle{fill:#f3bd45;stroke:#fff9db;stroke-width:2.5px;filter:drop-shadow(0 0 5px #ffd153)}.fr-minimap small{color:#dfe7ca;font-size:9px;display:block}.fr-mobile-controls{z-index:26;grid-template-columns:72px 86px 132px 72px;gap:10px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.fr-mobile-controls button{color:#fff9da;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;cursor:pointer;background:#2d4c39db;border:2px solid #fffadad1;border-radius:18px;height:58px;font-size:24px;font-weight:900;box-shadow:0 8px 22px #22331f42}.fr-mobile-controls .bell{color:#5a3a19;background:#f7c44ef2;font-size:14px}.fr-mobile-controls .brake{color:#fff9e4;background:#ad4c3bf0;font-size:14px}.fr-fail{color:#334638;background:#233628d1}.fr-fail-card{background:#fff9df;border:4px solid #fffadbe0;border-radius:28px;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);width:min(1060px,94vw);max-height:86vh;animation:.72s cubic-bezier(.2,1.2,.4,1) both fr-rescue-arrive;display:grid;overflow:hidden;box-shadow:0 35px 110px #15231873}.fr-fail-art{background-position:50%;background-size:cover;min-height:540px}.fr-fail-copy{text-align:left;align-content:center;padding:clamp(28px,4vw,52px);display:grid}.fr-fail-copy>span{color:#c85f45;letter-spacing:.16em;font-size:11px;font-weight:900}.fr-fail h2{margin:9px 0 12px;font-family:serif;font-size:clamp(34px,4vw,55px);line-height:1.06}.fr-fail p{color:#687060;max-width:520px;margin:0 0 26px;line-height:1.75}.fr-fail-copy>div:last-child,.fr-ending-copy>div:last-child{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fr-ending{z-index:32;background:#e8efd4;grid-template-columns:minmax(0,1.55fr) minmax(360px,.65fr);animation:1.2s ease-out both fr-ending-flash;display:grid;position:absolute;inset:0}.fr-ending-art{background-image:url(/chuanyue-yuwen/flower-road-ending-atlas-v1.png);background-repeat:no-repeat;background-size:300% 200%;min-width:0;min-height:100%;animation:6s ease-out both fr-ending-camera}.ending-0 .fr-ending-art{transform-origin:73%;animation-name:fr-squirrel-approach}.ending-5 .fr-ending-art{animation-name:fr-wide-pull}.fr-ending-copy{z-index:2;background:#fffbe6f7;align-content:center;padding:clamp(28px,5vw,68px);display:grid;position:relative;box-shadow:-24px 0 60px #2d40222e}.fr-ending-copy h1{letter-spacing:-.06em;margin:12px 0 17px;font-family:serif;font-size:clamp(38px,5vw,68px);line-height:1.05}.fr-ending-copy p{color:#59675a;margin:0 0 28px;font-size:clamp(15px,1.35vw,19px);line-height:1.85}.ending-5 .fr-ending-copy p{color:#3e6448;border-left:5px solid #d76547;padding-left:17px;font-family:serif;font-size:clamp(19px,2vw,29px);font-weight:800}.fr-ending-dots{gap:7px;margin:16px 0 4px;display:flex}.fr-ending-dots i{background:#d8d5bb;border-radius:999px;width:26px;height:5px}.fr-ending-dots i.seen{background:#d86c4e}@keyframes fr-scene-breathe{0%{filter:brightness(.86);scale:1.07}to{filter:brightness();scale:1}}@keyframes fr-copy-rise{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}@keyframes fr-bike-idle{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes fr-signal-pulse{0%{box-shadow:0 0 #ef594800}to{box-shadow:0 0 24px #ef5948b8}}@keyframes fr-boost-pulse{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes fr-rescue-arrive{0%{opacity:0;transform:translate(-90px)rotate(-18deg)scale(.4)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes fr-ending-flash{0%{opacity:0;filter:brightness(2)}to{opacity:1;filter:brightness()}}@keyframes fr-ending-camera{0%{background-size:324% 216%}to{background-size:300% 200%}}@keyframes fr-squirrel-approach{0%{background-size:270% 180%}to{background-size:330% 220%}}@keyframes fr-wide-pull{0%{background-size:390% 260%}to{background-size:300% 200%}}@media (width<=900px){.fr-fail-card{grid-template-rows:minmax(300px,52vh) auto;grid-template-columns:1fr;overflow-y:auto}.fr-fail-art{min-height:300px}.fr-fail-copy{padding:26px}.fr-ending{grid-template-rows:minmax(50%,1.2fr) minmax(0,.8fr);grid-template-columns:1fr;overflow-y:auto}.fr-ending-art{min-height:50dvh}.fr-ending-copy{padding:27px;box-shadow:0 -18px 50px #2d40222e}.fr-ending-copy h1{font-size:42px}.fr-briefing{grid-template-columns:minmax(180px,.7fr) 1fr;gap:20px}.fr-bike-preview{width:min(330px,38vw)}}@media (width<=620px){.fr-hud{grid-template-columns:88px 1fr auto;min-height:64px;padding:7px 8px}.fr-hud>button{padding:7px 9px;font-size:10px}.fr-hud>div:nth-child(2) span{display:none}.fr-hud>div:nth-child(2) strong{font-size:13px}.fr-status{gap:5px}.fr-status b{min-width:42px;padding:5px;font-size:10px}.fr-hearts i{font-size:15px}.fr-stage{height:calc(100dvh - 64px);min-height:550px}.fr-ready ul{grid-template-columns:1fr}.fr-ready>div{padding:25px 22px}.fr-ready h1{font-size:42px}.fr-briefing{text-align:center;grid-template-columns:1fr;align-content:center;gap:8px;padding:22px}.fr-bike-preview{justify-self:center;width:160px}.fr-briefing h2{font-size:34px}.fr-briefing p{font-size:13px}.fr-live-tags{top:8px;left:8px}.fr-live-tags span{padding:5px 8px;font-size:9px}.fr-minimap{border-radius:14px;width:96px;padding:7px;top:54px;right:8px}.fr-minimap svg{width:60px;height:86px}.fr-minimap small{display:none}.fr-mobile-controls{grid-template-columns:54px 66px 104px 54px;gap:6px;bottom:10px}.fr-mobile-controls button{height:52px}.fr-mobile-controls .bell,.fr-mobile-controls .brake{padding:4px;font-size:11px}.fr-fail-card{width:calc(100vw - 24px);max-height:calc(100dvh - 90px)}.fr-fail h2{font-size:34px}.fr-cutscene-copy{width:calc(100% - 26px);margin-bottom:25px}.fr-cutscene-copy h2{font-size:29px}.fr-cutscene-copy p{font-size:13px}.fr-ending-copy h1{font-size:34px}.fr-ending-copy p{font-size:14px}}@media (prefers-reduced-motion:reduce){.fr-opening-art,.fr-bike-preview,.fr-ending,.fr-ending-art,.fr-live-tags .red,.fr-live-tags .boost{animation:none!important}}}@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#090b0e;--panel:#11161b;--panel-strong:#171d22;--line:#cddae030;--line-strong:#cddae061;--text:#edf0ef;--muted:#9ca7a8;--accent:#d89b4b;--accent-strong:#f0b65e;--danger:#bb5c52;--radius:8px}html,body{background:var(--ink);min-height:100%;color:var(--text);margin:0}body{font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", sans-serif;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}button:active:not(:disabled){transform:translateY(1px)}.intro-screen{background:#080b0f url(/farstar-battlefield.png) 50%/cover no-repeat;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:end;min-height:100dvh;padding:clamp(28px,5vw,76px);display:grid;position:relative;overflow:hidden}.intro-scrim{background:linear-gradient(90deg,#050709e6 0%,#05070957 55%,#050709d1 100%),linear-gradient(#0000 44%,#050709c2);position:absolute;inset:0}.intro-content,.intro-rules{z-index:1;position:relative}.intro-content{max-width:720px;padding-bottom:3vh}.intro-kicker{color:var(--accent-strong);font:600 12px/1 var(--font-geist-mono);letter-spacing:.18em;margin:0 0 12px}.intro-content h1{letter-spacing:-.08em;margin:0;font-size:clamp(64px,9vw,136px);font-weight:770;line-height:.92}.intro-copy{color:#c7cecf;max-width:560px;margin:28px 0 30px;font-size:clamp(16px,1.5vw,21px);line-height:1.7}.primary-button{border-radius:var(--radius);background:var(--accent);color:#17110a;cursor:pointer;border:1px solid #f2c27a;min-width:164px;padding:14px 24px;font-weight:760;transition:transform .18s,background .18s;box-shadow:inset 0 1px #ffffff59,0 18px 42px #1a11064d}.primary-button:hover{background:var(--accent-strong);transform:translateY(-2px)}.intro-rules{border:1px solid var(--line-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d10d1;align-self:end;width:min(100%,440px);margin-left:auto;padding:26px;box-shadow:inset 0 1px #ffffff14}.intro-rules h2{letter-spacing:.08em;margin:0 0 20px;font-size:16px}.intro-rules div{border-top:1px solid var(--line);grid-template-columns:92px 1fr;gap:14px;padding:14px 0;display:grid}.intro-rules b{color:var(--accent-strong);font-size:13px}.intro-rules span{color:#b8c0c1;font-size:13px;line-height:1.55}.game-shell{background:var(--ink);min-height:100dvh;position:relative;overflow:hidden}.game-background{filter:saturate(.72);pointer-events:none;background:linear-gradient(#06080bab,#06080bd6),url(/farstar-battlefield.png) 50%/cover no-repeat;position:fixed;inset:0}.game-background:after{content:"";background:radial-gradient(circle at 50% 45%,#0000 0,#05070933 45%,#050709b3 100%);position:absolute;inset:0}.game-header{z-index:4;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b0eeb;grid-template-columns:180px 1fr 180px;align-items:center;height:68px;padding:0 20px;display:grid;position:relative}.brand-block{letter-spacing:-.04em;align-items:baseline;gap:7px;display:flex}.brand-block span{color:var(--muted);font-size:13px}.brand-block strong{font-size:22px}.round-block{text-align:right;grid-template-columns:auto auto;justify-self:end;align-items:baseline;column-gap:9px;display:grid}.round-block span,.round-block small{color:var(--muted);font:11px/1.4 var(--font-geist-mono)}.round-block b{color:var(--accent-strong);font:22px/1 var(--font-geist-mono)}.round-block small{grid-column:1/-1}.alert-track{justify-self:center;align-items:center;gap:16px;display:flex}.alert-title{color:#c1c8c9;letter-spacing:.12em;font-size:12px}.alert-pips{gap:5px;display:flex}.alert-pips span{border:1px solid var(--line);color:#727d7f;width:27px;height:25px;font:10px/1 var(--font-geist-mono);background:#0b0f12;border-radius:4px;place-items:center;transition:all .25s;display:grid}.alert-pips span.lit{color:#1a1009;background:var(--accent);border-color:#d49b50;box-shadow:inset 0 1px #ffffff59}.alert-pips span.threshold{border-bottom-color:var(--danger)}.battle-layout{z-index:2;grid-template-columns:minmax(760px,1fr) 250px;min-height:calc(100dvh - 68px);display:grid;position:relative}.battle-main{grid-template-rows:80px minmax(330px,1fr) 80px 184px;min-width:0;display:grid}.enemy-command,.player-command{align-items:center;gap:18px;padding:8px 18px;display:grid}.enemy-command{grid-template-columns:1fr auto 1fr}.player-command{grid-template-columns:auto minmax(220px,1fr) auto auto}.enemy-command{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0a0d10a8,#0a0d1038)}.player-command{border-top:1px solid var(--line);background:#0a0d10b8}.core{border:1px solid var(--line-strong);border-radius:var(--radius);width:230px;min-height:62px;color:var(--text);text-align:left;background:#12171beb;grid-template-columns:1fr auto;align-items:center;gap:1px 12px;padding:9px 12px;transition:all .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0f}.core:disabled{opacity:1}.core-kicker{color:var(--muted);letter-spacing:.12em;font-size:9px}.core strong{grid-column:1;font-size:14px}.core-hp{color:#aeb6b6;font:11px/1 var(--font-geist-mono);grid-area:1/2/3}.core-hp b{color:#f1ede7;text-align:right;font-size:24px;display:block}.core-shield{border:1px solid var(--accent);color:#1b1108;background:var(--accent-strong);border-radius:4px;padding:3px 6px;font-size:9px;font-weight:700;position:absolute;top:-8px;right:-8px}.core.targetable{cursor:pointer;border-color:var(--accent-strong);box-shadow:inset 0 0 0 1px #f0b65e40,0 0 0 4px #d89b4b1a}.core.targetable:hover{background:#242018;transform:translateY(-2px)}.enemy-hand{justify-self:start;align-items:center;padding-left:8px;display:flex}.enemy-hand span{background:repeating-linear-gradient(135deg,#2a251f,#2a251f 4px,#16191b 4px 8px);border:1px solid #5e4b35;border-radius:4px;width:24px;height:42px;margin-left:-8px;box-shadow:2px 1px 6px #00000059}.energy{color:#b8c1c1;font:12px/1 var(--font-geist-mono);grid-template-columns:auto auto auto;justify-self:end;align-items:baseline;column-gap:3px;display:grid}.energy-value{color:var(--accent-strong);font-size:28px}.energy-separator{color:#626d6e}.energy small{color:#7f898b;text-align:right;letter-spacing:.08em;grid-column:1/-1;font-size:9px}.lanes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;padding:8px 12px;display:grid}.lane{border:1px solid var(--line);border-radius:var(--radius);background:#0c101380;grid-template-rows:22px 1fr 18px 1fr 26px;min-width:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.lane h2{color:#929d9f;font:10px/1.2 var(--font-geist-mono);letter-spacing:.08em;background:#080b0eb3;margin:0;padding:5px 9px}.lane-zone{justify-content:center;align-items:center;gap:7px;min-height:122px;padding:7px;display:flex}.enemy-zone{align-items:flex-start}.player-zone{align-items:flex-end}.empty-rank{color:#b4bfc054;letter-spacing:.08em;font-size:10px}.lane-divider{place-items:center;display:grid;position:relative}.lane-divider:before{content:"";background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0}.lane-divider span{border:1px solid var(--line);color:#7d8788;width:24px;height:18px;font:9px/1 var(--font-geist-mono);background:#0d1114;border-radius:4px;place-items:center;display:grid;position:relative}.deploy-button{border:0;border-top:1px solid var(--line);color:#677274;background:#090c0fbf;font-size:10px}.deploy-button.enabled{cursor:pointer;color:#17110a;background:var(--accent);font-weight:750}.deploy-button.enabled:hover{background:var(--accent-strong)}.unit{border:1px solid var(--line-strong);border-radius:var(--radius);width:min(112px,46%);height:120px;color:var(--text);text-align:left;cursor:pointer;background:#12171a;flex:0 112px;padding:0;transition:transform .18s,border-color .18s,filter .18s;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000042}.unit:hover{transform:translateY(-3px)}.unit-art{filter:saturate(.86)contrast(1.06);background-image:linear-gradient(#0000 40%,#11171a 100%),url(/farstar-battlefield.png);background-size:420%;position:absolute;inset:0 0 36px}.unit-name{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:720;position:absolute;bottom:20px;left:7px;right:6px;overflow:hidden}.unit-class{color:var(--muted);font:8px/1 var(--font-geist-mono);position:absolute;bottom:7px;left:7px}.unit-stats{gap:4px;display:flex;position:absolute;bottom:5px;right:6px}.unit-stats b{border:1px solid var(--line-strong);color:#e7eceb;width:20px;height:20px;font:11px/1 var(--font-geist-mono);background:#0a0e11;border-radius:4px;place-items:center;display:grid}.unit-stats b:last-child{color:#e4a89e}.unit-state{color:#9aa4a5;background:#07090bcc;border-radius:3px;padding:3px 5px;font-size:8px;position:absolute;top:5px;right:5px}.unit:not(.ready){filter:grayscale(.32)brightness(.76)}.unit.ready{border-bottom-color:var(--accent)}.unit.selected{border-color:var(--accent-strong);transform:translateY(-5px);box-shadow:0 0 0 3px #d89b4b24,0 12px 24px #00000059}.unit.targetable{border-color:#c76a5f}.class-assault .unit-art{box-shadow:inset 3px 0 #a96255}.class-armor .unit-art{box-shadow:inset 3px 0 #8f9da0}.class-psi .unit-art{box-shadow:inset 3px 0 #d0a55e}.turn-instruction{color:#bdc5c5;text-align:center;justify-content:center;justify-self:stretch;align-items:center;gap:10px;min-width:0;font-size:12px;display:flex}.turn-instruction button{border:1px solid var(--line);color:#adb5b5;cursor:pointer;background:#151a1e;border-radius:4px;padding:4px 7px;font-size:10px}.end-turn{border-radius:var(--radius);color:#1b1208;background:var(--accent);cursor:pointer;border:1px solid #e2ac62;justify-self:end;min-width:106px;padding:11px 16px;font-weight:760}.end-turn:hover:not(:disabled){background:var(--accent-strong)}.end-turn:disabled{cursor:not-allowed;color:#6c7475;border-color:var(--line);background:#171c20}.player-command .core{justify-self:start}.player-command .turn-instruction{grid-column:2}.player-command .energy{justify-self:end}.player-command .end-turn{grid-column:4}.hand-area{border-top:1px solid var(--line);background:#080b0ee8;align-items:flex-end;min-width:0;padding:9px 12px 12px;display:flex;position:relative}.hand-cards{scrollbar-color:#554633 #15191c;align-items:flex-end;gap:8px;min-width:0;padding:2px 96px 3px 2px;display:flex;overflow-x:auto}.card{border-radius:var(--radius);width:118px;height:158px;color:var(--text);text-align:left;cursor:pointer;background:#12171a;border:1px solid #576164;flex:0 0 118px;padding:0;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s;position:relative;overflow:hidden;box-shadow:0 10px 22px #00000052}.card:hover{border-color:#8c989a;transform:translateY(-7px)}.card.selected{border-color:var(--accent-strong);transform:translateY(-12px);box-shadow:0 0 0 3px #d89b4b21,0 16px 28px #0000006b}.card.unaffordable:not(.selected){filter:grayscale(.5)brightness(.62)}.card-cost{z-index:2;color:#1a1107;background:var(--accent-strong);width:27px;height:27px;font:700 13px/1 var(--font-geist-mono);border:1px solid #efc27f;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;left:5px;box-shadow:0 3px 7px #0006}.card-art{filter:saturate(.87)contrast(1.1);background-image:linear-gradient(#0000 38%,#12171a 100%),url(/farstar-battlefield.png);background-size:400%;position:absolute;inset:0 0 73px}.card-body{flex-direction:column;display:flex;position:absolute;inset:82px 7px 7px}.card-meta{color:var(--accent-strong);font:7px/1.3 var(--font-geist-mono);letter-spacing:.08em}.card-body strong{margin-top:3px;font-size:11px}.card-description{color:#9ea8a9;margin-top:4px;font-size:8px;line-height:1.35}.card-stats{z-index:3;gap:3px;display:flex;position:absolute;top:54px;right:5px}.card-stats b{border:1px solid var(--line-strong);color:#edf0ef;width:21px;height:21px;font:10px/1 var(--font-geist-mono);background:#0a0e11;border-radius:4px;place-items:center;display:grid}.card-stats b:last-child{color:#e4a89e}.card-tactic{border-bottom-color:#ad6358}.card-reaction{border-bottom-color:#8d9fa4}.card-technology{border-bottom-color:var(--accent)}.special-action{z-index:3;border-radius:var(--radius);color:#1b1108;background:var(--accent-strong);cursor:pointer;border:1px solid #efc27f;width:118px;padding:11px;font-weight:760;position:absolute;bottom:18px;right:16px;box-shadow:0 10px 24px #0000005c}.special-action:disabled{color:#747b7c;border-color:var(--line);background:#171c20}.empty-hand{color:var(--muted);align-self:center;font-size:12px}.battle-log{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b0ee6;min-width:0;padding:18px 16px}.log-heading{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;padding-bottom:16px;display:grid}.log-heading span{font-size:13px;font-weight:720}.log-heading b{color:var(--accent-strong);font:20px/1 var(--font-geist-mono)}.log-heading small{color:var(--muted);grid-column:2;font-size:8px}.log-entries{min-height:340px;padding-top:5px}.log-entries p{color:#7f8b8d;border-bottom:1px solid #cddae014;margin:0;padding:9px 0;font-size:10px;line-height:1.45}.log-entries p.latest{color:#d8dcdb}.counter-legend{border:1px solid var(--line);border-radius:var(--radius);color:#a9b2b3;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:20px;padding:12px 8px;font-size:9px;display:flex}.counter-legend i{color:var(--accent-strong);font-style:normal}.crisis-banner{z-index:12;border-radius:var(--radius);color:#f1e9e6;background:#481b19f0;border:1px solid #b66a60;width:min(560px,100vw - 32px);padding:13px 18px;animation:.42s cubic-bezier(.16,1,.3,1) crisis-in;position:fixed;top:86px;left:50%;transform:translate(-50%);box-shadow:0 18px 46px #00000080,inset 0 1px #ffffff1f}.crisis-banner span{color:#dfa79f;font:9px/1.3 var(--font-geist-mono);letter-spacing:.15em;display:block}.crisis-banner strong{margin-top:4px;font-size:14px;display:block}.result-overlay{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050709d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.result-panel{border:1px solid var(--line-strong);border-radius:var(--radius);text-align:center;background:#12171a;width:min(520px,100%);padding:34px;box-shadow:inset 0 1px #ffffff12,0 30px 80px #0000008c}.result-panel>span{color:var(--accent-strong);font:10px/1 var(--font-geist-mono);letter-spacing:.14em}.result-panel h2{margin:14px 0 10px;font-size:28px}.result-panel p{color:var(--muted);margin:0 0 24px;font-size:13px}@keyframes crisis-in{0%{opacity:0;transform:translate(-50%,-18px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=1100px){.battle-layout{grid-template-columns:1fr}.battle-log{display:none}.battle-main{grid-template-rows:76px minmax(360px,1fr) 78px 182px}}@media (width<=760px){.intro-screen{grid-template-columns:1fr;align-items:end;padding:24px 18px}.intro-content{padding-bottom:20px}.intro-content h1{font-size:clamp(58px,20vw,92px)}.intro-rules{margin:0;padding:16px}.intro-rules div{grid-template-columns:78px 1fr;padding:10px 0}.game-shell{overflow:auto}.game-header{grid-template-columns:auto 1fr auto;height:60px;padding:0 10px;position:sticky;top:0}.brand-block span,.round-block span,.round-block small,.alert-title{display:none}.brand-block strong{font-size:16px}.alert-track{gap:0}.alert-pips{gap:3px}.alert-pips span{width:21px;height:21px;font-size:8px}.round-block{gap:3px;display:flex}.battle-main{grid-template-rows:74px auto 110px 176px;min-height:calc(100dvh - 60px)}.enemy-command,.player-command{gap:8px;padding:7px 8px}.enemy-command{grid-template-columns:auto 1fr auto}.enemy-hand{display:none}.core{width:142px;min-height:56px;padding:7px 8px}.core-kicker{display:none}.core strong{font-size:10px}.core-hp b{font-size:18px}.energy-value{font-size:21px}.lanes{grid-template-columns:repeat(3,minmax(130px,1fr));padding:6px;overflow-x:auto}.lane{min-height:350px}.lane-zone{gap:4px;min-height:130px;padding:5px}.unit{width:min(94px,48%);height:112px}.player-command{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto}.player-command .turn-instruction{grid-area:2/1/auto/-1;font-size:10px}.player-command .end-turn{grid-area:1/3;min-width:88px;padding:10px 8px;font-size:11px}.player-command .energy{display:none}.hand-area{padding:8px}.hand-cards{padding-right:80px}.card{flex-basis:108px;width:108px;height:148px}.card-body{top:78px}.special-action{width:108px;bottom:12px;right:9px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}.account-page{--account-ink:#102d29;--account-paper:#f6f0df;--account-coral:#e76f51;color:#f8f1df;background:radial-gradient(circle at 16% 14%,#367768 0,#0000 32%),linear-gradient(135deg,#0d2926,#173e36 60%,#0a2422);grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:center;gap:clamp(32px,7vw,110px);min-height:100dvh;padding:clamp(28px,6vw,90px);display:grid;position:relative;overflow:hidden}.account-page button,.account-page input{font:inherit}.account-orbit{pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;position:absolute}.account-orbit:after{content:"";background:#f3c969;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 28px #f3c969}.orbit-one{width:620px;height:620px;bottom:-290px;left:-260px;transform:rotate(18deg)}.orbit-one:after{top:80px;right:80px}.orbit-two{width:360px;height:360px;top:-180px;right:18%;transform:rotate(-32deg)}.orbit-two:after{background:var(--account-coral);width:9px;height:9px;box-shadow:0 0 24px var(--account-coral);bottom:70px;left:28px}.account-intro,.account-panel{z-index:1;position:relative}.account-intro{max-width:690px}.account-mark{background:#ffffff14;border:1px solid #ffffff4d;border-radius:20px 20px 20px 6px;place-items:center;width:64px;height:64px;margin-bottom:28px;display:grid;box-shadow:inset 0 1px #fff3}.account-mark span{color:#f4cb70;letter-spacing:-.08em;font-weight:900}.account-eyebrow{color:#a9c9be;letter-spacing:.16em;margin:0 0 13px;font-size:11px;font-weight:800}.account-intro h1{letter-spacing:-.075em;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(54px,7.3vw,104px);font-weight:800;line-height:.98}.account-intro>p:not(.account-eyebrow){color:#c7d9d3;max-width:570px;margin:28px 0 0;font-size:clamp(15px,1.45vw,20px);line-height:1.75}.account-worlds{flex-wrap:wrap;gap:9px;margin-top:36px;display:flex}.account-worlds span{color:#cfe0da;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;padding:8px 12px;font-size:11px}.account-panel{width:min(100%,480px);min-height:600px;color:var(--account-ink);background:var(--account-paper);border:1px solid #ffffffb8;border-radius:28px;justify-self:end;padding:clamp(24px,4vw,44px);box-shadow:0 36px 100px #02110f6b,inset 0 1px #fff}.account-return{color:#72827d;border-bottom:1px solid #d8d1be;justify-content:space-between;gap:16px;padding-bottom:18px;font-size:11px;display:flex}.account-return strong{color:#2b5148}.account-tabs{background:#e5dfcf;border-radius:12px;grid-template-columns:1fr 1fr;margin:25px 0;padding:4px;display:grid}.account-tabs button{color:#70817b;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px;font-size:12px;font-weight:850}.account-tabs button.active{color:#fffaf0;background:#245e52;box-shadow:0 5px 14px #194a4033}.account-heading>span{color:#c45b41;letter-spacing:.12em;font-size:10px;font-weight:900}.account-heading h2{letter-spacing:-.04em;margin:7px 0 6px;font-family:Songti SC,STSong,serif;font-size:37px}.account-heading p{color:#6f7f79;margin:0 0 22px;font-size:12px}.account-form{gap:14px;display:grid}.account-form label{color:#4b625b;gap:7px;font-size:11px;font-weight:800;display:grid}.account-form input{color:#173f36;background:#fffdf6;border:1px solid #c9c2af;border-radius:11px;outline:none;width:100%;height:48px;padding:0 13px}.account-form input:focus{border-color:#2f7b69;box-shadow:0 0 0 3px #2f7b6921}.account-primary{color:#fffaf0;background:var(--account-coral);cursor:pointer;border:0;border-radius:11px;width:100%;min-height:50px;margin-top:8px;font-weight:900;box-shadow:0 6px #a74432}.account-primary:hover{background:#f07a5c}.account-primary:disabled{opacity:.6;cursor:wait}.account-error{color:#8d3027;background:#f8ddd3;border-left:4px solid #c64b3b;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.account-privacy{color:#81908b;text-align:center;margin:18px 0 0;font-size:10px;line-height:1.6}.account-loading{color:#71827c;justify-content:center;align-items:center;gap:12px;min-height:470px;font-size:12px;display:flex}.account-loading i{border:3px solid #d8d2c2;border-top-color:#2d7565;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite account-spin}.account-signed-in{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:470px;display:flex}.account-avatar{color:#fff9e9;background:#2d7565;border-radius:30px 30px 30px 8px;place-items:center;width:88px;height:88px;font:900 34px/1 serif;display:grid;box-shadow:0 13px 34px #1b53463d}.account-signed-in p{color:#77857f;margin:24px 0 4px;font-size:11px}.account-signed-in h2{margin:0;font:800 34px/1.2 Songti SC,serif}.account-signed-in>span{color:#82908c;margin-top:6px;font-size:12px}.account-signed-in .account-primary{margin-top:32px}.account-link{color:#4c7067;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin-top:18px;font-size:11px;text-decoration:underline}@keyframes account-spin{to{transform:rotate(360deg)}}@media (width<=860px){.account-page{grid-template-columns:1fr;gap:34px;padding:28px 16px}.account-intro{padding:16px 8px 0}.account-intro h1{font-size:clamp(48px,14vw,72px)}.account-intro>p:not(.account-eyebrow){font-size:15px}.account-panel{border-radius:22px;justify-self:stretch;width:100%;min-height:auto}}@media (prefers-reduced-motion:reduce){.account-loading i{animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:#071619;margin:0}button,input{font:inherit}button{color:inherit}.sx-game{--ink:#eef8ef;--muted:#a9c4bc;--gold:#eac267;--jade:#7dc9af;width:100%;min-height:100dvh;color:var(--ink);background:var(--chapter-a);font-family:Noto Sans SC,system-ui,sans-serif;position:relative;overflow:hidden}.sx-game button{cursor:pointer;border:0}.sx-game button:disabled{cursor:not-allowed;opacity:.42}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(140deg,#0d2526e8,#08191edb);border:1px solid #cee6cd26;box-shadow:0 25px 80px #0000005c,inset 0 1px #ffffff0d}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.sx-primary{background:linear-gradient(135deg,#f2d681,#cfa75c);border-radius:8px;min-height:44px;padding:0 20px;font-weight:800;box-shadow:0 8px 24px #dcb15c2e;color:#13231f!important}.sx-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.sx-close{z-index:5;color:#d7e9e2;background:#ffffff12;border-radius:50%;width:38px;height:38px;font-size:24px;position:absolute;top:18px;right:18px}.sx-world{position:absolute;inset:0}.sx-world:after{content:"";pointer-events:none;background:linear-gradient(#030a0d40,#0000 30% 70%,#030a0d73);position:absolute;inset:0}.sx-hud{z-index:10;border-radius:12px;align-items:center;gap:22px;height:68px;padding:10px 12px 10px 18px;display:flex;position:absolute;top:18px;left:24px;right:24px}.sx-logo{text-align:left;background:0 0;padding:0}.sx-logo b{color:#f3d47e;letter-spacing:.12em;font-family:Ma Shan Zheng,serif;font-size:25px;display:block}.sx-logo small{color:#779b90;letter-spacing:.16em;font-size:7px}.sx-level{width:190px}.sx-level>span{font-size:12px;font-weight:800}.sx-level>i,.sx-hp>i{background:#ffffff17;border-radius:5px;height:5px;margin:5px 0 3px;display:block;overflow:hidden}.sx-level>i>b{background:linear-gradient(90deg,#78b89e,#edd074);height:100%;display:block}.sx-level small{color:#82a49a;font-size:9px;display:block}.sx-hud-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.sx-hud-actions button{color:#bfd3cd;background:#ffffff0f;border-radius:7px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700}.sx-hud-actions button:hover{background:#ffffff1c}.sx-coins{color:#f5d781;margin-right:8px;font-weight:800}.sx-title{background:#071a1c;grid-template-columns:58% 42%;min-height:100dvh;display:grid}.sx-title-art{filter:saturate(.82);background:radial-gradient(circle at 70% 30%,#0000,#071a1c 74%),url(/shanhai-og-v3.png) 50%/cover no-repeat}.sx-title-copy{z-index:2;align-self:center;width:min(520px,86%);margin-left:-80px;padding:50px 0;position:relative}.sx-title-copy h1{color:#f4dc94;letter-spacing:-.04em;text-shadow:0 10px 50px #0009;margin:14px 0 20px;font-family:Ma Shan Zheng,serif;font-size:clamp(82px,9vw,150px);font-weight:400;line-height:.68}.sx-title-copy h1 em{color:#86cbb1;margin-left:.58em;font-style:normal}.sx-title-copy>p{color:#b7cec5;max-width:460px;font-size:16px;line-height:1.85}.sx-big{min-width:210px;min-height:56px;margin-top:16px;font-size:16px}.sx-big span{padding-left:24px;font-size:22px}.sx-cloud-link{color:#a6c3b8;text-underline-offset:5px;background:0 0;margin-left:10px;padding:15px;text-decoration:underline}.sx-title-features{color:#6f9589;letter-spacing:.08em;gap:24px;margin-top:30px;font-size:11px;display:flex}.sx-map{z-index:4;border-radius:18px;width:min(980px,100% - 40px);max-height:calc(100dvh - 130px);padding:28px;position:absolute;top:106px;left:50%;overflow:auto;transform:translate(-50%)}.sx-section-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sx-section-head h2{margin:6px 0 0;font-size:27px}.sx-section-head>p,.sx-section-head strong{color:#9fb7b0;margin:6px 0;font-size:12px}.sx-section-head strong{color:var(--gold);font-size:18px}.sx-chapter-track{grid-template-columns:repeat(2,1fr);gap:8px;margin:24px 0;display:grid}.sx-chapter{color:#c5d8d1;text-align:left;background:#ffffff0b;border-radius:10px;grid-template-columns:42px 1fr 28px;align-items:center;gap:10px;min-height:62px;padding:9px 14px 9px 10px;display:grid;position:relative;border:1px solid #0000!important}.sx-chapter>span{color:#6f958a;background:#0000002e;border-radius:8px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:grid}.sx-chapter b,.sx-chapter small{display:block}.sx-chapter b{font-size:14px}.sx-chapter small{color:#718f87;letter-spacing:.08em;margin-top:2px;font-size:9px}.sx-chapter>i{font-style:normal;font-weight:900}.sx-chapter.current{background:linear-gradient(90deg,#eac26721,#ffffff08);border-color:#ebca6f6b!important}.sx-chapter.current>span{color:#172a25;background:var(--gold)}.sx-chapter.done{opacity:.68}.sx-map-cta{background:#06101361;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.sx-map-cta span,.sx-map-cta b{display:block}.sx-map-cta span{color:#789b90;font-size:10px}.sx-map-cta b{color:#e8d291;margin-top:3px;font-size:18px}.sx-map-cta p{color:#9eb6af;margin:5px 0 0;font-size:12px}.sx-dialogue{z-index:8;border-radius:17px;grid-template-columns:220px 1fr;width:min(920px,100% - 36px);min-height:240px;padding:0;display:grid;position:absolute;bottom:32px;left:50%;overflow:hidden;transform:translate(-50%)}.sx-portrait{background:radial-gradient(circle at 50% 35%,#82c9ae33,#0000 65%);min-height:240px;position:relative}.sx-portrait img{object-fit:cover;object-position:center 22%;width:100%;height:100%}.sx-portrait:after{content:"";background:linear-gradient(90deg,#0000 65%,#10272a);position:absolute;inset:0}.sx-dialogue-copy{padding:26px 30px 22px}.sx-dialogue-copy h2{color:#f2d488;margin:6px 0 8px;font-size:24px}.sx-dialogue-copy>p{min-height:64px;margin:0;font-size:17px;line-height:1.85}.sx-dialogue-foot{color:#75948b;justify-content:space-between;align-items:center;margin-top:14px;font-size:11px;display:flex}.sx-quest{z-index:5;border-radius:14px;width:315px;padding:20px;position:absolute;top:112px;left:24px}.sx-quest h3{color:#f0d489;margin:7px 0;font-size:20px}.sx-quest p{color:#adc1bb;margin:0 0 15px;font-size:12px;line-height:1.7}.sx-quest-actions{gap:7px;display:flex}.sx-quest-actions button{color:#c6d8d2;background:#ffffff12;border-radius:7px;flex:1;min-height:40px;font-size:11px;font-weight:800}.sx-controls{z-index:4;color:#9db5ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081719b3;border:1px solid #ffffff1a;border-radius:10px;padding:12px 15px;position:absolute;bottom:24px;right:24px}.sx-controls b,.sx-controls span,.sx-controls small{display:block}.sx-controls b{color:#e7d18d;letter-spacing:.12em;font-size:10px}.sx-controls span{color:#fff;letter-spacing:.18em;margin:3px 0;font-weight:800}.sx-controls small{font-size:9px}.sx-modal-back{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030a0dc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sx-auth,.sx-quiz{border-radius:18px;width:min(460px,100%);padding:34px;position:relative}.sx-auth h2,.sx-quiz h2{margin:7px 0 9px;font-size:28px}.sx-auth>p{color:#91aaa2;font-size:12px}.sx-auth label{color:#9fb6ae;margin-top:14px;font-size:11px;display:block}.sx-auth input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;outline:none;width:100%;height:45px;margin-top:6px;padding:0 13px}.sx-auth .sx-primary{width:100%;margin-top:18px}.sx-link{color:#86b9aa;background:0 0;margin:14px auto 0;font-size:11px;display:block}.sx-options{gap:9px;margin:22px 0 16px;display:grid}.sx-options button{color:#dbe8e3;text-align:left;background:#ffffff0f;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:13px;min-height:53px;padding:8px 12px;display:flex}.sx-options button:hover{background:#7fc7af21;border-color:#7fc7af59}.sx-options span{color:#f2d37c;background:#0003;border-radius:6px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.sx-error{color:#ff998c!important}.sx-success{color:#8bd7a8}.sx-battle-wrap{z-index:20;background:radial-gradient(circle at 50% 35%, var(--chapter-b), var(--chapter-a) 72%);grid-template-rows:minmax(260px,52%) minmax(0,48%);display:grid;position:fixed;inset:0}.sx-battlefield{perspective:900px;position:relative;overflow:hidden}.sx-battlefield:before{content:"";background:radial-gradient(circle at 50% 20%,#ffffff2e,#0000 55%);position:absolute;inset:0}.sx-battle-floor{background:repeating-radial-gradient(circle, #ffffff0a 0 2px, transparent 2px 64px), linear-gradient(145deg, var(--chapter-b), #182c2b);border:2px solid #e9cd8438;border-radius:50%;width:80%;height:105%;position:absolute;bottom:-38%;left:50%;transform:translate(-50%)rotateX(63deg)rotate(-2deg);box-shadow:0 0 80px #0000004d}.sx-actor{filter:drop-shadow(0 18px 15px #00000073);width:clamp(110px,15vw,190px);transition:transform .18s;position:absolute;bottom:8%}.sx-actor img{aspect-ratio:1;object-fit:cover;border:3px solid #f2d37d7a;border-radius:50%;width:100%;box-shadow:0 0 0 7px #091b1b80}.sx-actor b{background:#0b2022;border-radius:14px;margin:-4px auto 0;padding:4px 13px;font-size:11px;display:table}.sx-hero-actor{left:14%}.sx-pet-actor{width:clamp(88px,11vw,145px);bottom:5%;left:32%}.sx-enemy-actor{bottom:18%;right:17%}.hero-strike .sx-hero-actor,.pet-strike .sx-pet-actor{animation:.45s heroStrike}.enemy-strike .sx-enemy-actor{animation:.45s enemyStrike}@keyframes heroStrike{50%{transform:translate(110%,-24px)rotate(5deg)scale(1.08)}}@keyframes enemyStrike{50%{transform:translate(-100%,22px)rotate(-5deg)scale(1.08)}}.sx-battle-ui{z-index:2;border-radius:24px 24px 0 0;padding:18px clamp(18px,5vw,70px) 24px;position:relative;overflow:auto}.sx-battle-top,.sx-player-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.sx-battle-top h2{color:#f1d487;margin:3px 9px 0 0;font-size:23px;display:inline-block}.sx-battle-top p{color:#809c93;font-size:11px;display:inline}.sx-battle-top i{font-style:normal}.sx-hp{width:220px}.sx-hp>span{text-align:right;color:#9eb6ae;font-size:10px;display:block}.sx-hp>span b{color:#fff;font-size:14px}.sx-hp>i{height:7px}.sx-hp>i>b{background:linear-gradient(90deg,#68c891,#a4df9a);height:100%;display:block}.sx-hp.enemy>i>b{background:linear-gradient(90deg,#dd655b,#e9a35f)}.sx-battle-log{color:#bdd0c9;border-left:3px solid var(--gold);background:#0003;margin:10px 0 11px;padding:9px 13px;font-size:12px}.sx-player-row b,.sx-player-row small{display:block}.sx-player-row b{font-size:13px}.sx-player-row small{color:#819c93;margin-top:3px;font-size:9px}.sx-commands{grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px;margin-top:10px;display:grid}.sx-commands button{color:#d7e5df;text-align:left;background:#ffffff0e;border:1px solid #ffffff14;border-radius:8px;min-height:62px;padding:8px 8px 8px 42px;position:relative}.sx-commands button:hover{background:#ffffff1a;transform:translateY(-1px)}.sx-commands button>i,.sx-commands button>img{object-fit:cover;border-radius:50%;place-items:center;width:28px;height:28px;font-size:22px;font-style:normal;font-weight:900;display:grid;position:absolute;top:12px;left:8px}.sx-commands b,.sx-commands small{display:block}.sx-commands b{font-size:11px}.sx-commands small{color:#78958c;margin-top:3px;font-size:8px;line-height:1.45}.sx-battle-pets{color:#77958c;align-items:center;gap:6px;margin-top:9px;font-size:9px;display:flex}.sx-battle-pets button{opacity:.6;background:0 0;border-radius:50%;width:32px;height:32px;padding:0;overflow:hidden}.sx-battle-pets button.active{outline:2px solid var(--gold);opacity:1}.sx-battle-pets img{object-fit:cover;width:100%;height:100%}.sx-result{text-align:center;padding:18px 0}.sx-result h3{margin:0 0 10px;font-size:24px}.sx-shop,.sx-pets{border-radius:18px;width:min(950px,100%);max-height:calc(100dvh - 40px);padding:30px;position:relative;overflow:auto}.sx-shop-grid{gap:8px;margin-top:20px;display:grid}.sx-shop-grid article{background:#ffffff0b;border-radius:10px;grid-template-columns:54px 1fr auto;align-items:center;gap:13px;padding:12px;display:grid}.sx-item-icon{color:#e6ca7b;background:#152f2f;border-radius:9px;place-items:center;width:50px;height:50px;font-size:22px;display:grid}.sx-shop-grid h3,.sx-shop-grid p{margin:0}.sx-shop-grid h3{font-size:14px}.sx-shop-grid p,.sx-shop-grid small{color:#819f96;font-size:9px}.sx-shop-grid article>div:last-child{gap:6px;display:flex}.sx-shop-grid article>div:last-child button{color:#a9c0b8;background:#ffffff0f;border-radius:6px;min-height:36px;padding:0 12px;font-size:10px}.sx-pets>h2{margin:5px 0;font-size:28px}.sx-pets>p{color:#91aaa2;margin:0;font-size:12px}.sx-pet-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0;display:grid}.sx-pet-grid>button{color:#d8e5df;text-align:left;background:#ffffff0a;border:1px solid #ffffff12;border-radius:11px;padding:0 0 15px;position:relative;overflow:hidden}.sx-pet-grid>button.active{background:#eecf7814;border-color:#eecf78a6;transform:translateY(-4px)}.sx-pet-grid img{aspect-ratio:1;object-fit:cover;width:100%}.sx-pet-grid>button>span{background:#051214d9;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid;position:absolute;top:8px;right:8px}.sx-pet-grid h3,.sx-pet-grid>button>b,.sx-pet-grid>button>p{margin-left:12px;margin-right:12px}.sx-pet-grid h3{margin-top:9px;margin-bottom:7px;font-size:14px}.sx-pet-grid h3 small{color:#76938a;margin-top:2px;font-size:8px;font-weight:500;display:block}.sx-pet-grid>button>b{color:#e5ca7d;font-size:10px;display:block}.sx-pet-grid>button>p{color:#78958c;min-height:42px;font-size:8px;line-height:1.6}.sx-elements{justify-content:center;gap:14px;font-size:10px;font-weight:800;display:flex}.sx-ending{background:#081a1b;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.sx-ending-art{background:linear-gradient(90deg,#0000 60%,#081a1b),url(/shanhai-og-v3.png) 50%/cover}.sx-ending>.panel{border-radius:18px;align-self:center;width:min(520px,90%);margin-left:-60px;padding:42px}.sx-ending h1{color:#efd383;margin:8px 0;font-family:Ma Shan Zheng,serif;font-size:56px;font-weight:400}.sx-ending p{color:#b1c7bf;line-height:1.9}.sx-ending .panel>div{gap:12px;margin:22px 0;display:flex}.sx-ending .panel>div b{background:#ffffff0d;border-radius:8px;padding:9px 13px;font-size:11px}.sx-toast{z-index:80;color:#16231f;background:#efd47f;border-radius:22px;padding:11px 18px;font-size:11px;font-weight:800;animation:.25s toastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000059}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}}@media (width<=800px){.sx-hud{gap:8px;height:auto;min-height:58px;padding:8px;top:8px;left:8px;right:8px}.sx-logo small,.sx-level,.sx-hud-actions button:nth-of-type(3){display:none}.sx-logo b{font-size:18px}.sx-hud-actions{gap:4px}.sx-hud-actions button{min-height:34px;padding:0 8px;font-size:10px}.sx-coins{margin-right:0;font-size:11px}.sx-title{display:block}.sx-title-art{opacity:.6;background-position:58%;position:absolute;inset:0}.sx-title-copy{background:linear-gradient(90deg,#051214f0,#05121459);width:100%;min-height:100dvh;margin:0;padding:24dvh 24px 50px}.sx-title-copy h1{font-size:86px}.sx-title-features{flex-wrap:wrap;gap:10px}.sx-map{width:calc(100% - 16px);max-height:calc(100dvh - 88px);padding:18px;top:78px}.sx-chapter-track{grid-template-columns:1fr}.sx-map-cta{flex-direction:column;align-items:stretch}.sx-dialogue{grid-template-columns:95px 1fr;min-height:205px;bottom:12px}.sx-portrait{min-height:205px}.sx-dialogue-copy{padding:19px 16px}.sx-dialogue-copy h2{font-size:18px}.sx-dialogue-copy>p{min-height:78px;font-size:13px;line-height:1.7}.sx-quest{width:calc(100% - 16px);padding:14px;top:76px;left:8px}.sx-controls{bottom:8px;right:8px}.sx-battle-wrap{grid-template-rows:39% 61%}.sx-battle-floor{width:130%}.sx-hero-actor{left:6%}.sx-pet-actor{left:33%}.sx-enemy-actor{right:7%}.sx-battle-ui{padding:14px 12px 22px}.sx-battle-top p{display:none}.sx-hp{width:120px}.sx-commands{grid-template-columns:repeat(2,1fr)}.sx-shop,.sx-pets{padding:22px 14px}.sx-pet-grid{grid-template-columns:repeat(2,1fr)}.sx-pet-grid>button:last-child{grid-column:span 2}.sx-elements{flex-wrap:wrap}.sx-shop-grid article{grid-template-columns:42px 1fr}.sx-shop-grid article>div:last-child{grid-column:1/-1}.sx-ending{padding:24px;display:block}.sx-ending-art{opacity:.3;position:absolute;inset:0}.sx-ending>.panel{z-index:2;margin:20dvh auto 0;padding:28px;position:relative}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sx-v2 .sx-hud,.sx-v2 .sx-hud-actions{min-width:0}.sx-v2 .sx-hud-actions button{white-space:nowrap}.sx-prologue{background-position:70% 34%;background-size:cover;align-items:center;min-height:100dvh;animation:1.2s both sxSceneReveal;display:grid}.sx-prologue:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#040c0fc2);position:absolute;inset:0}.sx-prologue>div{z-index:2;width:min(660px,100% - 48px);margin-left:8vw;position:relative}.sx-prologue h1{color:#f3d585;margin:9px 0 10px;font-family:Ma Shan Zheng,serif;font-size:clamp(60px,7vw,106px);font-weight:400}.sx-prologue p{color:#d9e6e0;text-shadow:0 3px 16px #000c;min-height:86px;margin:0 0 20px;font-size:clamp(16px,1.7vw,22px);line-height:1.9;animation:.6s both sxTextIn}.sx-story-progress{gap:7px;margin:18px 0;display:flex}.sx-story-progress i{background:#ffffff24;border-radius:4px;width:32px;height:3px}.sx-story-progress i.active{background:#efd27d;box-shadow:0 0 10px #efd27d66}.sx-tutorial{background:radial-gradient(circle at 30% 42%,#26685f,#07191d 62%);grid-template-columns:48% 52%;align-items:center;min-height:100dvh;padding:6vw;display:grid;overflow:hidden}.sx-tutorial-visual{place-items:center;min-height:620px;display:grid;position:relative}.sx-tutorial-visual>img{z-index:2;aspect-ratio:1;object-fit:cover;filter:drop-shadow(0 35px 30px #00000073);border-radius:45% 45% 50% 50%;width:min(410px,78%);position:relative}.sx-pet-orbit{animation:30s linear infinite sxSlowSpin;position:absolute;inset:0}.sx-pet-orbit img{--angle:calc(var(--i) * 72deg);left:calc(50% + cos(var(--angle)) * 44% - 48px);top:calc(50% + sin(var(--angle)) * 44% - 48px);object-fit:cover;border:3px solid #efd37d99;border-radius:50%;width:96px;height:96px;animation:30s linear infinite reverse sxSlowSpin;position:absolute;box-shadow:0 15px 35px #00000059}.sx-tutorial>.panel{z-index:3;border-radius:20px;max-width:610px;padding:44px;position:relative}.sx-tutorial h1{color:#f0d283;margin:8px 0;font-size:clamp(34px,4vw,58px)}.sx-tutorial p{color:#bcd0c9;font-size:16px;line-height:1.85}.sx-key-guide{background:#0003;border-radius:12px;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px 12px;margin:24px 0;padding:16px;display:grid}.sx-key-guide kbd{color:#17231f;text-align:center;background:#e8cd7b;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:900;box-shadow:0 3px #8c7338}.sx-key-guide span{color:#92aea5;font-size:11px}.sx-chapter-cinematic{z-index:25;background-position:70% 30%;background-size:cover;align-items:center;animation:1.2s both sxSceneReveal;display:grid;position:fixed;inset:0}.sx-chapter-cinematic>div{width:min(620px,100% - 48px);margin-left:9vw}.sx-chapter-cinematic span{color:#e7c66c;letter-spacing:.24em;font-size:12px;font-weight:800}.sx-chapter-cinematic h1{color:#f4dda0;letter-spacing:.04em;text-shadow:0 10px 42px #000000bf;margin:8px 0 0;font-family:Ma Shan Zheng,serif;font-size:clamp(72px,9vw,136px);font-weight:400;line-height:1;animation:1s .2s both sxTitleIn}.sx-chapter-cinematic small{color:#8db0a5;letter-spacing:.22em;margin:5px 0 30px;animation:.8s .45s both sxTextIn;display:block}.sx-chapter-cinematic p{color:#d4e2dc;text-shadow:0 3px 15px #000;max-width:550px;font-size:17px;line-height:1.9;animation:.8s .7s both sxTextIn}.sx-chapter-cinematic .sx-primary{margin-top:15px;animation:.8s .95s both sxTextIn}.sx-chapter-cinematic.outro:before{content:"";background:radial-gradient(circle at 68% 36%,#eece752b,#0000 45%);position:absolute;inset:0}.sx-minimap{z-index:5;border-radius:12px;width:205px;padding:13px;position:absolute;top:112px;right:24px}.sx-minimap>b{color:#ecd181;font-size:11px;display:block}.sx-minimap>div{background:radial-gradient(circle at 28% 72%, #ffffff0f, transparent 30%), linear-gradient(135deg, var(--chapter-b), var(--chapter-a));border:1px solid #ffffff1a;border-radius:8px;height:112px;margin:8px 0;position:relative;overflow:hidden}.sx-minimap i{border:2px solid #07171a;border-radius:50%;width:9px;height:9px;display:block;position:absolute;box-shadow:0 0 9px}.sx-minimap .player{color:#fff;background:currentColor;animation:1.3s infinite sxPulse;bottom:15%;left:16%}.sx-minimap .baize{color:#fff;background:currentColor;bottom:23%;left:21%}.sx-minimap .npc{color:#6fd7d2;background:currentColor;top:47%;left:50%}.sx-minimap .treasure{color:#f3ce62;background:currentColor;top:22%;left:70%}.sx-minimap .boss{color:#e76472;background:currentColor;top:8%;right:8%}.sx-minimap small{color:#79958c;font-size:8px}.sx-interact{z-index:12;background:linear-gradient(135deg,#f4dc8d,#d5ad57);border-radius:9px;min-height:50px;padding:0 22px;font-weight:900;animation:.8s infinite alternate sxInteract;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #00000061;color:#14221e!important;border:2px solid #ffffff7a!important}.sx-system-panel{border-radius:18px;width:min(1020px,100%);max-height:calc(100dvh - 40px);padding:34px;position:relative;overflow:auto}.sx-system-panel>h2{margin:6px 0 18px;font-size:30px}.sx-status-hero{background:#ffffff0a;border-radius:12px;align-items:center;gap:18px;margin:20px 0;padding:16px;display:flex}.sx-status-hero img{object-fit:cover;border:2px solid #edcf7c73;border-radius:50%;width:105px;height:105px}.sx-status-hero h2,.sx-status-hero p{margin:0}.sx-status-hero h2 small{color:#e9cb75;font-size:13px}.sx-status-hero p{color:#89a49b;margin-top:4px;font-size:11px}.sx-stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 25px;display:grid}.sx-stat-grid article{background:#ffffff0d;border-radius:10px;padding:16px}.sx-stat-grid span,.sx-stat-grid b{display:block}.sx-stat-grid span{color:#7f9c92;letter-spacing:.12em;font-size:9px}.sx-stat-grid b{color:#f0d486;margin-top:4px;font-size:22px}.sx-skill-list{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.sx-skill-list>div{background:#ffffff0b;border-radius:9px;min-height:56px;padding:11px 12px 10px 48px;position:relative}.sx-skill-list>div.locked{filter:grayscale();opacity:.42}.sx-skill-list i{font-size:25px;font-style:normal;position:absolute;top:14px;left:14px}.sx-skill-list b,.sx-skill-list span{display:block}.sx-skill-list b{font-size:12px}.sx-skill-list span{color:#7c988f;font-size:9px}.sx-equipped{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px;display:grid}.sx-equipped>div{background:#efcf7a12;border:1px solid #efcf7a2e;border-radius:9px;padding:12px 15px}.sx-equipped span,.sx-equipped b{display:block}.sx-equipped span{color:#78968d;font-size:9px}.sx-equipped b{color:#ebd07f}.sx-inventory-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.sx-inventory-grid article{background:#ffffff0b;border-radius:10px;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.sx-inventory-grid img{object-fit:cover;border-radius:9px;width:72px;height:72px}.sx-inventory-grid h3,.sx-inventory-grid p{margin:0}.sx-inventory-grid p,.sx-inventory-grid small{color:#7e9990;font-size:9px}.sx-inventory-grid button{color:#a9c0b8;background:#ffffff12;border-radius:7px;min-height:36px;padding:0 12px;font-size:10px}.sx-inventory-grid button.active{color:#15231f;background:#e7ca75}.sx-item-art{object-fit:cover;border-radius:9px;width:54px;height:54px}.sx-battle-transition{z-index:50;text-align:center;background-position:50%;background-size:cover;place-content:center;animation:1.3s both sxBattleZoom;display:grid;position:fixed;inset:0;overflow:hidden}.sx-battle-transition:after{content:"";background:radial-gradient(circle,#0000 20%,#000000ad);position:absolute;inset:0}.sx-battle-transition>span,.sx-battle-transition h1,.sx-battle-transition p{z-index:3;position:relative}.sx-battle-transition>span{color:#e76263;letter-spacing:.5em;font-size:12px;font-weight:900}.sx-battle-transition h1{color:#f3d17d;text-shadow:0 10px 35px #000;margin:4px 0;font-family:Ma Shan Zheng,serif;font-size:clamp(64px,9vw,130px);font-weight:400}.sx-battle-transition p{color:#d5e0dc}.sx-slash{z-index:2;background:linear-gradient(90deg,#0000,#f3d574,#fff,#d34859,#0000);width:120%;height:8px;animation:.6s .2s forwards sxSlash;position:absolute;left:-10%;transform:rotate(-13deg)scaleX(0);box-shadow:0 0 25px #fff}.sx-slash.one{top:45%}.sx-slash.two{animation-delay:.36s;top:55%;transform:rotate(11deg)scaleX(0)}.sx-battle-backdrop{background:linear-gradient(180deg,#050f1224,#050f12b3),var(--battle-art) center 25% / cover;filter:saturate(.75)brightness(.62);position:absolute;inset:0}.sx-element-advice{color:#94aea5;background:#ffffff0a;border-radius:7px;margin:8px 0;padding:7px 10px;font-size:10px}.sx-element-advice b{margin-left:5px}.strong{color:#7fe3a1!important}.weak{color:#ff8f84!important}.grow{color:#7ccfe1!important}.normal{color:#9db3ac!important}.sx-commands button em{background:#00000061;border-radius:4px;padding:2px 5px;font-size:7px;font-style:normal;position:absolute;top:5px;right:5px}.sx-battle-pets{min-height:48px}.sx-battle-pets button{width:40px;height:40px;position:relative;overflow:visible}.sx-battle-pets button em{background:#0b2022;border-radius:3px;width:max-content;padding:1px 4px;font-size:6px;font-style:normal;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.sx-settlement{z-index:55;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(circle at 50% 20%,#daba632e,#0000 38%),#030b0ee6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sx-settlement>.panel{text-align:center;border-radius:20px;width:min(650px,100%);padding:40px;animation:.7s both sxResultIn}.sx-settlement h1{color:#efd17c;margin:6px 0 24px;font-family:Ma Shan Zheng,serif;font-size:54px;font-weight:400}.sx-reward-grid{text-align:left;grid-template-columns:1.5fr 1fr;gap:8px;display:grid}.sx-reward-grid article{background:#ffffff0b;border-radius:10px;padding:15px}.sx-reward-grid span,.sx-reward-grid b,.sx-reward-grid small{display:block}.sx-reward-grid span{color:#819e95;font-size:9px}.sx-reward-grid b{color:#f1d481;font-size:23px}.sx-reward-grid small{color:#78938b;font-size:8px}.sx-reward-grid i{background:#ffffff14;border-radius:7px;height:7px;margin:8px 0;display:block;position:relative;overflow:hidden}.sx-reward-grid i em,.sx-reward-grid i strong{display:block;position:absolute;inset:0 auto 0 0}.sx-reward-grid i em{background:#557f74}.sx-reward-grid i strong{background:linear-gradient(90deg,#77b398,#e9ca75);animation:1.2s .5s both sxXpGrow}.sx-level-up{background:linear-gradient(90deg,#edca6e21,#77c0a41a);border:1px solid #edca6e38;border-radius:10px;margin:10px 0;padding:14px}.sx-level-up>span{color:#f1ca67;letter-spacing:.25em;font-size:9px;font-weight:900}.sx-level-up h2{margin:2px 0 8px}.sx-level-up>div{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.sx-level-up>div b{color:#bcd0c9;background:#0003;border-radius:5px;padding:5px 8px;font-size:9px}.sx-new-skill{color:#14231f;background:#e8cd79;border-radius:9px;margin:10px 0;padding:11px}.sx-new-skill span,.sx-new-skill b{display:block}.sx-new-skill span{letter-spacing:.12em;font-size:8px}.sx-new-skill b{font-size:18px}.sx-claimed{color:#7fd69e;font-size:10px}@keyframes sxSceneReveal{0%{opacity:0;filter:blur(12px);transform:scale(1.04)}}@keyframes sxTextIn{0%{opacity:0;transform:translateY(16px)}}@keyframes sxTitleIn{0%{opacity:0;letter-spacing:.3em;transform:translateY(25px)}}@keyframes sxSlowSpin{to{transform:rotate(360deg)}}@keyframes sxPulse{50%{transform:scale(1.6)}}@keyframes sxInteract{to{transform:translate(-50%,-5px);box-shadow:0 20px 55px #efce7547}}@keyframes sxBattleZoom{0%{opacity:0;filter:blur(8px);transform:scale(1.15)}70%{opacity:1;filter:blur();transform:scale(1)}}@keyframes sxSlash{to{transform:rotate(-13deg)scaleX(1)}}@keyframes sxResultIn{0%{opacity:0;transform:translateY(35px)scale(.95)}}@keyframes sxXpGrow{0%{width:0!important}}@media (width<=980px){.sx-v2 .sx-hud-actions button:nth-of-type(4),.sx-v2 .sx-hud-actions button:nth-of-type(5){display:none}.sx-tutorial{grid-template-columns:1fr;padding:20px}.sx-tutorial-visual{min-height:42dvh}.sx-tutorial-visual>img{width:260px}.sx-pet-orbit img{width:66px;height:66px}.sx-tutorial>.panel{padding:25px}.sx-tutorial h1{font-size:36px}.sx-minimap{display:none}}@media (width<=700px){.sx-prologue{background-position:58%}.sx-prologue>div{align-self:end;width:calc(100% - 36px);margin:auto 18px 11dvh}.sx-prologue h1{font-size:60px}.sx-prologue p{min-height:120px;font-size:14px}.sx-chapter-cinematic{background-position:60%}.sx-chapter-cinematic>div{align-self:end;width:calc(100% - 36px);margin:auto 18px 12dvh}.sx-chapter-cinematic h1{font-size:68px}.sx-chapter-cinematic p{font-size:13px}.sx-key-guide{grid-template-columns:auto 1fr auto 1fr}.sx-stat-grid{grid-template-columns:repeat(2,1fr)}.sx-skill-list,.sx-inventory-grid{grid-template-columns:1fr}.sx-system-panel{padding:24px 14px}.sx-inventory-grid article{grid-template-columns:58px 1fr auto}.sx-inventory-grid img{width:58px;height:58px}.sx-minimap{display:none}.sx-interact{width:calc(100% - 32px);bottom:82px}.sx-element-advice{font-size:8px}.sx-battle-pets button em{display:none}.sx-settlement>.panel{padding:28px 18px}.sx-settlement h1{font-size:42px}.sx-reward-grid{grid-template-columns:1fr}}.sx-v3{--ink:#071719;--gold:#efd17b;background:#061416}.sx-v3 button{touch-action:manipulation}.sx3-title{background-position:50%;background-size:cover;min-height:100dvh;display:grid}.sx3-title:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#030c0ec7),radial-gradient(circle at 72% 25%,#f2ce7424,#0000 34%);position:absolute;inset:0}.sx3-title .sx-title-copy{z-index:2;background:linear-gradient(90deg,#0512147a,#0000);margin:0;padding-left:8vw;position:relative}.sx3-world-window{background:#102b2d;position:fixed;inset:0;overflow:hidden}.sx3-world{transform-origin:0 0;background-position:50%;background-size:cover;width:5600px;height:3150px;transition:transform 35ms linear;position:absolute;box-shadow:inset 0 0 220px #030b0d6b}.sx3-world:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:repeating-linear-gradient(102deg,#0000 0 170px,#ffffff05 172px,#0000 174px);animation:9s ease-in-out infinite alternate sx3Light;position:absolute;inset:0}.sx3-player,.sx3-map-npc,.sx3-collect,.sx3-boss-gate{z-index:8;position:absolute;transform:translate(-50%,-50%)}.sx3-player{text-align:center;pointer-events:none;filter:drop-shadow(0 12px 12px #0000007a);width:94px}.sx3-player span,.sx3-map-npc>span{background:#dce9df;border:4px solid #f9de8eeb;border-radius:48% 48% 45% 45%;display:block;overflow:hidden;box-shadow:0 6px #362b1a52,0 14px 28px #00000057}.sx3-player span{border-radius:48% 48% 44% 44%/40% 40% 58% 58%;width:82px;height:100px;margin:auto}.sx3-player img,.sx3-map-npc img{object-fit:cover;width:100%;height:100%}.sx3-player b,.sx3-map-npc>b,.sx3-collect>b,.sx3-boss-gate>b{color:#fff7dc;text-shadow:0 2px 4px #000;background:#051516d1;border:1px solid #ffffff1f;border-radius:7px;width:max-content;max-width:170px;margin:8px auto 0;padding:4px 9px;font-size:12px;display:block;box-shadow:0 4px 12px #00000059}.sx3-player.walking{animation:.36s ease-in-out infinite sx3Walk}.sx3-player.walking span{animation:.36s ease-in-out infinite alternate sx3Step}.sx3-map-npc{color:#fff;width:116px;animation:sx3NpcIdle calc(2.8s + var(--i)*.13s) ease-in-out infinite alternate;padding:0;background:0 0!important;border:0!important}.sx3-map-npc>span{border-color:#78c9b2;width:92px;height:104px;margin:auto}.sx3-map-npc.main>span{border-color:#efd17b;width:108px;height:120px}.sx3-map-npc.beast>span{border-color:#dca5ff;border-radius:50%}.sx3-map-npc.traveler>span{border-color:#83aee1}.sx3-map-npc small{color:#bad0c8;background:#041214bd;border-radius:4px;width:max-content;margin:3px auto 0;padding:2px 5px;font-size:8px;display:block}.sx3-map-npc:hover{z-index:20;filter:brightness(1.16)}.sx3-map-npc:hover>span{box-shadow:0 0 0 7px #efd17b33,0 16px 35px #0000006b}.sx3-collect{z-index:7;color:#fff;width:150px;padding:0;background:0 0!important;border:0!important}.sx3-collect i{filter:drop-shadow(0 0 12px #ffe789);background:radial-gradient(circle,#fff 0 8%,#ffe37b 12% 35%,#ffd35240 38% 56%,#0000 60%);width:28px;height:28px;margin:auto;animation:.9s ease-in-out infinite alternate sx3Sparkle;display:block}.sx3-boss-gate{color:#fff;place-items:center;width:190px;height:190px;animation:1.8s ease-in-out infinite sx3BossPulse;display:grid;background:radial-gradient(circle,#5f1f3ce6,#170a1e9e 54%,#0000 57%)!important;border:0!important}.sx3-boss-gate>i{color:#ffe195;border:2px solid #d35f7b;border-radius:50%;place-items:center;width:70px;height:70px;font-size:32px;font-style:normal;display:grid;box-shadow:0 0 34px #c84d71,inset 0 0 25px #de466680}.sx3-boss-gate small{color:#f29aaa;font-size:9px}.sx3-clouds,.sx3-water-shine,.sx3-leaves,.sx3-animals{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sx3-clouds i{--x:calc((var(--i)*617px) % 4700px);left:var(--x);top:calc(120px + (var(--i)*347px) % 2800px);opacity:.16;filter:blur(5px);width:300px;height:90px;animation:sx3Cloud calc(20s + var(--i)*3s) linear infinite;background:radial-gradient(#fff,#ffffff14 65%,#0000 68%);border-radius:50%;position:absolute}.sx3-water-shine i{left:calc(250px + (var(--i)*547px) % 4500px);top:calc(440px + (var(--i)*311px) % 2500px);opacity:.24;filter:drop-shadow(0 0 7px #8ce8f3);width:160px;height:13px;animation:sx3Water calc(1.5s + var(--i)*.13s) ease-in-out infinite alternate;border-top:3px solid #c8f8ff;border-radius:50%;position:absolute}.sx3-leaves i{left:calc((var(--i)*239px) % 5050px);top:calc((var(--i)*157px) % 3250px);background:var(--chapter-c);opacity:.58;width:14px;height:7px;animation:sx3Leaf calc(4s + var(--i)*.22s) ease-in-out infinite;border-radius:100% 0;position:absolute}.sx3-animals i{left:calc(400px + (var(--i)*803px) % 4300px);top:calc(550px + (var(--i)*419px) % 2300px);color:#ffffffa3;text-shadow:0 3px 6px #00000073;animation:sx3Animal calc(7s + var(--i)*1.2s) ease-in-out infinite alternate;font-size:26px;font-style:normal;position:absolute}.sx-v3 .sx-quest{width:310px;max-height:calc(100dvh - 160px);overflow:auto}.sx-v3 .sx-quest ul{gap:7px;margin:12px 0;padding:0;list-style:none;display:grid}.sx-v3 .sx-quest li{color:#8fa9a0;background:#ffffff09;border-radius:7px;padding:8px 10px 8px 30px;font-size:10px}.sx-v3 .sx-quest li:before{content:"○";float:left;color:#647e76;margin-left:-20px}.sx-v3 .sx-quest li.done{color:#b9d9c5}.sx-v3 .sx-quest li.done:before{content:"✓";color:#7bdda1}.sx-v3 .sx-quest li.ready{color:#f1d27a;box-shadow:inset 3px 0 #e0bb58}.sx-v3 .sx-quest li.ready:before{content:"⚔";color:#f1d27a}.sx-v3 .sx-quest-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sx-v3 .sx-quest-actions button:last-child:nth-child(3){grid-column:1/-1}.sx3-single-partner{z-index:5;color:#c4d6cf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#051416d1;border:1px solid #eed07b42;border-radius:12px;padding:13px 16px;position:absolute;bottom:13%;right:5%}.sx3-single-partner b,.sx3-single-partner span,.sx3-single-partner small{display:block}.sx3-single-partner b{color:#efd17d}.sx3-single-partner small{color:#78958c;margin-top:4px;font-size:8px}.sx3-bestiary{gap:18px;display:grid}.sx3-bestiary section{background:#ffffff09;border-radius:12px;padding:14px}.sx3-bestiary section>header{justify-content:space-between;margin-bottom:10px;display:flex}.sx3-bestiary section>header b{color:#e8ce82}.sx3-bestiary section>header small{color:#7f9d93}.sx3-bestiary section>div{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.sx3-bestiary button{text-align:left;background:#020b0ea3;border:1px solid #ffffff14;border-radius:10px;min-width:0;padding:0 0 10px;position:relative;overflow:hidden}.sx3-bestiary button.active{border-color:#efd17b;transform:translateY(-3px);box-shadow:0 0 0 3px #efd17b24}.sx3-bestiary img{aspect-ratio:1;object-fit:cover;width:100%}.sx3-bestiary .locked img{filter:brightness(.08)saturate(0);opacity:.75}.sx3-bestiary button>span{background:#020c0ed6;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:grid;position:absolute;top:7px;right:7px}.sx3-bestiary button>b,.sx3-bestiary button>small,.sx3-bestiary button>em{margin:7px 9px 0;display:block}.sx3-bestiary button>b{font-size:11px}.sx3-bestiary button>small{color:#78958c;min-height:28px;font-size:8px}.sx3-bestiary button>em{color:#173127;background:#83d19a;border-radius:4px;width:max-content;padding:3px 5px;font-size:7px;font-style:normal}.sx3-granted-skills{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.sx3-granted-skills article{background:#ffffff0a;border-radius:9px;grid-template-columns:54px 1fr;gap:10px;padding:8px;display:grid}.sx3-granted-skills img{object-fit:cover;border-radius:8px;width:54px;height:54px}.sx3-granted-skills b,.sx3-granted-skills small{display:block}.sx3-granted-skills small,.sx3-granted-skills p{color:#7e9a91;margin:2px 0;font-size:8px}.sx3-battle .sx-actor{animation:1.5s ease-in-out infinite alternate sx3BattleIdle}.sx3-battle .sx-enemy-actor{animation-delay:.25s}.sx3-battle .sx-pet-actor{animation-delay:.5s}.sx3-battle .sx-actor img{border-radius:42% 42% 46% 46%}.sx3-commands{max-height:250px;overflow:auto}.sx3-battle-beasts{align-items:center;gap:6px;padding:7px 0 12px;display:flex;overflow-x:auto}.sx3-battle-beasts>span{color:#829e95;flex:none;font-size:9px}.sx3-battle-beasts button{border:2px solid #0000;border-radius:50%;flex:0 0 42px;width:42px;height:42px;padding:0;overflow:hidden}.sx3-battle-beasts button.active{border-color:#efd17b;box-shadow:0 0 12px #efd17b73}.sx3-battle-beasts img{object-fit:cover;width:100%;height:100%}.sx3-result-actions{justify-content:center;gap:9px;margin-top:18px;display:flex}.sx3-capture{z-index:70;background:radial-gradient(circle at 28% 45%,#265e6b,#061315 58%);grid-template-columns:58% 42%;align-items:center;padding:5vw;display:grid;position:fixed;inset:0;overflow:hidden}.sx3-capture-scene{place-items:center;min-height:70dvh;display:grid;position:relative}.sx3-capture-scene>img{aspect-ratio:1;object-fit:cover;border:4px solid #efd17b59;border-radius:50%;width:min(520px,76%);animation:2.4s ease-in-out infinite alternate sx3BeastFloat;box-shadow:0 25px 80px #00000085}.sx3-orb{background:radial-gradient(circle at 34% 28%,#dffaff,#71cdd4 32%,#237e91 62%,#0a3644);border:5px solid #dffcffbf;border-radius:50%;place-items:center;width:116px;height:116px;margin-left:-58px;transition:background 90ms,box-shadow 90ms;display:grid;position:absolute;bottom:5%;left:50%;box-shadow:0 0 35px #62cdd8,inset -16px -20px 28px #00000047}.sx3-orb.ready{background:radial-gradient(circle at 34% 28%,#fffbe1,#ffe36f 34%,#d99e1f 67%,#76510c);border-color:#fff4a8;box-shadow:0 0 58px #ffe16a,inset -16px -20px 28px #5730004d}.sx3-orb i{border:2px dashed #ffffff85;border-radius:50%;animation:1.6s linear infinite sxSlowSpin;position:absolute;inset:13px}.sx3-orb b{color:#fff;text-shadow:0 3px 8px #00000059;font-family:Ma Shan Zheng,serif;font-size:35px}.sx3-orb.success{background:#efd36e;animation:.7s both sx3CaptureSuccess}.sx3-orb.fail{animation:.55s both sx3CaptureFail}.sx3-capture>.panel{z-index:3;border-radius:20px;padding:42px;position:relative}.sx3-capture h1{color:#efd17b;margin:7px 0;font-family:Ma Shan Zheng,serif;font-size:52px;font-weight:400}.sx3-capture p{color:#b6cbc3;font-size:15px;line-height:1.8}.sx3-ending .sx-ending-art{background:linear-gradient(90deg,#0000 60%,#081a1b),url(/shanhai-og-v4.png) 50%/cover}@keyframes sx3Walk{25%{transform:translate(-50%,-52%)rotate(-2deg)}75%{transform:translate(-50%,-52%)rotate(2deg)}}@keyframes sx3Step{to{box-shadow:0 10px #362b1a42,0 18px 30px #00000061}}@keyframes sx3NpcIdle{0%{transform:translate(-50%,-50%)}to{transform:translate(calc(12px - 50%),calc(-50% - 8px))rotate(1.5deg)}}@keyframes sx3Sparkle{to{filter:drop-shadow(0 0 22px #fff3a1);transform:scale(1.7)rotate(45deg)}}@keyframes sx3BossPulse{50%{filter:brightness(1.2);transform:translate(-50%,-50%)scale(1.08)}}@keyframes sx3Cloud{0%{transform:translate(-260px)}to{transform:translate(680px)}}@keyframes sx3Water{to{opacity:.5;transform:translate(40px)scaleX(1.3)}}@keyframes sx3Leaf{50%{transform:translate(85px,45px)rotate(260deg)}to{transform:translate(10px,100px)rotate(520deg)}}@keyframes sx3Animal{to{transform:translate(220px)translateY(-20px)scaleX(-1)}}@keyframes sx3Light{to{opacity:.45;transform:translate(30px)}}@keyframes sx3BattleIdle{to{transform:translateY(-11px)scale(1.02)}}@keyframes sx3BeastFloat{to{filter:brightness(1.08);transform:translateY(-18px)rotate(1deg)}}@keyframes sx3CaptureSuccess{to{opacity:.1;filter:brightness(2);transform:scale(.12)}}@keyframes sx3CaptureFail{20%{transform:translate(-25px)rotate(-15deg)}40%{transform:translate(22px)rotate(13deg)}70%{transform:translate(-12px)rotate(-8deg)}}@media (width<=980px){.sx3-bestiary section>div{grid-template-columns:repeat(3,1fr)}.sx3-capture{grid-template-columns:1fr;padding:18px}.sx3-capture-scene{min-height:48dvh}.sx3-capture-scene>img{width:300px}.sx3-capture>.panel{padding:24px}.sx3-capture h1{font-size:38px}.sx-v3 .sx-quest{width:292px;max-height:58dvh;top:76px;left:8px}}@media (width<=620px){.sx3-bestiary section>div{grid-template-columns:repeat(2,1fr)}.sx3-granted-skills{grid-template-columns:1fr}.sx3-map-npc{transform:translate(-50%,-50%)scale(.82)}.sx3-result-actions{flex-direction:column}.sx3-title .sx-title-copy{padding-left:24px}.sx3-title .sx-title-features{display:none}}.sx-v3{color:#f4f7f3}.sx-v3 .panel{color:#f5f8f5;background:#061619f0;border-color:#efd3843d;box-shadow:0 20px 70px #0000007a}.sx-v3 p,.sx-v3 li,.sx-v3 small,.sx-v3 .sx-battle-log,.sx-v3 .sx-player-row small,.sx-v3 .sx-chapter small{color:#d5e1dc}.sx-v3 button{color:#f5f8f5}.sx-v3 button:not(.sx-primary):not(.sx-chapter):not(.sx3-map-npc):not(.sx3-collect):not(.sx3-boss-gate):not(.sx4-treasure){background-color:#ffffff1a;border:1px solid #ffffff21}.sx-v3 button:hover{filter:brightness(1.13)}.sx-v3 .eyebrow,.sx-v3 h1,.sx-v3 h2,.sx-v3 h3,.sx-v3 b{text-shadow:0 2px 8px #000000b8}.sx-v3 ruby{ruby-position:over;text-decoration:none}.sx-v3 rt{color:#f3d98f;letter-spacing:.06em;font-size:.54em}.sx-v3 .sx-dialogue-copy>p{color:#fff;text-shadow:0 2px 8px #000}.sx-v3 .sx-dialogue-foot button,.sx-v3 .sx-prologue button,.sx-v3 .sx-chapter-cinematic button{border-radius:8px;min-height:42px;margin-right:8px;padding:0 15px}.sx-v3 .sx-prologue .sx-prologue-skip{color:#f5e7bd;background:#051618b8;border-color:#e8d59b6b}.sx-v3 .sx-prologue .sx-prologue-skip:hover{background:#192e2be6;border-color:#efd27d}.sx-v3 .sx-chapter-cinematic>div{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(90deg,#041114d4,#04111461);border-radius:18px;max-width:760px;padding:30px}.sx-v3 .sx-chapter-cinematic p{color:#fff;max-width:720px;font-size:clamp(15px,1.35vw,19px);line-height:2}.sx4-view-3d{perspective:1400px;background:#061114}.sx4-view-3d .sx3-world{transform-style:preserve-3d;transform-origin:50%;transition:transform .28s;box-shadow:0 50px 120px #000}.sx4-view-3d .sx3-map-npc,.sx4-view-3d .sx3-player,.sx4-view-3d .sx3-collect,.sx4-view-3d .sx4-treasure,.sx4-view-3d .sx3-boss-gate{transform-origin:bottom;filter:drop-shadow(0 28px 12px #00000075);transform:translate(-50%,-65%)rotateX(-24deg)scale(1.08)}.sx4-view-3d .sx3-player.walking{animation:none}.sx4-view-3d .sx3-player.walking>span{animation:.38s steps(2,end) infinite sx3Walk}.sx5-map3d{z-index:2;background:#d6ebed;position:fixed;inset:0;overflow:hidden}.sx5-map3d-loading{z-index:2;color:#f5e4aa;letter-spacing:.12em;background:#173337;place-items:center;font-weight:800;display:grid;position:fixed;inset:0}.sx5-map3d-canvas{touch-action:none;width:100%;height:100%;display:block}.sx5-three-active>.sx3-world{visibility:hidden;pointer-events:none}.sx5-three-active .sx4-map-tools,.sx5-three-active .sx-interact{z-index:8}.sx5-navigation-mask{z-index:6;pointer-events:auto;width:5600px;height:3150px;position:absolute;inset:0;overflow:visible}.sx5-navigation-mask rect{vector-effect:non-scaling-stroke;stroke-width:2px;cursor:pointer;transition:fill .12s}.sx5-navigation-mask .walkable-tile{fill:#2aff7752;stroke:#a1ffc2bf}.sx5-navigation-mask .blocked-tile{fill:#ff36421f;stroke:#ffa69257}.sx5-navigation-mask .overridden{stroke:#fff4a8;stroke-width:6px}.sx5-navigation-mask rect:hover{fill:#ffeb6c8c;stroke:#fff}.sx4-map-tools>button.active{box-shadow:0 0 0 3px #56ff9a33,0 8px 25px #00000059;border-color:#7cffb5!important}.sx5-navigation-legend{color:#fff;background:#041315eb;border:1px solid #edd89573;border-radius:12px;gap:5px;width:190px;padding:10px 12px;font-size:11px;display:grid;box-shadow:0 10px 32px #0000006b}.sx5-navigation-legend b{color:#f1d47e;font-size:12px}.sx5-navigation-legend span{align-items:center;gap:6px;display:flex}.sx5-navigation-legend i{border-radius:50%;width:13px;height:13px}.sx5-navigation-legend i.walk{background:#42ff8f}.sx5-navigation-legend i.block{background:#ff434c}.sx5-navigation-legend small{color:#d6e5df;line-height:1.45}.sx5-navigation-legend button{color:#f6e7b6;border-radius:7px;min-height:30px;margin-top:3px;font-size:10px;background:#263b37!important;border-color:#f3d47e73!important}.sx4-obstacle{z-index:1;pointer-events:none;background:radial-gradient(#193b2f47,#0c1e1a0d 70%);border:3px dashed #ffe29542;border-radius:50%;place-items:center;display:grid;position:absolute}.sx4-obstacle i{color:#fff4cea6;background:#0514137a;border-radius:20px;padding:5px 10px;font-size:12px;font-style:normal}.sx4-treasure{z-index:3;place-items:center;width:92px;min-height:80px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);background:0 0!important;border:0!important}.sx4-treasure i{color:#4b2803;background:linear-gradient(#ffe58b,#bd7418);border:3px solid #fff0af;border-radius:9px 9px 14px 14px;place-items:center;width:48px;height:38px;font-style:normal;font-weight:900;animation:1.5s ease-in-out infinite alternate sx3Sparkle;display:grid;box-shadow:0 0 28px #ffd95f}.sx4-treasure b{color:#fff;background:#11282b;border-radius:12px;margin-top:5px;padding:3px 8px;font-size:11px}.sx4-map-tools{z-index:7;align-items:flex-start;gap:10px;display:flex;position:fixed;top:108px;right:20px}.sx4-map-tools>button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:13px;place-items:center;width:72px;height:62px;display:grid;background:#051619eb!important}.sx4-map-tools>button b,.sx4-map-tools>button span{display:block}.sx4-map-tools>button b{color:#f3d47e;font-size:19px}.sx4-map-tools>button span{color:#fff;font-size:9px}.sx4-minimap{background-position:50%;background-size:cover;border:3px solid #f0d484a3;border-radius:14px;width:190px;height:112px;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000073}.sx4-minimap span{z-index:2;border:2px solid #071719;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.sx4-minimap .player{background:#fff47d;box-shadow:0 0 0 5px #fff47d47,0 0 16px #fff}.sx4-minimap .boss{background:#ff675d;top:12%;right:7%;box-shadow:0 0 12px #ff675d}.sx4-minimap small{color:#fff;background:#030d0fc7;border-radius:5px;padding:2px 6px;font-weight:800;position:absolute;bottom:5px;left:7px}.sx4-dialogue-choices{gap:8px;margin-top:15px;display:grid}.sx4-dialogue-choices button{text-align:left;border-radius:8px;align-items:center;gap:10px;min-height:43px;padding:7px 12px;display:flex}.sx4-dialogue-choices kbd,.sx-v3 .sx-commands kbd,.sx4-party kbd,.sx3-battle-beasts kbd{color:#16221e;background:#f2d681;border-radius:5px;place-items:center;min-width:23px;min-height:23px;padding:2px 5px;font-size:10px;font-weight:900;display:inline-grid;box-shadow:0 2px #8d7438}.sx4-speaker{z-index:90;place-items:center;width:62px;height:62px;padding:5px;display:grid;position:fixed;bottom:20px;right:22px;box-shadow:0 10px 35px #00000080,0 0 0 8px #f1d47e26;color:#17251f!important;background:#f1d47e!important;border:3px solid #fff1b4!important;border-radius:50%!important}.sx4-speaker span,.sx4-speaker small{display:block;color:#17251f!important}.sx4-speaker span{font-size:21px}.sx4-speaker small{font-size:9px;font-weight:900}.sx4-spirit{color:#fff;background:#254b6f73;border:1px solid #82cdff42;border-radius:9px;grid-template-columns:auto 180px 1fr;align-items:center;gap:10px;margin:8px 0;padding:8px 12px;display:grid}.sx4-spirit>span{color:#aee2ff;font-size:12px;font-weight:900}.sx4-spirit>i{background:#0b2537;border-radius:8px;height:8px;overflow:hidden}.sx4-spirit>i>b{background:linear-gradient(90deg,#5ac5ff,#c3f4ff);height:100%;display:block}.sx4-spirit small{color:#e3f5ff;font-size:10px}.sx-v3 .sx-commands button:disabled{opacity:.42;cursor:not-allowed}.sx-v3 .sx-commands em{color:#aee2ff}.sx3-battle-beasts button{position:relative}.sx3-battle-beasts kbd{z-index:2;min-width:17px;min-height:17px;padding:0;font-size:8px;position:absolute;top:-5px;left:-5px}.sx4-party{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 24px;display:grid}.sx4-party>button{text-align:left;border-radius:10px;grid-template-columns:auto 48px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.sx4-party>button.active{background:#efd37e29!important;border-color:#efd37e!important}.sx4-party img{object-fit:cover;border-radius:50%;width:48px;height:48px}.sx4-party span,.sx4-party b,.sx4-party small{display:block}.sx4-party small{margin-top:3px;font-size:9px}.sx3-bestiary section>div>article{color:#f6f8f5;background:#ffffff0e;border:1px solid #ffffff17;border-radius:11px;padding-bottom:10px;position:relative;overflow:hidden}.sx3-bestiary section>div>article.active{border-color:#efd37e;box-shadow:0 0 0 2px #efd37e2e}.sx3-bestiary article.locked{filter:grayscale();opacity:.38}.sx3-bestiary article>img{aspect-ratio:1;object-fit:cover;width:100%}.sx3-bestiary article>b,.sx3-bestiary article>small,.sx3-bestiary article>p,.sx3-bestiary article>em{margin:7px 9px 0;display:block}.sx3-bestiary article>small,.sx3-bestiary article>p{color:#d3dfda;font-size:9px;line-height:1.45}.sx3-bestiary article>em{color:#f0d37e;font-size:9px;font-style:normal}.sx3-bestiary article>div{gap:5px;margin:9px;display:flex}.sx3-bestiary article>div button{border-radius:6px;flex:1;min-height:30px;padding:3px;font-size:9px}@media (width<=800px){.sx4-map-tools{top:76px;right:8px}.sx4-minimap{width:130px;height:84px}.sx4-map-tools>button{width:56px;height:52px}.sx4-party{grid-template-columns:1fr}.sx4-spirit{grid-template-columns:auto 1fr}.sx4-spirit small{grid-column:1/-1}.sx4-speaker{bottom:10px;right:10px}.sx-v3 .sx-chapter-cinematic>div{width:auto;max-height:82vh;margin:9vh 16px 16px;overflow:auto}.sx-v3 .sx-chapter-cinematic h1{font-size:58px}.sx-v3 .sx-chapter-cinematic p{font-size:14px}}:root{--shme-ink:#081716;--shme-panel:#102724;--shme-line:#31514a;--shme-text:#eff7f1;--shme-muted:#a9beb7;--shme-gold:#e5c86e;--shme-walk:#43d47c;--shme-block:#d65e58}*{box-sizing:border-box}.shme-editor{min-height:100dvh;color:var(--shme-text);background:var(--shme-ink);font-family:PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.shme-topbar{z-index:30;border-bottom:1px solid var(--shme-line);background:#081716f5;align-items:center;gap:18px;height:74px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 10px 32px #00000047}.shme-brand{min-width:152px;display:grid}.shme-brand strong{color:var(--shme-gold);letter-spacing:.08em;font-size:18px}.shme-brand span{color:var(--shme-muted);font-size:11px}.shme-topbar label{color:var(--shme-muted);align-items:center;gap:8px;font-size:12px;display:flex}.shme-topbar select{min-width:150px;height:38px;color:var(--shme-text);border:1px solid var(--shme-line);background:#18332f;border-radius:8px;padding:0 10px}.shme-mode{border:1px solid var(--shme-line);background:#0a1d1b;border-radius:9px;padding:3px;display:flex}.shme-topbar button,.shme-topbar a,.shme-sidebar button{min-height:36px;color:var(--shme-text);cursor:pointer;background:#18332f;border:1px solid #0000;border-radius:7px;padding:0 13px;font-weight:700;text-decoration:none}.shme-mode button.active{color:#10221f;background:var(--shme-gold)}.shme-zoom{margin-left:auto}.shme-zoom input{width:130px;accent-color:var(--shme-gold)}.shme-zoom output{width:38px;color:var(--shme-text);font-variant-numeric:tabular-nums}.shme-topbar a{border-color:var(--shme-line);place-items:center;display:grid}.shme-sidebar{z-index:20;border-right:1px solid var(--shme-line);background:#0b1f1df5;width:260px;padding:20px;position:fixed;top:74px;bottom:34px;left:0;overflow:auto}.shme-sidebar section+section{margin-top:22px}.shme-sidebar h2{color:var(--shme-gold);margin:0 0 7px;font-size:24px}.shme-sidebar p{color:var(--shme-muted);margin:0;font-size:12px;line-height:1.7}.shme-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shme-stats span{color:var(--shme-muted);background:#142e2a;border-radius:8px;padding:10px;font-size:10px}.shme-stats b{color:var(--shme-text);font-size:18px;display:block}.shme-actions button{border-color:#6e5840;width:100%}.shme-actions p{margin-top:10px}.shme-object-list>div{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shme-object-list>div button{min-height:28px;padding:0 8px;font-size:10px}.shme-object-list>button{text-align:left;justify-content:space-between;align-items:center;width:100%;margin-bottom:5px;display:flex}.shme-object-list>button small{color:var(--shme-muted);font-variant-numeric:tabular-nums}.shme-object-list>button.selected{border-color:var(--shme-gold);background:#3c3a27}.shme-viewport{background:#06110f;position:fixed;inset:74px 0 34px 260px;overflow:hidden}.shme-camera{width:0;height:0;position:absolute;top:50%;left:50%}.shme-world{transform-origin:0 0;background-repeat:no-repeat;background-size:100% 100%;width:5600px;height:3150px;position:absolute;box-shadow:0 0 0 2px #7a937d}.shme-grid{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;width:5600px;height:3150px;position:absolute;inset:0}.shme-grid rect{vector-effect:non-scaling-stroke;stroke-width:1.5px}.shme-grid rect.walkable{fill:#43d47c47;stroke:#a4f6bdb8}.shme-grid rect.blocked{fill:#d65e581a;stroke:#eb948666}.shme-grid rect.overridden{stroke:#fff0a4;stroke-width:4px}.shme-grid rect.selection{pointer-events:none;stroke:#fff7c4;stroke-width:7px;stroke-dasharray:12 7}.shme-grid rect.selection.make-walkable{fill:#43d47c6b}.shme-grid rect.selection.make-blocked{fill:#d65e586b}.mode-objects .shme-grid rect{fill:#0a1b1914;stroke:#ebf4ef29}.shme-object{z-index:6;color:#f5f5e8;cursor:pointer;background:#132c29;border:2px solid #e4c96f;border-radius:8px;min-width:92px;padding:7px 9px;font-size:12px;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 7px 18px #0000004d}.shme-object i{background:#e4c96f;border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block}.shme-object.npc{border-color:#7fc7a5}.shme-object.npc i{background:#7fc7a5}.shme-object.collect{border-color:#87cdd8}.shme-object.collect i{background:#87cdd8}.shme-object.treasure{border-color:#f1b35d}.shme-object.treasure i{background:#f1b35d}.shme-object.boss{border-color:#db7068}.shme-object.boss i{background:#db7068}.shme-object.selected{background:#3d3a24;outline:8px solid #e5c86e57}.mode-navigation .shme-object{pointer-events:none;opacity:.65}.shme-player{z-index:9;pointer-events:none;place-items:center;display:grid;position:absolute;transform:translate(-50%,-85%)}.shme-player img{object-fit:cover;border:3px solid #fff3b1;border-radius:45% 45% 40% 40%;width:72px;height:92px;box-shadow:0 10px 18px #0006}.shme-player b{color:#13221f;background:#fff3b1;border-radius:5px;padding:2px 7px;font-size:10px}.shme-player.moving img{transform:translateY(-3px)}.shme-status{z-index:30;height:34px;color:var(--shme-muted);border-top:1px solid var(--shme-line);font-variant-numeric:tabular-nums;background:#081716;justify-content:space-between;align-items:center;padding:0 18px 0 278px;font-size:11px;display:flex;position:fixed;inset:auto 0 0}@media (width<=900px){.shme-topbar{flex-wrap:wrap;height:auto;min-height:74px;padding:8px 12px}.shme-brand{min-width:110px}.shme-zoom{display:none}.shme-sidebar{width:210px;top:108px}.shme-viewport{top:108px;left:210px}.shme-status{padding-left:222px}.shme-topbar select{min-width:120px}}@media (prefers-reduced-motion:reduce){.shme-editor *{transition:none!important;animation:none!important}}.shme-cloud{background:#0b211e;border:1px solid #35594f;border-radius:10px;gap:7px;padding:12px;display:grid}.shme-cloud-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.shme-cloud-head>b{font-size:12px}.shme-cloud-head span{color:#9aada7;text-overflow:ellipsis;white-space:nowrap;max-width:96px;font-size:10px;overflow:hidden}.shme-cloud-head span.online{color:#75dea0}.shme-cloud>button{width:100%;min-height:34px;font-size:11px}.shme-cloud>button.publish{color:#14241f;background:var(--shme-gold)}.shme-cloud>button:disabled{opacity:.48;cursor:not-allowed}.shme-cloud>small{color:#9fb5ae;text-align:center;font-size:10px}.shme-cloud-error{background:#582b29;border-radius:6px;padding:7px 8px;color:#ffd8d2!important;font-size:10px!important;line-height:1.45!important}