:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#082741;background:#f5f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#082741;color:#fff;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}header strong{font-size:22px;letter-spacing:1px}header small{display:block;font-size:11px;color:#b1d6df;margin-top:4px}.user{font-size:12px;display:flex;align-items:center;gap:10px}nav{display:flex;gap:5px;overflow-x:auto;background:#eaf3f6;padding:9px 12px;position:sticky;top:0;z-index:10}nav button{white-space:nowrap;background:transparent;color:#082741;padding:10px 14px;border-radius:30px}nav button.current{background:#082741;color:#fff}main.content{max-width:860px;margin:0 auto;padding:20px 16px 70px}h2{font-size:24px;margin:8px 0 16px}h3{font-size:18px}p{line-height:1.5}.muted{font-size:13px;color:#627681}.field{display:block;margin:12px 0}.field span{display:block;font-weight:700;font-size:13px;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #bfd2dc;border-radius:9px;padding:12px;font:inherit;color:#082741;background:#fff}textarea{min-height:90px}button{border:0;border-radius:9px;background:#237f91;color:#fff;font:inherit;font-weight:700;padding:12px 18px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.small{padding:8px 11px;background:#43677c;font-size:12px}.secondary{background:#eaf3f6;color:#082741;margin:6px 8px 8px 0}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eaf3f6}.panel{width:min(100%,430px);background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 35px #08274118}.panel h1{color:#082741;letter-spacing:1px}.panel button{width:100%;margin-top:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.tile{background:#fff;border:1px solid #d5e4e9;color:#082741;text-align:left;min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:7px}.tile strong{font-size:28px}.tile span{font-size:13px}.error,.success{padding:12px;border-radius:8px}.error{color:#8e2020;background:#ffeaea}.success{color:#116344;background:#e3f8ed}.map-wrap{margin:18px auto;max-width:390px}.rink-image{position:relative;width:100%;aspect-ratio:614/942}.rink-image img{display:block;width:100%;height:100%}.map-dot{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;border:1px solid white;border-radius:50%;font-size:11px;padding:0;background:#082741;display:grid;place-items:center}.map-dot.active{background:#f2bb32;color:#082741}.map-dot.done{background:#1c9456}details{background:#fff;border:1px solid #d5e4e9;border-radius:10px;padding:12px;margin:12px 0}summary{cursor:pointer;font-weight:700}.panel-inline{border:1px solid #d5e4e9;border-radius:10px;padding:10px;margin:10px 0}.log{background:#fff;border:1px solid #d5e4e9;border-radius:10px;padding:15px;margin:12px 0}.log p{font-size:13px;color:#627681;margin:5px 0}.log pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}@media(max-width:480px){.two{grid-template-columns:1fr}.user{width:100%;justify-content:space-between}header{padding:13px 16px}}.map-wrap{display:block;width:100%;max-width:390px;margin:20px auto}.rink-image{position:relative;display:block;width:100%;aspect-ratio:614 / 942;overflow:visible;background-color:#eaf3f6}.rink-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;opacity:1;visibility:visible;z-index:1}.rink-image .map-dot{position:absolute;z-index:2}
