*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app-root{width:100%;height:100%;min-height:100vh}body{color:#e8e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#06060f;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app-root{position:relative}.sound-toggle-btn{z-index:900;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#080818d1;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 4px 20px #00000059}.sound-toggle-btn:hover{background:#0c0c20eb;border-color:#4fc3f759;transform:translateY(-1px);box-shadow:0 6px 24px #4fc3f726}.sound-toggle-btn:active{transform:scale(.96)}.sound-toggle-btn[aria-pressed=true]{border-color:#4fc3f740}.sound-toggle-btn__icon{font-size:20px;line-height:1}.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.btn{letter-spacing:2px;cursor:pointer;text-align:center;width:100%;max-width:300px;color:inherit;background:0 0;border:none;border-radius:14px;margin-bottom:12px;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:block;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%,#ffffff0d 100%);transition:opacity .3s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:hover{transform:translateY(-3px)scale(1.02)}.btn:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.btn-primary{color:#fff;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#4fc3f7 0%,#0288d1 50%,#4fc3f7 100%) 0 0/200% 100%;animation:3s ease-in-out infinite btnShimmer;box-shadow:0 4px 24px #4fc3f759,0 0 0 1px #4fc3f733,inset 0 1px #fff3}.btn-primary:hover{box-shadow:0 6px 32px #4fc3f780,0 0 0 1px #4fc3f766,inset 0 1px #ffffff4d}.btn-secondary{color:#b0b0d0;-webkit-backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14}.btn-secondary:hover{color:#e8e8f0;background:#ffffff14;border-color:#4fc3f74d;box-shadow:0 4px 16px #4fc3f726}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef5350 0%,#c62828 100%);box-shadow:0 4px 24px #ef53504d}@keyframes btnShimmer{0%,to{background-position:0%}50%{background-position:100%}}.glass-card{-webkit-backdrop-filter:blur(16px);background:#0c0c2399;border:1px solid #ffffff0f;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#4fc3f733,#0000);height:1px;position:absolute;top:0;left:0;right:0}.typing-area{-webkit-backdrop-filter:blur(20px);text-align:center;cursor:text;background:#060614cc;border:2px solid #ffffff0f;border-radius:20px;width:100%;max-width:420px;margin:16px auto;padding:24px 20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 8px 32px #0006}.typing-area:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#4fc3f726,#0000,#4fc3f71a);border-radius:20px;padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}button.typing-area{color:inherit;font-family:inherit}.typing-area.combo{border-color:#4fc3f766;box-shadow:0 0 24px #4fc3f726,0 8px 32px #0006}.typing-area.combo3{border-color:#66bb6a80;animation:1.5s ease-in-out infinite comboGlow3;box-shadow:0 0 30px #66bb6a33,0 8px 32px #0006}.typing-area.combo5{border-color:#ffd54f80;animation:1.2s ease-in-out infinite comboGlow5;box-shadow:0 0 40px #ffd54f40,0 8px 32px #0006}.typing-area.combo10{border-color:#e040fb99;animation:.8s ease-in-out infinite comboGlow10;box-shadow:0 0 50px #e040fb4d,0 0 80px #e040fb26,0 8px 32px #0006}@keyframes comboGlow3{0%,to{box-shadow:0 0 30px #66bb6a33,0 8px 32px #0006}50%{box-shadow:0 0 40px #66bb6a59,0 8px 32px #0006}}@keyframes comboGlow5{0%,to{box-shadow:0 0 40px #ffd54f40,0 8px 32px #0006}50%{box-shadow:0 0 60px #ffd54f66,0 8px 32px #0006}}@keyframes comboGlow10{0%,to{box-shadow:0 0 50px #e040fb4d,0 0 80px #e040fb26}50%{box-shadow:0 0 70px #e040fb80,0 0 100px #e040fb40}}.target-char{font-family:Fira Code,JetBrains Mono,monospace;font-size:26px;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:inline-block}.target-char.correct{color:#66bb6a;text-shadow:0 0 8px #66bb6a80}.target-char.wrong{color:#ef5350;text-shadow:0 0 8px #ef535080;animation:.3s ease-out charShake}.target-char.current{color:#fff;text-shadow:0 0 12px #fff9;font-weight:900;animation:1s ease-in-out infinite charPulse;transform:scale(1.35)}.target-char.pending{color:#404060}@keyframes charPulse{0%,to{text-shadow:0 0 12px #fff9}50%{text-shadow:0 0 20px #4fc3f7cc}}@keyframes charShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.char-row{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:12px;display:flex}.hp-bar-container{width:160px;margin:10px auto 0}.hp-bar-container.full{width:100%}.hp-label-row{justify-content:space-between;margin-bottom:3px;display:flex}.hp-label{letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:800}.hp-value{color:#8080a0;font-family:Fira Code,JetBrains Mono,monospace;font-size:11px;font-weight:500}.hp-bar-bg{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:7px;width:100%;height:14px;position:relative;overflow:hidden}.hp-bar-bg:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 19%,#00000026 19% 20%);border-radius:7px;position:absolute;inset:0}.hp-bar-fill{border-radius:7px;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1),background .3s;position:relative}.hp-bar-fill:after{content:"";background:linear-gradient(#ffffff4d,#0000);border-radius:4px;height:40%;position:absolute;top:1px;left:4px;right:4px}.hidden-input{opacity:0;pointer-events:none;width:0;height:0;position:fixed;top:-9999px;left:-9999px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes arrowBlink{0%,to{opacity:.3}50%{opacity:1}}@keyframes dmgFloat{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:1;transform:translateY(-15px)scale(1.2)}30%{transform:translateY(-25px)scale(1)}60%{opacity:1}to{opacity:0;transform:translateY(-80px)scale(.7)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes starPop{0%{opacity:0;transform:scale(0)rotate(-30deg)}50%{opacity:1;transform:scale(1.3)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes rankReveal{0%{opacity:0;transform:scale(0)rotate(-15deg)}60%{opacity:1;transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes skillFlash{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes enemyEntrance{0%{opacity:0;transform:scale(.6)translateY(-20px)}60%{opacity:1;transform:scale(1.05)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes victoryBounce{0%{transform:scale(0)rotate(-10deg)}50%{transform:scale(1.15)rotate(5deg)}70%{transform:scale(.95)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes scrollUp{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(50px)scale(0)}}.ornament-line{justify-content:center;align-items:center;gap:12px;margin:16px 0;display:flex}.ornament-line:before,.ornament-line:after{content:"";background:linear-gradient(90deg,#0000,#4fc3f766,#0000);flex:1;max-width:80px;height:1px}.ornament-diamond{background:#4fc3f7;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 8px #4fc3f799}.bg-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-particle{background:#4fc3f766;border-radius:50%;width:3px;height:3px;animation:linear infinite particleFloat;position:absolute}.text-gradient{background:linear-gradient(135deg,#4fc3f7,#e040fb,#ffd54f) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite shimmer}.text-gradient-gold{background:linear-gradient(135deg,#ffd54f,#ff8f00,#ffd54f) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite shimmer}@keyframes resultLightBurst{0%{opacity:0;transform:scale(.5)}40%{opacity:1}to{opacity:.6;transform:scale(1)}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes resultStatSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes rewardPop{0%{opacity:0;transform:scale(.5)translateY(20px)}60%{opacity:1;transform:scale(1.08)translateY(-4px)}to{transform:scale(1)translateY(0)}}@keyframes defeatPulse{0%,to{text-shadow:0 0 20px #ef535066}50%{text-shadow:0 0 40px #ef5350b3,0 0 80px #ef53504d}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-10px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#4fc3f733;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4fc3f766}.status-screen{flex-direction:column;width:100%;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden}.status-header{-webkit-backdrop-filter:blur(20px);opacity:0;background:#060614eb;border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:12px 24px 14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(-12px)}.status-screen-mounted .status-header{opacity:1;transform:translateY(0)}.status-screen-loading{background:radial-gradient(#0a0a2a,#06060f);justify-content:center;align-items:center}.status-loading-spinner{border:3px solid #4fc3f733;border-top-color:#4fc3f7;border-radius:50%;width:40px;height:40px;animation:1s linear infinite rotateGlow}.status-back-btn{color:#4fc3f7;cursor:pointer;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;margin-bottom:10px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.status-back-btn:hover{background:#4fc3f726;border-color:#4fc3f74d}.status-title{color:#e8e8f0;letter-spacing:4px;margin-bottom:12px;font-size:18px;font-weight:900}.status-tabs{flex-wrap:wrap;gap:8px;display:flex}.status-tab{color:#6060a0;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.status-tab-icon{font-size:16px}.status-tab-badge{opacity:.9;font-size:11px;font-weight:600}.status-main{flex-direction:column;flex:1;padding:20px 24px 40px;display:flex;overflow:hidden auto}.status-grid{grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:1200px;margin:0 auto;display:grid}@media (width<=900px){.status-grid{grid-template-columns:1fr}}.status-grid-left,.status-grid-right{flex-direction:column;gap:20px;display:flex}.status-card{-webkit-backdrop-filter:blur(16px);opacity:0;background:#0c0c2399;border:1px solid #ffffff0f;border-radius:20px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards statusCardReveal;overflow:hidden;transform:translateY(20px);box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0a}.status-card-character{position:relative}.status-card-body{padding:24px}.status-card-title{color:#606080;letter-spacing:6px;margin-bottom:16px;font-size:10px;font-weight:800}.status-character-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.status-character-avatar{background:linear-gradient(135deg,#4fc3f726,#e040fb1a);border:1px solid #4fc3f733;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.status-character-info{flex:1;min-width:0}.status-character-name{color:#e8e8f0;letter-spacing:1px;font-size:22px;font-weight:900}.status-character-title{color:#6060a0;letter-spacing:2px;margin-top:2px;font-size:12px}.status-level-badge{text-align:center;background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:16px;flex-shrink:0;padding:10px 18px}.status-level-label{color:#4fc3f7;letter-spacing:2px;font-size:9px;font-weight:800;display:block}.status-level-value{color:#4fc3f7;font-family:Fira Code,monospace;font-size:28px;font-weight:900;line-height:1.1}.status-exp-section{margin-top:4px}.status-exp-bar{height:10px}.status-exp-next{color:#404060;margin-top:6px;font-size:11px;font-weight:500}.status-stat-bar{margin-bottom:14px}.status-stat-bar-header,.status-stat-row,.status-gold-row{align-items:center;display:flex}.status-stat-bar-header{margin-bottom:6px}.status-stat-icon{flex-shrink:0;width:28px;font-size:15px}.status-stat-label{color:#6060a0;flex:1;font-size:13px;font-weight:600}.status-stat-value{font-family:Fira Code,monospace;font-size:15px;font-weight:800}.status-stat-bar-track{background:#ffffff0a;border-radius:3px;width:100%;height:6px;overflow:hidden}.status-stat-bar-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.status-stat-bar-fill:after{content:"";background:linear-gradient(#ffffff40,#0000);border-radius:3px;height:50%;position:absolute;top:0;left:0;right:0}.status-stat-row{border-bottom:1px solid #ffffff08;padding:12px 0}.status-stat-row:last-child{border-bottom:none}.status-gold-row{border-top:1px solid #ffffff0a;margin-top:12px;padding-top:12px}.status-gold-row .status-stat-icon{width:28px}.status-skills-grid{flex-wrap:wrap;gap:10px;display:flex}.status-skill-chip{border:1px solid;border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.status-skill-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@keyframes statusCardReveal{to{opacity:1;transform:translateY(0)}}.collection-panel{flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.collection-filters{flex-wrap:wrap;flex-shrink:0;gap:8px;margin-bottom:20px;display:flex}.collection-filter-btn{color:#6060a0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.collection-filter-btn:hover{color:#9090b0;background:#ffffff0f}.collection-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-content:start;gap:12px;display:grid}@media (width>=600px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px}}@media (width>=900px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}}.collection-item-card{text-align:center;opacity:0;border:1px solid #ffffff0a;border-radius:16px;padding:16px 12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.5s cubic-bezier(.34,1.56,.64,1) forwards statusCardReveal;position:relative}.collection-item-owned{background:#4fc3f70f;border-color:#ffffff14}.collection-item-owned:hover{transform:scale(1.05);box-shadow:0 8px 24px #4fc3f726}.collection-item-locked{opacity:.7;background:#ffffff05}.collection-item-locked:hover{background:#ffffff0a}.collection-item-icon{justify-content:center;align-items:center;min-height:36px;margin-bottom:6px;display:flex}.collection-item-emoji,.collection-item-placeholder{font-size:36px;line-height:1}.collection-item-icon img.collection-item-emoji{object-fit:contain;width:36px;height:36px}.collection-item-placeholder{color:#404060;font-weight:700}@media (width>=600px){.collection-item-icon{min-height:40px}.collection-item-emoji,.collection-item-placeholder{font-size:40px}.collection-item-icon img.collection-item-emoji{width:40px;height:40px}}.collection-item-name{color:#e8e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.collection-item-locked .collection-item-name{color:#505070}.collection-item-count{color:#4fc3f7;margin-top:4px;font-size:10px;font-weight:800}.collection-tooltip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#0a0a1ef2;border:1px solid #ffffff14;border-radius:16px;max-width:320px;padding:16px 24px;animation:.2s tooltipFadeIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.collection-tooltip-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.collection-tooltip-emoji{font-size:24px}img.collection-tooltip-emoji{object-fit:contain;vertical-align:middle;width:24px;height:24px}.collection-tooltip-rarity{letter-spacing:2px;font-size:10px;font-weight:800}.collection-tooltip-name{color:#e8e8f0;margin-bottom:6px;font-size:16px;font-weight:800}.collection-tooltip-desc{color:#9090b0;font-size:12px;line-height:1.5}.collection-tooltip-count{color:#4fc3f7;margin-top:8px;font-size:11px;font-weight:700}.achievements-panel{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex}.achievements-summary{flex-shrink:0;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.achievements-progress{color:#4fc3f7;font-family:Fira Code,monospace;font-size:18px;font-weight:900}.achievements-percent{color:#6060a0;font-size:13px;font-weight:600}.achievements-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:14px;display:grid}@media (width>=700px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.achievement-card{opacity:0;border:1px solid #ffffff0a;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.5s cubic-bezier(.34,1.56,.64,1) forwards statusCardReveal;display:flex}.achievement-unlocked{background:#4fc3f70f;border-color:#4fc3f726}.achievement-unlocked:hover{background:#4fc3f71a;transform:translateY(-2px);box-shadow:0 8px 24px #4fc3f71f}.achievement-locked{opacity:.85;background:#ffffff05}.achievement-locked:hover{background:#ffffff0a}.achievement-icon-wrap{background:#ffffff0a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.achievement-emoji{font-size:26px}img.achievement-emoji{object-fit:contain;vertical-align:middle;width:26px;height:26px}.achievement-secret-icon{color:#404060;font-size:24px;font-weight:700}.achievement-secret .achievement-icon-wrap{background:#ffffff05}.achievement-check{color:#fff;background:#66bb6a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px}.achievement-content{flex:1;min-width:0}.achievement-name{color:#e8e8f0;margin-bottom:4px;font-size:14px;font-weight:800}.achievement-locked .achievement-name{color:#606080}.achievement-desc{color:#9090b0;font-size:12px;line-height:1.45}.status-screen{background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#080913 0%,#0d101b 48%,#070910 100%)}.status-header{background:#080a12f0;border-bottom:1px solid #c6cfdc1f;padding:14px 22px 12px;box-shadow:0 8px 24px #0000002e}.status-header-top{align-items:center;gap:16px;max-width:1180px;margin:0 auto 12px;display:flex}.status-heading{min-width:0}.status-title{color:#f0f3f7;letter-spacing:.08em;margin:0;font-size:20px}.status-subtitle{color:#7f8b9d;letter-spacing:.04em;margin-top:4px;font-family:Fira Code,JetBrains Mono,monospace;font-size:11px;font-weight:700}.status-back-btn{color:#c9d3df;letter-spacing:.04em;background:#ffffff0b;border-color:#c6cfdc24;border-radius:6px;width:auto;margin:0}.status-back-btn:hover{color:#fff;background:#ffffff14;border-color:#c6cfdc3d}.status-tabs{gap:6px;max-width:1180px;margin:0 auto}.status-tab{color:#93a0b3;letter-spacing:.02em;background:#ffffff09;border-color:#c6cfdc1f;border-radius:6px;justify-content:space-between;min-width:0;padding:9px 12px;font-size:12px;transition:border-color .18s,background .18s,color .18s}.status-tab:hover{color:#d7dee8;background:#fff1}.status-tab-active{color:#d8efff;background:#40a9ff1c;border-color:#69c2ff5c;box-shadow:inset 0 -2px #69c2ffb8}.status-tab-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-tab-badge{color:#d6e0eb;opacity:.82;font-family:Fira Code,JetBrains Mono,monospace}.status-main{padding:18px 22px 40px}.status-grid{gap:16px;max-width:1180px}.status-grid-left,.status-grid-right{gap:16px}.status-card,.collection-item-card,.achievement-card{background:#0c0f19d1;border:1px solid #c6cfdc1f;border-radius:8px;box-shadow:0 10px 26px #0000003d}.status-card{padding:18px}.status-card-character{padding:0}.status-card-character .status-card-body{padding:18px}.status-card-accent{background:linear-gradient(90deg,#69c0ff,#8c9eff 42%,#ffd666);height:3px}.status-card-title{color:#9ca8b9;letter-spacing:.08em;margin-bottom:14px;font-size:12px}.status-character-avatar{color:#d9f0ff;background:linear-gradient(145deg,#40a9ff33,#ffffff0a);border-color:#69c2ff47;border-radius:8px;width:58px;height:58px;font-size:24px;font-weight:900}.status-character-name{letter-spacing:.02em;font-size:21px}.status-character-title{color:#8b97a9;letter-spacing:.08em}.status-level-badge{background:#40a9ff1a;border-color:#69c2ff3d;border-radius:8px;min-width:76px}.status-level-value{color:#9bd8ff}.status-exp-next{color:#7f8b9d}.status-stat-icon{color:#a8b4c5;letter-spacing:.04em;width:38px;font-family:Fira Code,JetBrains Mono,monospace;font-size:10px;font-weight:900}.status-stat-label{color:#9aa6b8}.status-stat-row{border-bottom-color:#c6cfdc14;padding:10px 0}.status-stat-bar-track,.hp-bar-bg{background:#ffffff0e}.status-gold-row{border-top-color:#c6cfdc1a}.status-skills-grid{gap:8px}.status-skill-chip{background:#ffffff09;border-radius:6px;padding:8px 11px}.status-skill-chip:hover{transform:none}.collection-panel,.achievements-panel{max-width:1180px}.collection-summary,.achievements-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.collection-summary>div,.achievements-summary>div{background:#ffffff0b;border:1px solid #c6cfdc1a;border-radius:8px;padding:12px 14px}.collection-summary-label,.achievements-summary-label{color:#7f8b9d;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.collection-summary strong,.achievements-summary strong{color:#eff4fa;font-family:Fira Code,JetBrains Mono,monospace;font-size:18px}.collection-filters{gap:6px;margin-bottom:14px}.collection-filter-btn{color:#a6b0c0;background:#ffffff09;border-color:#c6cfdc1f;border-radius:6px;align-items:center;gap:8px;padding:8px 11px;display:flex}.collection-filter-active{color:#d8efff;background:#40a9ff1a;border-color:#69c2ff57}.collection-filter-count{color:#d6e0eb;background:#ffffff12;border-radius:999px;min-width:18px;padding:1px 5px;font-family:Fira Code,JetBrains Mono,monospace;font-size:10px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.collection-item-card{text-align:left;grid-template-rows:44px auto auto;min-height:112px;padding:12px 10px;transition:border-color .18s,background .18s,transform .18s;display:grid}.collection-item-owned{border-left:3px solid var(--rarity-color,#69c0ff);background:#ffffff0c}.collection-item-owned:hover{border-color:#c6cfdc38;transform:translateY(-1px);box-shadow:0 12px 26px #00000042}.collection-item-locked{background:#ffffff06}.collection-item-icon{justify-content:flex-start;min-height:44px;margin-bottom:4px}.collection-item-icon img.collection-item-emoji,.collection-item-emoji,.collection-item-placeholder{width:38px;height:38px;font-size:34px}.collection-item-placeholder{color:#6e7889;background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.collection-item-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.collection-item-rarity{color:var(--rarity-color,#9e9e9e);font-family:Fira Code,JetBrains Mono,monospace;font-size:10px;font-weight:900}.collection-item-name{color:#e8eef6;white-space:normal;font-size:12px;line-height:1.3}.collection-item-count{color:#9bd8ff;margin:0;font-family:Fira Code,JetBrains Mono,monospace}.collection-tooltip{background:#0a0d16f5;border-color:#c6cfdc2e;border-radius:8px}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px}.achievement-card{gap:12px;padding:14px;transition:border-color .18s,background .18s,transform .18s}.achievement-unlocked{background:#ffffff0c;border-left:3px solid #68d391}.achievement-unlocked:hover,.achievement-locked:hover{transform:translateY(-1px);box-shadow:0 12px 26px #00000038}.achievement-locked{background:#ffffff06}.achievement-icon-wrap{background:#ffffff0e;border-radius:7px;width:44px;height:44px}.achievement-unlocked .achievement-icon-wrap{background:#68d3911a}.achievement-check{border-radius:5px;width:18px;height:18px;bottom:-5px;right:-5px}.achievement-name{font-size:14px}.achievement-desc{color:#9ca8b9}.achievement-state{color:#7f8b9d;letter-spacing:.08em;margin-top:8px;font-size:10px;font-weight:800}.achievement-unlocked .achievement-state{color:#68d391}@media (width<=760px){.status-header{padding:12px 14px}.status-header-top{flex-direction:column;align-items:flex-start;gap:10px}.status-tabs,.collection-summary,.achievements-summary{grid-template-columns:1fr;width:100%}.status-tabs{display:grid}.status-main{padding:14px 14px 32px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievements-grid{grid-template-columns:1fr}}.ranking-screen{background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#080913 0%,#10111c 50%,#070910 100%);width:100%;min-height:100vh;overflow-y:auto}.ranking-header{opacity:0;background:#080a12f0;border-bottom:1px solid #c6cfdc1f;padding:16px 22px 14px;transition:opacity .32s,transform .32s;transform:translateY(-10px)}.ranking-screen-mounted .ranking-header{opacity:1;transform:translateY(0)}.ranking-heading{justify-content:space-between;align-items:flex-end;gap:18px;max-width:1180px;margin:12px auto 0;display:flex}.ranking-heading h1{color:#f0f3f7;letter-spacing:.08em;margin:0;font-size:22px}.ranking-heading p{color:#7f8b9d;letter-spacing:.06em;margin-top:4px;font-size:12px;font-weight:700}.ranking-summary{grid-template-columns:repeat(3,minmax(86px,1fr));gap:8px;width:min(420px,48%);display:grid}.ranking-summary>div{background:#ffffff0b;border:1px solid #c6cfdc1a;border-radius:8px;padding:9px 10px}.ranking-summary span{color:#7f8b9d;letter-spacing:.06em;font-size:10px;font-weight:900;display:block}.ranking-summary strong{color:#eff4fa;margin-top:3px;font-family:Fira Code,JetBrains Mono,monospace;font-size:16px;display:block}.ranking-main{max-width:1180px;margin:0 auto;padding:18px 22px 44px}.ranking-board{background:#0c0f19d1;border:1px solid #c6cfdc1f;border-radius:8px;overflow:hidden;box-shadow:0 10px 26px #0000003d}.ranking-row{opacity:0;border-bottom:1px solid #c6cfdc14;grid-template-columns:70px minmax(140px,1.15fr) minmax(210px,1.8fr) minmax(120px,.8fr) minmax(130px,.9fr);align-items:center;gap:12px;min-height:62px;padding:10px 16px;animation:.42s forwards statusCardReveal;display:grid}.ranking-row:last-child{border-bottom:none}.ranking-row-head{color:#7f8b9d;letter-spacing:.08em;opacity:1;background:#ffffff09;min-height:38px;font-size:11px;font-weight:900;animation:none}.ranking-row-podium{border-left:3px solid var(--rank-color,#ffd54f);background:linear-gradient(90deg, color-mix(in srgb, var(--rank-color) 12%, transparent), transparent 42%)}.ranking-rank span{width:38px;height:32px;color:var(--rank-color,#cdd6e1);background:#ffffff0d;border:1px solid #c6cfdc1a;border-radius:6px;justify-content:center;align-items:center;font-family:Fira Code,JetBrains Mono,monospace;font-weight:900;display:inline-flex}.ranking-player strong,.ranking-score{color:#eef4fb;font-weight:900}.ranking-player span{color:#7f8b9d;margin-top:3px;font-family:Fira Code,JetBrains Mono,monospace;font-size:11px;display:block}.ranking-stage{color:#a9b4c4;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-score{color:#9bd8ff;text-align:right;font-family:Fira Code,JetBrains Mono,monospace}.ranking-metrics{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.ranking-metrics span{color:#cbd6e2;background:#ffffff0e;border-radius:5px;padding:4px 7px;font-family:Fira Code,JetBrains Mono,monospace;font-size:11px;font-weight:800}.ranking-empty{text-align:center;opacity:0;background:#0c0f19d1;border:1px solid #c6cfdc1f;border-radius:8px;max-width:520px;margin:40px auto 0;padding:28px;animation:.42s .12s forwards statusCardReveal;box-shadow:0 10px 26px #0000003d}.ranking-empty-title{color:#eef4fb;font-size:18px;font-weight:900}.ranking-empty p{color:#8e9aac;margin-top:8px;line-height:1.7}@media (width<=760px){.ranking-header{padding:12px 14px}.ranking-heading{flex-direction:column;align-items:flex-start;gap:10px}.ranking-summary{grid-template-columns:1fr;width:100%}.ranking-main{padding:14px 14px 32px}.ranking-row,.ranking-row-head{grid-template-columns:46px minmax(0,1fr) auto}.ranking-row-head span:nth-child(3),.ranking-row-head span:nth-child(5),.ranking-stage,.ranking-metrics{display:none}.ranking-score{text-align:right}}