#survival-root{position:fixed;inset:0;z-index:30;overflow:hidden;background:#1c2118;touch-action:none;user-select:none;font-family:Georgia,"Songti SC","SimSun",serif;color:#dcd6c0}#survival-root[hidden]{display:none}#survival-stage{position:absolute;width:480px;height:790px;transform-origin:top left;overflow:hidden}#survival-canvas{position:absolute;inset:0;width:480px;height:790px}#sv-hud{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0e140de8,transparent 100px,transparent 650px,#080e09c9)}#sv-hud button{pointer-events:auto}.sv-square{position:absolute;top:12px;width:43px;height:42px;font-size:24px;color:#e4ddc4;background:linear-gradient(145deg,#33362adb,#11180fe8);border:1px solid #b0a077;box-shadow:inset 0 0 0 3px #161d13,inset 0 0 0 4px #625d40;cursor:pointer}.sv-square:hover{filter:brightness(1.25)}#sv-pause{left:14px}#sv-speed{left:67px;font-size:16px}#sv-wave{position:absolute;left:125px;top:14px;width:222px;text-align:center;font-size:24px;letter-spacing:1px;text-shadow:0 2px #000}#sv-stage-label{position:absolute;right:15px;top:18px;font-size:20px}#sv-xp-row{position:absolute;top:62px;left:89px;right:17px;height:20px;display:flex;gap:8px;align-items:center;font-size:13px}#sv-xp-row:before{content:'◆';color:#77d1e4;font-size:26px;text-shadow:0 0 7px #2aa4bf}#sv-level{white-space:nowrap;min-width:33px}.sv-meter{height:11px;flex:1;border:1px solid #9e936f;background:#0e160f;box-shadow:0 0 0 2px #11160f;overflow:hidden}#sv-xp-fill{width:0;height:100%;background:linear-gradient(#86dbeb,#3597b5);box-shadow:0 0 10px #57bad5}#sv-xp-text{min-width:67px;font-size:11px;color:#bcb79f}#sv-timer{position:absolute;top:89px;left:145px;width:190px;text-align:center;font-size:12px;letter-spacing:2px;color:#d3c79f}#sv-stats{top:102px;left:14px;font-size:20px}#sv-build{top:153px;left:14px;font-size:20px}#sv-notice{position:absolute;top:122px;left:75px;width:330px;text-align:center;font-size:16px;color:#f1db9c;opacity:0;transition:opacity .2s;text-shadow:0 2px 4px #000}#sv-notice.show{opacity:1}#sv-encounter{position:absolute;top:109px;left:100px;right:30px;display:none;font-size:11px;text-align:center;color:#d9aaa0}.sv-boss-track{height:5px;background:#221310;border:1px solid #9e7760;margin-top:4px}.sv-boss-fill{height:100%;background:#9d4940}#sv-kills{position:absolute;bottom:83px;left:15px;font-size:12px;color:#d4c9ab}#sv-combo{position:absolute;bottom:105px;left:15px;color:#dcca9d;font-size:20px;letter-spacing:2px}#sv-skills{position:absolute;left:14px;bottom:46px;display:flex;gap:4px;max-width:355px;overflow:hidden}.sv-slot{width:28px;height:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:var(--element);border:1px solid #89826988;background:#181e15dd}.sv-slot small{font:9px Arial;color:#d4ccb7}#sv-health{position:absolute;left:8px;right:8px;bottom:15px;height:16px;border:1px solid #a39670;background:#191c14;box-shadow:0 0 0 3px #131810}#sv-health-fill{height:100%;background:linear-gradient(#9aa86c,#5b803f);transition:width .15s}#sv-health-text{position:absolute;inset:0;text-align:center;font-size:12px;color:#f5efdb;text-shadow:0 1px 3px #000}#sv-dash{position:absolute;right:20px;bottom:77px;width:57px;height:57px;border:1px solid #a69b73;border-radius:50%;background:radial-gradient(#565c3da8,#10190de6);color:#f2e6bc;pointer-events:auto;font-size:20px;box-shadow:0 0 0 3px #1a2118,inset 0 0 0 3px #77704c66}#sv-dash small{display:block;font-size:10px;margin-top:2px}#sv-controls{position:absolute;bottom:38px;right:17px;font-size:9px;color:#bfb59b}#sv-hint{position:absolute;left:55px;right:55px;top:220px;text-align:center;padding:18px 12px;border-top:1px solid #99906d80;border-bottom:1px solid #99906d80;background:#12190fd9;line-height:1.8;font-size:15px;pointer-events:none;transition:opacity .5s}#sv-hint small{font-size:12px;color:#a7aa91}#sv-joystick{position:absolute;width:76px;height:76px;border:1px solid #c0b58a77;border-radius:50%;background:#1a251766;display:none;pointer-events:none;box-shadow:inset 0 0 15px #0d130d55}#sv-stick{position:absolute;left:24px;top:24px;width:28px;height:28px;border:1px solid #d2cba580;border-radius:50%;background:#939d6e66}#sv-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#090e08a6;backdrop-filter:blur(3px);z-index:5}#sv-modal[hidden]{display:none}.sv-dialog{width:436px;max-height:712px;overflow:auto;border:1px solid #9c8e65;background:linear-gradient(140deg,#25291fee,#10170ff5);box-shadow:inset 0 0 0 4px #121a10,inset 0 0 0 5px #70684d,0 15px 40px #0008;padding:24px 14px;color:#d5cfb9;text-align:center}.sv-dialog h2{font-size:30px;font-weight:400;letter-spacing:5px;margin:3px 0 7px;color:#e4ddc6}.sv-divider{height:1px;margin:16px 18px;background:linear-gradient(90deg,transparent,#998d67,transparent)}.sv-subtitle{font-size:13px;color:#b6b49e;line-height:1.7}.sv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.sv-card{color:#d7d1ba;background:linear-gradient(140deg,#4a4c342d,#131a125e);border:1px solid #8b805f;box-shadow:inset 0 0 0 3px #171d14;min-height:268px;padding:12px 5px;display:flex;align-items:center;flex-direction:column;cursor:pointer;font-family:inherit;transition:background .16s,transform .16s}.sv-card:hover,.sv-card:focus-visible{outline:1px solid #d0bd80;box-shadow:inset 0 0 18px #b1ab5a22,0 0 12px #c8bd6f33;background:#676a3d33;transform:translateY(-3px)}.sv-card h3{font-weight:400;font-size:20px;margin:9px 0 4px}.sv-card .sv-tag{font-size:11px;color:var(--element);border:1px solid currentColor;padding:2px 10px;opacity:.85}.sv-card .sv-description{font-size:12px;line-height:1.7;margin:12px 0;min-height:62px;border-top:1px solid #8c846044;padding-top:10px;width:100%}.sv-card .sv-select{margin-top:auto;width:90%;border:1px solid #8e805b;padding:6px;font-size:14px;background:#1d2419}.sv-card .sv-next{font-size:10px;color:#bfb993;margin:5px 0}.sv-btn{padding:11px 18px;color:#e1d7b7;background:linear-gradient(#444831,#262c20);border:1px solid #948665;font-family:inherit;font-size:15px;cursor:pointer}.sv-btn:hover{filter:brightness(1.2)}.sv-btn:disabled{opacity:.4;cursor:default}.sv-btn-row{display:flex;justify-content:center;gap:10px;margin-top:16px}.sv-footer{font-size:11px;color:#a8a88d;margin-top:12px;line-height:1.7}.sv-build-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #7a785438;padding:8px;font-size:13px;text-align:left;gap:12px}.sv-build-row span{color:#b1b49b;font-size:11px}.sv-chart{height:6px;flex:1;background:#303825}.sv-chart i{display:block;height:100%;background:var(--element);opacity:.7}.sv-pill{font-size:11px;padding:4px 8px;color:#cbbd8c;border:1px solid #8c805b;display:inline-block;margin:4px}#survival-root button:focus-visible{outline:2px solid #d1be87;outline-offset:2px}@media(prefers-reduced-motion:reduce){.sv-card{transition:none}}

.sv-dialog:has(.sv-result){padding:0;border-color:#a79a63;box-shadow:0 24px 65px #000b;overflow:hidden}.sv-dialog:has(.defeat){border-color:#83554e}.sv-result{--result:#d8be77;position:relative;padding:24px 23px 22px;background:radial-gradient(ellipse at 50% 16%,#b9a35a33,transparent 48%),linear-gradient(155deg,#303427,#121a13 70%);isolation:isolate}.sv-result.defeat{--result:#d59887;background:radial-gradient(ellipse at 50% 16%,#ad4e3a33,transparent 48%),linear-gradient(155deg,#322727,#171719 70%)}.sv-result:before{content:'';position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--result) 28%,transparent);pointer-events:none}.sv-result-eyebrow{font-size:10px;letter-spacing:2px;color:var(--result);opacity:.8}.sv-result-emblem{display:grid;place-items:center;width:92px;height:92px;margin:22px auto 12px;border:1px solid var(--result);border-radius:50%;outline:1px solid #b5a16733;outline-offset:7px;color:var(--result);font-size:57px;background:radial-gradient(#ab935b22,#1b221a66);box-shadow:0 0 40px #cbb46f20;text-shadow:0 0 18px #d9c39055}.defeat .sv-result-emblem{border-radius:45% 45% 10% 10%;transform:rotate(-5deg);box-shadow:0 0 40px #b9694e20}.sv-result-en{font:11px Georgia;letter-spacing:8px;color:var(--result);margin-top:19px}.sv-result h2{font-size:37px;letter-spacing:9px;color:var(--result);margin:10px 0 7px}.sv-result-message{margin:18px 0;padding:10px 0;border-top:1px solid #af9e7055;border-bottom:1px solid #af9e7055;font-size:12px;color:var(--result)}.sv-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:20px 0}.sv-result-stats b{display:block;font-size:22px;font-weight:400;color:#e2dac4}.sv-result-stats b small{font-size:12px;color:#8f9383}.sv-result-stats span{display:block;margin-top:8px;font-size:10px;color:#a7ab98}.sv-result-reward{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:17px 15px;border:1px solid #ad9c614d;background:linear-gradient(100deg,#b39d5020,transparent);font-size:14px}.sv-result-reward span small{display:block;font-size:10px;margin-top:7px;color:#afb096}.sv-result-reward b{font-size:30px;font-weight:400;color:var(--result)}.sv-result-reward b small{font-size:10px}.sv-result .sv-btn-row{gap:8px;margin-top:23px}.sv-result .sv-btn{flex:1;padding:12px 5px;font-size:12px;background:#1d231c;border-color:#6a7056}.sv-result .result-primary{color:#f1e2b5;background:linear-gradient(120deg,#7b7043,#45472c);border-color:#b3a573}.defeat .result-primary{color:#ead2c8;background:linear-gradient(120deg,#785148,#4a3431);border-color:#ab7968}.sv-result-tip{font-size:11px;line-height:1.8;color:#c1a99e;margin:15px 0 0}.sv-result{animation:result-arrive .45s ease-out}@keyframes result-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sv-result{animation:none}}

/* Fusion recipes and awakening feedback. */
#sv-fusion-bar{position:absolute;left:78px;top:157px;display:flex;gap:7px;pointer-events:none}#sv-fusion-bar>span{width:49px;display:grid;place-items:center;color:var(--fusion);font-size:25px;text-shadow:0 0 12px var(--fusion);background:#10190fbd;border-top:1px solid var(--fusion);padding:6px 1px}#sv-fusion-bar small{font-size:8px;margin-top:3px}.fusion-available{color:#f1cf8a!important;border-color:#e2bc71!important;animation:forge-beacon 1.8s infinite}.fusion-available:after{content:'可合成';display:block;position:absolute;top:42px;left:-3px;width:49px;font-size:11px;background:#1c2518;color:#ead699;padding:3px 0}.sv-fusion-hint{display:block;color:var(--fusion);border-top:1px solid #8e8b5c44;width:100%;padding:8px 0;font-size:11px;margin-bottom:8px}.sv-fusion-hint small{display:block;font-size:9px;line-height:1.6;margin-top:4px;color:#b9c1a7}.sv-card{min-height:310px}.fusion-catalog{display:grid;gap:12px;text-align:left;padding:0 3px}.fusion-recipe{border:1px solid #78816a66;padding:14px;background:linear-gradient(115deg,#65715615,#121c1366);position:relative;overflow:hidden}.fusion-recipe-head{display:flex;gap:12px;align-items:center}.fusion-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--fusion);color:var(--fusion);font-size:29px;background:#1a231c;box-shadow:inset 0 0 12px #b6c98b12}.fusion-recipe h3{font-size:20px;color:var(--fusion);font-weight:400;letter-spacing:2px;margin:0 0 5px}.fusion-recipe-head small{font-size:10px;color:#9ca892}.fusion-state{margin-left:auto;color:var(--fusion);font-size:23px;opacity:.6}.fusion-ingredients{display:flex;align-items:center;gap:10px;margin:15px 0 10px}.fusion-ingredient{flex:1;min-width:0}.fusion-ingredient>span{font-size:11px;color:#c5cbb7;display:flex;justify-content:space-between}.fusion-ingredient b{font-size:10px;color:var(--fusion);font-weight:400}.fusion-ingredient>div{display:flex;gap:4px;margin-top:7px}.fusion-ingredient i{height:4px;flex:1;background:#414b3966}.fusion-ingredient i.filled{background:var(--fusion);box-shadow:0 0 6px color-mix(in srgb,var(--fusion) 40%,transparent)}.fusion-plus{color:#939d80;font-size:16px}.fusion-recipe p{font-size:11px;line-height:1.8;color:#a9b39b;margin:8px 0 0}.fusion-recipe.forged{border-color:color-mix(in srgb,var(--fusion) 55%,transparent);background:linear-gradient(120deg,#60714a30,#172219)}.fusion-recipe.forged .fusion-state{text-shadow:0 0 12px var(--fusion);opacity:1}.fusion-recipe.forge-ready{border-color:var(--fusion);box-shadow:inset 0 0 28px color-mix(in srgb,var(--fusion) 9%,transparent),0 0 13px color-mix(in srgb,var(--fusion) 10%,transparent)}.forge-ready .fusion-icon{animation:forge-beacon 1.8s infinite}.fusion-button{display:block;width:100%;padding:12px 8px;margin-top:14px;border:1px solid var(--fusion);color:var(--fusion);background:linear-gradient(120deg,#6c71423b,#273e2c44);font:14px Georgia,'Songti SC',serif;letter-spacing:1px;box-shadow:inset 0 0 15px #c2ca7d12;cursor:pointer}.fusion-button:hover{filter:brightness(1.25);box-shadow:0 0 18px color-mix(in srgb,var(--fusion) 25%,transparent)}.fusion-celebration{padding:23px 16px;text-align:center;color:var(--fusion);background:radial-gradient(ellipse,color-mix(in srgb,var(--fusion) 10%,transparent),transparent 65%)}.fusion-kicker{letter-spacing:6px;font:11px Georgia;color:var(--fusion)}.fusion-sigil{position:relative;width:156px;height:156px;border:1px solid var(--fusion);border-radius:50%;margin:42px auto 35px;display:grid;place-items:center;box-shadow:0 0 45px color-mix(in srgb,var(--fusion) 18%,transparent),inset 0 0 30px color-mix(in srgb,var(--fusion) 12%,transparent)}.fusion-sigil span{font-size:83px;text-shadow:0 0 25px var(--fusion);animation:sigil-reveal .7s ease-out}.fusion-sigil i{position:absolute;inset:-12px;border:1px dashed var(--fusion);border-radius:50%;opacity:.55;animation:sigil-orbit 18s linear infinite}.fusion-sigil i:last-child{inset:13px;border-style:solid;border-radius:25%;animation-direction:reverse;opacity:.3}.fusion-celebration h2{color:var(--fusion);font-size:35px;letter-spacing:5px;margin:16px 0}.fusion-celebration p{font-size:12px;color:#b8c2a8}.fusion-source{font-size:12px;color:var(--fusion);padding:15px;border-block:1px solid #888b5d44;margin:22px 0}.fusion-description{font-size:14px!important;line-height:1.9;margin:18px 0 28px!important}@keyframes forge-beacon{50%{box-shadow:0 0 19px #e5c77655;filter:brightness(1.25)}}@keyframes sigil-orbit{to{transform:rotate(360deg)}}@keyframes sigil-reveal{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.fusion-available,.forge-ready .fusion-icon,.fusion-sigil span,.fusion-sigil i{animation:none}}

/* Each ability uses its own atlas cell, independent of UI screenshot coordinates. */
.skill-icon{display:inline-block;flex-shrink:0;aspect-ratio:1;width:40px;height:40px;background-image:var(--icon-sheet,var(--skill-atlas));background-size:var(--icon-size,800% 400%);background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat;border-radius:9px;box-shadow:0 0 0 1px #c7ae7138;overflow:hidden;vertical-align:middle}
.skill-icon.sv-art{display:block;width:84px;height:84px;border-radius:16px;box-shadow:0 0 0 1px #c7ae7166,0 6px 18px #0005;background-image:var(--icon-sheet,var(--skill-atlas));background-size:var(--icon-size,800% 400%);background-position:var(--icon-x) var(--icon-y)}
.skill-icon.fusion-icon{width:48px;height:48px;border:1px solid var(--fusion);padding:0;box-shadow:0 0 12px #b9ad7820;background-image:var(--icon-sheet,var(--skill-atlas));background-size:var(--icon-size,800% 400%);background-position:var(--icon-x) var(--icon-y)}
.skill-icon.ingredient-icon{width:22px;height:22px;border-radius:5px;margin-right:5px}.fusion-ingredient>span{align-items:center;gap:3px}.fusion-ingredient b{margin-left:auto}.skill-icon.build-skill-icon{width:34px;height:34px}.sv-build-row:has(.build-skill-icon)>b{margin-right:auto;font-weight:500}.skill-icon.awakening-icon{width:132px;height:132px;border-radius:50%;box-shadow:0 0 26px color-mix(in srgb,var(--fusion) 30%,transparent);text-shadow:none}.skill-icon.slot-icon{width:28px;height:28px;border-radius:5px;box-shadow:none}.sv-slot{position:relative;flex-shrink:0;width:30px;height:30px;border-radius:6px;overflow:hidden}.sv-slot small{position:absolute;right:0;bottom:0;background:#131b11e8;min-width:12px;padding:1px 2px;text-align:center;border-radius:3px 0 0 0}.skill-icon.fusion-hud-icon{width:34px;height:34px;border-radius:7px}#sv-fusion-bar>span{background:#10190f9c;border-radius:7px;border-top:0;padding:4px 1px}#sv-skills{flex-wrap:wrap;max-width:340px;max-height:64px;bottom:43px;gap:3px}#sv-dash small{font-size:9px;white-space:nowrap}

.sv-card.is-keyboard-selected{outline:2px solid #dac481;outline-offset:2px;border-color:#dac481;background:linear-gradient(145deg,#72744e44,#26331c88);box-shadow:inset 0 0 24px #e2cc6f16,0 0 22px #e9cc6b23;transform:translateY(-3px)}.sv-card.is-keyboard-selected .sv-select{color:#f5e7b9;border-color:#c3ad6a;background:#6e64323b}.damage-summary{display:flex;justify-content:space-around;padding:12px 4px;border-bottom:1px solid #8c856044;margin-bottom:10px;color:#9aa68c;font-size:11px}.damage-summary b{display:block;color:#e6ddc5;font-size:21px;font-weight:500;margin-top:6px}.skill-damage-row{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid #8c85602e;text-align:left}.skill-icon.damage-icon,.damage-glyph{width:38px;height:38px;flex-shrink:0;border-radius:8px}.damage-glyph{display:grid;place-items:center;color:#e5d5a2;font-size:25px;background:#4c54363b;border:1px solid #9f936e55}.damage-detail{flex:1;min-width:0}.damage-detail>b{display:block;font-size:12px;color:#d6d9c7;font-weight:500;margin-bottom:8px}.damage-detail .sv-chart{height:5px;border-radius:2px;overflow:hidden}.damage-detail .sv-chart i{min-width:1px;box-shadow:0 0 8px var(--element)}.damage-amount{min-width:58px;text-align:right;font-variant-numeric:tabular-nums}.damage-amount b{font-weight:500;font-size:14px;color:#e9d8ad}.damage-amount small{display:block;font-size:10px;margin-top:5px;color:#a6b394}

/* Endless record screen */
.sv-result.endless{--result-accent:#b9d9ee;background:radial-gradient(ellipse at 50% 22%,#37618540,transparent 65%)}
.endless .sv-result-emblem{color:#bcddf7;text-shadow:0 0 35px #78bbef80}
.sv-endless-time{padding:22px 0;margin:16px 0;border-block:1px solid #8daac844;display:grid;gap:8px;text-align:center;background:linear-gradient(90deg,transparent,#5482a91a,transparent)}
.sv-endless-time span{font-size:12px;letter-spacing:3px;color:#b3c9d9}.sv-endless-time strong{font:600 56px "Expedition Sans",sans-serif;line-height:1.15;font-variant-numeric:tabular-nums;color:#e0f2ff;text-shadow:0 0 30px #8fc9f966}.sv-endless-time small{color:#bfb49b;font-size:13px}

#sv-pending-choice{position:absolute;bottom:155px;left:145px;width:190px;z-index:8;box-shadow:0 0 20px #d4bf6d66}#sv-pending-choice[hidden]{display:none}