/* Rumble Showdown: the game's approved Toybox Aurora identity, scoped to its content. */
@font-face{font-family:"Lilita One";src:url("https://cdn.vermogenstudios.com/games/rumble-showdown/launch-2026-10/LilitaOne-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Fredoka;src:url("https://cdn.vermogenstudios.com/games/rumble-showdown/launch-2026-10/Fredoka-Variable.ttf") format("truetype");font-weight:300 700;font-display:swap}
.rumble{--r-ink:#0a0b1a;--r-cream:#fff6e0;--r-muted:#a9b6da;--r-night:#0b1630;--r-panel:#1a2c5e;--r-flame:#ffd23c;--r-shadow:0 7px 0 var(--r-ink);color:var(--r-cream);font:450 18px/1.6 Fredoka,"Trebuchet MS",sans-serif;background:radial-gradient(ellipse at 5% 5%,#1fd6b533,transparent 35%),radial-gradient(ellipse at 95% 14%,#b84dff26,transparent 35%),linear-gradient(155deg,#122452,var(--r-night) 45%,#142144)}
.rumble h1,.rumble h2,.rumble h3,.rumble-button,.rumble-nav,.feature-index,.download-options strong{font-family:"Lilita One","Trebuchet MS",sans-serif;font-weight:400;letter-spacing:0;line-height:1.08}
.rumble p{max-width:66ch}
.rumble a:focus-visible,.rumble button:focus-visible,.rumble input:focus-visible,.rumble textarea:focus-visible,.rumble select:focus-visible{outline:4px solid #64e2ff;outline-offset:5px}
.rumble-kicker{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;font-weight:650;color:var(--r-flame);margin-bottom:16px}
.rumble h2{font-size:clamp(2.25rem,4.3vw,3.8rem);text-shadow:3px 4px 0 var(--r-ink)}
.rumble h3{font-size:clamp(1.8rem,2.8vw,2.5rem)}
.rumble-heading{margin-bottom:36px}
.rumble-heading>p:last-child:not(.rumble-kicker){margin-top:18px;color:var(--r-muted)}
.rumble-note{color:var(--r-muted);font-size:.94rem;margin-top:20px}
.rumble-tag{display:inline-flex;background:var(--r-panel);border:3px solid var(--r-ink);border-radius:30px;box-shadow:0 3px 0 var(--r-ink);padding:6px 16px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.rumble-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;min-height:54px;border:4px solid var(--r-ink);border-radius:16px;box-shadow:var(--r-shadow);background:linear-gradient(#213673,var(--r-panel));color:var(--r-cream);font-size:1.2rem;cursor:pointer;transition:transform .14s,box-shadow .14s}
.rumble-button.flame{background:linear-gradient(#ffd23c,#ffac2b);color:var(--r-ink)}
.rumble-button:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 10px 0 var(--r-ink)}
.rumble-button:active{transform:translateY(5px);box-shadow:0 2px 0 var(--r-ink)}
.rumble-button:disabled{background:#3a4363;color:#c0c8e0;cursor:default;transform:none;box-shadow:var(--r-shadow)}
.sticker{border:4px solid var(--r-ink);border-radius:22px;box-shadow:var(--r-shadow);background:var(--r-panel)}
.rumble-text-link{display:inline-block;border-bottom:2px solid #a9b6da80;padding:10px 0;font-weight:550}
.rumble-feature{padding-block:76px 88px;border-block:5px solid #0a0b1a}
.rumble-feature-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.rumble-feature-art{display:block;position:relative;overflow:hidden;transform:rotate(-1.5deg)}
.rumble-feature-art img{width:100%;aspect-ratio:16/9;object-fit:cover}
.rumble-art-label{position:absolute;bottom:16px;left:16px;right:16px;width:fit-content;background:var(--r-ink);border-radius:9px;padding:6px 12px;color:var(--r-cream);font-size:.82rem;font-weight:550}
.rumble-feature-copy h3{font-size:3rem;margin:20px 0}
.rumble-feature-copy>p{color:var(--r-muted)}
.rumble-feature-copy .rumble-button{margin-top:24px}
.rumble-feature-copy .rumble-text-link{display:block;width:fit-content;margin-top:16px}
.rumble-hero{padding-block:32px 76px}
.rumble-hero-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:50px}
.rumble-back{font-size:.9rem;color:var(--r-muted);padding-block:12px}
.rumble-hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:center}
.rumble h1{font-size:clamp(3.8rem,6.8vw,6.9rem);color:#ffd23c;line-height:.96;text-shadow:0 6px 0 #a53517,5px 10px 0 var(--r-ink);-webkit-text-stroke:1.5px var(--r-ink);paint-order:stroke fill;transform:rotate(-2deg);margin-bottom:32px}
.rumble h1 span{color:#ff9b28}
.rumble-lead{font-size:1.15rem;color:var(--r-cream);line-height:1.65;max-width:43ch!important}
.rumble-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}
.rumble-hero-art{position:relative;display:block;overflow:hidden;transform:rotate(2deg)}
.rumble-hero-art img{width:100%;aspect-ratio:16/9;object-fit:cover}
.rumble-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;padding:16px 24px;background:#0a0b1a90;border-block:3px solid var(--r-ink);font-size:1.05rem}
.rumble-nav a{padding:10px 4px}
.rumble-nav a:hover{color:var(--r-flame)}
.rumble-section{padding-block:70px}
.rumble-about{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.rumble-about h2{margin-bottom:24px}
.rumble-about p:not(.rumble-kicker){color:var(--r-muted)}
.rumble-features{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.rumble-features li{display:flex;align-items:center;gap:22px;padding:20px 24px;line-height:1.4}
.feature-index{font-size:2rem;color:var(--r-flame)}
.rumble .video-player{border:4px solid var(--r-ink);border-radius:22px;box-shadow:var(--r-shadow)}
.rumble .video-player>img{opacity:1}
.rumble .video-overlay{background:linear-gradient(transparent 50%,#0a0b1a99)}
.rumble .play-button{width:84px;height:84px;background:linear-gradient(#ffd23c,#ff8a1e);border:4px solid var(--r-ink);box-shadow:var(--r-shadow);color:var(--r-ink)}
.rumble .video-fallback{font-size:.95rem;margin-top:26px;border-bottom:2px solid var(--r-muted)}
.rumble .gallery{gap:32px}
.rumble .gallery-button{border:4px solid var(--r-ink);border-radius:18px;overflow:hidden;box-shadow:var(--r-shadow)}
.rumble .gallery-button span{border-radius:8px}
.rumble .gallery figcaption{font-size:.95rem;color:var(--r-muted);margin-top:16px}
.rumble .lightbox{border:4px solid var(--r-ink);border-radius:18px;color:var(--r-cream)}
.download-panel{padding:40px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.download-panel h2{font-size:2.6rem;margin-bottom:20px}
.download-panel p:not(.rumble-kicker){color:var(--r-muted)}
.download-options{display:grid;gap:20px}
.download-options>div{background:#3a4363;border:3px solid var(--r-ink);border-radius:16px;padding:20px}
.download-options strong{font-size:1.5rem;display:block}
.download-options span{font-size:.9rem;color:#d3daee;display:block;margin-top:8px}
.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.community-availability{padding:16px 20px;border:2px dashed #a9b6da70;border-radius:12px;margin-bottom:28px;max-width:none!important;font-size:.95rem}
.community-availability a,.form-note a{color:var(--r-cream);text-decoration:underline;text-underline-offset:4px}
.community-form{padding:32px;min-width:0}
.form-number{font-size:.75rem;color:var(--r-flame);letter-spacing:.12em;font-weight:600;display:block;margin-bottom:20px}
.form-intro{color:var(--r-muted);margin-top:16px;margin-bottom:28px}
.community-form fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}
.community-form legend{font-weight:600;margin-bottom:12px;font-size:1.1rem}
.field-hint{display:block;color:#bdc9e7;font-weight:400;font-size:.85rem;line-height:1.5;margin:4px 0 12px}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.choice-row{display:flex;flex-wrap:wrap;gap:12px}
.choice{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:3px solid var(--r-ink);border-radius:12px;background:#122452;cursor:pointer;font-weight:550}
.choice:has(input:checked){background:#334e89;border-color:var(--r-flame)}
.choice input{accent-color:var(--r-flame);width:20px;height:20px;flex-shrink:0}
.field{display:block;font-weight:550;margin-bottom:20px}
.field input,.field select,.field textarea{display:block;width:100%;min-width:0;background:#0d1b3c;color:var(--r-cream);border:3px solid var(--r-ink);border-radius:12px;padding:12px;margin-top:8px;font:450 1rem/1.5 Fredoka,"Trebuchet MS",sans-serif}
.field input,.field select{min-height:52px}
.field textarea{resize:vertical;min-height:100px}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-honey{display:none}
.form-note{font-size:.85rem;color:var(--r-muted);margin:16px 0}
.form-status{margin-top:22px;overflow-wrap:anywhere;font-size:.95rem}
.form-status:not(:empty){padding:12px;border:1px solid #a9b6da80;border-radius:10px}
.security-check{min-width:0;overflow:hidden}
.rumble-signoff{text-align:center;padding-block:48px 88px;border-top:2px solid #a9b6da30}
.rumble-signoff p{margin:auto;font-size:1.25rem}
.rumble-signoff a{margin-top:16px}
.admin-page h2{margin-top:40px}
.admin-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}
.admin-totals>div,.admin-feedback{border:1px solid #a6acb850;padding:20px;margin-block:16px}
.admin-totals dd{font-size:2rem;margin:0}
.admin-feedback h3{font-size:1.25rem}
.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;margin-block:16px}
.privacy-copy h2{margin-top:36px;font-size:1.5rem}
@media(max-width:1000px){.rumble-feature-grid,.rumble-hero-grid{gap:28px}.rumble h1{font-size:4.5rem}.rumble-actions{gap:14px}.rumble-button{padding-inline:18px}.rumble-about{gap:36px}.community-form{padding:24px}.choice-grid,.field-pair{grid-template-columns:1fr}}
@media(max-width:760px){.rumble-feature-grid,.rumble-hero-grid,.rumble-about,.download-panel,.community-grid{grid-template-columns:1fr}.rumble-hero-top{margin-bottom:32px}.rumble-hero{padding-bottom:48px}.rumble-hero-art{margin-top:24px}.rumble h1{font-size:clamp(3.4rem,12vw,5rem)}.rumble-feature{padding-block:52px 64px}.rumble-feature-copy h3{font-size:2.7rem}.rumble-section{padding-block:48px}.rumble-nav{gap:4px 20px}.rumble-about{gap:32px}.download-panel{padding:24px;gap:28px}.download-panel h2{font-size:2.1rem}.choice-grid{grid-template-columns:1fr 1fr}.rumble-hero-art,.rumble-feature-art{transform:none}.rumble-art-label{font-size:.75rem;bottom:10px;left:10px;right:10px}.rumble .wrap{width:calc(100% - 40px)}}
@media(max-width:380px){.choice-grid{grid-template-columns:1fr}.community-form{padding:20px}.rumble-hero-top{align-items:start}.rumble-tag{font-size:.7rem;padding:6px 10px}.rumble-back{font-size:.8rem}.rumble-actions .rumble-button{width:100%}}
@media(prefers-reduced-motion:reduce){.rumble-button:hover,.rumble-button:active{transform:none}}