.cup-banner{display:flex;align-items:center;gap:25px;padding:28px 30px;margin:8px 0 42px;background:linear-gradient(115deg,#083c5a,#071826);border:1px solid #0e9cbd;border-radius:14px;box-shadow:0 12px 45px #009ccb12}.cup-banner h2{margin:4px 0 10px;font-size:30px}.cup-banner p:not(.eyebrow){font-size:12px;line-height:1.7;color:#a6d4e4;margin:0}.cup-banner .primary{margin-left:auto;white-space:nowrap;gap:12px}.cup-mark{font-size:48px;font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;color:#45e5fa}#cupDialog{max-width:620px;width:calc(100% - 24px);border-radius:15px;max-height:95dvh;background:#081726}.cup-shell{padding:22px}.cup-shell header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #1b5772;padding-bottom:20px}.cup-shell header img{width:60px;height:60px;mix-blend-mode:screen}.cup-shell header h2{margin:0;font-size:26px}.cup-shell header p{margin:6px 0 0;font-size:11px;color:#59c8e2}.cup-shell header button{margin-left:auto;background:none;border:1px solid #30586e;color:#fff;border-radius:7px;width:34px;height:34px;font-size:24px}.cup-intro{font-size:13px;line-height:1.8;color:#b0cede;margin:24px 0}.cup-shell label{display:flex;flex-direction:column;gap:8px;color:#99b9cb;font-size:12px}.cup-shell input{background:#102d41;border:1px solid #2b6580;border-radius:8px;color:white;padding:13px;font:inherit;font-size:16px;width:100%}.cup-choices{display:grid;gap:14px;margin-top:20px}.cup-choices>span{text-align:center;font-size:12px;color:#78a0b6}.cup-shell .primary{justify-content:center;gap:12px}.cup-shell .secondary{padding:13px;border-radius:7px;border:1px solid #296580;background:#123147;color:#c5edf7;font-size:13px}.cup-shell button:disabled{opacity:.45;cursor:default}.room-code{display:flex;flex-direction:column;align-items:center;background:#092639;border:1px solid #206584;border-radius:10px;margin:20px 0;padding:17px;gap:8px}.room-code small{font-size:9px;letter-spacing:1.5px;color:#86bfd2}.room-code strong{font-size:35px;letter-spacing:7px;color:#4be4f7}.room-code button{border:0;background:none;color:#b9edf6;font-size:11px;text-decoration:underline}.cup-player{background:#102a3c;border:1px solid #305e77;border-radius:8px;padding:13px;display:flex;flex-direction:column;gap:7px}.cup-player.me{border-color:#1fd3f0}.cup-player strong{font-size:16px;overflow-wrap:anywhere}.cup-player small{font-size:8px;letter-spacing:1.2px;color:#80aabc}.cup-player b{font-size:13px;color:#4cddeb}.cup-player>span{font-size:10px;color:#90b5c9}.cup-player.waiting{opacity:.6;justify-content:center}#cupPlayers{display:grid;grid-template-columns:1fr 1fr;gap:12px}#cupPhase{text-align:center;font-size:15px;color:#c6f1fb;line-height:1.6;margin:20px 0}.cup-round{display:flex;justify-content:space-between;font-size:11px;padding:10px 7px;border-bottom:1px solid #1a3c51;color:#83aec4}.cup-round.current{background:#11374a;color:#b1effa}.cup-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.cup-footnote{font-size:10px;line-height:1.7;color:#709cb2}#cupError{color:#ffc496;font-size:12px;line-height:1.6}#cupLive{display:flex;justify-content:space-between;gap:8px;padding:9px 14px;background:#0a5065;border-top:1px solid #48dbf1;font-size:10px;color:#cefbff}#cupLive[hidden],#cupRoom[hidden],#cupSetup[hidden],#readyCup[hidden],#startCup[hidden],#rematchCup[hidden]{display:none!important}@media(max-width:650px){.cup-banner{flex-wrap:wrap;padding:20px;gap:17px;margin-bottom:25px}.cup-banner h2{font-size:24px}.cup-mark{font-size:39px}.cup-banner .primary{width:100%;margin:0;font-size:13px}.cup-shell{padding:18px}.cup-shell header img{width:48px;height:48px}.cup-shell header h2{font-size:23px}#cupDialog{width:100%;max-height:100dvh}.cup-round{font-size:10px}#cupLive{font-size:9px}}