@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e9eeec;background:#101e28;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 40%,#29414c66,transparent 65%),#101e28}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #eca16b;outline-offset:4px}button:disabled{opacity:.4;cursor:default}header{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 40px;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-size:18px;letter-spacing:3px;font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:5px;color:#9baeb8}.brand-icon{display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:24px;letter-spacing:-5px;width:42px;height:42px;border:1px solid #d99e72;transform:rotate(-8deg);color:#e3aa7c;padding-right:4px}.brand-icon span{transform:translateY(5px)}.edition{font-size:9px;letter-spacing:1.4px;color:#849aa7}.edition b{color:#c5d0d3;padding-left:20px;font-weight:400}main{max-width:1080px;margin:auto;display:grid;grid-template-columns:minmax(300px,460px) minmax(280px,360px);gap:80px;padding:38px 40px 45px;align-items:start}.arena-label,.rink-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#9bb0bb;margin:0 12px 16px}.arena-label i{display:inline-block;width:5px;height:5px;background:#d7a173;border-radius:50%;margin-right:6px}.table{position:relative;background:linear-gradient(130deg,#8d6040,#3e2e26 30%,#7c533a 65%,#3e3026);padding:10px;border-radius:63px;box-shadow:0 20px 55px #0007,inset 0 0 0 2px #b6905b66,inset 0 0 0 5px #1b181a}canvas{display:block;width:100%;aspect-ratio:400/720;touch-action:none;border-radius:50px}.rink-caption{margin:18px 9px 0;font-size:8px}.rink-caption span:first-child{color:#eca16b}aside{padding-top:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#d9a47c;font-weight:600}h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:58px;line-height:.98;letter-spacing:-.6px;margin:15px 0 18px;font-weight:600}.intro p{font-size:12px;color:#9bafb9;margin:0 0 30px}.scoreboard{background:linear-gradient(130deg,#242924,#121913);border:5px solid #3c4947;border-radius:5px;padding:18px 20px 12px;box-shadow:0 7px #080f14,0 15px 28px #0004,inset 0 0 0 1px #677065}.board-top{display:flex;justify-content:space-between;font-family:Barlow Condensed,sans-serif;letter-spacing:2px;font-size:14px;color:#b6b9a7;border-bottom:1px solid #ffffff17;padding-bottom:11px}.board-top span{font-family:monospace;font-size:7px;letter-spacing:1px;align-self:center;color:#8a927e}.scores{display:flex;justify-content:space-between;align-items:center;text-align:center}.scores h3{font-size:11px;letter-spacing:3px;color:#d8d7bf;margin:17px 0 7px}.scores i{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle}.orange{background:#ef9650}.red{background:#dc555b}.scores output{display:block;font-family:monospace;font-size:57px;line-height:1.12;letter-spacing:2px;color:#ffc16a;text-shadow:0 0 5px #fbaf4777,0 0 18px #e6983833;background:radial-gradient(circle,#111c1466 1px,transparent 1px);background-size:3px 3px;font-weight:700}.scores small{font-size:7px;letter-spacing:2px;color:#8d9789}.separator{font:32px monospace;color:#907347}.clock-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff15;margin-top:17px;padding-top:12px}.clock-row span{font-size:7px;line-height:1.9;letter-spacing:1px;color:#8e9b8c}.clock-row b{color:#c7c6ab;font-size:8px;font-weight:400}.clock-row output{font:30px monospace;color:#fbc16e;text-shadow:0 0 7px #e8993544}#status{font:8px monospace;letter-spacing:1.6px;color:#e7b778;text-align:center;border-top:1px solid #ffffff13;margin-top:12px;padding-top:11px;min-height:21px}.match-actions{display:flex;gap:10px;margin-top:22px}.match-actions button{flex:1;border:1px solid #4a5d66;background:transparent;padding:12px;font-size:9px;letter-spacing:1.4px;border-radius:3px}.match-actions button:hover{background:#ffffff08}.controls{margin-top:32px}.section-title{font-size:9px;letter-spacing:1.1px;color:#c9d4d7;display:flex;justify-content:space-between}.section-title span{font-size:8px;color:#69818f}.player-select{display:flex;gap:6px;margin:15px 0}.player-select button{flex:1;padding:8px 0;background:#1b2c37;border:1px solid #314753;border-radius:3px;font-size:8px;color:#92a6b2}.player-select b{display:block;font-size:14px;margin-bottom:3px;color:#d6e0e3}.player-select [aria-pressed=true]{border-color:#d49563;background:#3c352f;color:#e8b28a}.touch-controls{display:flex;gap:12px}.touch-controls>div{flex:1;display:flex;align-items:center;justify-content:space-between;border:1px solid #354b57;border-radius:4px;overflow:hidden}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;background:#213440;border:0;min-width:44px;min-height:46px;font-size:25px;color:#efb88e}.touch-controls button:active{background:#6b4935}.touch-controls span{font-size:8px;letter-spacing:1px;color:#93a9b4}.instructions{font-size:10px;color:#8fa5b2;line-height:2.5;margin-top:18px}kbd{font-family:inherit;border:1px solid #405360;border-radius:3px;padding:2px 5px;color:#cdd8dd;margin:0 5px}.mouse-tip{font-size:10px;line-height:1.7;color:#718c9d}.footnote{border-top:1px solid #ffffff12;display:flex;gap:12px;align-items:center;margin-top:22px;padding-top:20px}.seal{border:1px solid #607582;border-radius:50%;padding:10px;font-family:Barlow Condensed,sans-serif;color:#a3b3ba;font-size:13px}.footnote p{font-size:10px;line-height:1.8;color:#c8d2d6}.footnote p span{font-size:9px;color:#718c9d}footer{max-width:1120px;margin:auto;padding:22px 40px;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#66808f}.overlay{position:absolute;inset:10px;border-radius:50px;background:#112532ed;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.overlay[hidden]{display:none}.overlay h1{font:600 64px/.95 Barlow Condensed,Impact,sans-serif;margin:22px 0;color:#f2f3e9;letter-spacing:-1px}.overlay p{font-size:12px;line-height:1.9;color:#b2c3ca}.primary{background:#e8a472;color:#192832;border:0;padding:17px 23px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:1.4px;margin:20px 0}.primary span{margin-left:28px;font-size:16px}.overlay small{font-size:7px;letter-spacing:1px;color:#7f9baa}@media(max-width:900px){main{gap:32px;padding:28px 24px;grid-template-columns:minmax(270px,420px) minmax(260px,340px)}header{padding:22px 25px}.edition{display:none}h2{font-size:48px}}@media(max-width:650px){header{padding:18px 20px}.brand{font-size:14px}main{display:flex;flex-direction:column;padding:18px 16px;gap:24px;max-width:450px}.arena{width:100%}.table{max-width:360px;margin:auto}.arena-label{font-size:8px}aside{width:100%;padding:0;display:flex;flex-direction:column}.intro{display:none}.scoreboard{order:0;padding:12px 16px}.scores output{font-size:43px}.scores h3{margin:8px 0 3px}.clock-row{margin-top:10px;padding-top:7px}.controls{margin-top:22px}.footnote{display:none}.touch-controls button{min-height:54px;min-width:58px}.overlay h1{font-size:55px}footer{padding:20px 16px;font-size:7px;gap:20px}.instructions{display:none}.match-actions{margin-top:16px}.rink-caption{font-size:7px}.mouse-tip{font-size:11px}}@media(max-width:650px){aside{display:contents}.scoreboard{order:-1;width:100%;padding:8px 16px}.board-top{padding-bottom:5px;font-size:11px}.scores{justify-content:space-around}.scores output{font-size:34px}.scores h3{font-size:9px;margin-top:5px}.scores small{display:none}.clock-row{padding-top:5px;margin-top:6px}.clock-row output{font-size:23px}#status{margin-top:5px;padding-top:6px;font-size:7px}.arena{order:0}.table{width:min(100%,calc(52svh * 400 / 720));padding:6px;border-radius:40px}.overlay{inset:6px;border-radius:35px;padding:12px}.overlay h1{font-size:40px;margin:14px 0}.overlay p{font-size:10px}.overlay .eyebrow{font-size:7px}.overlay small{font-size:6px}.primary{padding:13px 16px;margin:12px 0}.controls{order:1;position:sticky;bottom:0;background:#101e28f5;padding:12px 0 8px;margin-top:0;z-index:2;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{font-size:8px}.player-select{margin:9px 0}.player-select button{padding:5px 0}.touch-controls button{min-height:46px}.mouse-tip{display:none}.match-actions{order:2;width:100%;margin-top:0}.arena-label{margin-bottom:8px}.rink-caption{margin-top:8px}main{gap:12px}.overlay .eyebrow{letter-spacing:1px}}.mobile-tip{display:none}@media(hover:none){.desktop-tip{display:none}.mobile-tip{display:inline}}@media(hover:hover)and (pointer:fine){canvas{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='48'%20viewBox='0%200%2040%2048'%3e%3cpath%20d='M5%204%205%2035%2013%2028%2020%2043%2027%2040%2020%2025%2032%2025Z'%20fill='%23102631'%20stroke='%23fff'%20stroke-width='5'%20stroke-linejoin='round'/%3e%3cpath%20d='M5%204%205%2035%2013%2028%2020%2043%2027%2040%2020%2025%2032%2025Z'%20fill='%23efa56e'%20stroke='%23102631'%20stroke-width='2'%20stroke-linejoin='round'/%3e%3c/svg%3e") 5 4,default}.mouse-tip{display:block}}.auto-goalie{display:flex;align-items:center;gap:10px;position:relative;margin:14px 0;color:#d6e0e3;font-size:11px;cursor:pointer}.auto-goalie>span:first-child{flex:1}.auto-goalie small{display:block;font-size:9px;color:#8fa5b2;margin-top:4px}.auto-goalie input{position:absolute;right:0;width:38px;height:24px;opacity:0;cursor:pointer;margin:0}.toggle-track{width:38px;height:22px;border:1px solid #4a5d66;border-radius:15px;background:#213440;pointer-events:none}.toggle-track:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#93a9b4;margin:3px;transition:transform .15s}.auto-goalie input:checked+.toggle-track{background:#6b4935;border-color:#d49563}.auto-goalie input:checked+.toggle-track:after{transform:translate(16px);background:#efb88e}.auto-goalie input:focus-visible+.toggle-track{outline:2px solid #eca16b;outline-offset:4px}.player-select button:disabled{opacity:.65;cursor:default}.player-select button:disabled b{font-size:10px;line-height:17px;color:#efb88e}.difficulty-setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;margin:16px 0;color:#d6e0e3;font-size:11px}.difficulty-setting select{font:inherit;background:#213440;color:#efb88e;border:1px solid #4a5d66;border-radius:4px;padding:7px 24px 7px 9px;cursor:pointer}.difficulty-setting select:focus-visible{outline:2px solid #eca16b;outline-offset:3px}.difficulty-setting small{grid-column:1/-1;font-size:9px;color:#8fa5b2}.history-panel{margin-top:24px;border-top:1px solid #ffffff18;padding-top:18px;order:3;width:100%}.history-panel summary{cursor:pointer;font-size:10px;letter-spacing:1px;color:#d6e0e3;padding:8px 0}#history-count{float:right;color:#8fa5b2;font-size:9px;letter-spacing:0}#history-list{padding:0;margin:10px 0;list-style:none;max-height:300px;overflow:auto}#history-list li{padding:11px 0;border-bottom:1px solid #ffffff10}#history-list strong{display:block;color:#efb88e;font-size:12px;text-transform:capitalize}#history-list span{display:block;color:#8fa5b2;font-size:10px;line-height:1.6;margin-top:4px}#history-empty,#history-warning{font-size:11px;line-height:1.6;color:#8fa5b2}#history-warning{color:#efb88e}
