:root{color-scheme:dark;--gold:#ffd665;--cream:#fff0db;--ink:#17132f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 22%,#64316c66,transparent 48%),linear-gradient(#1b173e,#17112b);color:var(--cream);font-family:'Arial Rounded MT Bold',Arial,sans-serif}body:before{content:'';position:absolute;inset:100px 0 0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,#ffda8955 1px,transparent 2px),radial-gradient(circle,#fbe5ba77 1px,transparent 1.5px);background-size:147px 151px,239px 211px}header{background:#14152dd9;border-bottom:3px solid #372052}.top{max-width:1280px;margin:auto;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{position:relative;display:block;width:255px;flex-shrink:0}.brand:before{content:'';position:absolute;inset:8% -8%;background:radial-gradient(ellipse,#e5def0 20%,#cec4e7aa 45%,transparent 73%);filter:blur(9px)}.brand img{position:relative;display:block;width:100%;height:auto}nav{display:flex;gap:38px}a{color:inherit;text-decoration:none}nav a{font-size:14px;font-weight:900;letter-spacing:.8px;padding:16px 0}nav a:first-child{color:var(--gold)}main{max-width:1280px;margin:auto;padding:0 28px}.welcome{text-align:center;padding:21px 0 32px}.welcome h1{font-size:clamp(38px,5.8vw,72px);line-height:1.05;color:var(--gold);font-weight:1000;letter-spacing:-2.5px;margin:0;text-shadow:0 4px 0 #ab6e30,0 9px 24px #100b25}.welcome p{font-size:21px;font-weight:bold;margin:14px 0 0}.hero{position:relative;min-height:390px;border:6px solid #733c89;border-radius:25px;overflow:hidden;background:#321b55;box-shadow:0 8px 0 #100b25,0 0 60px #aa4e8c15}.crop{position:relative;overflow:hidden}.crop>img{position:absolute;max-width:none;height:auto;display:block}.hero-art{position:absolute;inset:0 0 0 34%;}.hero-art img{width:171.61%;left:-65.6%;top:-69.86%;}.hero-art{aspect-ratio:782/365}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1b1238 0%,#23143def 28%,#32164055 50%,transparent 70%)}.hero-copy{position:relative;z-index:1;width:57%;padding:37px 32px 30px}.ribbon{display:inline-block;color:#191932;background:#ffc444;border-radius:12px;padding:9px 20px;font-size:13px;font-weight:1000;letter-spacing:1px}.hero h2{font-size:clamp(32px,4vw,55px);letter-spacing:-1.7px;color:var(--gold);margin:18px 0 12px;text-shadow:0 3px 0 #9e6b39;font-weight:1000;line-height:1.07}.hero-copy p{font-size:20px;line-height:1.35;margin:0 0 27px;font-weight:bold}.play{display:flex;align-items:center;justify-content:center;gap:24px;width:250px;min-height:75px;background:linear-gradient(#ffe47e,#ffc23e);border:2px solid #ffe197;border-radius:22px;box-shadow:0 7px 0 #cf7b24,0 9px 22px #100a28;color:#151a3b;font-size:35px;font-weight:1000;text-shadow:0 1px 0 #ffe9a5;transition:transform .15s}.play span{font-size:27px}.play:hover{transform:translateY(-2px)}.play:active{transform:translateY(4px);box-shadow:0 3px 0 #cf7b24}.facts{display:flex;gap:8px;margin-top:23px}.facts span{font-size:10px;padding:6px 9px;border:1px solid #b38ac05c;border-radius:7px;background:#1b173ca8;color:#e0cae9}.art-note{position:absolute;bottom:12px;right:16px;font-size:8px;color:#e9c9ea;background:#1c1434a6;padding:5px 7px;border-radius:5px}.upcoming{margin:30px 12px 0}.upcoming>h2{font-size:28px;font-weight:1000;color:var(--gold);margin:0 0 16px;letter-spacing:-.8px;text-shadow:0 2px 0 #9c7139}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cards article{border:5px solid #65427b;border-radius:18px;overflow:hidden;box-shadow:0 6px 0 #100d26;background:#1c1c39}.cards .crop{aspect-ratio:590/270}.arena img{width:227.46%;left:-11.02%;top:-262.96%}.barber img{width:227.46%;left:-116.27%;top:-262.96%}.soon{position:absolute;top:13px;left:14px;border:1px solid #9accc0;padding:8px 13px;border-radius:13px;background:#153e46e8;box-shadow:0 3px 0 #142d37;font-size:11px;font-weight:900;letter-spacing:.4px}.caption{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;background:linear-gradient(90deg,#1c203e,#19182e)}.caption h3{margin:0;font-size:29px;font-weight:1000;color:var(--gold);letter-spacing:-1px}.caption>span{font-size:34px;color:#f8d88b;line-height:1}.upcoming-note{text-align:center;color:#b9a9cd;font-size:11px;margin:20px 0}.about{display:flex;align-items:center;justify-content:center;gap:25px;padding:22px 0 20px;margin-top:15px}.about>img{width:96px;height:96px;object-fit:contain;background:radial-gradient(ellipse,#eee2e7b3,transparent 72%);filter:drop-shadow(0 0 2px #fce8ba66)}.about h2{font-size:22px;color:var(--gold);margin:0 0 9px}.about p{font-size:12px;margin:6px 0;color:#e4d4ee}.about p.small{font-size:10px;color:#b8a5cb}footer{max-width:1224px;margin:0 auto;padding:21px 12px;display:flex;justify-content:space-between;border-top:1px solid #70478055;font-size:10px;color:#b9a5ce}footer>span:nth-child(2){color:var(--gold)}a:focus-visible{outline:3px solid #70ecdb;outline-offset:5px}@media(min-width:1100px){.hero-art img{height:321.1%;width:auto;max-width:none;top:-69.86%;left:auto;right:-6.2%}.hero-art{aspect-ratio:auto}}@media(max-width:800px){.top{padding:12px 20px}.brand{width:200px}nav{gap:20px}nav a{font-size:11px}.hero-copy{padding:27px 22px}.hero-copy p{font-size:16px}.hero h2{font-size:36px}.hero-art{left:24%;aspect-ratio:auto}.hero-art img{height:321.1%;width:auto;right:-6%;left:auto;top:-69.86%}.hero{min-height:360px}.play{width:210px;font-size:28px;min-height:65px}.caption h3{font-size:23px}}@media(max-width:600px){.top{padding:10px 16px;gap:15px}.brand{width:169px}nav{gap:14px}nav a{font-size:9px;letter-spacing:0;padding:14px 0}main{padding:0 14px}.welcome{padding:25px 0 24px}.welcome h1{font-size:43px;letter-spacing:-1.8px}.welcome p{font-size:15px;margin-top:11px}.hero{border-width:4px;border-radius:20px;min-height:0;padding-top:215px}.hero-art{left:0;top:0;bottom:auto;height:235px;aspect-ratio:auto}.hero-art img{height:321.1%;right:-8%;width:auto;left:auto;top:-69.86%}.hero-shade{background:linear-gradient(0deg,#211536 40%,#24143800 65%)}.hero-copy{width:100%;padding:0 20px 24px}.ribbon{font-size:10px;padding:7px 12px;border-radius:8px}.hero h2{font-size:37px;margin:13px 0 10px}.hero-copy p{font-size:15px;margin-bottom:21px;line-height:1.5}.play{width:100%;font-size:30px;min-height:67px;border-radius:16px;gap:23px}.facts{margin-top:20px;justify-content:center}.facts span{font-size:9px;padding:5px 8px}.art-note{top:10px;right:10px;bottom:auto;font-size:6px;z-index:1}.upcoming{margin:25px 0 0}.upcoming>h2{font-size:24px;margin-left:4px}.cards{grid-template-columns:1fr;gap:19px}.cards article{border-width:4px}.caption h3{font-size:26px}.caption{padding:12px 16px}.soon{font-size:10px;padding:7px 11px}.upcoming-note{font-size:10px;line-height:1.6;padding:0 20px}.about{gap:12px;padding:9px 0 18px}.about>img{width:70px;height:70px;flex-shrink:0}.about h2{font-size:17px}.about p{font-size:10px;line-height:1.5}.about p.small{font-size:9px}footer{margin:0 18px;gap:10px;font-size:8px}footer>span:nth-child(2){display:none}}@media(max-width:350px){.brand{width:142px}.top{gap:10px;padding:9px 13px}nav{gap:10px}nav a{font-size:8px}.hero h2{font-size:31px}.welcome h1{font-size:38px}.hero{padding-top:190px}.hero-art{height:210px}.hero-copy{padding-left:15px;padding-right:15px}.caption h3{font-size:23px}.about h2{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play{transition:none}}
/* Local swing revision: original mascot pixels retained, only wordmark composited lighter. */
.brand:before{display:none}.brand .wordmark-light{position:absolute;inset:0;clip-path:inset(0 0 0 40%);filter:brightness(0) saturate(100%) invert(93%) sepia(20%) saturate(500%) hue-rotate(337deg)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}.sound-controls{display:flex;align-items:center;gap:9px}.sound-controls button,.swing-bar button{border:1px solid #75558b;background:#302043;color:#fff0db;border-radius:8px;padding:10px;min-height:44px}.sound-controls label{font-size:10px;display:flex;align-items:center;gap:6px}.sound-controls input{width:65px;accent-color:#ffd665}.hero.game-open{padding:0;min-height:0}.hero.game-open>.hero-art,.hero.game-open>.hero-shade,.hero.game-open>.hero-copy,.hero.game-open>.art-note{display:none}#swing-panel[hidden]{display:none}.swing-bar{padding:12px 16px;display:flex;align-items:center;gap:10px;background:#211631;font-size:13px}.swing-bar strong{margin-right:auto}.swing-bar button{font-size:11px}.swing-stage{position:relative;background:#211631;aspect-ratio:2}.swing-stage canvas{width:100%;height:100%;display:block;touch-action:none}#asset-message{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#251939;color:#efe0f5}#asset-message h3{font-size:24px;color:#ffd665;margin:0 0 15px}#asset-message p{font-size:12px;line-height:1.6;max-width:460px;margin:5px}#asset-message[hidden]{display:none}.swing-controls{display:flex;align-items:center;padding:18px;gap:22px;background:#211631}.swing-controls button{background:#ffd665;color:#19142e;border:0;border-radius:13px;padding:14px 30px;min-height:60px;font-size:19px;font-weight:bold;touch-action:manipulation}.swing-controls small{display:block;font-size:9px;margin-top:5px}.swing-controls p{font-size:12px;line-height:1.5}.crop.preview-active{animation:preview-float 6s ease-in-out infinite}.hero-art.preview-active{animation:none}.hero-art.preview-active>img{animation:preview-glow 5s ease-in-out infinite}@keyframes preview-float{50%{filter:brightness(1.065)}}@keyframes preview-glow{50%{filter:brightness(1.06)}}body.page-hidden .preview-active,body.page-hidden .preview-active>img{animation-play-state:paused!important}@media(max-width:800px){.top{flex-wrap:wrap}.sound-controls{margin-left:auto}.sound-controls button{font-size:10px}.swing-bar{flex-wrap:wrap}.swing-bar strong{flex:1}.swing-stage{aspect-ratio:1.35}.swing-controls{flex-direction:column;gap:7px}.swing-controls button{width:100%}.swing-controls p{margin:5px 0}.hero.game-open{padding-top:0}}@media(max-width:400px){.swing-bar{gap:5px;padding:10px}.swing-bar strong{font-size:11px}.swing-bar button{padding:9px;font-size:9px}.swing-bar>span{font-size:10px}#asset-message h3{font-size:18px}#asset-message p{font-size:10px}}@media(prefers-reduced-motion:reduce){.crop.preview-active,.hero-art.preview-active>img{animation:none!important}}