*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#151515;background:#f6f4f1}
header.top,main{max-width:900px;margin:0 auto;padding:16px}h1{font-size:1.45em;line-height:1.25;margin:.3em 0}h2{font-size:1.15em;margin:1.2em 0 .5em}
.lede{font-size:1.05em;background:#fff3e8;border-left:4px solid #c2410c;padding:10px 12px;border-radius:6px}.lede2{color:#333}
section{background:#fff;border-radius:10px;padding:12px 14px;margin:12px 0;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 14px}label{display:flex;flex-direction:column;font-size:.9em;color:#333}
label.inl{display:inline-flex;flex-direction:row;gap:6px;align-items:center}input,select{font:inherit;padding:7px 8px;border:1px solid #bbb;border-radius:6px;background:#fff;min-width:0}
.small{font-size:.86em;color:#555}.fix{font-size:.9em;background:#f1f5f9;padding:8px 10px;border-radius:6px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.tile{background:#f6f4f1;border-radius:8px;padding:8px 10px}
.tile span{display:block;font-size:.8em;color:#555}.tile b{font-size:1.2em}
table{border-collapse:collapse;width:100%;font-size:.92em;margin:10px 0}td,th{border-bottom:1px solid #e3e3e3;padding:5px 6px;text-align:left;vertical-align:top}
#box{border-radius:12px;padding:14px;margin:12px 0;color:#fff;text-align:center}#box.idle{background:#333}#box.go{background:#b91c1c}#box.rest{background:#1d4ed8}
#phase{font-size:1.3em;font-weight:700}#clock{font:700 4.4em/1.05 ui-monospace,Menlo,monospace}#combo{font-size:1.5em;min-height:2.6em}#combo span{font-size:.7em;opacity:.9}
.btn,.btn2{display:inline-block;font:inherit;padding:9px 16px;border-radius:8px;border:0;cursor:pointer;margin:4px 6px 4px 0;text-decoration:none}
.btn{background:#c2410c;color:#fff;font-weight:700}.btn2{background:#e7e5e4;color:#151515}.file input{display:none}.file{display:inline-block;flex-direction:row}
.money{font-weight:600;background:#fff7ed;padding:8px 10px;border-radius:6px}.buyline{border-top:1px dashed #ccc;margin-top:12px;padding-top:8px}
.note{background:#fef3c7;padding:8px 10px;border-radius:6px}.key{margin-top:12px;border-top:1px solid #eee;padding-top:8px}
@media (max-width:480px){#clock{font-size:3.4em}h1{font-size:1.25em}}