:root{color-scheme:light dark;--ink-950: #080e1e;--ink-900: #0e1832;--ink-850: #142244;--ink-800: #1a2b54;--ink-700: #273d72;--ink-600: #44598a;--ink-500: #6277a8;--ink-400: #8ba0cc;--ink-300: #b4c3e4;--ink-200: #d9e2f4;--ink-100: #f0f4fc;--paper-50: #ffffff;--paper-100: #fcf9f2;--paper-200: #f5ede0;--paper-300: #ebdfcd;--paper-400: #ded0b9;--paper-500: #c9b79b;--vermilion-400: #e85548;--vermilion-500: #d84537;--vermilion-600: #be3529;--vermilion-700: #94241b;--vermilion-800: #6b1710;--gold-100: #fef8e7;--gold-200: #faeabf;--gold-300: #f6dc87;--gold-400: #e8b84f;--gold-500: #d69e2e;--gold-600: #b7791f;--jade-400: #38b777;--jade-500: #2ea068;--jade-600: #237d51;--jade-100: #e8f7ee;--azure-400: #468bf5;--azure-500: #2972e6;--azure-600: #1a56b8;--azure-100: #ebf3ff;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-display: "STKaiti", "KaiTi", "FZKai-Z03", "PingFang SC", var(--font-sans);--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--shadow-xs: 0 1px 3px rgba(10, 20, 45, .05);--shadow-sm: 0 3px 10px rgba(10, 20, 45, .07);--shadow-md: 0 8px 24px rgba(10, 20, 45, .1);--shadow-lg: 0 16px 40px rgba(10, 20, 45, .15);--shadow-xl: 0 24px 60px rgba(8, 14, 30, .22);--shadow-glow-gold: 0 0 28px rgba(246, 220, 135, .45);--shadow-glow-vermilion: 0 0 28px rgba(216, 69, 55, .35);--radius-xs: .35rem;--radius-sm: .55rem;--radius-md: .85rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-full: 9999px;--ease-out-back: cubic-bezier(.2, 1.35, .35, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}html{background:var(--ink-950)}body{color:var(--paper-100);font-family:var(--font-sans);background:var(--ink-950);user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.bg-scene{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.28}.bg-glow--1{top:-10%;left:20%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(74,93,138,.8),transparent 70%)}.bg-glow--2{bottom:-15%;right:15%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(216,69,55,.4),transparent 70%)}.bg-grid{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.3) 1px,transparent 0);background-size:28px 28px}.app-layout{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;height:100dvh;padding:1rem;gap:1.5rem}.side-panel{display:none;flex:0 0 20rem;height:min(100%,54rem)}@media(min-width:1100px){.side-panel{display:flex;flex-direction:column}}.panel-card{display:flex;flex-direction:column;height:100%;padding:1.4rem;background:#0e1832b8;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.panel-header{margin-bottom:1.1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.08)}.panel-eyebrow{display:block;font-size:.65rem;font-weight:800;letter-spacing:.18em;color:var(--gold-400);margin-bottom:.25rem}.panel-header h2{margin:0;font-family:var(--font-display);font-size:1.35rem;color:#fff;letter-spacing:-.02em}.panel-header p{margin:.35rem 0 0;font-size:.78rem;color:var(--ink-300)}.evolution-list{display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0 .2rem 0 0;list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.evolution-item{display:flex;align-items:center;gap:.75rem;padding:.45rem .6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);transition:background .18s ease,border-color .18s ease,transform .18s ease}.evolution-item:hover{background:#ffffff14;border-color:#ffffff24}.evolution-item.is-unlocked{background:#f6dc8714;border-color:#f6dc8740}.evolution-item.is-ultimate{background:linear-gradient(135deg,#d8453733,#e8b84f26);border-color:#e8b84f73}.evo-tier-badge{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.68rem;font-weight:800;color:var(--ink-300);background:#ffffff14;border-radius:var(--radius-full)}.evolution-item.is-unlocked .evo-tier-badge{color:var(--gold-400);background:#e8b84f2e}.evolution-item.is-ultimate .evo-tier-badge{color:#fff;background:var(--vermilion-500)}.evo-crest{width:2.2rem;height:2.2rem;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.evo-info{flex:1;min-width:0}.evo-name{display:block;font-size:.82rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evo-points{display:inline-block;font-size:.68rem;font-weight:700;color:var(--gold-300)}.guide-card{display:flex;flex-direction:column;gap:1.1rem}.guide-item{display:flex;align-items:flex-start;gap:.75rem}.guide-icon{font-size:1.3rem;line-height:1}.guide-text strong{display:block;font-size:.88rem;color:#fff;margin-bottom:.2rem}.guide-text p{margin:0;font-size:.75rem;color:var(--ink-300);line-height:1.45}.keyboard-tips{margin-top:auto;padding:.85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md)}.keyboard-badge{display:block;font-size:.72rem;font-weight:700;color:var(--gold-400);margin-bottom:.35rem}.keyboard-tips p{margin:0;font-size:.72rem;color:var(--ink-200);line-height:1.5}.keyboard-tips code{padding:.15rem .35rem;font-size:.7rem;background:#ffffff1f;border-radius:var(--radius-xs);color:#fff}.admin-entry-box{margin-top:.5rem}.admin-link-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.7rem;font-size:.78rem;font-weight:700;color:var(--ink-200);text-decoration:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:all .16s ease}.admin-link-btn:hover{background:#ffffff1f;border-color:#fff3;color:#fff;transform:translateY(-1px)}.game-stage{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:min(100vw,56.25vh);width:min(100vw,56.25dvh);max-width:32rem}@media(max-width:1099px){.app-layout{padding:0}.game-stage{width:100vw;height:100vh;height:100dvh;max-width:none}}.game-board{position:relative;width:100%;height:100%;overflow:hidden;background:#f4ecdc;box-shadow:0 0 0 1px #ffffff26,0 2rem 5rem #0009;touch-action:none;user-select:none;-webkit-user-select:none}@media(min-width:1100px){.game-board{border-radius:var(--radius-xl);height:min(100%,54rem)}}#game-canvas{display:block;width:100%;height:100%;outline:none;cursor:crosshair}.game-hud{position:absolute;top:max(.85rem,env(safe-area-inset-top));left:.85rem;right:.85rem;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.6rem;pointer-events:none}.hud-pill{display:flex;align-items:center;padding:.4rem .75rem;background:#0e1832c7;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-full);box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff26;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto}.hud-score-group{gap:.65rem}.score-item{display:flex;flex-direction:column}.score-label{font-size:.58rem;font-weight:800;letter-spacing:.08em;color:var(--ink-300);line-height:1}.score-num{font-size:1.25rem;font-weight:850;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}.score-item--current .score-num{color:#fff}.score-item--best .score-num{font-size:1.05rem;color:var(--gold-300)}.score-divider{width:1px;height:1.5rem;background:#ffffff24}.hud-center-controls{display:flex;align-items:center;gap:.45rem;pointer-events:auto}.hud-icon-btn{display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;color:#fff;background:#0e1832b8;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);box-shadow:0 4px 12px #0003;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .14s ease,background .14s ease}.hud-icon-btn:hover{background:#1b2c58d9;transform:scale(1.05)}.hud-icon-btn:active{transform:scale(.95)}@media(min-width:1100px){#hud-catalog-btn{display:none}}.hud-next-group{gap:.5rem;padding:.35rem .55rem .35rem .75rem}.next-label{font-size:.65rem;font-weight:850;letter-spacing:.1em;color:var(--gold-400)}.next-badge-frame{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;background:#fffffff2;border:1px solid rgba(255,255,255,.4);border-radius:50%;box-shadow:0 2px 8px #00000026}.next-badge-frame img{width:1.7rem;height:1.7rem;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}.clear-max-button,.recovery-status{position:absolute;top:max(4.6rem,calc(env(safe-area-inset-top) + 4.2rem));left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;border-radius:var(--radius-full);font-size:.84rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.clear-max-button{color:#fff;background:linear-gradient(135deg,var(--vermilion-500),var(--vermilion-700));border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 18px #bd352966,inset 0 1px #ffffff4d;animation:badge-spring .36s var(--ease-out-back) both;transition:transform .16s ease,box-shadow .16s ease}.clear-max-button:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 6px 22px #bd35298c}.clear-max-button:active{transform:translate(-50%) translateY(1px)}.btn-sparkle{font-size:1rem;animation:pulse-sparkle 1.5s ease-in-out infinite}.recovery-status{color:#fff;background:#122244e0;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.recovery-spinner{width:.9rem;height:.9rem;border:2px solid rgba(255,255,255,.3);border-top-color:var(--gold-300);border-radius:50%;animation:spin .7s linear infinite}.celebration{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.celebration-burst{position:absolute;width:min(38rem,130%);aspect-ratio:1;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,rgba(246,220,135,.8) 0 6deg,transparent 6deg 16deg);mask-image:radial-gradient(circle,transparent 0 20%,#000 22% 48%,transparent 50%);-webkit-mask-image:radial-gradient(circle,transparent 0 20%,#000 22% 48%,transparent 50%);animation:celebration-burst 1.8s ease-out both}.celebration-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.4rem 2rem 1.6rem;text-align:center;color:var(--gold-100);background:radial-gradient(circle at 50% 0%,rgba(255,228,140,.35),transparent 60%),linear-gradient(145deg,#a8261cf5,#6e140ff5);border:1px solid rgba(255,240,180,.65);border-radius:var(--radius-xl);box-shadow:0 20px 50px #2d0a0880,inset 0 1px #fff6;animation:celebration-card-pop 2.2s var(--ease-out-back) both}.celebration-crown{font-size:2.2rem;line-height:1;margin-bottom:.3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.celebration-sub{font-size:.8rem;font-weight:800;letter-spacing:.25em;color:var(--gold-300)}.celebration-card strong{font-family:var(--font-display);font-size:clamp(2rem,7.5vw,2.7rem);font-weight:900;letter-spacing:-.02em;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.4)}.game-overlay,.loading-panel{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0a1226b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.loading-panel{transition:opacity .28s ease,visibility .28s ease}.loading-panel.is-ready{opacity:0;visibility:hidden;pointer-events:none}.loading-box{display:flex;flex-direction:column;align-items:center;text-align:center}.loading-logo-ring{position:relative;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:#ffffff14;border:2px dashed var(--gold-400);animation:spin-slow 12s linear infinite;margin-bottom:1.2rem}.loading-crest{width:3.2rem;height:3.2rem;object-fit:contain;animation:pulse-crest 2s ease-in-out infinite alternate}.loading-title{font-family:var(--font-display);font-size:1.5rem;font-weight:850;color:#fff;letter-spacing:.05em;margin-bottom:.35rem}.loading-desc{font-size:.8rem;color:var(--ink-300)}.overlay-card{width:min(22rem,90%);padding:1.8rem 1.5rem 1.6rem;text-align:center;color:var(--ink-900);background:radial-gradient(circle at 50% 0%,rgba(246,220,135,.35),transparent 50%),#fffdfa;border:1px solid rgba(255,255,255,.85);border-radius:var(--radius-xl);box-shadow:0 24px 60px #00000073,inset 0 1px #fff;animation:card-spring .42s var(--ease-out-back) both}.card-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;font-size:1.6rem;background:var(--gold-100);border:2px solid var(--gold-300);border-radius:50%;margin-bottom:.75rem;box-shadow:0 4px 12px #e8b84f40}.overlay-card h1{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.65rem;font-weight:850;color:var(--ink-950)}.overlay-card p{margin:0 0 1.4rem;font-size:.85rem;color:var(--ink-600);line-height:1.5}.result-score-block{margin:.8rem 0 1.2rem;padding:1rem;background:linear-gradient(180deg,#f7f2e7,#eee3ce);border:1px solid rgba(210,190,155,.4);border-radius:var(--radius-lg)}.result-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--ink-600)}.result-score-num{font-size:2.6rem;font-weight:900;color:var(--vermilion-600);font-variant-numeric:tabular-nums;line-height:1.1}.new-record-tag{display:inline-block;margin-top:.35rem;padding:.2rem .65rem;font-size:.72rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));border-radius:var(--radius-full);box-shadow:0 2px 8px #b7791f4d;animation:pulse-record 1.2s ease-in-out infinite}.result-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.4rem}.stat-cell{padding:.65rem;background:#fbf9f4;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);text-align:center}.stat-title{display:block;font-size:.65rem;color:var(--ink-500);margin-bottom:.3rem}.highest-crest-display{display:flex;align-items:center;justify-content:center;gap:.4rem}.highest-crest-display img{width:1.6rem;height:1.6rem;object-fit:contain}.highest-crest-display span{font-size:.78rem;font-weight:700;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-title-text{font-size:.88rem;font-weight:800;color:var(--azure-600)}.card-button-group{display:flex;flex-direction:column;gap:.55rem}.btn-action-primary{width:100%;padding:.85rem 1.2rem;color:#fff;font-size:.95rem;font-weight:850;letter-spacing:.02em;background:linear-gradient(135deg,var(--vermilion-500),var(--vermilion-700));border-radius:var(--radius-md);box-shadow:0 6px 18px #bd352952,inset 0 1px #ffffff40;transition:transform .16s ease,box-shadow .16s ease}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #bd352973}.btn-action-primary:active{transform:translateY(1px)}.btn-action-secondary{width:100%;padding:.7rem 1.2rem;color:var(--ink-800);font-size:.85rem;font-weight:750;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);transition:all .16s ease}.btn-action-secondary:hover{background:#00000014;color:var(--ink-950)}.catalog-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.catalog-modal[hidden]{display:none}.catalog-backdrop{position:absolute;inset:0;background:#080e1ea6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.catalog-dialog{position:relative;z-index:2;width:100%;max-width:28rem;max-height:80vh;background:var(--ink-900);border:1px solid rgba(255,255,255,.12);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -10px 40px #00000080;display:flex;flex-direction:column;padding:1.2rem 1.2rem max(1.2rem,env(safe-area-inset-bottom));animation:sheet-up .32s var(--ease-out-back) both}.catalog-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08)}.catalog-dialog-header h3{margin:0;font-family:var(--font-display);font-size:1.2rem;color:#fff}.catalog-close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.5rem;color:var(--ink-300);border-radius:50%;background:#ffffff14}.catalog-dialog-body{overflow-y:auto;max-height:60vh}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-crest{0%{transform:scale(.92)}to{transform:scale(1.08)}}@keyframes badge-spring{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes celebration-burst{0%{opacity:0;transform:scale(.2) rotate(-25deg)}30%{opacity:.65}to{opacity:0;transform:scale(1.3) rotate(20deg)}}@keyframes celebration-card-pop{0%{opacity:0;transform:translateY(20px) scale(.75)}15%,75%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-15px) scale(.95)}}@keyframes card-spring{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse-sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.35) rotate(15deg)}}@keyframes pulse-record{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}