.hidden{display:none!important}html,body{color:#eee;background-color:#0f141a;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Courier New,Courier,monospace;display:flex;overflow:hidden}canvas{image-rendering:pixelated;background-color:#1e1e1e}.btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 18px;font-family:Courier New,Courier,monospace;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0000004d}.btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.btn-primary{background:#e67e2299;border-color:#e67e22cc}.btn-primary:hover{background:#e67e22cc}.btn:active{transform:translateY(0)}#playerPanel{width:15vw;padding:20px;position:fixed;top:20px;left:20px}.char-avatar-container{background:#ffffff0d;border:1px dashed #ffffff4d;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 15px;display:flex}.panel-header{text-align:center;margin-bottom:15px}.panel-header h3{color:#ff4500;margin:0;font-size:1.2em}.panel-header span{color:#aaa;font-size:.8em}.stats-grid{background:#0003;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;padding:10px;display:grid}.stats-grid-2{background:#0003;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;padding:10px;display:grid}.stat-item{text-align:center;font-size:.7em}.stat-item span{color:#888;margin-bottom:4px;display:block}.stat-item strong{color:#fff;font-size:1.1em}.tab-bar{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:15px;display:flex}.tab-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:8px 5px;font-size:.9em;transition:all .3s}.tab-btn.active{color:#ff4500;border-bottom:2px solid #ff4500}.tab-pane{min-height:100px;font-size:.9em;display:none}.tab-pane.active{display:block}.attr-list{line-height:1.8}.bgm-ctrl.playing{color:#ff4500;border-color:#ff4500;box-shadow:0 4px 15px #ff450033}.bgm-ctrl:hover.playing{box-shadow:0 6px 20px #ff450066}.bgm-ctrl .icon{font-size:1.2em}#leaderboardPanel{color:#fff;width:15vw;position:fixed;top:20px;right:20px;overflow:hidden}.lb-title{text-align:center;color:#62fd4e;background:#444;margin:0;padding:10px}.lb-header{color:#aaa;background:#333;padding:8px;font-size:12px;display:flex}#lb-list{height:600px;overflow-y:auto}.lb-row{border-bottom:1px solid #333;align-items:center;padding:10px 8px;transition:background .2s;display:flex}.lb-row:hover{background:#ffffff0d}.col-rank{width:30px;font-weight:700}.col-player{flex:1;align-items:center;gap:8px;display:flex}.col-time{color:#ffeb3b;width:50px}.col-stats{text-align:right;width:100px;font-size:10px}.avatar-mini{width:24px;height:24px;image-rendering:pixelated;background:#222;border-radius:4px}.timestamp{color:#aaa;font-size:12px;display:block}.screen-overlay{z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.glass-panel{-webkit-backdrop-filter:blur(15px);text-align:center;background:#1e1e1e;border:1px solid #ffffff1a;border-radius:24px;width:50vw;padding:40px;box-shadow:0 8px 32px #00000080}.pixel-title{color:#fff;letter-spacing:4px;text-shadow:2px 2px #e67e22;margin-top:0;margin-bottom:10px;font-family:Courier New,Courier,monospace}.progress-bar{background-color:#e0e0e0;border-radius:6px;width:100%;height:12px;margin-top:5px;overflow:hidden}.progress-fill{background-color:#4caf4fd7;height:100%;transition:width .3s}.hero-quote{color:#a29bfe;border-left:3px solid #6c5ce7;margin-bottom:15px;padding-left:10px;font-size:1.1em;font-style:italic;display:block}.hero-section{margin-bottom:12px;font-size:.95em}.hero-label{margin-right:5px;font-weight:700}.hero-recommend{color:#bdc3c7;border-top:1px dashed #4834d4;margin-top:15px;padding-top:10px;font-size:.85em}#creatorCanvas{width:15vw;height:30vh}.pixel-input{color:#fff;box-sizing:border-box;background:#0000004d;border:1px solid #fff3;border-radius:8px;outline:none;width:100%;margin-top:10px;padding:12px;font-family:Courier New,Courier,monospace}.pixel-input:focus{background:#00000080;border-color:#e67e22}#gameScreen{border:4px solid #8b0000;width:50vw;height:65vh;line-height:0;position:relative;box-shadow:0 0 50px #ff450033}#gameCanvas{width:50vw;height:65vh}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;color:#fff;background:#1e1e1ee6;border:2px solid #444;border-radius:12px;font-family:Courier New,monospace;box-shadow:0 8px 32px #00000080}