*{box-sizing:border-box}body{margin:0;background:#fbfcff;color:#17274a;font-family:"Arial Rounded MT Bold",Arial,"Malgun Gothic",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #8eafff;outline-offset:3px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.hockey-main{width:100%;margin:0 auto}.hockey-entry{padding:0 20px}.hockey-entry .riki-game-description{padding:0 10px}.match{width:min(100%,490px);margin:0 auto;background:#fff;border:1px solid #e3eaf7;border-radius:28px;padding:15px;box-shadow:0 20px 70px #3d619a10}.match-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.match-tools span{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#7e8cac}.match-tools button,.settings button,.leave{min-height:44px;background:#f2f6ff;color:#4d6589;border:0;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700}.scoreboard{display:flex;align-items:center;justify-content:space-around;background:#f2f6ff;border-radius:17px;padding:10px 18px;gap:20px;margin-bottom:14px}.team{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800}.team i{width:9px;height:9px;border-radius:50%;background:#00aeca;box-shadow:0 0 0 4px #d9f7fa}.team.pink i{background:#ed527b;box-shadow:0 0 0 4px #ffe1e9}.team b{font-size:29px;line-height:1}.win-rule{font-size:10px;font-weight:800;color:#8090ab;white-space:nowrap;text-align:center;line-height:1.8}.rink-shell{position:relative;width:100%;aspect-ratio:420/680;background:#081529;border-radius:19px;overflow:hidden;border:1px solid #324567;box-shadow:inset 0 0 18px #0005}#rink{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:-5px}#rink:active{cursor:grabbing}.overlay{position:absolute;left:6%;right:6%;top:50%;transform:translateY(-50%);text-align:center;background:#0b172cef;backdrop-filter:blur(9px);border:1px solid #667da747;border-radius:22px;padding:28px 18px;color:white;box-shadow:0 20px 40px #0005}.overlay .mini-label{font-size:9px;letter-spacing:3px;color:#8ea7ce;font-weight:700;margin:0 0 16px}.overlay h2{font-size:24px;letter-spacing:-1px;margin:0 0 10px;color:#f2f8ff}.overlay p{font-size:12px;line-height:1.8;color:#aabbd5;margin:0 0 20px}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;background:#2e5bff;border:1px solid #7691ff;border-radius:14px;color:#fff;font-weight:800;font-size:14px;box-shadow:0 4px 0 #1a349c}.primary:hover{background:#3e6aff}.overlay .leave{display:block;margin:16px auto 0;background:transparent;color:#c1cde1;font-size:12px}.ready{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:white;background:#07132730}.ready b{font-size:36px;letter-spacing:4px;font-style:italic;text-shadow:0 0 22px #4981e5}.ready span{font-size:12px;color:#bacde7;margin-top:14px;background:#0c193bdc;border-radius:30px;padding:8px 16px}.touch-note{font-size:11px;text-align:center;line-height:1.8;color:#7e8eab;margin:14px 0 1px}.settings{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:17px auto 0}.settings button{border:1px solid #e0e8f8;background:white}.settings button[aria-pressed=true]{color:#2e5bff;background:#f2f6ff}.device-note{text-align:center;color:#7b8dab;font-size:11px;line-height:1.9;margin:12px auto 0}.device-note a{color:#58729f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.rink-focused{overflow:hidden;overscroll-behavior:none}.match.focused{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fbfcff;overscroll-behavior:none}.focused .match-tools{width:min(100%,470px);margin:0;flex-shrink:0}.focused .scoreboard{width:min(100%,470px);margin:0;padding:8px 15px;flex-shrink:0}.focused .rink-shell{width:auto;height:calc(100dvh - 165px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:100%;aspect-ratio:420/680;flex-shrink:1}.focused .touch-note{margin:0;flex-shrink:0}.focused .win-rule{line-height:1.3}.focused .team b{font-size:24px}@media(max-width:760px){.hockey-entry{padding:0 16px}.match{border-radius:23px;padding:11px}.scoreboard{padding:9px 12px;gap:12px}.team{font-size:11px}.overlay h2{font-size:21px}.overlay{padding:25px 12px}.riki-game-page .riki-game-intro{padding-left:5px;padding-right:5px}}@media(orientation:landscape){.focused .rink-shell{aspect-ratio:680/420;height:calc(100dvh - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.focused{gap:5px}.focused .scoreboard{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:210px;padding:4px 10px;background:transparent;pointer-events:none}.focused .team{gap:8px}.focused .team i{display:none}.focused .win-rule{font-size:9px}.focused .match-tools{width:100%;max-width:760px;margin-bottom:4px}.focused .match-tools>span{visibility:hidden}.focused .match-tools button{padding:8px 10px}.focused .touch-note{font-size:10px}.focused .overlay{left:27%;right:27%;padding:15px 10px}.focused .overlay .mini-label{display:none}.focused .overlay h2{font-size:20px}.focused .overlay p{margin-bottom:10px}.focused .primary{min-height:44px}.focused .overlay .leave{margin-top:6px;min-height:36px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.team{white-space:nowrap;flex-shrink:0}#sound-rink{color:#58759d;font-size:11px;background:transparent}.match-tools #sound-rink{margin-right:auto}.match-tools>button{white-space:nowrap}@media(orientation:landscape){.focused .scoreboard{width:230px;gap:12px}.focused .overlay{left:20%;right:20%}.focused .match-tools{justify-content:flex-start;gap:5px}.focused #pause{margin-left:auto}}
.rink-shell,.match.focused{touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}