.arc-hockey{position:relative;width:min(840px,96%);height:min(620px,94%);padding:0;overflow:hidden;background:#05040c;border:1px solid rgb(57 231 255 / .45);box-shadow:0 0 40px -14px #39e7ffb3;touch-action:none;cursor:none;container:hockey / inline-size}.hockey-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;touch-action:none}.hockey-hud{position:absolute;top:10px;left:12px;right:12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px 10px;font:12px/1.4 "Press Start 2P",monospace;color:#ffd08a;pointer-events:none;text-shadow:0 1px 6px #000}.hockey-them{text-align:right}.arc-hockey .hockey-hud{top:60px;left:8px;right:8px;padding:6px 10px;border-radius:10px;background:#05040ce6}@media (max-width: 640px){.hockey-hud{grid-template-columns:1fr 1fr}.hockey-mid{grid-column:1 / -1;grid-row:2;text-align:center}}@media (min-width: 641px){.arc-hockey .hockey-hud{grid-template-columns:minmax(0,30%) 1fr minmax(0,30%);align-items:start;padding:0 4px;background:none}.arc-hockey .hockey-hud>:last-child{grid-column:3}.arc-hockey .hockey-mid{grid-column:3;grid-row:2;text-align:right}}@container hockey (max-width: 520px){.arc-hockey .hockey-hud{grid-template-columns:1fr 1fr;align-items:center;padding:6px 10px;background:#05040ce6}.arc-hockey .hockey-hud>:last-child{grid-column:2}.arc-hockey .hockey-mid{grid-column:1 / -1;grid-row:2;text-align:center}}.hockey-hud b{color:#fff}.hockey-you{color:var(--hk-you, #ff8a80)!important}.hockey-them b{color:var(--hk-them, #9dbcff)}.hockey-hud[data-side="1"] .hockey-you{color:var(--hk-you, #9dbcff)!important}.hockey-hud[data-side="1"] .hockey-them b{color:var(--hk-them, #ff8a80)}.hockey-mid em{font-style:normal;color:#ffe53f}.arc-hockey-intro .arc-sub,.arc-hockey-intro .arc-fact{max-width:470px}.arc-sub .is-mallet{color:#ff8a80}.room-hockey{position:absolute;right:16px;top:64px;width:min(340px,calc(100% - 32px));display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:16px;font-size:calc(13px * var(--text-scale, 1));color:var(--ink-2);background:#060a18e6;border:1px solid rgb(57 231 255 / .5);pointer-events:auto}.room-hockey p{margin:0}.room-hockey-actions{display:flex;flex-wrap:wrap;gap:8px}.room-hockey-hud{position:absolute;bottom:70px;left:16px;right:16px;pointer-events:none}.room-hockey-hud .hockey-hud{position:static}@media (max-width: 640px){.room-hockey{top:auto;bottom:96px;left:12px;right:12px;width:auto}}.arc-hockey .ctl-overlay{cursor:auto}.hockey-lift{position:absolute;bottom:96px;left:max(16px,env(safe-area-inset-left));z-index:4;display:grid;place-items:center;width:84px;height:84px;border:1px solid rgb(255 255 255 / .3);border-radius:50%;font:700 calc(16px * var(--text-scale, 1)) / 1 Inter,system-ui,sans-serif;color:var(--ink, #e9eef8);background:#0e0c1bc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.hockey-lift.is-right{left:auto;right:max(16px,env(safe-area-inset-right))}.hockey-lift.is-held{color:#04121f;background:#39e7ff;border-color:#b8f6ff;transform:translateY(-3px)}.hockey-lift:focus-visible{outline:2px solid #ffd888;outline-offset:3px}@media (max-width: 640px),(max-height: 520px){.hockey-lift{width:68px;height:68px;bottom:124px}}@media (max-height: 520px) and (orientation: landscape){.hockey-lift{bottom:16px}}.room-hockey-lift{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}