*{box-sizing:border-box;margin:0;padding:0}:root{--accent: #0f766e;--bg: #f8fafc;--ink: #0f172a}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}button{font:inherit;border:none;border-radius:10px;padding:12px 20px;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.5}input{font:inherit;padding:12px;border:1px solid #cbd5e1;border-radius:10px;width:100%}.page{max-width:480px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:14px}.page h1{font-size:1.5rem}.tagline{color:#475569}.error{color:#b91c1c}.consent{display:flex;gap:10px;font-size:.85rem;color:#475569;align-items:flex-start}.consent input{width:auto;margin-top:3px}.play{gap:8px}.hud{display:flex;justify-content:space-between;font-weight:600}.timer{font-variant-numeric:tabular-nums}.timer.low{color:#b91c1c}.stage-hint{font-size:.85rem;color:#475569}.pair{display:flex;flex-direction:column;gap:8px}.pair.locked{filter:grayscale(.7)}.hotspot-image{position:relative;touch-action:manipulation}.hotspot-image img{width:100%;display:block;border-radius:8px;user-select:none;-webkit-user-select:none}.marker{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #16a34a;border-radius:50%;background:#16a34a26;pointer-events:none}.lockout{color:#b91c1c;font-weight:600;text-align:center}.scorecard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.scorecard .big{font-size:1.6rem;font-weight:700}.pledge{background:#ecfdf5;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:10px}.pledged{color:#047857;font-weight:600}.share-row{display:flex;flex-wrap:wrap;gap:8px}.share-row .btn,.share-row button{flex:1 1 40%;text-align:center;text-decoration:none;background:var(--accent);color:#fff;border-radius:10px;padding:12px}.share-row .ghost{background:#e2e8f0;color:var(--ink)}.board-link{text-align:center;color:var(--accent);font-weight:600;text-decoration:none}.entries{list-style:none;display:flex;flex-direction:column;gap:6px}.entries li{display:flex;gap:10px;align-items:baseline;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.entries li.me{border-color:var(--accent);background:#f0fdfa}.entries .rank{font-weight:700;min-width:2.5em}.entries .name{flex:1}.entries .score{font-variant-numeric:tabular-nums;font-weight:600}.me-row{text-align:center;font-weight:600;color:var(--accent)}.admin-list{list-style:none;display:flex;flex-direction:column;gap:6px}.admin-list li{display:flex;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.pill{font-size:.75rem;background:#e2e8f0;border-radius:999px;padding:2px 10px}.pill.live{background:#dcfce7;color:#15803d}.admin-editor label{display:flex;flex-direction:column;gap:4px;font-size:.9rem}.admin-editor textarea,.admin-editor select{font:inherit;padding:10px;border:1px solid #cbd5e1;border-radius:10px}.admin-marker em{position:absolute;top:-1.4em;left:50%;transform:translate(-50%);font-style:normal;font-weight:700;color:#16a34a}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;padding:6px 8px;border-bottom:1px solid #e2e8f0}.upload-pair{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.qr-block{text-align:center}button.ghost,.share-row .ghost{background:#e2e8f0;color:var(--ink)}