@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;600;700;900&display=swap";:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#f7fbff;background:#111a2e;font-synthesis:none;--ink: #142139;--gold: #ffd45d;--orange: #ff8a42;--blue: #56c9ff;--green: #71e48f;--red: #ff5c68}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 60% 35%,rgba(72,118,143,.5),transparent 42%),#111a2e;user-select:none;-webkit-user-select:none;overscroll-behavior:none}button,input{font:inherit}#game-shell{position:relative}#game-canvas{display:block;width:100%;height:100%;cursor:crosshair;outline:none}#hud{position:absolute;inset:0;pointer-events:none}.glass{border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#0a1426d1,#13273ead);box-shadow:0 12px 35px #02081247,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-card{position:absolute;top:18px;left:20px;min-width:286px;padding:13px 18px 14px;border-radius:16px 16px 16px 5px}.eyebrow{color:#9ed8ed;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1{margin:2px 0 1px;font-family:Ma Shan Zheng,Noto Sans SC,sans-serif;font-size:27px;font-weight:400;letter-spacing:.03em}.form-name{display:inline-flex;color:#182138;background:linear-gradient(90deg,#ffe48a,#ffad5d);padding:2px 11px 3px;border-radius:999px;font-size:12px;font-weight:900}.vitals{position:absolute;left:20px;top:134px;width:286px;padding:12px 14px;border-radius:5px 16px 16px}.meter-row{display:grid;grid-template-columns:36px 1fr 64px;align-items:center;gap:8px;margin:6px 0;color:#d8e8f1;font-size:11px;font-weight:800}.meter-row b{text-align:right;font-size:10px}.meter,.growth-meter,.boss-meter,.interaction-meter{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#00000061;box-shadow:inset 0 1px 4px #00000059}.meter i,.growth-meter i,.boss-meter i,.interaction-meter i{display:block;width:100%;height:100%;border-radius:inherit;transition:width .16s ease}.health-row i{background:linear-gradient(90deg,#ff5064,#ff8790)}.mana-row i{background:linear-gradient(90deg,#348bff,#6fe8ff)}.stamina-row i{background:linear-gradient(90deg,#46c975,#c4f36d)}.growth{position:absolute;left:20px;top:252px;width:286px;padding:12px 14px;border-radius:16px}.growth-title,.charge-heading,.boss-card>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;font-weight:800}.growth-title b{color:var(--gold);font-size:14px}.growth-meter{height:10px}.growth-meter i{background:linear-gradient(90deg,#ffd84f,#ff8547);box-shadow:0 0 12px #ffb649b3}.growth-hint{margin-top:6px;color:#9eb3c5;font-size:9px}.score-card{position:absolute;top:18px;right:20px;display:flex;gap:6px;padding:8px;border-radius:16px 16px 5px}.score-card>div{min-width:70px;padding:5px 8px;text-align:center;border-radius:10px;background:#ffffff0d}.score-card span{display:block;color:#a6bbcc;font-size:9px}.score-card b{color:#fff0a0;font-size:18px}.boss-card{position:absolute;top:18px;left:50%;width:min(450px,38vw);padding:10px 14px 12px;transform:translate(-50%);border-color:#ff645966;border-radius:5px 5px 16px 16px}.boss-card span{color:#ffd5bf;font-size:13px}.boss-card b{color:#ff8377;font-size:10px}.boss-meter{height:11px}.boss-meter i{background:linear-gradient(90deg,#9c2636,#ff674f,#ffd76b)}.lock-card{position:absolute;top:92px;left:50%;padding:7px 14px;transform:translate(-50%);color:#9beaff;border-radius:999px;font-size:11px}.interaction{position:absolute;left:50%;bottom:160px;width:260px;padding:10px 14px;transform:translate(-50%);text-align:center;border-radius:14px}.interaction b{display:block;margin-bottom:7px;color:#ffeaa0;font-size:12px}.interaction span{display:block;margin-top:5px;color:#aec2d0;font-size:9px}.interaction-meter i{width:0;background:linear-gradient(90deg,#f7c65b,#fff4bd)}.charge-card{position:absolute;right:20px;top:92px;width:235px;padding:11px 13px;border-radius:5px 16px 16px}.charge-heading b{color:#ffd25f;font-size:14px}.charge-segments{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.charge-segments i{position:relative;height:13px;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:4px;background:#00000059}.charge-segments i:after{content:"";position:absolute;inset:auto 0 0;height:var(--fill, 0%);background:linear-gradient(0deg,#ff9c3d,#ffe873);box-shadow:0 0 7px #ffb444;transition:height .1s linear}.charge-segments i.battle:after{background:linear-gradient(0deg,#f0445f,#b45bff);box-shadow:0 0 7px #ec5dff}.charge-card small{display:block;margin-top:6px;color:#9fb6c6;font-size:8px;line-height:1.45}.ability-strip{position:absolute;bottom:18px;left:50%;display:flex;width:min(96vw,940px);flex-wrap:wrap;justify-content:center;gap:4px;padding:7px;transform:translate(-50%);border-radius:17px 17px 7px 7px}.ability-strip>div{min-width:62px;padding:6px 7px;text-align:center;border-radius:10px;background:#ffffff0e}kbd{display:inline-flex;min-width:25px;height:23px;align-items:center;justify-content:center;padding:0 6px;color:#152036;border:0;border-bottom:3px solid #c99036;border-radius:6px;background:#ffe28b;box-shadow:0 3px 9px #00000040;font-family:inherit;font-size:10px;font-weight:900}.ability-strip span{display:block;margin-top:4px;color:#bdceda;font-size:8px}.hint-toast{position:absolute;left:50%;bottom:103px;max-width:520px;padding:8px 15px;transform:translate(-50%) translateY(0);border-radius:999px;color:#ecf8ff;font-size:11px;opacity:1;transition:opacity .3s ease,transform .3s ease}.hint-toast.faded{opacity:0;transform:translate(-50%) translateY(8px)}.world-label{position:absolute;padding:4px 8px;transform:translate(-50%,-100%);color:#ffe575;border:1px solid rgba(255,226,106,.35);border-radius:999px;background:#09131ebf;font-size:9px;font-weight:800;white-space:nowrap}.player-charge{position:absolute;width:56px;height:6px;overflow:hidden;transform:translate(-50%,-100%);border:1px solid rgba(255,255,255,.35);border-radius:99px;background:#0000008c}.player-charge i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ffe762,#ff6e3e)}.modal-layer{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:24px;pointer-events:none;visibility:hidden;opacity:0;background:radial-gradient(circle,#0c1b2a61,#040912d1);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .2s ease,visibility .2s}.modal-layer.visible{visibility:visible;opacity:1;pointer-events:auto}.panel{width:min(840px,92vw);max-height:91vh;overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.17);border-radius:28px 28px 28px 8px;background:linear-gradient(145deg,#13243afa,#091323fa);box-shadow:0 35px 90px #0000007a,inset 0 1px #ffffff17}.start-panel{position:relative;width:min(720px,92vw);text-align:center;overflow:hidden}.start-panel:before{content:"";position:absolute;width:300px;height:300px;top:-180px;right:-100px;border-radius:50%;background:#ffcf5721}.start-panel h2,.skill-panel h2,.pause-panel h2{margin:7px 0 10px;font-size:30px}.start-panel p,.pause-panel p{max-width:600px;margin:0 auto 18px;color:#b8ccda;font-size:13px;line-height:1.7}.start-panel>small{display:block;margin-top:12px;color:#8fa8ba;font-size:9px}.mascot-head{position:relative;width:86px;height:72px;margin:0 auto 10px;border:5px solid #ffb17d;border-radius:52% 48% 45%;background:#ffd0a7;box-shadow:0 0 30px #ffd06a59}.mascot-head span{position:absolute;top:28px;width:9px;height:14px;border-radius:50%;background:#233048}.mascot-head span:first-child{left:23px}.mascot-head span:last-child{right:23px}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.control-grid>div{display:flex;align-items:center;gap:8px;padding:8px;text-align:left;border-radius:10px;background:#ffffff0d}.control-grid span{color:#c8d9e2;font-size:10px}.primary-button,#close-skills{cursor:pointer;border:0;border-radius:12px;color:#182039;background:linear-gradient(135deg,#ffdf72,#ff9e51);box-shadow:0 10px 24px #ff93423b;padding:11px 22px;font-weight:900}.primary-button:hover,#close-skills:hover{filter:brightness(1.08);transform:translateY(-1px)}.skill-panel{width:min(980px,95vw)}.skill-panel header,.skill-panel footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.skill-panel h2{margin-bottom:0}.point-pill{padding:9px 14px;border-radius:999px;color:#d6e4ed;background:#ffffff14;font-size:11px}.point-pill b{margin-left:8px;color:#ffe371;font-size:19px}.skill-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:21px 0}.skill-button{position:relative;min-height:118px;cursor:pointer;overflow:hidden;padding:15px;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(145deg,#435a7459,#1d2d416b)}.skill-button:hover:not(:disabled){border-color:#ffdc6f8c;background:linear-gradient(145deg,#62605c73,#26303c7a)}.skill-button:disabled{cursor:not-allowed;opacity:.52}.skill-button .skill-icon{display:grid;width:34px;height:34px;place-items:center;margin-bottom:8px;border-radius:10px;color:#17233b;background:#ffe18b;font-size:18px}.skill-button strong{display:block;font-size:13px}.skill-button p{margin:5px 0 0;color:#a9becc;font-size:9px;line-height:1.5}.skill-button em{position:absolute;top:14px;right:14px;color:#ffd96a;font-size:11px;font-style:normal;font-weight:900}.skill-panel footer{color:#8da6b8;font-size:9px}#close-skills kbd{margin-left:6px;height:19px;border-bottom-width:2px;background:#ffffff8c}.pause-panel{width:min(430px,90vw);text-align:center}.pause-panel .primary-button{margin-top:8px}.hidden{display:none!important}@media(max-width:850px){.brand-card,.vitals,.growth{left:10px;width:250px;min-width:0}.brand-card{top:10px}.vitals{top:121px}.growth{top:239px}.score-card{top:10px;right:10px}.charge-card{top:84px;right:10px}.ability-strip>div{min-width:56px}.skill-list{grid-template-columns:repeat(2,1fr)}.boss-card{width:42vw}}@media(max-height:700px){.growth{display:none}.ability-strip{bottom:9px}.hint-toast{bottom:88px}.panel{padding:20px}.control-grid{margin:11px 0}}