*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#root{height:100%}body{background:#08090d;color:#d8d2c0;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;overflow:hidden}.gold-text{background:linear-gradient(180deg,#fff3c4,#ffd88a 35%,#d8a244 62%,#8a5f1c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #4a3208) drop-shadow(0 4px 6px rgba(0,0,0,.8))}.screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.panel{background:linear-gradient(180deg,#1b1e28,#101219);border:1px solid #000;outline:1px solid #6a512a;box-shadow:0 0 0 3px #0a0b10,0 0 0 4px #3a2d14,0 10px 34px #000000e6,0 0 26px #d8a2441a inset;padding:22px 30px}.panel h2{color:#ffd88a;letter-spacing:8px;font-size:21px;font-weight:700;text-shadow:0 1px 0 #4a3208,0 0 16px rgba(255,200,110,.4);text-align:center;margin-bottom:16px}.divider{height:1px;margin:12px 0;background:linear-gradient(90deg,transparent,#6a512a,transparent)}.btn{display:inline-block;cursor:pointer;text-align:center;padding:9px 36px;font-size:15px;letter-spacing:4px;font-weight:700;color:#ffe9b8;background:linear-gradient(180deg,#4a3a1c,#2a2010,#1a140a);border:1px solid #000;outline:1px solid #8a6a30;box-shadow:0 0 0 2px #0a0b10,0 0 0 3px #3a2d14,0 3px 8px #000c,0 1px #ffdc8c40 inset;text-shadow:0 1px 2px #000;transition:filter .12s}.btn:hover{filter:brightness(1.35);box-shadow:0 0 0 2px #0a0b10,0 0 0 3px #6a512a,0 0 16px #ffc86e66}.btn:active{filter:brightness(.9)}.btn.red{background:linear-gradient(180deg,#5a1a12,#340d08,#1c0604);outline-color:#a04030}.btn.ghost{background:linear-gradient(180deg,#20222c,#12141a);outline-color:#4a4a52;color:#b8b4a4}.btn:disabled{filter:grayscale(.85) brightness(.55);cursor:not-allowed}.back-btn{position:absolute;left:26px;top:22px;padding:6px 20px;font-size:13px}.title-screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 42% at 50% 12%,rgba(160,60,20,.16),transparent 70%),radial-gradient(ellipse 90% 60% at 50% 100%,rgba(120,80,30,.1),transparent 70%),#050608}.title-logo{font-size:74px;font-weight:900;letter-spacing:14px;line-height:1;background:linear-gradient(180deg,#fff6cc,#ffd88a 38%,#d89c3c 60%,#7a5212);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #3a2806) drop-shadow(0 5px 2px #000) drop-shadow(0 0 34px rgba(255,190,80,.35));margin-bottom:4px}.title-logo-img{max-height:110px;max-width:70%;object-fit:contain;margin-bottom:4px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.8))}.title-en{letter-spacing:11px;font-size:14px;color:#7a6a4a;font-family:Georgia,serif;text-shadow:0 1px 2px #000;margin-bottom:10px}.title-rule{width:460px;height:2px;margin-bottom:44px;background:linear-gradient(90deg,transparent,#8a6a30 20%,#d8a244 50%,#8a6a30 80%,transparent)}.title-sub{color:#8a7a5a;letter-spacing:3px;font-size:13px;margin-bottom:40px}.title-btns{display:flex;flex-direction:column;gap:14px;width:264px}.footer-note{position:absolute;bottom:18px;color:#5a5244;font-size:12px;letter-spacing:1px}.torch{position:absolute;top:24%;width:10px;height:46px;border-radius:4px;pointer-events:none;background:linear-gradient(180deg,#ffb347,#c4531d 60%,#3a2a0f);box-shadow:0 0 30px 12px #ff8c2840;animation:flicker 1.6s infinite alternate}@keyframes flicker{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.char-select-wrap{display:flex;gap:26px;align-items:stretch;max-width:1060px;width:94%}.char-list{width:218px;display:flex;flex-direction:column;gap:10px}.char-item{cursor:pointer;padding:12px 14px;position:relative;background:linear-gradient(180deg,#1a1d26,#101219);border:1px solid #000;outline:1px solid #3a3d48;transition:outline-color .15s}.char-item:hover{outline-color:#8a6a30}.char-item.sel{outline-color:#d8a244;box-shadow:0 0 14px #d8a24459,0 0 0 1px #6a512a inset}.char-item.locked{filter:grayscale(.9) brightness(.55);cursor:not-allowed}.char-item h3{color:#ffd88a;font-size:15px;letter-spacing:2px}.char-item .ci-tag{font-size:11px;color:#8a8272;margin-top:4px}.char-art-box{flex:1;min-width:380px;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 30%,rgba(120,40,26,.28),transparent 72%),linear-gradient(180deg,#14161e,#0a0b10);border:1px solid #000;outline:1px solid #3a3d48;display:flex;align-items:flex-end;justify-content:center}.char-art-box canvas{width:100%;height:100%;display:block}.char-art-name{position:absolute;top:18px;left:22px;text-align:left}.char-art-name .n1{font-size:30px;font-weight:900;letter-spacing:6px;background:linear-gradient(180deg,#fff3c4,#d8a244);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #000)}.char-art-name .n2{font-size:13px;color:#8a7a5a;letter-spacing:3px;margin-top:4px}.char-info{width:250px;padding:16px;font-size:13px;background:linear-gradient(180deg,#1a1d26,#101219);border:1px solid #000;outline:1px solid #3a3d48}.char-info .hl{color:#ffd88a}.char-info .ci-desc{color:#a89f8a;line-height:1.7;margin-bottom:10px}.skill-list{font-size:12px;color:#8fb2d8;line-height:1.85}.skill-list>div{display:flex;align-items:center}.lock-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#d8c8a0;font-size:15px;letter-spacing:5px;background:#00000073}.map-header{display:flex;align-items:baseline;gap:18px;margin-bottom:8px}.map-title{font-size:26px;font-weight:900;letter-spacing:10px;background:linear-gradient(180deg,#fff3c4,#d8a244 70%,#8a5f1c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #000)}.map-sub{color:#8a7a5a;font-size:13px;letter-spacing:2px}.profile-strip{color:#a89f8a;font-size:12.5px;margin-bottom:12px;letter-spacing:1px}.profile-strip b{color:#ffd88a;font-weight:400}.node-map{position:relative;width:920px;max-width:92vw;height:380px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(70,100,50,.14),transparent 70%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(0,0,0,.5),transparent 80%),linear-gradient(180deg,#151a12,#0c0f0a);border:1px solid #000;outline:1px solid #4a4230;box-shadow:0 0 0 3px #0a0b10,0 0 0 4px #2a2414,0 10px 30px #000000e6}.map-link{position:absolute;height:0;border-top:2px dashed rgba(180,160,100,.4);transform-origin:0 0}.map-link.lit{border-top-color:#ffd26ed9;box-shadow:0 0 8px #ffbe5066}.map-node{position:absolute;width:74px;margin-left:-37px;text-align:center;cursor:pointer;transition:transform .15s}.map-node:hover{transform:scale(1.08)}.map-node .gate{width:54px;height:66px;margin:0 auto 6px;position:relative;background:linear-gradient(180deg,#2a3020,#141810);border:2px solid #6a6a52;border-bottom:none;border-radius:27px 27px 0 0;box-shadow:0 0 12px #000c,0 0 0 1px #000 inset;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.map-node .gate:after{content:"";position:absolute;top:6px;right:8px;bottom:0;left:8px;background:linear-gradient(180deg,#5a784680,#1e281899);border-radius:21px 21px 0 0}.map-node.boss .gate{border-color:#8a4a3a;border-radius:8px 8px 0 0;width:62px}.map-node.boss .gate:after{background:linear-gradient(180deg,#8c321e8c,#280c08b3);border-radius:4px 4px 0 0}.map-node.open .gate{border-color:#ffd88a;box-shadow:0 0 18px #ffbe508c,0 0 0 1px #000 inset}.map-node.open .gate:after{background:linear-gradient(180deg,#ffdc82bf,#c878288c)}.map-node.locked{filter:grayscale(.85) brightness(.6);cursor:not-allowed}.map-node .n-icon{position:absolute;top:34px;left:50%;transform:translate(-50%);z-index:1;font-size:22px;filter:drop-shadow(0 1px 2px #000)}.map-node .n-name{font-size:13.5px;color:#e8dcc0;letter-spacing:2px;text-shadow:0 1px 3px #000}.map-node .n-lv{font-size:11px;color:#a89f8a;text-shadow:0 1px 2px #000}.map-node.open .n-name{color:#ffe9b8}.node-tip{position:absolute;width:240px;padding:12px 14px;font-size:12.5px;line-height:1.7;z-index:5;background:linear-gradient(180deg,#181b24f5,#0c0e14f5);border:1px solid #000;outline:1px solid #6a512a;box-shadow:0 8px 24px #000000e6;pointer-events:none}.node-tip .t-name{color:#ffd88a;font-size:15px;letter-spacing:2px;margin-bottom:4px}.node-tip .t-row{color:#b8b0a0}.node-tip .t-row b{color:#ffe9b8;font-weight:400}.stars{color:#ffd24a;letter-spacing:2px}.fatigue-ok{color:#ffd24a}.fatigue-zero{color:#ff6a52}.kbd{display:inline-block;min-width:20px;text-align:center;padding:1px 5px;margin-right:6px;border:1px solid #000;outline:1px solid #5a5a66;background:linear-gradient(180deg,#2c2f3a,#171920);color:#ffd88a;font-size:11px;font-family:monospace;box-shadow:0 2px 3px #000000b3}.game-wrap{position:relative;width:min(100vw,177.78vh);aspect-ratio:16/9;max-height:100vh}canvas#game{width:100%;height:100%;display:block;background:#000}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:13px}.hud .clickable{pointer-events:auto}.status{position:absolute;left:14px;top:12px;display:flex;gap:10px;align-items:flex-start}.portrait-box{width:64px;height:64px;padding:2px;position:relative;background:linear-gradient(180deg,#3a3324,#1a1712);border:1px solid #000;outline:1px solid #8a6a30;box-shadow:0 0 0 2px #0a0b10,0 0 0 3px #3a2d14,0 2px 8px #000c}.portrait-box:before,.portrait-box:after{content:"";position:absolute;width:8px;height:8px;z-index:3;background:linear-gradient(135deg,#d8b06a,#8a6a30 60%,#4a3414);border:1px solid #000}.portrait-box:before{left:-2px;top:-2px;border-right:none;border-bottom:none}.portrait-box:after{right:-2px;bottom:-2px;border-left:none;border-top:none}.portrait-box canvas,.portrait-box img{width:100%;height:100%;display:block}.portrait-lv{position:absolute;bottom:0;left:0;right:0;height:15px;background:#080604d1;color:#ffd88a;font-size:10.5px;line-height:15px;text-align:center;font-family:monospace;text-shadow:0 1px 1px #000}.bars{display:flex;flex-direction:column;gap:4px;padding-top:2px}.char-name{color:#ffd88a;font-size:12.5px;letter-spacing:1px;text-shadow:0 1px 2px #000;margin-bottom:1px}.bar{width:236px;height:14px;position:relative;background:linear-gradient(180deg,#0c0d12,#16171e);border:1px solid #000;outline:1px solid #55452a;box-shadow:0 2px 3px #000000b3,0 1px #ffdc8c1f inset}.bar:before{content:"";position:absolute;left:-3px;top:-1px;bottom:-1px;width:5px;z-index:2;background:linear-gradient(180deg,#d8b06a,#8a6a30 45%,#4a3414);border:1px solid #000;box-shadow:0 1px 3px #000c}.bar .fill{height:100%;transition:width .15s;box-shadow:0 -1px #ffffff47 inset,0 2px 2px #00000059 inset}.bar.hp .fill{background:linear-gradient(180deg,#ff7a5a,#e03018 45%,#8a1006)}.bar.mp .fill{background:linear-gradient(180deg,#6aa8f8,#2a68d8 45%,#10307a)}.bar span{position:absolute;width:100%;text-align:center;font-size:10px;line-height:13px;color:#fff;font-family:monospace;font-weight:700;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.bar.fat .fill{background:linear-gradient(180deg,#c89af8,#8a4ae0 45%,#4a1a86)}.sub-res{display:flex;gap:11px;margin-top:2px;font-size:11.5px;text-shadow:0 1px 2px #000}.coin-ico{color:#ffd88a}.pot-hp{color:#ff9a8a}.pot-mp{color:#8ab8ff}.rage-badge{display:none;margin-top:4px;padding:2px 10px;font-size:12px;letter-spacing:2px;color:#ffb0a0;background:#5a0a06cc;border:1px solid #ff5040;outline:1px solid #000;text-shadow:0 0 8px rgba(255,60,40,.8);animation:ragePulse .5s infinite alternate}.rage-badge.on{display:inline-block}@keyframes ragePulse{0%{box-shadow:0 0 4px #ff3c2866}to{box-shadow:0 0 14px #ff3c28e6}}.top-right{position:absolute;right:16px;top:14px;display:flex;flex-direction:column;gap:7px;align-items:flex-end}.room-map{display:flex;align-items:center;padding:7px 10px;background:linear-gradient(180deg,#10121ae0,#08090ee0);border:1px solid #000;outline:1px solid #55452a;box-shadow:0 3px 10px #000000b3}.room-dot{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#6a6252;background:linear-gradient(180deg,#22242e,#12141a);border:1px solid #000;outline:1px solid #4a4a52}.room-dot.done{color:#d8a244;outline-color:#6a512a;box-shadow:0 0 6px #d8a2444d}.room-dot.cur{color:#ffe9b8;outline-color:#ffd88a;box-shadow:0 0 10px #ffc86e99;animation:curPulse 1s infinite alternate}@keyframes curPulse{0%{box-shadow:0 0 6px #ffc86e66}to{box-shadow:0 0 12px #ffc86ed9}}.room-line{width:16px;height:0;border-top:2px solid #4a4a52}.room-line.done{border-top-color:#d8a244}.fatigue{text-align:right}.fatigue span{font-size:11.5px;color:#d8c8f0;text-shadow:0 1px 2px #000;letter-spacing:1px}.gold-line{font-size:12px;color:#ffd88a;text-shadow:0 1px 2px #000;letter-spacing:1px}.fatigue-warn{position:absolute;top:22%;width:100%;text-align:center;font-size:18px;letter-spacing:3px;color:#ff6a52;text-shadow:0 0 12px rgba(255,60,40,.7),0 2px 3px #000;opacity:0;pointer-events:none}.fatigue-warn.on{animation:warnBlink 1.1s 2}@keyframes warnBlink{0%,to{opacity:0}50%{opacity:1}}.boss-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);width:480px;display:none}.boss-bar .bname{color:#ffb8a0;letter-spacing:4px;text-shadow:0 1px 3px #000,0 0 10px rgba(255,60,40,.5);margin-bottom:3px;font-size:14.5px;font-weight:700;text-align:center}.boss-bar .bar{width:100%;height:13px;outline-color:#7a3226}.skillbar{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:2px;align-items:flex-end}.slot{width:46px;height:46px;position:relative;background:linear-gradient(180deg,#262a34,#14161c 60%,#0e1014);border:1px solid #000;outline:1px solid #6a5630;box-shadow:0 0 0 2px #0a0b10,0 3px 6px #000c,0 1px #ffdc8c26 inset;display:flex;align-items:center;justify-content:center}.slot .icon{font-size:20px;font-weight:900;color:#ffd88a;text-shadow:0 0 8px rgba(255,190,80,.55),0 1px 2px #000}.slot .icon-img{width:38px;height:38px;image-rendering:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.slot .key{position:absolute;right:2px;bottom:1px;font-size:10px;color:#fff;font-family:monospace;font-weight:700;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.slot .cd-mask{position:absolute;left:1px;right:1px;top:1px;height:0;background:#000000bf;box-shadow:0 -1px #ffffff1f inset;pointer-events:none}.slot .cd-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;font-family:monospace;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.slot .lock-lv{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#8a7a5a;font-size:10.5px;font-family:monospace;text-shadow:0 1px 2px #000;background:#0505088c}.slot.locked .icon,.slot.locked .icon-img{opacity:.22}.slot.no-mp .icon,.slot.no-mp .icon-img{filter:grayscale(.7) brightness(.7)}.slot .sname{position:absolute;bottom:-15px;width:100%;text-align:center;font-size:9px;color:#8a8272;white-space:nowrap}.slot.wide{width:54px}.slot .icon.sm{font-size:13px;letter-spacing:1px}.lobby-screen{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;background:radial-gradient(ellipse 90% 60% at 50% 22%,#1a2030,#0b0e18 55%,#05060c)}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle 220px at 50% 46%,rgba(240,200,110,.14),transparent 70%),linear-gradient(180deg,transparent 55%,rgba(30,26,20,.55) 78%,rgba(10,9,7,.9) 100%)}.lobby-hill{position:absolute;bottom:96px;left:0;right:0;height:200px;pointer-events:none;background:#0a0c12;clip-path:polygon(0 62%,7% 46%,13% 58%,21% 34%,28% 52%,36% 40%,44% 60%,52% 38%,60% 56%,68% 30%,76% 50%,84% 38%,92% 58%,100% 44%,100% 100%,0 100%);opacity:.8}.lobby-planet{position:absolute;width:90px;height:90px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 32%,#7ab2e8,#2a5a9a 45%,#10244a 80%);box-shadow:0 0 30px #5aa0f059,0 0 60px #3c78dc2e,0 -2px #c8e6ff80 inset;opacity:.55}.lobby-planet.p1{left:14%;top:18%}.lobby-planet.p2{right:13%;top:26%;transform:scale(.72);opacity:.4}.lobby-emblem{position:absolute;left:50%;top:44%;width:430px;height:430px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(255,215,120,.3) 0%,rgba(255,190,80,.12) 34%,transparent 62%);border-radius:50%;animation:emblemSpin 40s linear infinite}.lobby-emblem:before,.lobby-emblem:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px solid rgba(255,215,120,.35);box-shadow:0 0 18px #ffc85a40,0 0 40px #ffc85a1f inset}.lobby-emblem:after{top:26%;right:26%;bottom:26%;left:26%;border-style:dashed;border-color:#ffe1964d}@keyframes emblemSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.lobby-spark{position:absolute;top:-8px;width:4px;height:4px;border-radius:50%;pointer-events:none;background:#ffe9b0;box-shadow:0 0 8px #ffd778e6;animation:sparkFall 9s linear infinite;opacity:0}@keyframes sparkFall{0%{transform:translateY(0);opacity:0}8%{opacity:.9}85%{opacity:.5}to{transform:translateY(78vh);opacity:0}}.lobby-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(180deg,rgba(6,8,14,.85),rgba(6,8,14,.35) 80%,transparent);font-size:13px;color:#cfc6b0;z-index:5}.lt-left b{color:#ffb878;letter-spacing:1px;margin-right:14px}.lt-ico{margin-right:4px}.lt-count{color:#9a927e;margin-left:6px}.lt-right{color:#7a7362}.lt-set{border:1px solid #4a4438;padding:2px 10px;border-radius:3px;margin-left:8px;color:#b0a890;cursor:pointer}.lobby-center{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;position:relative;z-index:2;padding-bottom:6px}.lobby-art-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:flex-end;justify-content:center;width:100%}.lobby-halo{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:280px;height:50px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,215,120,.45) 0%,rgba(255,190,80,.18) 45%,transparent 72%);filter:blur(1px);animation:haloPulse 2.6s ease-in-out infinite}@keyframes haloPulse{50%{transform:translate(-50%) scale(1.1);opacity:.85}}.lobby-art{height:100%;max-height:330px;width:auto;aspect-ratio:520 / 480;position:relative;z-index:2;filter:drop-shadow(0 10px 26px rgba(0,0,0,.75))}.lobby-card{position:relative;z-index:3;flex:0 0 auto;display:inline-block;min-width:330px;padding:9px 26px 10px;text-align:left;margin-top:2px;background:linear-gradient(180deg,#10121aeb,#090a10eb);border:1px solid #6a5630;border-radius:4px;box-shadow:0 0 0 1px #0a0b10,0 4px 14px #000000b3}.lc-row1{display:flex;align-items:baseline;gap:10px}.lc-lv{color:#ffd88a;font-size:17px;font-weight:700;font-family:monospace;text-shadow:0 0 8px rgba(255,190,80,.5)}.lc-name{color:#fff;font-size:16px;letter-spacing:2px}.lc-row2{color:#b8ae96;font-size:12px;margin:3px 0 5px}.lc-ico{color:#7ab2e8}.lc-row3{display:flex;gap:16px;font-size:12px;color:#9a927e;border-top:1px solid #23252e;padding-top:6px}.lc-row3 b{color:#e8dcc8;font-family:monospace}.lc-row3 b.gold{color:#ffd88a}.lobby-roster{flex:0 0 auto;display:flex;gap:12px;justify-content:center;z-index:4;margin:8px 0 4px}.r-card{width:96px;height:128px;position:relative;cursor:pointer;background:linear-gradient(180deg,#171a24,#0c0e16);border:2px solid #2c3242;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;transition:border-color .15s,box-shadow .15s,transform .15s}.r-card.sel{border-color:#d8b06a;box-shadow:0 0 14px #f0c86e66,0 0 0 1px #6a5630 inset;transform:translateY(-6px)}.r-card.empty{border-style:dashed;background:#0c0e1499}.r-card.empty:hover{border-color:#5a6478}.r-thumb{position:absolute;top:5px;left:50%;transform:translate(-50%);width:82px;height:92px}.r-plus{font-size:30px;color:#4a5264;margin-bottom:16px}.r-name{font-size:12px;color:#e8dcc8;letter-spacing:1px;position:relative}.r-name.dim{color:#5a6272}.r-lv{font-size:10px;color:#8a8272;font-family:monospace}.lobby-meta{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:4px 26px 8px;z-index:4}.lobby-pager{display:flex;align-items:center;gap:8px}.pg{width:20px;height:20px;border-radius:3px;background:#d8b06a;color:#14110a;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.pg-line{width:110px;height:2px;background:linear-gradient(90deg,#d8b06a,#2c3242)}.pg-txt{font-size:11px;color:#7a7362}.lobby-tip-line{font-size:12px;color:#8a8272}.lobby-tip-line .tip-msg{color:#ffd88a;margin-left:4px}.lobby-footer{flex:0 0 auto;position:relative;z-index:6;display:flex;align-items:center;justify-content:center;gap:14px;padding:13px 20px;background:linear-gradient(180deg,#0c101ab8,#0d1524 55%,#101c34);border-top:1px solid #2a364e;box-shadow:0 -8px 24px #0000008c}.lf-btn{cursor:pointer;padding:9px 26px;font-size:14px;letter-spacing:2px;border-radius:3px;color:#cfc6b0;background:linear-gradient(180deg,#232a3a,#141926);border:1px solid #3a4358;transition:filter .12s,transform .06s}.lf-btn:hover{filter:brightness(1.3)}.lf-btn:active{transform:translateY(1px)}.lf-btn.main{color:#ffe9b0;font-size:16px;padding:10px 40px;font-weight:700;background:linear-gradient(180deg,#2a5aa8,#16305e);border:1px solid #5a86c8;text-shadow:0 1px 3px rgba(0,0,0,.7);box-shadow:0 0 16px #3c78dc59,0 0 0 1px #0a0f1c inset}.lf-btn.main:hover{box-shadow:0 0 22px #5a96f08c}.lf-btn.main .lf-k{font-size:11px;font-weight:400;color:#9ab8e0;margin-left:6px;letter-spacing:0}.lf-btn.ghost{background:transparent;border-color:#2a2f3e;color:#6a7386;margin-left:auto}.expbar-bottom{position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(180deg,#0c0d12,#17181e);border-top:1px solid #000;box-shadow:0 -1px #ffdc8c24 inset}.expbar-bottom .fill{height:100%;background:linear-gradient(180deg,#ffe27a,#d8a214 55%,#8a6208);box-shadow:0 -1px #ffffff4d inset;transition:width .2s}.combo{position:absolute;right:40px;top:32%;text-align:right;opacity:0;transition:opacity .3s}.combo.on{opacity:1}.combo .num{font-size:54px;font-weight:900;color:#ffd24a;text-shadow:0 0 18px rgba(255,180,60,.6),0 2px 0 #6a4a10,0 4px 8px #000}.combo .lbl{font-size:13px;letter-spacing:8px;color:#d8a244}.combo.pop .num{animation:comboPop .18s}@keyframes comboPop{0%{transform:scale(1.35)}to{transform:scale(1)}}.pickup-hint{position:absolute;bottom:108px;left:50%;transform:translate(-50%);font-size:14px;color:#ffe9b8;text-shadow:0 1px 3px #000;opacity:0;transition:opacity .2s}.pickup-hint.on{opacity:1}.pickup-hint .kbd{margin:0 4px}.hurt-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(200,30,20,.55));opacity:0;transition:opacity .4s}.hurt-flash.on{opacity:1;transition:opacity .05s}.hint{position:absolute;bottom:16px;right:16px;color:#6a6252;font-size:12px}.center-tip{position:absolute;top:42%;width:100%;text-align:center;font-size:30px;color:#ffd88a;letter-spacing:8px;font-weight:900;text-shadow:0 0 20px rgba(255,190,80,.6),0 3px 6px #000;opacity:0}.center-tip.on{animation:tipIn 1.8s forwards}@keyframes tipIn{0%{opacity:0;transform:translateY(16px)}15%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#030407d1;display:flex;align-items:center;justify-content:center;z-index:10}.overlay .panel{min-width:340px;text-align:center}.overlay .btn-row{display:flex;gap:14px;justify-content:center;margin-top:18px}.result-thanks{font-size:34px;letter-spacing:12px;color:#ffd88a;font-weight:900;margin:10px 0 4px;text-shadow:0 2px 0 #4a3208,0 0 24px rgba(255,190,80,.4),0 4px 8px #000}.result-sub{color:#8a7a5a;letter-spacing:4px;font-size:13px;margin-bottom:20px}.grade{font-size:76px;line-height:1;font-weight:900;margin:6px 0 2px;text-shadow:0 0 30px currentColor,0 4px 0 rgba(0,0,0,.6)}.grade-lbl{color:#8a7a5a;font-size:12px;letter-spacing:4px;margin-bottom:14px}.flip-row{display:flex;gap:22px;justify-content:center;margin:14px 0 18px}.flip-card{width:110px;height:148px;perspective:700px;cursor:pointer}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.1,.2,1)}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #000;outline:1px solid #6a512a;box-shadow:0 6px 18px #000000d9}.flip-back{background:radial-gradient(circle at 50% 38%,rgba(216,162,68,.25),transparent 60%),linear-gradient(180deg,#221c10,#100d08)}.flip-back .fb-mark{font-size:40px;color:#8a6a30;text-shadow:0 0 14px rgba(216,162,68,.5)}.flip-back .fb-txt{color:#8a7a5a;font-size:11px;letter-spacing:2px}.flip-front{transform:rotateY(180deg);background:linear-gradient(180deg,#242832,#12141c)}.flip-front .rf-ico{font-size:34px;filter:drop-shadow(0 0 10px rgba(255,200,110,.5))}.flip-front .rf-val{color:#ffd88a;font-size:17px;font-weight:700;text-shadow:0 1px 3px #000}.flip-front .rf-lbl{color:#8a8272;font-size:11px;letter-spacing:2px}.flip-hint{text-align:center;color:#a89f8a;font-size:13px;letter-spacing:2px;margin-bottom:6px;animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.stat-row{display:flex;justify-content:space-between;gap:56px;font-size:13.5px;padding:4px 2px;color:#a89f8a}.stat-row b{color:#ffd88a;font-weight:400}.key-table{width:100%;border-collapse:collapse;font-size:13.5px}.key-table td{padding:6px 10px;border-bottom:1px solid #2a2d36;color:#a89f8a}.key-table td:first-child{width:150px;color:#ffd88a}@media (max-width: 900px){.title-logo{font-size:44px;letter-spacing:8px}.char-select-wrap{flex-direction:column}.char-art-box{min-width:0}.node-map{height:300px}}