:root{--color-indigo:#243449;--color-jade:#5fa99a;--color-rice:#f2e9d8;--color-gold:#d3ab63;--color-danger:#c4553d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-muted:#55656b;--color-surface:#f8f1e4;--color-error:#914139;color:var(--color-indigo);background:var(--color-rice);-webkit-text-size-adjust:100%;font-family:PingFang TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0}:root:has(.i2-root){background:#12202d}@media (display-mode:standalone){html{height:100lvh}}:root{--app-free:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.shell{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}.game-host{touch-action:none;position:absolute;inset:0}.game-host canvas{display:block}.shell-notice{inset-inline:16px;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;margin:0;position:absolute}.shell-notice--error{color:var(--color-rice);background:color-mix(in srgb, var(--color-danger) 85%, transparent);border-radius:8px;padding:12px 16px}.app-shell{background:linear-gradient(#f2e9d8d9,#f2e9d8d9),url(/art/scene/bamboo_field_v2/far.webp) 50%/cover;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid}.topbar{padding:calc(8px + env(safe-area-inset-top)) 12px 0;background:var(--color-rice)}.topbar__inner{max-width:1120px;margin:auto}.topbar__identity{border:0 solid #0000;border-image:url(/art/ui/main/top-bar.webp) 19.04 47.6 fill/9.52px 23.8px;align-items:center;gap:12px;min-height:52px;padding:4px 18px;display:flex}.topbar-name{overflow-wrap:anywhere;min-width:0;font-weight:600}.topbar-resources{border-bottom:1px solid var(--color-gold);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding:10px 20px;font-size:13px;display:flex}.content{min-width:0;padding:12px 16px 18px;overflow-y:auto}.tabbar{width:min(660px,100% - 16px);margin:7px auto calc(11px + env(safe-area-inset-bottom));border:0 solid #0000;border-image:url(/art/ui/main/tab-bar-neutral.webp) 19.6 36.4 fill/9.8px 18.2px;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 12px;display:grid}.tab{min-width:0;min-height:44px;color:var(--color-indigo);font:inherit;cursor:pointer;background:0 0;border:0;border-right:1px solid #d3ab6373;padding:4px;transition:background-color .14s;position:relative}.tab:last-child{border-right:0}.tab[aria-current=page]{background:#5fa99a47;font-weight:600}.tab[aria-current=page]:after{content:"";background:var(--color-indigo);width:24px;height:2px;position:absolute;bottom:2px;left:calc(50% - 12px)}:focus-visible{outline:2px solid var(--color-indigo);outline-offset:2px}.app-shell :where(input,select,textarea){max-width:100%;color:var(--color-indigo);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app-shell :where(.panel,.card,.stack,.stage>div,.slot-piece){min-width:0}.app-shell :where(.card,.banner){overflow-wrap:anywhere}.app-shell :where(.pane-switch,.slot-piece,.quest-head,.stage,.banner){flex-wrap:wrap}.panel{max-width:720px;margin-inline:auto}.create{padding:32px 16px}.title{letter-spacing:.2em;color:var(--color-indigo);margin:0 0 8px;font-size:2rem}.lead{opacity:.85;line-height:1.6}.stack{gap:12px;display:grid}.field{border:0;gap:6px;margin:0;padding:0;display:grid}.field input{border:1px solid var(--color-gold);background:var(--color-surface);min-height:44px;color:var(--color-indigo);font:inherit;border-radius:6px;padding:8px 12px}.field small{opacity:.7}.choice-row{gap:12px;display:flex}.choice{border:1px solid #d3ab63a6;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.message{overflow-wrap:anywhere;border-radius:0;margin:0;padding:10px 12px}.message--error{color:var(--color-error);border-left:3px solid var(--color-error);background:#9141391a}.message--info:before{content:"✓";margin-right:8px}.message--error:before{content:"!";margin-right:8px;font-weight:700}.message--info{border-left:3px solid var(--color-jade);background:#5fa99a1a}.splash{place-items:center;height:100%;margin:0;display:grid}.card{gap:12px;display:grid}.card h2{margin:0}.muted{color:var(--color-muted);margin:0}.meter span{background:var(--color-jade);display:block}.loot{gap:6px;margin:0;padding:0;list-style:none;display:grid}.loot li,.stage{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.tag{margin-right:8px;display:inline-block}.card h3{align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.card[aria-current=true]{border-color:#28675a}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid #d3ab63a6;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 12px;display:flex}.skill-icon{border-radius:4px;flex:none}.with-icon{align-items:center;gap:10px;display:flex}.skill-strip{gap:4px;margin-bottom:4px;display:flex}.chip[data-disabled]{color:var(--color-muted)}ul.message{list-style:none}.button[aria-pressed=true]{color:#28675a;border-color:#28675a}.slots,.bag{gap:8px;margin:0;padding:0;list-style:none;display:grid}.slots li{grid-template-columns:4em 1fr;align-items:center;gap:8px;min-height:44px;display:grid}.slot-piece{justify-content:space-between;align-items:center;gap:8px;display:flex}.bag-item{border-top:1px solid #d3ab6373;gap:8px;padding:12px 0;display:grid}.diff{flex-wrap:wrap;gap:12px;margin:0;display:flex}.diff .up{color:#28675a}.diff .down{color:var(--color-error)}.button--danger{border-color:var(--color-danger);color:var(--color-indigo);background:color-mix(in srgb, var(--color-danger) 60%, transparent)}.button{white-space:normal}.choice-row{flex-wrap:wrap}.banner{background:color-mix(in srgb, var(--color-gold) 25%, transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;max-width:720px;margin:0 auto 12px;padding:8px 12px;display:flex}.banner--offline{color:var(--color-error);background:#9141391a}.choice input[type=number]{border:1px solid var(--color-gold);background:var(--color-surface);width:4em;min-height:36px;color:var(--color-indigo);font:inherit;border-radius:6px;padding:4px 8px}.topbar-action{flex:none;min-height:44px;margin-left:auto;padding:0 12px}.field input[type=range]{min-height:44px;padding:0}.friend-code{letter-spacing:.2em;color:var(--color-indigo);margin:0;font-family:ui-monospace,SF Mono,monospace;font-size:1.6rem}.goal-bar{background:color-mix(in srgb, var(--color-gold) 18%, transparent);border-radius:6px;height:12px;overflow:hidden}.goal-bar__fill{background:var(--color-gold);height:100%;transition:width .3s ease-out}.pane-switch{gap:8px;display:flex}.pane-switch .button[aria-pressed=true]{border-color:var(--color-gold);color:var(--color-indigo)}.button--small{min-height:44px;padding:2px 10px;font-size:.85rem}.report-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-log{flex-direction:column;gap:6px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chat-line{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.chat-line__name{color:var(--color-indigo);font-weight:600}.town-chat{background:color-mix(in srgb, var(--color-surface) 85%, transparent);border-radius:10px;max-width:420px;padding:8px}.wardrobe{grid-template-columns:minmax(130px,160px) 1fr;gap:12px;display:grid}@media (width<=480px){.wardrobe{grid-template-columns:1fr}}.tryon img{object-fit:contain}.tryon{background:color-mix(in srgb, var(--color-gold) 8%, transparent);border-radius:10px;justify-items:center;gap:4px;margin:0;padding:8px;display:grid}.checkout{border:2px dashed var(--color-gold)}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.codex-entry{border:1px solid color-mix(in srgb, var(--color-gold) 40%, transparent);border-radius:8px;gap:2px;padding:8px;display:grid}.codex-entry--locked{color:var(--color-muted);border-style:dashed}.pet-light{border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 8px}.cave-grid{border:2px solid color-mix(in srgb, var(--color-gold) 45%, transparent);border-radius:10px;flex:none;position:relative;overflow:hidden}.cave-scroll{overflow-x:auto}.cave-piece-art{object-fit:contain;pointer-events:none;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.cave-piece-art[data-loaded]{visibility:visible}.cave-piece[data-painted]:has(.cave-piece-art[data-loaded]){border-color:#0000;background:0 0!important}.cave-wall{pointer-events:none;background:50%/cover;position:absolute;inset:0 0 auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cave-cell{background:0 0;border:1px dashed #24344940;min-height:0;padding:0;position:absolute}.cave-piece{color:#1a2433;border:1px solid #00000040;border-radius:6px;place-items:center;min-height:0;padding:2px;font-size:.75rem;display:grid;position:absolute;overflow:hidden}.cave-dev{color:#f2e9d8;opacity:.8;pointer-events:none;font-size:10px;position:absolute;bottom:4px;right:6px}.button{border:10.56px solid #0000;color:var(--color-indigo);white-space:normal;background:0 0;border-inline-width:11.44px;border-image:url(/art/ui/main/button-secondary-approved.webp) 21.12 22.88 fill/10.56px 11.44px;border-radius:0;min-height:44px;padding:0 8px;font-size:14px;font-weight:500;transition:filter .1s}.button--primary,.button[aria-pressed=true],.pane-switch .button[aria-pressed=true]{color:var(--color-indigo);background:0 0;border-image-source:url(/art/ui/main/button-primary-approved.webp)}.button--danger{color:var(--color-error)}.button:disabled{color:#465358;opacity:1;border-image-source:url(/art/ui/main/button-disabled-approved.webp)}.button:active:not(:disabled){filter:brightness(.92)}.card{background:0 0;border:0 solid #0000;border-image:url(/art/ui/main/card-standard.webp) 33.28 38.4 fill/16.64px 19.2px;border-radius:0;align-content:start;padding:16px 20px}.card--accent{border-image-source:url(/art/ui/main/card-accent.webp)}.card h2{border-bottom:1px solid #d3ab6373;padding-bottom:5px;font:19px/1.5 Songti TC,PMingLiU,serif}.meter{background:0 0;border:0 solid #0000;border-image:url(/art/ui/main/meter-track.webp) 7.2 14.4 fill/3.6px 7.2px;border-radius:0;height:12px;padding:4px 7px;overflow:hidden}.meter span{height:4px;transition:width .22s}.tag{color:var(--color-indigo);background:0 0;border:0 solid #0000;border-image:url(/art/ui/main/tag-paper.webp) 12.6 20.88 fill/6.3px 10.44px;border-radius:0;padding:2px 12px;font-size:12px;font-weight:600}.tag--jade{border-image-source:url(/art/ui/main/tag-jade.webp)}.loot li+li,.stage+.stage{border-top:1px solid #d3ab6340;padding-top:4px}.loot strong{font-variant-numeric:tabular-nums}.stage{row-gap:6px}.stage .button{min-width:64px;margin-left:auto}.stage .muted{margin-top:5px;font-size:13px}.quest-list{margin:0;padding:0;list-style:none}.quest-list>li{gap:6px;display:grid}.quest-list>li+li{border-top:1px solid #d3ab6373;padding-top:8px}.quest-list>li>.button{justify-self:end}.quest-head .button{flex:none}.realm-card>.button{justify-self:end}.realm-card>ul.muted{color:var(--color-error);padding:0;font-size:13px;list-style:none}.trial-idle>.button{width:100%}.trial-quests,.trial-realm{align-content:start;gap:12px;display:grid}@media (width>=1024px){.panel{max-width:1120px}.trial-layout{grid-template-columns:minmax(0,688fr) minmax(0,408fr);align-items:start;gap:16px 24px}.trial-layout>.home-banner{grid-column:1/-1}.trial-quests{grid-area:2/1/4}.trial-realm{grid-area:2/2}.trial-idle{grid-area:3/2/5}.trial-stages{grid-area:4/1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root[data-ui-kit=v1] input[type=checkbox]{appearance:none;min-height:0;cursor:pointer;background:url(/art/ui/check_off.webp) 50%/contain no-repeat;border:0;border-radius:0;block-size:24px;inline-size:24px;margin:0;padding:0}:root[data-ui-kit=v1] input[type=checkbox]:checked{background-image:url(/art/ui/check_on.webp)}:root[data-ui-kit=v1] input[type=checkbox]:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.quest-head{justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.quest-head .button[data-new]{border-color:var(--color-indigo);color:var(--color-indigo)}.home-banner{isolation:isolate;background:var(--color-rice) center 60% / cover no-repeat;grid-template-rows:auto 1fr auto;grid-template-columns:126px minmax(0,1fr);gap:4px 8px;min-height:220px;padding:14px 16px 12px;display:grid;position:relative}.home-banner:before{content:"";z-index:-1;background:linear-gradient(#0000,#f2e9d8b3);position:absolute;inset:0}.home-banner:after{content:"";pointer-events:none;border:0 solid #0000;border-image:url(/art/ui/main/banner-frame.webp) 32 39.68 fill/16px 19.84px;position:absolute;inset:0}.home-banner__heading{color:var(--color-muted);grid-column:1/-1;justify-content:space-between;align-items:start;font-size:12px;display:flex}.home-banner__hero{place-items:end center;min-width:0;display:grid}.hero-idle{object-fit:contain;max-width:100%;display:block}.home-banner__info{align-content:center;gap:4px;min-width:0;display:grid}.home-banner__info p{margin:0}.home-banner__name{overflow-wrap:anywhere;font-size:25px;font-weight:700}.home-banner__realm{font-size:15px}.home-banner__cultivation{gap:4px;font-size:12px;display:grid}.home-banner__goal{background:#f2e9d8d9;grid-column:1/-1;margin:0;padding:3px 0;font-size:13px}@media (width>=1024px){.home-banner{grid-template-columns:200px minmax(0,1fr)}}.item-icon{vertical-align:middle;background:var(--color-surface) center / 100% 100% no-repeat;border-radius:6px;flex:none;place-items:center;display:inline-grid;position:relative}.item-icon[data-quality=common]{background-image:url(/art/ui/frame_common.webp)}.item-icon[data-quality=fine]{background-image:url(/art/ui/frame_fine.webp)}.item-icon[data-quality=spirit]{background-image:url(/art/ui/frame_spirit.webp)}.item-icon[data-quality=mystic]{background-image:url(/art/ui/frame_mystic.webp)}.item-icon[data-quality=earth]{background-image:url(/art/ui/frame_earth.webp)}.item-icon img{object-fit:contain;width:82%;height:82%}.item-icon__dot{background:var(--color-jade);width:30%;height:30%;box-shadow:0 0 8px var(--color-jade);border-radius:50%}.piece-line{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}@keyframes reward-pop{0%{opacity:0}}@keyframes reward-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.reward-reveal__card,.reward-reveal__list li{animation:none}}:where(.content,.battle,.dialogue-backdrop) :where(.stack,.card,.field,.choice,.choice-row,.stage,.with-icon,.slot-piece,.piece-line){min-width:0}:where(.content,.battle,.dialogue-backdrop) :where(p,li,h2,h3,button,label,summary){overflow-wrap:anywhere}:where(.content,.battle,.dialogue-backdrop) :where(input,select,textarea){font:inherit;color:var(--color-indigo);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:#397e70;min-width:0;max-width:100%}:where(.content,.battle) :where(input:not([type=checkbox],[type=radio],[type=range]),select,textarea){background:0 0;border:0 solid #0000;border-image:url(/art/ui/title/name-input-frame-trimmed.webp) 17.5 33.14 fill/8.75px 16.57px;border-radius:0;min-height:44px;padding:10px 16px}:where(.content,.battle) textarea{resize:vertical;min-height:100px}:where(.content,.battle) .choice-row{flex-wrap:wrap;align-items:center;gap:8px}:where(.content,.battle) .choice-row>input{flex:160px;width:0}:where(.content,.battle) .choice-row>.field{flex:130px}:where(.content,.battle) :where(.choice,.chip) input:is([type=checkbox],[type=radio]){flex-shrink:0}:where(.content,.battle) .choice{border:0;padding:4px 0}:where(.content,.battle) .pane-switch{flex-wrap:wrap;display:flex}:where(.content,.battle) .pane-switch>.button{flex:90px}.button[aria-pressed=true]{text-underline-offset:4px;font-weight:700;text-decoration:underline}:where(.content,.battle) summary{cursor:pointer;min-height:44px;padding-block:10px}:where(.content,.battle) .card>p{margin-block:0}:where(.content,.battle) .stage{flex-wrap:wrap;padding-block:10px}:where(.content,.battle) .stage>.choice-row{margin-left:auto}:where(.content,.battle) .stage>span:first-child{min-width:0}.cultivator-identity{grid-template-rows:1fr 1fr;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:4px 12px;min-height:166px}.cultivator-identity .hero-idle{grid-row:1/3;height:134px}.cultivator-identity h2{border:0;align-self:end;font-size:24px}.cultivator-identity .muted{align-self:start;font-size:13px}.equipment-panel .slots>li{border-bottom:1px solid #d3ab6340;grid-template-columns:minmax(0,1fr);gap:2px;padding-block:8px;position:relative}.equipment-panel .slots>li>.muted:first-child{font-size:12px}.slot-piece{flex-wrap:nowrap;align-items:start}.slot-piece>.piece-line{flex:1}.slot-piece>.button{flex:none}.piece-line .affixes{flex-basis:100%;font-size:12px}.equipment-panel .bag-item{gap:12px;padding-block:16px}.field--inline{align-items:center;gap:8px;display:flex}.cultivator-presets .skill-strip{gap:10px;margin-block:8px}.skill-strip .skill-icon,.preset-skills .skill-icon{background:url(/art/ui/screens/slot.webp) 50%/contain no-repeat;border-radius:0;padding:4px}.preset-editor{gap:24px}.preset-editor legend{padding:0 0 10px;font-weight:600}.preset-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;display:grid}.preset-skills .chip{border:0;border-radius:0;gap:4px;padding:4px 0;font-size:13px;position:relative}.preset-skills .chip input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.preset-skills .chip:has(:focus-visible){outline:2px solid var(--color-indigo);outline-offset:2px}.preset-skills .chip:has(:checked)>span{border-bottom:2px solid var(--color-jade)}.preset-editor .chips:not(.preset-skills) .chip{border:0;border-radius:0;padding:0}.preset-editor>.choice-row>.button{flex:1}.artifacts-panel .bag-item{padding-block:16px}.wardrobe{grid-template-columns:minmax(0,1fr);gap:24px}.wardrobe>.stack:first-child{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.wardrobe .tryon{background:0 0;grid-row:1/3;padding:0;font-size:18px;font-weight:600}.tryon img{width:140px;max-width:100%;height:196px}.wardrobe .stage{gap:12px;display:grid}.wardrobe .stage small{display:block}.wardrobe .stage>.choice-row{margin:0}.wardrobe .stage .choice-row .button:last-child{flex:1}.checkout{border:0;margin-top:12px}.checkout .choice-row>.button:first-child{flex-basis:100%}.settings-panel{gap:20px;max-width:640px;margin:0 auto 20px}.settings-panel>.field{gap:2px}.settings-panel input[type=range]{width:100%;accent-color:var(--color-jade);background:0 0;border:0}.notification-section{border:0;border-block:1px solid #d3ab6373;min-inline-size:0;margin:0;padding:16px 0}.notification-section legend{font-family:Songti TC,serif;font-size:19px}.account-section{gap:16px}.world-hub>.card>.button,.world-events article>.button{width:100%}.world-regions .stage{align-items:start;padding-block:12px}.world-regions .stage>div{flex:200px}.world-events article+article{border-top:1px solid var(--color-gold);padding-top:16px}.world-events article p{margin:0}.secret-realm,.coop-lobby,.prebattle{max-width:720px}.secret-realm [aria-label=選擇路徑] .choice-row{gap:14px;display:grid}.secret-realm>.choice-row>.button{flex:1}.coop-lobby form{border-top:1px solid var(--color-gold);margin-top:16px;padding-top:16px}.coop-lobby form input{flex-basis:100%}.coop-lobby .friend-code{letter-spacing:.05em;overflow-wrap:anywhere;font-size:22px}.prebattle{gap:24px;padding-block:24px}.prebattle .choice{border-bottom:1px solid var(--color-gold);width:100%;padding:16px 12px}.prebattle .choice .muted{margin-top:8px;font-size:13px;display:block}.prebattle>.choice-row .button:first-child{flex:1}.social-layout{max-width:720px}.social-layout>.social-layout{width:100%;margin:0}.social-layout .friend-code{overflow-wrap:anywhere}.social-layout :where([aria-label=宗門目標],[aria-label=尋找宗門],[aria-label=宗門成員]) .bag{gap:16px}.social-layout [aria-label=宗門目標] .bag li{padding-block:8px}.goal-bar{background:0 0;border:0 solid #0000;border-image:url(/art/ui/main/meter-track.webp) 7.2 14.4 fill/3.6px 7.2px;border-radius:0;height:12px;padding:4px 7px}.goal-bar__fill{background:var(--color-jade);height:4px}.chat-line{border-bottom:1px solid #d3ab6340;padding-block:10px}.chat-line__name{flex-basis:100%}.chat-line>.button{margin-left:auto}.sect-chat .chat-log{max-height:320px}.social-layout :where([aria-label=解散宗門],[aria-label=離開宗門]){gap:24px}.social-layout [aria-label=解散宗門] input{width:100%}.cave-workshop .with-icon{flex-wrap:wrap}.cave-layout-panel .pane-switch{gap:4px}.cave-layout-panel .pane-switch .button{flex-basis:80px;padding-inline:0;font-size:12px}.cave-scroll{overscroll-behavior-x:contain;min-width:0;max-width:100%;padding-bottom:6px}.cave-grid{border-radius:0}.cave-cell:focus-visible,.cave-piece:focus-visible{outline-offset:-3px;z-index:2}.cave-visit{gap:20px}.pets-panel .stage{justify-content:stretch;gap:16px;padding-block:20px;display:grid}.pets-panel .stage>.choice-row{align-items:center;margin:0}.pets-panel .stage>.choice-row:first-child{font-size:20px}.pets-panel .stage>.choice-row:last-child .button{width:100%}.pet-portrait{object-fit:contain;width:130px;height:140px}.pet-placeholder{gap:8px;display:grid}.codex-panel .pane-switch{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.codex-entry{border-radius:0;min-height:64px;padding:12px 8px}@media (width>=1024px){.cultivator-layout{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,360fr) minmax(0,736fr);align-items:start;gap:12px 24px}.cultivator-layout>:not(.cultivator-gear){grid-column:1}.cultivator-gear{grid-area:1/2/6}.equipment-panel .slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.world-layout,.cave-layout{grid-template-columns:minmax(0,440fr) minmax(0,656fr);align-items:start;gap:16px 24px}.cave-workshop{grid-area:1/1}.cave-layout-panel{grid-area:1/2/3}.cave-layout>.pets-panel{grid-area:2/1}.cave-layout>.codex-panel{grid-column:1/-1}}.dialogue-backdrop{z-index:50;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:#24344940;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.dialogue,.reward-reveal__card{width:min(480px,100%);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:24px;min-height:0;margin:auto;animation:.18s ease-out reward-pop;overflow-y:auto}.dialogue{grid-template-rows:auto auto minmax(0,1fr) auto}.dialogue-portrait{object-fit:contain;border:0 solid #0000;border-image:url(/art/ui/screens/portrait.webp) 27.2 fill/13.6px;justify-self:center;width:202px;height:min(246px,30dvh);padding:16px;display:block}.dialogue-speaker,.dialogue-text{margin:0}.dialogue-speaker{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.dialogue-speaker .muted{font-size:13px}.dialogue-text{min-height:5em;line-height:1.7;overflow-y:auto}.dialogue-log{gap:24px;max-height:65dvh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.dialogue-log strong{margin-bottom:8px;display:block}.dialogue .choice-row{gap:6px}.dialogue .choice-row>.button{flex:1}.reward-reveal__card{text-align:center;width:min(390px,100%)}.card .reward-reveal__title,.battle-result.card h2{background:url(/art/ui/screens/reward.webp) 50%/contain no-repeat;border:0;place-items:center;width:min(320px,100%);min-height:64px;margin:0 auto;padding:14px 32px;font:22px/1.4 Songti TC,PMingLiU,serif;display:grid}.reward-reveal__list{text-align:left;gap:12px;max-height:50dvh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.reward-reveal__list li{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;animation:.18s ease-out both reward-in;display:grid}.battle{z-index:10;color:var(--color-indigo);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-rice);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;position:absolute;inset:0;overflow:hidden}.battle-canvas{touch-action:none;position:absolute;inset:0}.battle-heading{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--color-rice);grid-row:1;gap:6px;max-height:30dvh;display:grid;position:relative;overflow-y:auto}.battle-heading>*{width:min(1120px,100%);margin:0 auto}.battle-title{border:0 solid #0000;border-image:url(/art/ui/main/top-bar.webp) 19.04 47.6 fill/9.52px 23.8px;align-items:center;min-height:48px;margin:0 auto;padding:8px 20px;font-weight:600;display:flex}.battle-overlay{pointer-events:none;grid-row:2/4;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;min-height:0;padding-top:16px;display:grid;position:relative}.hud-telegraph,.hud-break{text-align:center;width:min(520px,100% - 32px);color:var(--color-indigo);animation:.12s ease-out reward-in}.hud-telegraph{border:0 solid #0000;border-image:url(/art/ui/screens/telegraph.webp) 22 48 fill/11px 24px;grid-row:1;gap:4px;min-height:92px;padding:16px 24px;font-size:14px;display:grid;position:relative}.hud-telegraph__now{color:var(--color-error);font-weight:700}.hud-telegraph__bar{background:var(--color-jade);transform-origin:0;height:4px}.hud-break{border:0 solid #0000;border-image:url(/art/ui/main/card-accent.webp) 33.28 38.4 fill/16.64px 19.2px;grid-row:2;margin:8px 0 0;padding:18px 24px;font-weight:700}.hud-skills{background:var(--color-rice);grid-row:4;justify-content:center;align-self:end;gap:24px;width:100%;margin:0;padding:14px 16px 10px;list-style:none;display:flex}.hud-skills li{text-align:center;justify-items:center;gap:4px;width:76px;display:grid}.hud-skills__icon{background:url(/art/ui/screens/slot.webp) 50%/contain no-repeat;place-items:center;width:64px;height:64px;padding:5px;display:grid;position:relative;overflow:hidden}.hud-skills__cd{background:#243449a6;max-height:calc(100% - 10px);position:absolute;inset:auto 5px 5px}.hud-skills__label{color:#fff;text-shadow:0 1px 3px #243449;place-content:center;font-size:12px;display:grid;position:absolute;inset:0}.hud-skills__label strong{font-variant-numeric:tabular-nums;font-size:17px}.hud-skills__name{font-size:12px}.battle-hud{padding:6px 16px calc(16px + env(safe-area-inset-bottom));background:var(--color-rice);grid-row:4;gap:8px;max-height:28dvh;display:grid;position:relative;overflow-y:auto}.battle-hud:empty{display:none}.battle-actions{flex-wrap:wrap;align-items:center;gap:6px;width:min(720px,100%);margin-inline:auto;display:flex}.battle-actions>.muted{flex-basis:100%;font-size:12px}.battle-actions>.button{flex:88px;min-width:0}.battle--over{grid-template-rows:auto minmax(160px,1fr) auto;overflow-y:auto}.battle--over .battle-canvas{grid-row:2;min-height:160px;position:relative}.battle-result{width:min(720px,100% - 32px);margin:0 auto calc(16px + env(safe-area-inset-bottom));grid-row:3;max-height:42dvh;position:relative;overflow-y:auto}.battle-result .loot li{grid-template-columns:52px minmax(0,1fr) auto;padding-block:8px;display:grid}.town{grid-template-rows:auto minmax(160px,1fr) auto;overflow-y:auto}.town .battle-canvas{border:1px solid var(--color-gold);grid-row:2;min-height:160px;margin-inline:16px;position:relative}.town .battle-hud{grid-row:3;max-height:45dvh}.town-chat{background:0 0;border:0 solid #0000;border-image:url(/art/ui/main/card-standard.webp) 33.28 38.4 fill/16.64px 19.2px;border-radius:0;width:min(720px,100%);max-width:720px;margin-inline:auto;padding:16px 20px}.town-chat .chat-log{max-height:130px}@media (height<=600px){.battle-overlay{padding-top:4px}.hud-telegraph{min-height:0;padding-block:10px}.hud-skills{padding-block:4px}.hud-skills__icon{width:44px;height:44px}.hud-skills__icon img{width:36px;height:36px}}.title-screen{isolation:isolate;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh;color:var(--color-indigo);background:linear-gradient(#0000 45%,#f2e9d8e0),linear-gradient(#f2e9d83d,#f2e9d83d),url(/art/scene/bamboo_field_v2/far.webp) 55%/cover;padding:50px 22px 24px;font-family:PingFang TC,system-ui,sans-serif;position:relative}.title-screen:after{content:"";pointer-events:none;z-index:-1;border:.7px solid #d3ab63a6;position:absolute;inset:10px}.title-screen__layout{max-width:500px;margin:auto}.title-screen__logo{width:min(336px,100%);height:109px;margin:0 auto}.title-screen__logo img{object-fit:contain;width:100%;height:100%}.title-screen__intro{text-align:center;margin:19px 0 0;font-size:14px;line-height:23px}.title-screen__mobile-note{text-align:center;opacity:.8;margin:0;font-size:12px;line-height:22px}.title-screen__bodies{border:0;min-width:0;margin:17px 0 0;padding:0}.title-screen__ornament{letter-spacing:3px;text-align:center;align-items:center;gap:14px;width:100%;margin:0;padding:0 4px;font:18px/28px Songti TC,serif;display:flex}.title-screen__ornament:before,.title-screen__ornament:after{content:"";background:#d3ab63e6;flex:1;height:.7px}.title-screen__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.title-screen__choice{cursor:pointer;flex-direction:column;align-items:center;height:258px;display:flex;position:relative}.title-screen__choice:before{content:"";opacity:.81;z-index:-1;border:18.72px solid #0000;border-image:url(/art/ui/panel_card.webp) 39 fill/18.72px;transition:opacity .16s;position:absolute;inset:0}.title-screen__choice:has(:checked):before{opacity:.96}.title-screen__choice:has(:checked):after{content:"";pointer-events:none;border:2px solid #5fa99ae6;position:absolute;inset:4px}.title-screen__choice input{opacity:0;width:1px;height:1px;position:absolute}.title-screen__choice:has(:focus-visible){outline:2px solid var(--color-indigo);outline-offset:3px}.title-screen__choice-art{pointer-events:none;position:absolute;inset:0}.title-screen__hero{object-fit:contain;width:calc(100% - 12px);height:184px;position:absolute;top:15px;left:6px}.title-screen__pedestal{object-fit:contain;opacity:.65;width:calc(100% - 20px);height:43px;transition:opacity .16s;position:absolute;bottom:26px;left:10px}.title-screen__choice:has(:checked) .title-screen__pedestal{opacity:1}.title-screen__choice-label{letter-spacing:1px;align-items:center;gap:6px;margin-top:219px;font-size:17px;font-weight:500;line-height:24px;display:flex}.title-screen__check{width:22px;height:22px;color:var(--color-rice);text-align:center;background:url(/art/ui/check_off.webp) 50%/contain no-repeat;line-height:22px}.title-screen__choice:has(:checked) .title-screen__check{background-image:url(/art/ui/check_on.webp)}.title-screen__choice-hint,.title-screen__desktop-heading,.title-screen__desktop-note{display:none}.title-screen__body-note{text-align:center;margin:14px 0 0;font-size:13px;line-height:22px}.title-screen__name-panel{width:calc(100% - 4px);max-width:390px;margin:17px auto 0}.title-screen__field{letter-spacing:2px;gap:6px;font-size:16px;font-weight:500;line-height:24px;display:grid}.title-screen__field>span{padding-left:4px}.title-screen__field input{width:100%;min-width:0;height:52px;color:var(--color-indigo);background:0 0;border:11.2px solid #0000;border-width:11.2px 21.28px;border-image:url(/art/ui/title/name-input-frame-trimmed.webp) 17.5 33.14 fill/11.2px 21.28px;border-radius:0;padding:0;scroll-margin-block:24px;font:16px/1.4 PingFang TC,system-ui,sans-serif}.title-screen__field input::placeholder{color:#243449a6;opacity:1}.title-screen input:focus-visible,.title-screen button:focus-visible{outline:2px solid var(--color-indigo);outline-offset:3px}.title-screen__name-hint{margin:7px 4px 0;font-size:12px;line-height:22px;display:block}.title-screen__primary{width:100%;min-height:54px;color:var(--color-indigo);letter-spacing:2px;cursor:pointer;background:0 0;border:14.88px solid #0000;border-image:url(/art/ui/button_primary.webp) 24 26 fill/14.88px 16.12px;border-radius:0;margin-top:22px;padding:0 4px;font:500 19px/24px PingFang TC,system-ui,sans-serif;display:block}.title-screen__primary:disabled{cursor:progress;border-image-source:url(/art/ui/button_disabled.webp)}.title-screen__secondary{width:100%;min-height:44px;color:var(--color-indigo);cursor:pointer;background:0 0;border:0;margin-top:8px;font:500 15px/24px PingFang TC,system-ui,sans-serif;display:block}.title-screen .message{overflow-wrap:anywhere;margin-top:12px;line-height:1.6}.title-screen .message--error{color:#752c20;background:#f5d9ca}.title-screen--login{padding-top:70px}.title-screen--login>.title-screen__logo{width:min(332px,100%);height:110px}.title-screen__login-panel{border:0 solid #0000;border-image:url(/art/ui/panel_card.webp) 39 fill/24.57px;max-width:438px;min-height:470px;margin:71px auto 0;padding:35px 24px 18px}.title-screen__login-panel>.title-screen__ornament{margin-bottom:36px}.title-screen__login-panel .title-screen__field{gap:8px}.title-screen__login-panel .title-screen__field+.title-screen__field{margin-top:31px}.title-screen__login-panel>.title-screen__primary{margin-top:40px}.title-screen__login-panel>.title-screen__secondary{margin-top:16px}@media (width>=1000px){.title-screen{background:linear-gradient(#0000 45%,#f2e9d8e0),linear-gradient(#f2e9d81f,#f2e9d81f),url(/art/scene/bamboo_field_v2/far.webp) 50%/cover;min-height:max(900px,100dvh);padding:68px 6.25% 70px}.title-screen__layout{grid-template-columns:minmax(0,620fr) minmax(0,476fr);column-gap:clamp(32px,7.98611vw,115px);max-width:1260px;padding-right:3.889%;display:grid}.title-screen__header{grid-column:1}.title-screen__logo{width:min(540px,100%);height:178px;margin-left:0}.title-screen__intro{letter-spacing:2px;max-width:540px;margin-top:22px;font:20px/34px Songti TC,serif}.title-screen__mobile-note{display:none}.title-screen__create-form{display:contents}.title-screen__bodies{grid-column:1;margin-top:24px}.title-screen__choices{gap:20px;margin-top:20px}.title-screen__choice{height:392px}.title-screen__choice:before{border-image-width:30.42px}.title-screen__hero{height:288px;top:22px}.title-screen__pedestal{height:77px;bottom:33px}.title-screen__choice-label{letter-spacing:3px;gap:9px;margin-top:335px;font-size:21px;line-height:28px}.title-screen__check{width:25px;height:25px;font-size:21px;line-height:25px}.title-screen__choice-hint{opacity:.7;font-size:12px;line-height:22px;display:block}.title-screen__body-note{margin-top:23px;font-size:16px;line-height:29px}.title-screen__name-panel{border:0 solid #0000;border-image:url(/art/ui/panel_card.webp) 39 fill/39px;grid-area:1/2/3;align-self:start;width:100%;max-width:none;min-height:508px;margin:190px 0 0;padding:47px 43px 39px}.title-screen__desktop-heading{display:flex}.title-screen__desktop-note{text-align:center;margin:25px -4px 39px;font-size:15px;line-height:30px;display:block}.title-screen__name-panel .title-screen__field{letter-spacing:3px;gap:8px;font-size:18px;line-height:30px}.title-screen__name-panel input{height:60px}.title-screen__name-hint{margin-top:12px;font-size:13px;line-height:30px}.title-screen__name-panel .title-screen__primary{min-height:62px;margin-top:31px}.title-screen__name-panel .title-screen__secondary{margin-top:19px;font-size:16px}.title-screen--login>.title-screen__logo{width:540px;height:178px;margin-inline:auto}.title-screen__login-panel{margin-top:30px}}@media (prefers-reduced-motion:reduce){.title-screen *,.title-screen :before,.title-screen :after{transition:none;animation:none}}.standalone-screen{width:min(720px,100% - 32px);height:auto;margin:calc(16px + env(safe-area-inset-top)) auto calc(16px + env(safe-area-inset-bottom));overflow:visible}.coop-lobby.standalone-screen{padding:0}:where(.content,.battle) select{appearance:none;border:1px solid var(--color-gold);background-color:var(--color-surface);background-image:linear-gradient(45deg,#0000 50%,#243449 50%),linear-gradient(135deg,#243449 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;border-image:;padding-right:36px}.world-events article{gap:8px}.world-events .meter{width:100%;margin-block:2px}.home-banner__info{background:#f8f1e4f0;padding:8px 10px}.home-banner__heading{color:var(--color-indigo);text-shadow:0 0 3px var(--color-rice), 0 0 6px var(--color-rice)}.hero-idle-frame{place-items:center;min-width:70px;display:grid;position:relative}.hero-idle-frame>.hero-idle{grid-area:1/1;max-height:100%}.hero-idle-placeholder{max-width:100%;height:100%;fill:var(--color-indigo);position:absolute}.bag-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;margin-block:12px;display:grid}.bag-tools .field{font-size:13px}.equipment-panel .bag--compact .bag-item{padding-block:4px;display:block}.bag-summary{grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:64px;padding:6px 0;list-style:none;display:grid}.bag-summary::-webkit-details-marker{display:none}.bag-summary__meta,.bag-summary__stat{font-size:12px;display:block}.bag-summary__meta{color:var(--color-muted)}.bag-detail{border-top:1px solid #d3ab6359;gap:10px;padding:12px 0;display:grid}details[open] .bag-summary__chevron{transform:rotate(180deg)}