:root{font-family:"Baloo 2","Nunito",system-ui,"Noto Sans",sans-serif;color:#252c28;background:#f3e6c4;--red:#b23a2e;--blue:#315e79;--ink:#343b32;--cream:#fff5d8}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(#a0957040 .65px,transparent .65px) 0 0/5px 5px,#f3e6c4}button,select,input{font:inherit}button,select{min-height:44px;padding:8px 14px;border:2px solid var(--ink);border-radius:3px 9px 4px 8px;color:var(--ink);background:var(--cream);font-weight:800;cursor:pointer;box-shadow:2px 3px 0 #4d3c2733;max-width:100%}button.primary{background:var(--red);color:#fff5d8}button:active{transform:translate(1px,2px)}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px dashed #315e79;outline-offset:3px}[hidden]{display:none!important}#app{max-width:1120px;margin:auto;padding:10px max(12px,env(safe-area-inset-right)) 24px}header{display:flex;align-items:center;gap:12px}header a{color:#2f5d50;text-decoration:none;font-size:24px}h1{font-size:27px;line-height:1.15;flex:1;margin:0}h2{line-height:1.2}.hud{display:flex;align-items:center;gap:14px;margin:10px 0}.team{flex:1;display:flex;align-items:center;gap:10px;color:var(--red)}.team.indigo{justify-content:flex-end;color:var(--blue)}.team b{font-size:36px;line-height:1}.team strong{font-size:15px}.status{text-align:center;flex:1;font-size:16px;line-height:1.3}.status small{display:block;font-size:12px}.field{position:relative;border:3px solid var(--ink);border-radius:3px 12px 5px 13px;background:#f8eccd;overflow:hidden;box-shadow:4px 5px 0 #76604333}canvas{display:block;width:100%;aspect-ratio:16/9;touch-action:none;outline-offset:-5px!important}#toast{position:absolute;top:9px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:800;max-width:90%;text-align:center;background:#fff4d8ed;border:1px solid #4b503850;padding:4px 12px;border-radius:6px;pointer-events:none}#toast:empty{display:none}.pads{display:flex;gap:12px;margin:12px 0}.pad{display:flex;gap:10px;flex:1}.pad button{flex:1;touch-action:none;border-color:var(--red);color:var(--red)}.pad.indigo button{border-color:var(--blue);color:var(--blue)}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.actions small{margin-left:auto;font-size:12px}#hint{font-size:13px;margin:8px 0;text-align:center}dialog{width:min(610px,calc(100% - 20px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border:3px solid var(--ink);border-radius:6px 20px 5px 17px;background:var(--cream);color:var(--ink);box-shadow:8px 12px 0 #2f423344}dialog::backdrop{background:#26372b99;backdrop-filter:blur(3px)}dialog p{line-height:1.6}.cover{height:200px;background:linear-gradient(0deg,#f5e7c4ed,transparent 75%),url('cover.webp') center/cover;display:flex;align-items:flex-end;padding:14px;border:2px solid #30382c;border-radius:4px 12px 4px 8px}.cover h2{font-size:28px;margin:0;text-shadow:0 1px #fff6d8}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.modes label{display:flex;align-items:center;gap:8px;font-size:14px}.modes select{flex:1;min-width:0}.modes #local{grid-column:1/3}.settings{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.settings button,.settings select{font-size:13px}#skins{display:flex;gap:8px;flex-wrap:wrap}#skins img{width:25px;height:36px;object-fit:contain;vertical-align:middle;margin-right:7px}#skins button{font-size:12px}#recap{margin-top:12px;border:2px solid var(--ink);border-radius:6px 14px 5px 9px;padding:20px;background:var(--cream)}#recap button{margin:4px 6px 0 0}#recordlist{display:grid;gap:8px}#recordlist div{padding:10px;border:1px dashed #566249}#pointdialog button{margin:5px 6px 0 0}@media(max-width:600px){#app{padding:8px}header{gap:8px}h1{font-size:20px}header button{font-size:13px;padding:7px 10px}.hud{gap:6px;margin:8px 0}.team{gap:6px;flex-direction:column;align-items:flex-start}.team.indigo{align-items:flex-end;flex-direction:column}.team b{font-size:29px}.team strong{font-size:13px}.status{font-size:13px}.status small{font-size:11px}.pads{gap:8px;margin:10px 0}.pad{gap:7px}.pad button{padding:7px;font-size:13px}.actions{gap:7px}.actions button{font-size:13px;padding:7px 9px}.actions small{font-size:11px}dialog{padding:15px}.cover{height:155px}.cover h2{font-size:24px}.modes label{display:block}.modes label span{display:block}.modes select{width:100%}#toast{font-size:12px}}@media(max-height:500px) and (orientation:landscape){#app{max-width:1000px;padding:5px 10px}header h1{font-size:19px}.hud{margin:5px 0}.team b{font-size:25px}.team strong{font-size:12px}.status{font-size:12px}.field{width:min(70%,calc((100dvh - 135px)*1.7778));float:left;margin-right:12px}.pads{display:flex;flex-direction:column;margin:0 0 10px}.pad button{font-size:12px;padding:6px}.actions{gap:6px}.actions button{font-size:12px;padding:5px 8px}.actions small{margin-left:0}.status small{font-size:10px}#hint{clear:both;padding-top:6px;font-size:11px}#recap{clear:both}.cover{height:120px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}