html,body{margin:0;height:100%;background:#0b1020;overflow:hidden;touch-action:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff}
canvas{display:block;width:100vw;height:100vh}
#ui{position:fixed;top:8px;right:8px;display:flex;gap:8px;z-index:2}
#ui button{width:44px;height:44px;border-radius:10px;border:2px solid #f7931a;background:#141b33;color:#fff;font-size:20px;cursor:pointer}
#over{position:fixed;inset:0;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;z-index:3;background:rgba(11,16,32,.8);padding:16px;box-sizing:border-box}
#over.on{display:flex}
#card{margin:auto;background:#141b33;border:2px solid #f7931a;border-radius:16px;max-width:440px;width:100%;padding:20px;text-align:center;box-sizing:border-box}
#card h2{color:#f7931a;margin:0 0 6px;font-size:32px}
#card p{margin:8px 0;line-height:1.4}
#card .shop{background:#0b1020;border-radius:12px;padding:12px;margin:14px 0}
#card .feat{color:#ffd34d;font-weight:bold}
#card a,#card button{display:block;width:100%;min-height:48px;margin:10px 0 0;border-radius:12px;font:bold 17px system-ui,sans-serif;cursor:pointer;box-sizing:border-box;text-decoration:none;line-height:48px;padding:0}
#card .pri{background:#f7931a;color:#0b1020;border:0}
#card .sec{background:transparent;color:#fff;border:2px solid #f7931a}
#card .small{color:#889;font-size:13px}

.biz{margin:8px 0 0;font-size:14px}.biz a{color:#f7931a}
[hidden]{display:none!important}
.arc{background:#000;border:3px solid #f7931a;border-radius:8px;padding:12px;margin:14px 0;font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;color:#ffd34d;text-transform:uppercase;letter-spacing:2px}
.arc .hd{color:#f7931a;font-size:20px;font-weight:bold;margin:0 0 6px;text-shadow:0 0 6px #f7931a}
.arc .sub{color:#889;font-size:12px;margin:4px 0}
#card .arc button{font-family:inherit}
.cols{display:flex;justify-content:center;gap:12px;margin:8px 0}
.col{display:flex;flex-direction:column;align-items:center;width:64px}
#card .col button{min-height:44px;line-height:44px;margin:4px 0 0;border-radius:8px}
#card .col .ar{background:#141b33;color:#f7931a;border:2px solid #f7931a;font-size:18px}
#card .col .lt{background:#000;color:#fff;border:2px solid #333;font-size:34px;min-height:56px;line-height:56px}
#card .col.cur .lt{border-color:#ffd34d;color:#ffd34d}
#lbEntry:focus{outline:2px dashed #ffd34d;outline-offset:2px}
.emsg{color:#ff6b6b;min-height:1em;font-size:13px}
#lbList{list-style:none;padding:0;margin:0}
#lbList li{display:flex;justify-content:space-between;padding:3px 6px;font-size:18px}
#lbList li:nth-child(1){color:#fff}
#lbList li.me{background:#f7931a;color:#000}
#lbList .rk{width:3ch;text-align:left}#lbList .nm{flex:1;text-align:center}#lbList .sc{width:9ch;text-align:right}
#lbMsg{color:#fff;margin:6px 0}#lbBest{color:#7fdbff;font-size:13px}
#card .back a,#card .soc a{display:inline;width:auto;min-height:0;line-height:1.6;margin:0 8px;color:#f7931a;text-decoration:underline;font-size:15px;background:none;border:0}
#card .back a{font-size:17px}