:root{font-family:system-ui,-apple-system,sans-serif;color:#eaf4e9;background:#0b1711}*{box-sizing:border-box}body{margin:0;padding-bottom:env(safe-area-inset-bottom)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#244033;border:1px solid #486351;border-radius:11px;padding:11px 14px;min-height:44px}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e2c874}header{position:sticky;top:0;z-index:4;background:#10271c;padding:12px max(16px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #45634c;gap:8px}.brand{font-weight:900;letter-spacing:.12em}.brand span{color:#e2c874}.back{color:#e2c874;text-decoration:none;font-weight:700;white-space:nowrap}#saveStatus,.hint{font-size:12px;color:#afc5b1}main{max-width:850px;margin:auto;padding:14px}.panel{background:#152a1d;border:1px solid #31533a;border-radius:16px;padding:15px;margin:0 0 14px}h1,h2{margin:0 0 12px}h2{font-size:17px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.sectionhead h2{margin:0}p{color:#b7c9b9;line-height:1.5}label{display:block;color:#bfd0bf;margin:12px 0}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px;background:#092014;border:1px solid #66816a;border-radius:10px;color:white;font-size:16px}textarea{min-height:90px}.primary{background:#dfc45e;color:#1b291c;border-color:#dfc45e;font-weight:800}.small{padding:7px 9px;font-size:13px;min-height:36px}.matchbar,.activebar{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-bottom:12px}.clock{display:flex;justify-content:space-between;align-items:center}.clock strong{display:block;font-size:28px}.clockbuttons{display:flex;gap:5px}.players{display:flex;overflow-x:auto;gap:8px;padding:5px 0 12px}.players button{min-width:max-content;max-width:230px;text-align:left}.players button.selected{border-color:#e2c874;background:#3f4b29}.activebar{margin:3px 0 0}.activebar strong{flex:1;min-width:140px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:15px}.action{min-height:66px;padding:10px 7px;line-height:1.17;font-size:14px;font-weight:650;overflow-wrap:anywhere}.positive{background:#204d32;border-color:#498b60}.negative{background:#62342f;border-color:#a1645b}.neutral{background:#394348}.sticky{position:sticky;bottom:0;z-index:3;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0b1711 15%);display:flex;gap:8px}.sticky button{flex:1}.undo{background:#36483c}.event{border-bottom:1px solid #3a5440;padding:9px 0;display:flex;justify-content:space-between;gap:8px;align-items:center}.event div{overflow-wrap:anywhere}.event small{color:#b3c8b5}dialog{border:1px solid #65816c;border-radius:17px;background:#193020;color:white;width:min(96vw,560px);max-height:86vh;overflow:auto;padding:18px}dialog::backdrop{background:#020a05b8}.choice{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.choice button{flex:1;min-width:120px}.danger{background:#672f2a;border-color:#bb6155}.muted{font-size:13px;color:#b7c9b9}.empty{padding:15px;color:#b7c9b9}@media(min-width:700px){.action{min-height:56px;font-size:16px}.actions{max-height:680px;overflow:auto}}

.download-link{display:inline-block;color:#eaf4e9;background:#244033;border:1px solid #486351;border-radius:11px;padding:11px 14px;min-height:44px;text-decoration:none;font-weight:600}.download-link:focus-visible{outline:3px solid #e2c874}

.clock{gap:12px;flex-wrap:wrap}.clockbuttons{flex-wrap:wrap;justify-content:flex-end}.clockbuttons button{min-height:42px}#clockState{display:block}#playTime{white-space:nowrap}