:root{color:#f9ead2;font-synthesis:none;background:#0b0c13;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible{outline-offset:3px;outline:2px solid #c9eeff}button:active{transform:translateY(1px)}.icon{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1.3em;height:1.3em}button .icon{vertical-align:middle}.hidden{display:none!important}.backdrop{filter:blur(18px);z-index:-1;background:linear-gradient(90deg,#070a12dd,#17121aaa,#080a15e8),url(../assets/dungeon.png) 50%/cover;position:fixed;inset:-30px}.layout{justify-content:center;align-items:center;gap:clamp(28px,4vw,72px);min-height:100svh;padding:14px 20px;display:flex}.game-shell{aspect-ratio:9/16;border:1px solid #68606b55;border-radius:15px;flex-shrink:0;max-width:540px;height:calc(100svh - 28px);max-height:960px;position:relative;overflow:hidden;box-shadow:0 28px 85px #000b,0 0 0 6px #0c0e1777}#stage{--scale:1;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}#game{width:100%;height:100%;display:block}.desktop-note,.desktop-right{width:222px;max-width:22vw}.eyebrow{letter-spacing:3.5px;color:#b7a486;font-size:9px}.desktop-note h1{letter-spacing:-2px;color:#e9dccb;margin:24px 0 28px;font-size:43px;font-weight:950;line-height:1.3}.desktop-note h1 em{color:#ffce79;font-style:normal}.line{background:linear-gradient(90deg,#b38b4a77,#0000);width:125px;height:1px}.desktop-note p{color:#c7baab;margin:26px 0 38px;font-size:18px;line-height:1.9}.keyboard>kbd{margin-left:30px}.keyboard div{gap:5px;margin-top:5px;display:flex}.keyboard kbd{color:#ddd0bb;background:#27232a;border:1px solid #6d5c4b66;border-bottom:3px solid #483b32;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;display:inline-flex}.keyboard span{color:#938678;margin:14px 0 33px;font-size:11px;display:block}.desktop-note>small{letter-spacing:1px;color:#786e68;font-size:9px}.desktop-right .rune{color:#e4b869;margin-bottom:30px;font-size:31px}.desktop-right h2{color:#e0d3c0;margin:20px 0;font-size:27px;line-height:1.5}.desktop-right p{color:#a89c8f;font-size:12px;line-height:2}.route-note{border-top:1px solid #78726a33;margin-top:18px;padding:20px 0 16px}.route-note span{color:#b9b0a5;font-size:11px;display:block}.route-note b{letter-spacing:1px;color:#d0c9bf;margin-top:7px;font-size:16px;display:block}.route-note.gold b{color:#efca81}.route-note small{color:#a39079;margin-top:8px;font-size:10px;display:block}.bottom-note{color:#726960;margin-top:33px;font-size:10px;line-height:2;display:block}.hud{width:100%;height:calc(156px * var(--scale));pointer-events:none;z-index:5;background:linear-gradient(#080a1799,#0000);position:absolute;top:0;left:0}.avatar{left:calc(12px * var(--scale));top:calc(10px * var(--scale));width:calc(66px * var(--scale));height:calc(72px * var(--scale));border:calc(3px * var(--scale)) solid #776974;background:radial-gradient(#283a55,#161622);border-radius:45%;position:absolute;overflow:hidden;box-shadow:0 0 0 3px #0b0c14,0 6px 10px #0008}.avatar canvas{object-fit:cover;width:100%;height:100%}.avatar span{text-align:center;width:100%;font-size:calc(14px * var(--scale));color:#fff;text-shadow:2px 2px #000;background:#0c0d19a6;font-weight:900;position:absolute;bottom:0;left:0}.vitals{left:calc(89px * var(--scale));top:calc(17px * var(--scale));width:calc(265px * var(--scale));position:absolute}.hp{height:calc(24px * var(--scale));padding:calc(3px * var(--scale));background:#15131c;border:2px solid #71666a;border-radius:4px;overflow:hidden;transform:skew(-7deg);box-shadow:0 0 0 2px #090910}.hp div{background:linear-gradient(#ff8077 5%,#ff5a58 30%,#c33235 70%,#e85144);width:100%;height:100%;transition:width .18s;box-shadow:inset 0 1px #ffc6afaa}.hp span{text-align:center;line-height:calc(21px * var(--scale));font-size:calc(15px * var(--scale));text-shadow:1px 1px 2px #000,0 0 3px #000;color:#fff;font-weight:900;position:absolute;inset:0;transform:skew(7deg)}#build-icons{gap:calc(5px * var(--scale));margin-top:calc(9px * var(--scale));height:calc(29px * var(--scale));align-items:center;display:flex}.build-base,.build-empty{width:calc(31px * var(--scale));height:calc(31px * var(--scale));color:#a5ddff;font-size:calc(21px * var(--scale));background:linear-gradient(#2b2936,#12131d);border:1px solid #7796b1;border-radius:7px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 0 2px #10111b,inset 0 0 6px #4878a933}.build-empty{font-size:calc(15px * var(--scale));color:#aca3ad66;border-color:#71647477;box-shadow:0 0 0 2px #10111b}.pause-button{top:calc(13px * var(--scale));right:calc(14px * var(--scale));width:calc(42px * var(--scale));height:calc(43px * var(--scale));pointer-events:auto;color:#eee;font-size:calc(23px * var(--scale));background:linear-gradient(#2c2a36,#12121b);border:2px solid #89828c;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 0 3px #080811}.room-badge{left:50%;top:calc(100px * var(--scale));text-align:center;padding:calc(6px * var(--scale)) calc(25px * var(--scale));white-space:nowrap;background:linear-gradient(90deg,#0000,#0c0b17d9 15% 85%,#0000);position:absolute;transform:translate(-50%)}.room-badge span{font-size:calc(19px * var(--scale));letter-spacing:1px;text-shadow:1px 2px #000;font-weight:900}.room-badge small{font-size:calc(10px * var(--scale));color:#d8c19f;margin-top:calc(3px * var(--scale));letter-spacing:calc(3px * var(--scale));display:block}.map{right:calc(11px * var(--scale));top:calc(74px * var(--scale));width:calc(86px * var(--scale));height:calc(39px * var(--scale));background:#0c0d1cbb;border:1px solid #776c7e66;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute}.map-node{width:calc(14px * var(--scale));height:calc(17px * var(--scale));font-size:calc(9px * var(--scale));color:#9b959f;background:#3b3a4855;border:1px solid #97949d88;border-radius:2px;justify-content:center;align-items:center;display:flex}.map-node.current{color:#37251c;background:#edba5f;border-color:#ffdea3;box-shadow:0 0 8px #ffd17877}.map-node.passed{color:#c9ad79}.map i{width:calc(5px * var(--scale));background:#766978;height:1px}.map-node .icon{width:95%;height:95%}.gate-label{z-index:3;top:calc(223px * var(--scale));width:calc(310px * var(--scale));text-align:center;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.gate-label.locked{top:calc(222px * var(--scale));width:calc(238px * var(--scale));padding:calc(8px * var(--scale)) calc(17px * var(--scale));background:linear-gradient(90deg,#0000,#0e0c17ce 15% 85%,#0000)}.lock-caption{justify-content:center;align-items:center;gap:calc(6px * var(--scale));font-size:calc(12px * var(--scale));color:#c5bcb8;display:flex}.lock-caption .icon{color:#ae9692;width:calc(15px * var(--scale));height:calc(15px * var(--scale))}.gate-progress{height:calc(3px * var(--scale));margin:calc(8px * var(--scale)) auto calc(1px * var(--scale));background:#39303a;border-radius:2px;width:75%}.gate-progress i{background:#cba563;height:100%;transition:width .2s;display:block;box-shadow:0 0 5px #e5bd7177}.gate-title{justify-content:center;align-items:center;gap:calc(8px * var(--scale));color:#ffe9a7;filter:drop-shadow(0 0 8px #ffae4677);font-size:calc(34px * var(--scale));text-shadow:calc(3px * var(--scale)) calc(3px * var(--scale)) #442108,calc(-2px * var(--scale)) calc(-2px * var(--scale)) #442108,2px -2px #442108,-2px 2px #442108;font-weight:950;display:flex}.gate-title .icon{width:calc(20px * var(--scale));height:calc(28px * var(--scale));filter:drop-shadow(0 0 2px #ffc54d)}.gate-sub{font-size:calc(12px * var(--scale));color:#ffe5a3;gap:calc(4px * var(--scale));padding:calc(5px * var(--scale)) 0;background:linear-gradient(90deg,#0000,#6b3811e0 15% 85%,#0000);border-top:1px solid #ffd05c88;justify-content:center;align-items:center;font-weight:800;display:flex}.gate-sub span{color:#ffd9a1;font-weight:600}.gate-sub .icon{width:calc(20px * var(--scale));height:calc(20px * var(--scale))}.gate-label.open{animation:.35s ease-out gate-pop}.boss-hud{top:calc(217px * var(--scale));width:calc(280px * var(--scale));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.boss-hud span{font-size:calc(16px * var(--scale));text-shadow:1px 2px #000;color:#ffceaf;font-weight:900}.boss-hud>div{height:calc(9px * var(--scale));margin-top:calc(8px * var(--scale));background:#211723;border:1px solid #9b6764;border-radius:6px;padding:1px;box-shadow:0 0 0 2px #141018}.boss-hud i{background:linear-gradient(#ff8272,#ba2c39);border-radius:4px;height:100%;transition:width .12s;display:block}.guide{bottom:calc(161px * var(--scale));align-items:center;gap:calc(9px * var(--scale));white-space:nowrap;padding:calc(7px * var(--scale)) calc(14px * var(--scale));font-size:calc(12px * var(--scale));color:#bddfff;pointer-events:none;background:#0b0e1cae;border:1px solid #91c8ff33;border-radius:7px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.guide b{color:#f0f7ff;font-weight:800}.joystick{bottom:calc(32px * var(--scale));left:calc(18px * var(--scale));width:calc(140px * var(--scale));height:calc(140px * var(--scale));border:calc(3px * var(--scale)) solid #c0c5de35;touch-action:none;z-index:4;background:radial-gradient(#1c203033,#080b178f);border-radius:50%;position:absolute;box-shadow:0 0 0 2px #07091466,inset 0 0 23px #0006}.joy-knob{width:calc(59px * var(--scale));height:calc(59px * var(--scale));border:calc(3px * var(--scale)) solid #afb6c9;pointer-events:none;background:radial-gradient(at 35% 30%,#9aa1b6,#737a91 65%,#3a4059);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #0009,0 0 0 3px #161825}.joy-arrow{color:#d4d6ee55;font-size:calc(20px * var(--scale));pointer-events:none;line-height:1;position:absolute}.joy-arrow.up{top:calc(9px * var(--scale));left:calc(57px * var(--scale))}.joy-arrow.down{bottom:calc(9px * var(--scale));left:calc(57px * var(--scale))}.joy-arrow.left{left:calc(9px * var(--scale));top:calc(56px * var(--scale))}.joy-arrow.right{right:calc(9px * var(--scale));top:calc(56px * var(--scale))}.stance{bottom:calc(45px * var(--scale));right:calc(31px * var(--scale));width:calc(85px * var(--scale));height:calc(85px * var(--scale));justify-content:center;align-items:center;gap:calc(4px * var(--scale));color:#bce6ff;border:calc(2px * var(--scale)) solid #729ec4;pointer-events:none;background:radial-gradient(at 40% 40%,#3475b777,#081326dd 68%);border-radius:50%;flex-direction:column;transition:all .2s;display:flex;position:absolute;box-shadow:0 0 0 4px #0a0c18,0 0 19px #57b5ff33,inset 0 0 12px #5bacff33}.stance>.icon{width:calc(36px * var(--scale));height:calc(36px * var(--scale));filter:drop-shadow(0 0 7px #68cbff)}.stance span{font-size:calc(10px * var(--scale));color:#e3f4ff;font-weight:800}.stance.moving{color:#b8b3c4;background:radial-gradient(at 40% 40%,#57505a55,#10121cdd 68%);border-color:#786f83;box-shadow:0 0 0 4px #0a0c18}.stance.moving .icon{filter:none}.toast{left:50%;bottom:calc(202px * var(--scale));width:max-content;max-width:90%;padding:calc(10px * var(--scale)) calc(16px * var(--scale));color:#ffe0b4;font-size:calc(12px * var(--scale));pointer-events:none;z-index:12;background:#0e0e1ee6;border:1px solid #bd906d77;border-radius:9px;animation:.2s toast-in;position:absolute;transform:translate(-50%);box-shadow:0 4px 15px #0005}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;padding:calc(21px * var(--scale));touch-action:auto;background:#0608138c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog{text-align:center;border-radius:calc(19px * var(--scale));width:100%;padding:calc(29px * var(--scale)) calc(23px * var(--scale));background:linear-gradient(155deg,#2b2330f5,#161522f7 55%,#1e1925fa);border:1px solid #94745988;position:relative;box-shadow:0 24px 70px #000b,inset 0 0 0 4px #a2907733}.dialog:before{content:"";background:linear-gradient(90deg,#0000,#f2cb89,#0000);height:2px;position:absolute;top:-1px;left:30%;right:30%}.overline{font-size:calc(10px * var(--scale));color:#d0af7e;letter-spacing:calc(2px * var(--scale));display:block}.dialog h2{margin:calc(11px * var(--scale)) 0;font-size:calc(27px * var(--scale));color:#ffe6ba;letter-spacing:calc(1px * var(--scale));font-weight:950}.dialog p{font-size:calc(12px * var(--scale));color:#bdb3b7;margin:calc(10px * var(--scale)) 0 calc(22px * var(--scale));line-height:1.8}.dialog>small{font-size:calc(10px * var(--scale));color:#9e949d;margin-top:calc(15px * var(--scale));display:block}.primary{width:100%;height:calc(51px * var(--scale));border-radius:calc(9px * var(--scale));color:#3e231b;font-size:calc(17px * var(--scale));justify-content:center;align-items:center;gap:calc(12px * var(--scale));background:linear-gradient(#e7b964,#bd7f37);border:1px solid #ffe0a1;font-weight:900;display:flex;box-shadow:0 4px #6c422c,0 6px 20px #ecab3e22,inset 0 1px #fff1bf}.primary:hover{filter:brightness(1.08)}.secondary{width:100%;margin-top:calc(12px * var(--scale));height:calc(44px * var(--scale));color:#d7cad2;font-size:calc(13px * var(--scale));background:#2b2836;border:1px solid #655966;border-radius:7px}.text-button{color:#a2919a;font-size:calc(11px * var(--scale));margin-top:calc(18px * var(--scale));background:0 0;border:0;padding:8px}.intro{width:calc(356px * var(--scale));padding:calc(30px * var(--scale)) calc(28px * var(--scale));margin-top:calc(84px * var(--scale));background:linear-gradient(155deg,#2f2532f2,#131320f5)}.intro h2{font-size:calc(39px * var(--scale));text-shadow:2px 3px #37232a;margin-bottom:calc(17px * var(--scale));color:#eadfce;line-height:1.24}.intro h2 em{color:#ffdc90;font-style:normal}.intro-mark{color:#edbf6b;width:calc(39px * var(--scale));height:calc(39px * var(--scale));margin:calc(21px * var(--scale)) auto calc(14px * var(--scale));filter:drop-shadow(0 0 12px #dba75166)}.intro-mark .icon{width:100%;height:100%}.intro-rule{justify-content:center;gap:calc(19px * var(--scale));margin:0 0 calc(27px * var(--scale));display:flex}.intro-rule span{align-items:center;gap:calc(5px * var(--scale));font-size:calc(11px * var(--scale));color:#b9d7ef;display:flex}.intro-rule span+span{color:#e3c084}.intro-rule b{font-weight:600}.upgrade-dialog{padding:calc(22px * var(--scale)) calc(16px * var(--scale))}.reward-icon{width:calc(39px * var(--scale));height:calc(39px * var(--scale));color:#ffd180;margin:calc(16px * var(--scale)) auto calc(8px * var(--scale));filter:drop-shadow(0 0 10px #c78945)}.reward-icon .icon{width:100%;height:100%}.upgrade-dialog h2{font-size:calc(27px * var(--scale));margin:calc(8px * var(--scale)) 0}.upgrade-dialog>p{font-size:calc(11px * var(--scale));margin-bottom:calc(17px * var(--scale))}.cards{gap:calc(10px * var(--scale));grid-template-columns:repeat(3,1fr);display:grid}.cards.four{gap:calc(12px * var(--scale));grid-template-columns:repeat(2,1fr)}.upgrade-card{border-radius:calc(11px * var(--scale));color:#e8deda;text-align:left;min-width:0;padding:calc(12px * var(--scale)) calc(12px * var(--scale));background:radial-gradient(at 50% 30%,#35405d66,#0000 65%),linear-gradient(#292736,#181922);border:1px solid #8c839f80;transition:transform .15s,border-color .15s;box-shadow:0 4px 8px #0005}.upgrade-card:hover{border-color:var(--card-color);transform:translateY(-4px)}.upgrade-card.advanced{background:radial-gradient(at 50% 30%,#93744333,#0000 70%),linear-gradient(#332a2d,#24202a);border-color:#d7af65;box-shadow:0 0 15px #d4a24919}.card-tag{font-size:calc(9px * var(--scale));color:#a29aaa;white-space:nowrap}.advanced .card-tag{color:#f7c675}.card-icon{width:calc(57px * var(--scale));height:calc(57px * var(--scale));border:1px solid color-mix(in srgb,var(--card-color) 50%,transparent);border-radius:calc(12px * var(--scale));background:radial-gradient(color-mix(in srgb,var(--card-color) 20%,transparent),#151722);color:var(--card-color);margin:calc(15px * var(--scale)) auto calc(10px * var(--scale));font-size:calc(29px * var(--scale));justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 9px #94b1f222,0 0 14px #0003}.card-icon .icon{filter:drop-shadow(0 0 6px var(--card-color))}.upgrade-card h3{font-size:calc(15px * var(--scale));margin:calc(5px * var(--scale)) 0;color:#f5eada;font-weight:800}.upgrade-card p{font-size:calc(10px * var(--scale));color:#b7afbe;margin:calc(6px * var(--scale)) 0 calc(14px * var(--scale));min-height:calc(51px * var(--scale));line-height:1.7}.four .upgrade-card p{min-height:calc(32px * var(--scale))}.card-select{padding-top:calc(9px * var(--scale));font-size:calc(10px * var(--scale));color:var(--card-color);border-top:1px solid #736b7c44;justify-content:space-between;align-items:center;display:flex}.card-select>span{font-size:calc(14px * var(--scale))}.freeze-note{font-size:calc(9px * var(--scale))!important}.pause-dialog{max-height:90%;width:calc(378px * var(--scale));overflow:auto}.debug-panel{font-size:calc(11px * var(--scale));text-align:left}.debug-status{color:#c2deec;padding:calc(10px * var(--scale));background:#15252f88;border-radius:6px;margin-bottom:12px;line-height:1.7}.debug-panel label{flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0;display:flex}.debug-panel input,.debug-panel select{color:#e3d9d2;min-width:80px;font-size:inherit;background:#131620;border:1px solid #675564;border-radius:5px;flex:1;padding:6px}.debug-panel button{padding:calc(8px * var(--scale)) calc(7px * var(--scale));color:#ddd0d6;font-size:inherit;background:#34303d;border:1px solid #615267;border-radius:5px}.debug-buttons{gap:calc(8px * var(--scale));margin:calc(12px * var(--scale)) 0;grid-template-columns:1fr 1fr;display:grid}.debug-panel details{border-top:1px solid #584452;padding:12px 0;line-height:1.8}.enemy-table{max-height:130px;font-family:monospace;font-size:calc(10px * var(--scale));overflow:auto}.enemy-table>div{border-bottom:1px solid #ffffff18;padding:6px}.debug-panel small{font-size:calc(9px * var(--scale));color:#a89b9b}.result-dialog{width:calc(373px * var(--scale))}.result-symbol{color:#edc384;font-size:calc(46px * var(--scale));margin:calc(18px * var(--scale)) auto calc(7px * var(--scale))}.result-symbol .icon{width:calc(64px * var(--scale));height:calc(64px * var(--scale))}.stats{gap:calc(18px * var(--scale));padding:calc(22px * var(--scale)) 0;margin-bottom:calc(22px * var(--scale));border-top:1px solid #af855637;border-bottom:1px solid #af855637;grid-template-columns:repeat(2,1fr);display:grid}.stats span{font-size:calc(10px * var(--scale));color:#a594a1}.stats b{margin-top:calc(7px * var(--scale));font-size:calc(22px * var(--scale));color:#ffe0aa;display:block}.result-build{justify-content:center;gap:calc(10px * var(--scale));margin-bottom:calc(21px * var(--scale));flex-wrap:wrap;display:flex}.result-build span{font-size:calc(10px * var(--scale));color:#afcbe8;align-items:center;gap:5px;display:flex}.result-build .icon{color:#aad6ff}@keyframes gate-pop{0%{opacity:0;filter:brightness(2);translate:0 12px}to{opacity:1;filter:brightness();translate:0}}@keyframes toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (max-width:1060px){.desktop-right{display:none}.layout{gap:35px}.desktop-note{width:190px;max-width:25vw}.desktop-note h1{font-size:35px}}@media (max-width:700px){.desktop-note{display:none}.layout{min-height:100svh;padding:0}.game-shell{border:0;border-radius:0;width:min(100vw,56.25svh);max-width:none;height:min(100svh,177.778vw);max-height:none;box-shadow:0 0 50px #000}.overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}