:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071425;color:#f7f9fc}body{padding:max(10px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))}.app{width:420px;max-width:100%;margin:auto}header{height:58px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border:1px solid #294866;border-radius:12px;background:#102841}h1{font-size:18px;margin:0}header p{font-size:11px;color:#91b9e1;margin:4px 0 0}header>b{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#2363a4}nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.tab,.modes button,.clear,.add{border:1px solid #355470;border-radius:9px;background:#10243b;color:#b9cce3;font-weight:800}.tab{height:38px}.tab.active{background:#efb536;border-color:#efb536;color:#182335}.page{display:none}.page.active{display:block}.card{border:1px solid #294866;border-radius:11px;background:#0d2037}.fields{padding:10px}.fields label{display:grid;grid-template-columns:95px 1fr;gap:8px;align-items:center;color:#b8cae0;font-size:12px;font-weight:800;margin-bottom:8px}.fields label:last-child{margin-bottom:0}.fields.one{margin-top:8px}input,select{width:100%;height:38px;border:1px solid #3f607e;border-radius:8px;background:#102943;color:#fff;padding:6px 10px;font-size:16px;outline:none}input:focus,select:focus{border-color:#65abf4}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.modes button{height:34px}.modes button.active{background:#2363a4;border-color:#64adf2;color:#fff}.hero{min-height:112px;display:grid;place-items:center;align-content:center;gap:5px;border:2px solid #3d9be4;border-radius:13px;background:linear-gradient(140deg,#113b60,#0d2945);box-shadow:0 0 18px rgba(56,153,227,.16)}.hero span{font-size:13px;color:#add5fa;font-weight:900}.hero strong{font-size:42px;line-height:1;letter-spacing:.5px}.hero em{font-size:11px;font-style:normal;color:#88aecf}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.metrics div{min-height:66px;display:grid;place-items:center;align-content:center;gap:5px;border:1px solid #294866;border-radius:10px;background:#0d2037}.metrics span{font-size:11px;color:#9fb6cf}.metrics b{font-size:20px}.pos{color:#65e4a0}.neg{color:#ff8189}.clear{width:100%;height:35px;margin-top:8px}.row-title{display:flex;justify-content:space-between;align-items:center;margin:10px 2px 7px}.row-title b{display:block}.row-title small{display:block;color:#7f9ab5;margin-top:3px}.add{width:105px;height:34px}.bets{max-height:238px;overflow:auto;padding-right:2px}.bet{display:grid;grid-template-columns:63px 1fr 1.18fr 35px;gap:6px;margin-bottom:7px}.bet button{height:38px;border:1px solid #6a3541;border-radius:8px;background:#351d28;color:#ff9299;font-size:20px}.bet select,.bet input{font-size:14px}@media(max-width:440px){body{padding-left:6px;padding-right:6px}.hero strong{font-size:38px}}@media(max-height:760px) and (min-width:500px){.app{zoom:.9}}