*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{display:flex;align-items:center;justify-content:center;background:#f7f7f7;font-family:Courier New,ui-monospace,monospace;color:#535353;user-select:none;-webkit-user-select:none;padding:0;touch-action:manipulation}#app{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:8px 0}.game-frame{position:relative;width:min(100%,calc((100svh - 60px) / 1.3),600px);aspect-ratio:1 / 1.3}@supports not (height: 100svh){.game-frame{width:min(100%,calc((100vh - 60px) / 1.3),600px)}}.attribution{font-size:11px;line-height:1.6;color:#888;letter-spacing:.3px;text-align:center}#game{display:block;width:100%;height:100%;background:#fff;border:1px solid #ddd;border-radius:6px;outline:none}.hud{position:absolute;inset:0;pointer-events:none}.hud-scores{position:absolute;top:10px;right:12px;display:flex;gap:10px;font-size:14px;letter-spacing:1px;color:#535353}.hud-rank{position:absolute;top:10px;left:12px;display:flex;align-items:baseline;gap:6px;font-size:14px;letter-spacing:1px;color:#535353}.hud-rank-total{font-size:11px;color:#b0b0b0}.hud-label{color:#b0b0b0}.hud-current{color:#535353}.hud-overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffffd9;pointer-events:auto;padding:16px;gap:8px}.hud-overlay.visible{display:flex}.hud-overlay h1,.hud-overlay h2{font-size:22px;letter-spacing:4px;margin-bottom:4px}.hud-overlay p,.hud-overlay li{font-size:13px}.hud-section-title{margin-top:6px;font-size:12px;letter-spacing:3px;color:#888}.hud-empty{font-size:12px;color:#999}.hud-overlay ol.ranking{list-style:none;margin:4px 0;display:grid;gap:2px;min-width:220px;font-size:13px}.hud-overlay ol.ranking li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:4px 10px;border-radius:4px}.hud-overlay ol.ranking li:nth-child(odd){background:#5353530f}.hud-overlay ol.ranking .rank{color:#888;text-align:right;font-variant-numeric:tabular-nums}.hud-overlay ol.ranking .player{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;min-width:0}.hud-overlay ol.ranking .player .company{font-size:10px;letter-spacing:1px;color:#999}.hud-overlay ol.ranking .player .name{font-size:13px;letter-spacing:1px;color:#535353}.hud-overlay ol.ranking .score{font-variant-numeric:tabular-nums}.hud-overlay form{margin-top:6px;display:flex;align-items:center;gap:6px}.hud-company{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;letter-spacing:1px;color:#6b54c5;background:#ece5ff;border:1px solid #c4b5fd;border-radius:4px}.hud-overlay input,.hud-overlay button{font-family:inherit;font-size:13px;padding:4px 8px;border:1px solid #535353;border-radius:4px;background:#fff;color:#535353}.hud-overlay button{cursor:pointer}.hud-overlay button:hover{background:#535353;color:#fff}.hud-credit,.hud-hint{font-size:11px;color:#888;margin-top:4px}.toast{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%) scale(0);display:flex;flex-direction:column;align-items:center;gap:4px;font-family:Courier New,ui-monospace,monospace;color:#535353;white-space:nowrap;pointer-events:none;opacity:0;text-align:center}.toast .toast-primary{font-size:26px;font-weight:700;letter-spacing:4px}.toast .toast-secondary{font-size:13px;font-weight:500;letter-spacing:1px;color:#7a7a7a}.toast.toast-visible{animation:toast-pop 1.3s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes toast-pop{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}18%{transform:translate(-50%,-50%) scale(1.25);opacity:1}35%{transform:translate(-50%,-50%) scale(.95);opacity:1}50%{transform:translate(-50%,-50%) scale(1);opacity:1}78%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.7);opacity:0}}