:root{color-scheme:dark}html{background:#090c15}body{background-image:radial-gradient(ellipse at 14% 8%,#27304a8c,transparent 36%),radial-gradient(ellipse at 87% 72%,#3424446b,transparent 38%),linear-gradient(135deg,#0b1019,#0b0c14 54%,#11101b);background-attachment:fixed}main.shell{position:relative;isolation:isolate}main.shell:before{content:'';position:absolute;inset:8px -10px -10px;z-index:-1;border:1px solid #bca4ec1c;border-radius:24px;background:linear-gradient(145deg,#ffffff09,#ffffff02 38%,#a68aef08);box-shadow:0 24px 90px #0007;pointer-events:none}main.shell .nav .brand{color:#f3eaff;text-shadow:0 0 14px #c6a6ff66;letter-spacing:.14em}main.shell .board{position:relative;box-shadow:0 20px 55px #0008,0 0 25px #a68aef13,inset 0 1px #ffffff14}main.shell .board canvas{filter:drop-shadow(0 0 10px #8ca9ff1c)}main.shell .stats .stat{box-shadow:inset 0 1px #ffffff12,0 5px 18px #0003;backdrop-filter:blur(8px)}main.cabinet,main.franchise-shell{filter:drop-shadow(0 18px 55px #0008)}canvas{image-rendering:auto}@media(max-width:650px){main.shell:before{inset:5px -3px -5px;border-radius:18px}}
