@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cardIn{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--accent: #ffd43b;--accent-rgb: 255, 212, 59;--accent-dim: #d1ab20;--bg: #061428;--bg-alt: #04101e;--panel: #0d2040;--panel-rgb: 13, 32, 64;--navy-mid: #0d1f3c;--border: #1a3a60;--border-hi: rgba(255, 255, 255, .08);--dim: #3a608a;--red: #ff3c3c;--green: #22c55e;--blue: #3b82f6;--text: #ffffff;--text-mid: rgba(255, 255, 255, .7);--text-dim: rgba(255, 255, 255, .42);--input-rgb: 4, 14, 32;--font-display: "Barlow Condensed", sans-serif;--font-heading: "Bebas Neue", sans-serif;--font-mono: "Space Mono", monospace;--tr: .22s cubic-bezier(.4, 0, .2, 1)}:root{--vh-100-safe: 100vh;--card-size: 160px;--cqw: calc(var(--card-size, 160px) / 100);--text: rgba(255, 255, 255, .92);--dim: rgba(255,255,255,.45);--dim2: rgba(255,255,255,.2);--card-r: 28px;--gap: 16px;--pad: 20px}@supports (height: 100dvh){:root{--vh-100-safe: 100dvh}}.am-modal{max-height:88vh;max-height:min(calc(var(--vh-100-safe) * .88),88vh)}@media(max-width:899px){:root{--card-r: 20px;--gap: 12px;--pad: 14px}}@media(max-width:599px){:root{--card-r: 16px;--gap: 8px;--pad: 10px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;touch-action:manipulation}body{background:var(--bg);color:var(--text);font-family:Barlow Condensed,sans-serif;min-height:100vh;min-height:var(--vh-100-safe, 100vh);overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 35%,rgba(4,8,16,.92) 100%)}.app{position:relative;z-index:1;width:100%;min-height:100vh;min-height:var(--vh-100-safe, 100vh);display:flex;flex-direction:column}.stage{flex:1;display:flex;flex-direction:column}.systemePoints-layout{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--pad) var(--pad);min-height:0}.systemePoints-grid{display:grid;gap:var(--gap)}.systemePoints-card{aspect-ratio:1 / 1;width:100%;border-radius:var(--card-r);display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible;background:var(--sp-accent, #1d4ed8);border:clamp(2.5px,calc(.8 * var(--cqw)),4px) solid rgba(0,0,0,.38);cursor:default;animation:spCardIn .5s cubic-bezier(.22,1.4,.36,1) both;box-shadow:0 calc(5.5 * var(--cqw)) 0 calc(-1 * var(--cqw)) #0000004d,0 8px #0000004d,0 20px 34px #0000006b;transition:transform .16s cubic-bezier(.22,1.6,.36,1),box-shadow .16s cubic-bezier(.22,1.6,.36,1)}@supports (container-type: inline-size){.systemePoints-card{container-type:inline-size;--cqw: 1cqw}}.systemePoints-card:hover{transform:translateY(-3px);box-shadow:0 calc(5.5 * var(--cqw)) 0 calc(-1 * var(--cqw)) #0000004d,0 11px #0000004d,0 26px 44px #00000080}.systemePoints-score-row{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;gap:calc(2 * var(--cqw));padding:calc(4 * var(--cqw)) calc(8 * var(--cqw)) 0}.systemePoints-score{font-family:Teko,sans-serif;font-weight:700;font-size:clamp(24px,calc(46 * var(--cqw)),260px);line-height:.86;letter-spacing:-.01em;color:#fff;min-width:2.1ch;text-align:center;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;-webkit-text-stroke:clamp(1px,calc(.6 * var(--cqw)),3px) rgba(0,0,0,.22);paint-order:stroke fill;text-shadow:0 6px 0 rgba(0,0,0,.22)}.systemePoints-score[data-digits="3"]{font-size:clamp(20px,calc(38 * var(--cqw)),216px)}.systemePoints-score[data-digits="4"]{font-size:clamp(17px,calc(31 * var(--cqw)),180px)}.systemePoints-score[data-digits="5"]{font-size:clamp(15px,calc(26 * var(--cqw)),150px)}.systemePoints-score.score-bump{animation:scoreBump .36s cubic-bezier(.34,1.9,.5,1)}.systemePoints-score-btn{width:clamp(30px,calc(16 * var(--cqw)),96px);height:clamp(30px,calc(16 * var(--cqw)),96px);flex-shrink:0;border-radius:50%;background:#ffffff38;border:clamp(2px,calc(.7 * var(--cqw)),3px) solid rgba(255,255,255,.55);color:#fff;font-size:clamp(13px,calc(8 * var(--cqw)),34px);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 clamp(2px,calc(1.2 * var(--cqw)),5px) 0 #00000047;transition:transform .1s cubic-bezier(.34,1.6,.64,1),box-shadow .1s,background .15s}.systemePoints-score-btn:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.systemePoints-score-btn:hover{background:#ffffff57;transform:translateY(-1px);box-shadow:0 clamp(3px,calc(1.5 * var(--cqw)),6px) 0 #00000047}.systemePoints-score-btn:active{transform:translateY(2px);box-shadow:0 1px #00000047;background:#fff6}.systemePoints-edit-btn{flex-shrink:0;margin:0 0 calc(6 * var(--cqw));width:clamp(20px,calc(8 * var(--cqw)),44px);height:clamp(20px,calc(8 * var(--cqw)),44px);background:var(--team-clr, #2563eb);border:2px solid rgba(255,255,255,.35);border-radius:clamp(5px,calc(2 * var(--cqw)),10px);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;position:relative;z-index:2;color:#ffffffeb;font-size:clamp(8px,calc(3.5 * var(--cqw)),12px);box-shadow:0 2px 6px #00000040;transition:transform .14s cubic-bezier(.34,1.6,.64,1),border-color .14s,box-shadow .14s}.systemePoints-edit-btn:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.systemePoints-edit-btn:hover{transform:scale(1.12);border-color:#fff;box-shadow:0 0 0 1.5px #00000073,0 3px 12px #00000080}.systemePoints-edit-btn:active{transform:scale(.92)}#drawer .tm-teams-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;padding:0}#drawer .tm-teams-cols{display:grid;grid-template-columns:1fr;gap:6px 8px;align-content:start}#drawer .tm-teams-col{display:flex;flex-direction:column;gap:5px;min-width:0;border-left:none}#drawer .tm-team-row{display:flex;align-items:center;gap:10px;padding:6px 10px;min-height:42px;box-sizing:border-box;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;flex-shrink:0;position:relative;transition:all .15s ease}#drawer .tm-team-row:hover{background:#ffffff0f;border-color:#ffffff1f}#drawer .tm-color-btn{width:28px;height:28px;min-width:28px;min-height:28px}#drawer .tm-team-name-input{flex:1;min-width:0;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:transparent;border:none;color:#fff;padding:2px 6px;outline:none;border-radius:6px;transition:background .15s}#drawer .tm-team-name-input:focus{background:#ffd43b14}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes spCardIn{0%{opacity:0;transform:scale(.7) rotate(-6deg)}60%{opacity:1;transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes scoreBump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}
