#intro{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:22px;border:0;background:#081725e8;color:#eff9f8;overflow:auto;place-items:center;z-index:10}#intro:not([open]){display:none}#intro[open]{display:grid}#intro::backdrop{background:#081725b0;backdrop-filter:blur(8px)}#intro section{width:min(510px,100%);padding:27px 30px;box-shadow:0 25px 80px #0006}#tutorialTitle{font-size:37px;font-weight:950;letter-spacing:-1.6px;margin:12px 0;line-height:1.05}#intro p{font-size:13px;line-height:1.6;margin:12px 0}.tutorial-home{display:inline-block;color:#cde7ee;font-size:11px;margin-bottom:20px;text-underline-offset:3px}.tutorial-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.tutorial-controls div{border:1px solid #4c6b7b;border-radius:10px;padding:11px;background:#173345}.tutorial-controls b,.tutorial-controls span{display:block}.tutorial-controls b{color:#dfff84;font-size:13px}.tutorial-controls span{font-size:11px;color:#c4d9e1;margin-top:4px}.tutorial-rule{border-left:3px solid #dfff84;padding-left:12px}.tutorial-touch{color:#bed5de}#loadError{color:#ffc5ce!important}#play:disabled{opacity:.75;cursor:wait}body:not(.game-ready)>canvas,body:not(.game-ready)>header,body:not(.game-ready)>#goal,body:not(.game-ready)>#score,body:not(.game-ready)>#status,body:not(.game-ready)>footer,body:not(.game-ready)>#touchControls{visibility:hidden}.game-ready #intro{display:none}.game-page .skins button{min-height:36px}.game-page a:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:650px){#intro{padding:15px}#intro section{padding:23px}#tutorialTitle{font-size:32px}.tutorial-home{margin-bottom:15px}#intro p{font-size:12px}.tutorial-controls div{padding:9px}}@media(max-height:650px){#intro{place-items:start center}#intro section{padding:20px 25px}.tutorial-home{margin-bottom:10px}#tutorialTitle{font-size:29px}#intro p{margin:9px 0}.tutorial-controls{margin:12px 0}.tutorial-controls div{padding:8px}}

.arena-choice{display:block;font-size:10px;font-weight:800;letter-spacing:1px;color:#c4d9e1;margin:16px 0}.arena-choice select{display:block;width:100%;padding:11px;background:#173345;color:white;border:1px solid #6d8a99;border-radius:5px;font:700 13px system-ui;margin-top:6px}.arena-choice small{display:block;font-size:10px;letter-spacing:0;font-weight:400;margin-top:5px}.arena-choice select:focus-visible{outline:3px solid #dfff84;outline-offset:3px}
/* Shared cream, charcoal and orange Rumbots identity. */
#intro{color:#171717;background:#eae5ddd9}#intro section{background:#f6f3ee;border:1px solid #c9c4bb;border-radius:12px;color:#171717}#intro h1,#intro strong,#intro .skins b{color:#171717}#intro p,#intro small,#intro label{color:#44413b}#intro .eyebrow,#intro .tutorial-home{color:#a44018}#intro .tutorial-controls>div{background:#e9e4dc;border-color:#d5cec2}#intro .tutorial-controls b{color:#171717}#intro .tutorial-controls span{color:#44413b}#intro .tutorial-rule{border-color:#d5cec2}#intro select{background:#fffdf8;color:#171717;border-color:#aaa298}#intro .skins button{background:#e9e4dc;color:#171717;border-color:#bdb5a9}#intro .skins button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}#intro #play{background:#171717;color:white;box-shadow:none;border-radius:3px}#intro #loadError{color:#a32e20}
#intro h1{filter:none;text-shadow:none;-webkit-text-stroke:0;letter-spacing:-.8px;font:850 34px/1.12 system-ui,sans-serif}

.portrait-gate{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:#f6f3ee;color:#151515;text-align:center;padding:30px;box-sizing:border-box}.portrait-gate[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}.portrait-gate::backdrop{background:#f6f3ee}.portrait-gate h2{font:900 30px/1.1 system-ui;margin:14px 0}.portrait-gate p{font:500 17px/1.5 system-ui;max-width:380px}.rotate-phone{font-size:64px;color:#c35222}