:root{--cyan: #22d3ee;--bg: #05070c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:#e5e7eb;font-family:-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#0a0e16e6;flex:0 0 auto}.topbar h1{font-size:20px;letter-spacing:1px;font-weight:800}.topbar h1 span{color:var(--cyan)}#search-form{display:flex;gap:8px}#ticker{width:min(46vw,240px);padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#fff;font-size:14px}#ticker:focus{outline:none;border-color:var(--cyan)}#search-form button{padding:8px 14px;border-radius:8px;border:none;background:var(--cyan);color:#04222a;font-weight:700;cursor:pointer}#stage{position:relative;flex:1 1 auto;min-height:0}#game{display:block;width:100%;height:100%;touch-action:none}.hint{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#00000073;font-size:13px;color:#cbd5e1;pointer-events:none;white-space:nowrap}#result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(86vw,340px);flex-direction:column;align-items:center;gap:6px;padding:24px 22px;border-radius:18px;background:#0d111bf5;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0009;text-align:center}#result.win{border-color:#34d39980}#result.lose{border-color:#f8717180}.r-tag{font-size:13px;color:#94a3b8}#result h2{font-size:17px;font-weight:700}.r-pnl{font-size:34px;font-weight:800;margin-top:4px}#result.win .r-pnl,#result.win .r-ret{color:#34d399}#result.lose .r-pnl,#result.lose .r-ret{color:#f87171}.r-ret{font-size:16px;font-weight:600}.r-rows{width:100%;margin:12px 0 6px;display:flex;flex-direction:column;gap:8px}.r-rows>div{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.r-rows span{color:#94a3b8}.r-rows b{font-weight:700}.r-rows i{color:#64748b;font-style:normal;font-size:11px;min-width:84px;text-align:right}#retry{margin-top:14px;width:100%;padding:11px;border-radius:10px;border:none;background:var(--cyan);color:#04222a;font-size:15px;font-weight:800;cursor:pointer}@media (max-width: 560px){.topbar h1{font-size:17px}#ticker{width:44vw}}