.hok-banpick-app{background:radial-gradient(1100px 560px at 10% -10%,#b8892f24,#0000 56%),radial-gradient(900px 500px at 92% 0,#1f9a8a1a,#0000 52%),radial-gradient(640px 380px at 40% 110%,#d150500d,#0000 60%),linear-gradient(165deg,#f5f7fa 0%,#eef2f6 42%,#e8eef4 100%);min-height:100vh}.dark .hok-banpick-app{background:radial-gradient(1100px 560px at 10% -10%, #d4a24a33, transparent 56%), radial-gradient(900px 500px at 92% 0%, #3db8a724, transparent 52%), radial-gradient(640px 380px at 40% 110%, #e25b5b14, transparent 60%), linear-gradient(165deg, #060d14 0%, var(--hok-ink) 42%, #101c2c 100%)}.hok-banpick-app:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(var(--hok-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--hok-grid-line) 1px, transparent 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 40% 25%,#000 30%,#0000 78%);mask-image:radial-gradient(at 40% 25%,#000 30%,#0000 78%)}.hok-banpick-app:after{content:"";pointer-events:none;background:radial-gradient(circle at 18% 18%, var(--hok-ember-gold), transparent 28%), radial-gradient(circle at 84% 68%, var(--hok-ember-teal), transparent 32%);mix-blend-mode:multiply;position:fixed;inset:0}.dark .hok-banpick-app:after{mix-blend-mode:screen}.hok-banpick-app h1,.hok-banpick-app h2,.hok-banpick-app h3{font-family:var(--hok-display);letter-spacing:.02em}