@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Newsreader:opsz,wght@6..72,500;6..72,700&display=swap";:root{--paper:#f5f7ff;--paper-strong:#eef2ff;--ink:#233050;--ink-strong:#121b33;--accent:#2f6dff;--accent-soft:#4e57a8;--line:#111c311f;--font-body:"Manrope", sans-serif;--font-display:"Newsreader", serif;color:var(--ink);background:var(--paper);font:18px/1.6 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#2f6dff29,#0000 28%),radial-gradient(circle at 80% 20%,#ff5b7629,#0000 24%),linear-gradient(#f5f7ff 0%,#eef2ff 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#111c3108 1px,#0000 1px),linear-gradient(90deg,#111c3108 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 42%,#0000 88%);mask-image:radial-gradient(circle,#000 42%,#0000 88%)}a{color:inherit}#root{max-width:1180px;margin:0 auto;padding:2rem}h1,h2{color:var(--ink-strong);margin:0}h1{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.4rem);line-height:.94}h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.05}p{margin:0}@media (width<=900px){:root{font-size:16px}#root{padding:1rem}}.shell{gap:2rem;display:grid}.hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);align-items:center;gap:2rem;display:grid}.hero-copy{gap:1.25rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent-soft);margin:0;font-size:.76rem}.intro{max-width:58ch}.ring-types{flex-wrap:wrap;gap:.7rem;display:flex}.ring-types span{background:#ffffff6b;border-radius:999px;padding:.45rem .75rem}.orbital-card{background:radial-gradient(circle at 30% 20%,#7bd4ff59,#0000 32%),radial-gradient(circle at 70% 60%,#ff607647,#0000 30%),linear-gradient(#10183df5,#080b1ffc);border:1px solid #ffffff2e;border-radius:32px;min-height:320px;position:relative;overflow:hidden;box-shadow:0 25px 70px #080a1259}.arena{border:1px solid #ffffff47;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:50%}.arena-large{width:260px;height:260px;margin-top:-130px;margin-left:-130px}.arena-small{width:180px;height:180px;margin-top:-90px;margin-left:-90px;animation-duration:14s;animation-direction:reverse}.orbital-core{width:120px;height:120px;font-family:var(--font-display);color:#fff5ea;background:linear-gradient(135deg,#f2713ce6,#ffd07ac7);border-radius:28px;place-items:center;margin-top:-60px;margin-left:-60px;font-size:2.5rem;display:grid;position:absolute;inset:50%;box-shadow:0 0 50px #f2713c61}.beyblade{border:8px solid #fff3;border-radius:50%;width:74px;height:74px;margin-top:-37px;animation:1.6s linear infinite spin;position:absolute;top:50%}.beyblade-left{background:radial-gradient(circle,#6ed1ff,#2b65d9 60%,#122664);left:20%}.beyblade-right{background:radial-gradient(circle,#ffb57c,#ff5b76 60%,#5b1b39);animation-direction:reverse;right:20%}.battle-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.player-panel,.arena-panel{border:1px solid #151e3814;border-radius:28px;align-content:start;gap:.9rem;min-height:240px;padding:1.6rem;display:grid}.player-panel{background:linear-gradient(#f4f8fff5,#e5edfffa)}.arena-panel{text-align:center;background:linear-gradient(#fbf5fff5,#efe8fffa);align-content:center}.player-panel input[type=text],.player-panel input:not([type=range]){width:100%;font:inherit;border:1px solid #111c311f;border-radius:16px;padding:.8rem .95rem}.label{width:fit-content;color:var(--ink-strong);background:#ffffff8c;border-radius:999px;padding:.35rem .6rem;font-size:.82rem;display:inline-flex}.launch-button{color:#fff;width:fit-content;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2f6dff,#ff5b76);border:0;border-radius:999px;justify-self:center;padding:.95rem 1.2rem}.score-row,.spin-row{justify-content:space-between;gap:1rem;display:flex}.notes{background:#fff9f1cc;border:1px solid #151e3814;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:1.6rem;display:grid}.notes ul{gap:.75rem;margin:0;padding-left:1.1rem;display:grid}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.hero,.battle-board,.notes{grid-template-columns:1fr}.orbital-card{min-height:260px}}