.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background-color:#10141f;background-image:repeating-linear-gradient(0deg,rgba(248,240,200,.06) 0 2px,transparent 2px 32px),repeating-linear-gradient(90deg,rgba(248,240,200,.05) 0 2px,transparent 2px 32px);overflow-y:auto;font-family:Courier New,monospace;letter-spacing:0;image-rendering:pixelated}.logo{font-size:44px;font-weight:900;line-height:1;letter-spacing:0;color:#f8f0c8;text-shadow:4px 4px 0 #f35b42,8px 8px 0 #07090f}.version{color:#f8d45c;background:#07090f;border:2px solid #f8d45c;padding:3px 8px;font-size:12px;font-weight:800;line-height:1;margin-top:-8px}.tagline{color:#b8c1ec;font-size:13px;max-width:280px;line-height:1.5}.global-stats{display:flex;gap:14px;padding:8px 0;border-top:2px solid #30384f;border-bottom:2px solid #30384f;color:#b8c1ec;font-size:12px;font-weight:800}.global-stats b{color:#73fbd3}.current-name{color:#b8c1ec;font-size:13px;font-weight:700;letter-spacing:0}.current-name b{color:#f8f0c8;letter-spacing:0}.nick-input{width:220px;padding:12px 14px;border-radius:0;border:3px solid #f8f0c8;background:#07090f;color:#f8f0c8;font-family:inherit;font-size:16px;font-weight:700;text-align:center;outline:none;box-shadow:inset 0 -4px #171f31}.nick-input::placeholder{color:#6d7488}.btn{width:220px;padding:14px;border-radius:0;border:3px solid #f8f0c8;font-family:inherit;font-size:16px;font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:4px 4px #07090f}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #07090f}.btn-primary{background:#73fbd3;color:#07090f}.btn-ghost{background:#171f31;color:#f8f0c8;border-color:#4cc9f0}.best{color:#b8c1ec;font-size:13px}.best b{color:#f8f0c8}.newbest{color:#f8d45c;font-weight:900;font-size:18px;text-shadow:3px 3px 0 #07090f}.result-score{font-size:52px;font-weight:900;color:#f8f0c8;text-shadow:4px 4px 0 #f35b42}.rank-line{color:#73fbd3;font-size:15px;min-height:20px;max-width:300px;line-height:1.45}.settings-list{width:280px;max-width:90vw;display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;align-items:center;gap:8px;color:#b8c1ec;font-size:13px;font-weight:700}.field-title{align-self:flex-start}.setting-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px;border-bottom:2px solid #30384f;color:#f8f0c8;font-size:15px;font-weight:700}.toggle{width:22px;height:22px;accent-color:#73fbd3}.rank-title{color:#f8d45c;font-size:24px;font-weight:900;text-shadow:3px 3px 0 #07090f}.tabs{display:flex;gap:8px}.tab{padding:8px 18px;border-radius:0;border:3px solid #4cc9f0;background:#171f31;color:#f8f0c8;font-family:inherit;font-weight:900;cursor:pointer}.tab.active{background:#73fbd3;color:#07090f;border-color:#f8f0c8}.rank-list{list-style:none;width:300px;max-width:90vw;max-height:50vh;overflow-y:auto;padding:0;margin:0}.rank-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:2px solid #30384f;color:#f8f0c8;font-size:14px}.rank-list li.me{background:#173f3a;border:2px solid #73fbd3;border-radius:0;color:#73fbd3}.rank-list .rk{width:30px;text-align:right;color:#f8d45c;font-weight:900}.rank-list .nm{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list .sc{font-weight:900}.rank-list .loading{justify-content:center;color:#6d7488}