@font-face{font-family:Crown;src:url('assets/fonts/medium.woff2') format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:Crown;src:url('assets/fonts/bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:CrownItalic;src:url('assets/fonts/bold-italic.woff2') format('woff2');font-display:swap}
@font-face{font-family:CrownRoyal;src:url('assets/fonts/ornate.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--arena-width:76vw;--arena-aside:12vw;--stage-edge:20px;--text:#e4dced;--muted:#a99cb9;--neon:#e1a1fa}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070913;color:var(--text);font-family:Crown,Arial,sans-serif}body.arena-page{min-height:100svh;overflow-x:hidden;background:#070913}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #9cf4ec;outline-offset:4px}button:disabled{cursor:default;opacity:.4}button{border-radius:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.arena-skip{position:fixed;top:-60px;left:18px;z-index:100;padding:12px;background:#302039}.arena-skip:focus{top:8px}
.arena-machine{position:fixed;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:0}.play-column{position:relative;width:var(--arena-width);min-height:100svh;margin:0 auto;z-index:2;background:linear-gradient(90deg,#080a12e8,#090b16f5 8%,#090b16f5 92%,#080a12e8);box-shadow:0 0 50px #000b}.arena-rail{position:absolute;top:0;bottom:0;width:5px;z-index:1;background:var(--alloy-rail);box-shadow:0 0 0 1px #0008,0 0 10px #cc81ef15;pointer-events:none}.arena-rail-left{left:-3px}.arena-rail-right{right:-3px}
.arena-topbar{height:68px;padding:0 26px;display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #c192cf15;background:linear-gradient(#18132099,#0a0b1500);position:relative;z-index:12}.collection-link{color:#ab9eb9;font-size:11px;display:flex;gap:10px;align-items:center;white-space:nowrap}.collection-link>span:first-child{font-size:23px;color:var(--alloy-light)}.collection-link:hover{color:#ecdcf7}.game-switcher{display:flex;align-items:center;gap:6px}.game-switcher a{font-size:11px;letter-spacing:1.3px;padding:9px 13px;color:#968aa6;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);background:#181626}.game-switcher a[aria-current]{color:#edcafa;background:linear-gradient(125deg,#55365d80,#28223980);box-shadow:inset 0 -2px #c78edd}.game-switcher a:hover{color:#e7d5f0;background:#31203e}.arena-settings{display:flex;gap:6px;align-items:center}.arena-settings button{height:30px;min-width:31px;background:#191523;border:1px solid #8f6da34d;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);font-size:16px}.arena-settings button:first-child{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:9px;letter-spacing:.5px}.motion-dot{width:4px;height:4px;border-radius:50%;background:#92ebdd}.arena-settings button[aria-pressed=false] .motion-dot{background:#655b70}.arena-settings button:hover{background:#30203d;border-color:#bb8bd3}
.arena-stage{position:relative;margin:17px var(--stage-edge) 0;height:calc(100svh - 121px);min-height:530px;border-radius:26px;background:#04060c;box-shadow:0 16px 48px #000a;isolation:isolate}.arena-perimeter{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);z-index:8;pointer-events:none;overflow:visible}#game-host{position:absolute;inset:7px;border-radius:20px;overflow:hidden;outline:none;background:#050711}#game-host>section{min-height:0}.arena-footer{height:36px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;font:8px Crown,Arial,sans-serif;letter-spacing:1.2px;color:#8c7b9d;gap:10px}.arena-footer i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c69be2;margin-right:6px}.arena-footer a{color:#aa99bd;font-size:8px}.arena-footer a:hover{color:#e1b7ef}.footer-centre{opacity:.55;letter-spacing:2px}
.arena-logo{position:fixed;left:calc(var(--arena-aside)/2 - clamp(60px,5.25vw,84px));top:95px;width:clamp(120px,10.5vw,168px);aspect-ratio:1;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(4px 9px 5px #000b);padding:10px 12px 16px}.logo-metal{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.arena-squid{width:68%;height:62%;display:block;background:linear-gradient(135deg,var(--alloy-edge),var(--alloy-mid) 36%,var(--alloy-light) 64%,var(--alloy-dark));mask:url('assets/lush-squid-gold.svg') center/contain no-repeat;-webkit-mask:url('assets/lush-squid-gold.svg') center/contain no-repeat}.arena-brand-word{font:700 clamp(15px,1.65vw,24px)/1 Crown,Arial,sans-serif;letter-spacing:1.5px;color:var(--alloy-light);text-align:center}.arena-brand-word small{display:block;font:700 clamp(8px,.8vw,11px)/1.2 Crown,Arial,sans-serif;letter-spacing:3.2px;margin-top:4px}.logo-arc{animation:orbit-flow 28s linear infinite}.pink-arc{animation-direction:reverse;animation-duration:37s}.arena-logo:hover .arena-brand-word{color:#fff1fa}
.arena-sign{position:fixed;right:calc(var(--arena-aside)/2 - 52px);top:clamp(92px,14vh,145px);width:104px;height:min(680px,calc(100svh - 150px));z-index:14;pointer-events:none}.neon-sign-canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 0 3px #9d6ddb44)}.object-front-grip{position:absolute;width:40px;height:20px;right:-13px;top:48%;z-index:4;pointer-events:none;transform:rotate(-14deg);background:linear-gradient(#a9bbd8,#53607f 35%,#22243d 65%,#8c97b4);clip-path:polygon(0 22%,22% 0,75% 0,100% 25%,100% 62%,84% 65%,75% 28%,26% 28%,10% 50%,0 100%);filter:drop-shadow(1px 2px 1px #000)}.arena-sign .object-front-grip{left:18px;right:auto;top:10px;transform:rotate(84deg);width:24px;height:17px}.terminal-grip{position:absolute;left:34px;top:10px;width:14px;height:20px;border:3px solid #8796b3;border-top:0;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#20283e,#8e9eb7,#30374d);box-shadow:1px 2px 2px #0008}
#arena-mechanisms{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9;overflow:visible}#showcase-needle{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}[data-game=onorings] #showcase-needle{display:none}.arena-loading{position:absolute;inset:0;display:flex;gap:20px;flex-direction:column;align-items:center;justify-content:center;color:#c7addb;font:12px Crown,Arial,sans-serif;letter-spacing:1px;background:radial-gradient(ellipse,#241532,#050811 65%)}.loading-gem{width:30px;height:30px;border:1px solid #c896ec;transform:rotate(45deg);box-shadow:0 0 25px #ad4ac640;animation:loading-turn 2s ease-in-out infinite}.arena-error{padding:30px;max-width:600px;line-height:1.8;margin:auto;color:#dfbcdd}.arena-error a{border-bottom:1px solid #b892cf}
@keyframes sign-wave{0%,62%,100%{opacity:.8;filter:brightness(.92)}18%{opacity:1;filter:brightness(1.25)}35%{opacity:.63;filter:brightness(.77)}}@keyframes orbit-flow{to{stroke-dashoffset:-1000}}@keyframes loading-turn{50%{transform:rotate(225deg);opacity:.35}}
[data-motion=off] .logo-arc,[data-motion=off] .arena-sign h1>span{animation-play-state:paused}
@media(min-width:1900px){:root{--arena-width:78vw;--arena-aside:11vw;--stage-edge:28px}.arena-stage{max-height:1100px}}
@media(max-width:1100px){:root{--arena-width:82vw;--arena-aside:9vw;--stage-edge:12px}.arena-logo{width:106px;left:calc(var(--arena-aside)/2 - 53px);top:100px}.arena-sign{width:84px;right:calc(var(--arena-aside)/2 - 42px)}.sign-cap{font-size:4px}.arena-sign h1{font-size:26px}.arena-topbar{padding:0 16px;gap:8px}.collection-link{font-size:9px}.game-switcher a{font-size:10px;padding:8px 10px}.footer-centre{display:none}}
@media(max-width:760px){:root{--arena-width:100%;--arena-aside:0px;--stage-edge:5px}.play-column{background:#070913b5}.arena-logo,.arena-sign,#arena-mechanisms,#showcase-needle{display:none}.arena-topbar{height:54px;padding:0 10px;gap:6px;background:#0b0c16e6}.collection-link>span:last-child{display:none}.collection-link>span:first-child{font-size:25px}.game-switcher{gap:4px}.game-switcher a{font-size:10px;padding:9px 10px;letter-spacing:.6px}.arena-settings button{width:30px;height:30px}.arena-settings button:first-child{display:none}.arena-stage{margin-top:7px;height:calc(100svh - 95px);min-height:540px;border-radius:21px;background:#050710}.arena-perimeter{inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px)}#game-host{inset:5px;border-radius:17px}.arena-footer{height:32px;padding:0 13px;font-size:7px;letter-spacing:.7px}.arena-footer a{font-size:7px}.arena-rail{display:none}}
@media(max-width:380px){.game-switcher a{padding:8px 7px;font-size:9px}.arena-settings{gap:4px}.arena-settings button{width:27px;min-width:27px}}
@media(min-width:761px) and (max-width:1100px){.arena-logo{left:max(6px,calc(var(--arena-aside)/2 - 53px))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}