.app{flex-direction:column;height:100vh;position:relative}.app,.team{display:flex}.team{align-items:center;flex:1 1;flex-direction:column;font-size:64px;justify-content:center}.team,.team input.team-name{color:#fff;text-align:center}.team input.team-name{background:#0000;border:none;font-size:40px;margin-bottom:10px}.games-won{background:#ffffff1f;border-radius:999px;color:#fff;font-size:16px;font-weight:700;min-width:40px;padding:6px 10px;text-align:center}.score{font-size:84px;font-weight:600;line-height:1;margin:20px}.minus{background:#fff;border:none;border-radius:12px;color:#000;font-size:40px;margin-top:10px;padding:8px 20px}.settings-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;height:44px;justify-content:center;position:absolute;right:16px;top:12px;transition:transform .14s ease,background .14s ease,box-shadow .14s ease;width:44px;z-index:30}.settings-btn svg{display:block}.settings-btn:hover{background:#ffffff17;box-shadow:0 6px 18px #0000002e;transform:translateY(-2px)}.settings-btn:active{transform:translateY(0)}.settings-btn:focus{outline:3px solid #4299e138;outline-offset:2px}.modal{align-items:center;background:#00000080;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed}.modal-content{background:#fff;border-radius:12px;box-sizing:border-box;max-height:90vh;max-width:520px;overflow-y:auto;padding:24px;text-align:center;width:100%}.modal-content h2{font-size:22px;margin:0 0 8px}.modal-content h3{font-size:18px;margin:8px 0}.swatches{display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0}.swatch{border-radius:6px;cursor:pointer;height:40px;margin:4px;width:40px}.modal-content input.team-name{background:#f6f8fb;border:1px solid #e3e7ee;border-radius:10px;box-shadow:inset 0 1px 0 #fff9;box-sizing:border-box;color:#111;font-size:16px;padding:10px 12px;width:calc(50% - 8px)}.modal-content .swatches{margin-top:6px}.modal-content select.target-select{background:#f6f8fb;border:1px solid #e3e7ee;border-radius:10px;box-shadow:inset 0 1px 0 #fff9;color:#111;font-size:16px;padding:10px 12px}@media (max-width:520px){.modal-content select.target-select{width:100%}}.modal-content .close,.modal-content .reset{border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-block;font-weight:700;padding:10px 16px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s}.modal-content .reset{background:#fff;border-color:#e6e9ef;box-shadow:0 4px 10px #1018280a;color:#1f2937}.modal-content .reset:hover{box-shadow:0 8px 20px #1018280f;transform:translateY(-2px)}.modal-content .close{background:#2563eb;box-shadow:0 8px 20px #2563eb24;color:#fff}.modal-content .close:hover{box-shadow:0 12px 28px #2563eb2e;transform:translateY(-2px)}.modal-content .controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.winner-reset{border-radius:9px;font-weight:700;padding:10px 14px}@media (max-width:520px){.modal-content input.team-name{width:100%}.modal-content .controls{flex-direction:column}.modal-content .close,.modal-content .reset{width:100%}}.team.winner{box-shadow:0 8px 24px #00000059;transform:scale(1.02);transition:transform .18s ease,box-shadow .18s ease}.team.loser{filter:grayscale(12%);opacity:.6}.winner-banner{align-items:center;background:linear-gradient(180deg,#000000bf,#000000a6);border-radius:16px;box-shadow:0 18px 40px #00000073;color:#fff;display:flex;font-size:20px;gap:18px;justify-content:center;left:50%;max-width:92%;min-width:320px;padding:18px 28px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:120}.winner-banner .winner-text{font-size:22px;font-weight:700}.winner-reset{background:#fff;border:none;border-radius:10px;color:#111;cursor:pointer;font-size:16px;font-weight:800;padding:10px 16px}@keyframes popIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}60%{opacity:1;transform:translateY(4px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.winner-banner{animation:popIn .42s cubic-bezier(.2,.9,.2,1)}.team.winner{box-shadow:0 14px 36px #00000047;transform-origin:center;transition:transform .26s ease,box-shadow .26s ease}.team.winner .score{transform:scale(1.12);transition:transform .26s ease}.prev-winners-banner{align-items:center;bottom:18px;display:flex;gap:10px;left:50%;padding:6px;position:fixed;transform:translateX(-50%);z-index:120}.prev-winner{align-items:center;border-radius:999px;box-shadow:0 6px 18px #0003;color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:6px 10px}.prev-winner .dot{background:#ffffffe6;border-radius:50%;height:12px;opacity:.9;width:12px}@media (max-width:520px){.prev-winners-banner{bottom:12px;gap:8px}.prev-winner{font-size:13px;padding:6px 8px}.winner-banner{flex-direction:column;gap:10px;left:50%;min-width:0;min-width:auto;padding:12px;top:48%;transform:translate(-50%,-48%)}.winner-banner .winner-text{font-size:18px}.winner-reset{width:100%}}@media (max-width:420px){.modal-content{padding:12px}.modal-content h2{font-size:18px}.modal-content h3{font-size:16px}.swatch{height:34px;margin:3px;width:34px}.close,.reset{font-size:18px;padding:8px 14px}.settings-btn{font-size:36px;right:10px;top:8px}}.close,.reset{font-size:20px;margin-top:10px;padding:10px 20px}@media (orientation:landscape){.app{flex-direction:row}.team{align-items:center;display:flex;flex:1 1 50%;flex-direction:column;height:100vh;justify-content:center}.team input.team-name{font-size:32px}.score{font-size:150px}.minus{font-size:36px;padding:10px 24px}.settings-btn{right:12px;top:8px}.modal{padding:28px}}body{font-family:Arial,sans-serif;margin:0}
/*# sourceMappingURL=main.7612f115.css.map*/