#hollowOv{background:radial-gradient(ellipse at 65% 10%,#4d2c382e,transparent 65%),#090a12e8;padding:24px}
#hollowOv .hollow-panel{width:100%;max-width:1120px;padding:30px;background:radial-gradient(ellipse at 85% 10%,#512d2538,transparent 50%),#12111d;border:1px solid #b18a6930;border-radius:28px;gap:28px}
.hollow-edition{font:600 10px var(--body);letter-spacing:.18em;color:#9f919f}
.hollow-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:46px;align-items:start}
#hollowOv .eyebrow{font-size:10px;letter-spacing:.18em;color:#d4a981}
.hollow-title{font:800 clamp(34px,5vw,64px)/1.12 var(--display);letter-spacing:-.05em;margin:18px 0;color:#fff2df;text-shadow:0 0 40px #e5b57a20}
.hollow-tagline{font:500 17px/1.65 var(--body);color:#d0bacd;margin:0 0 20px}
.hollow-description{font:400 14px/1.9 var(--body);max-width:450px;color:#b9adbf;margin:0}
.hollow-room-art{height:240px;display:grid;place-items:center;margin:4px -12px 0;overflow:hidden}
.hollow-room-art svg{height:100%;width:100%;max-width:520px;filter:drop-shadow(0 20px 22px #0007)}
#hollowOv .hollow-enter{width:100%;min-height:60px;background:linear-gradient(110deg,#ffc374,#d88e4b);color:#24140d;border:1px solid #ffc374;font:700 12px var(--display);padding:18px 12px;letter-spacing:.03em}
.hollow-entry-count{font:600 15px var(--body);color:#e8b77a;margin:16px 0 7px}
#hollowOv #hollowCount{margin:0;line-height:1.6;color:#b4a5bd}
.hollow-message{min-height:20px;color:#c9aabc;line-height:1.7;margin:12px 0 0}
.hollow-prize{min-width:0;border:1px solid #c19a6b27;border-radius:24px;padding:24px;text-align:center;background:linear-gradient(160deg,#251b2533,#16131f)}
.hollow-block-stage{height:235px;position:relative;display:grid;place-items:center}
.hollow-prize-halo{position:absolute;width:190px;height:190px;border:1px solid #dcaf7630;border-radius:50%;background:radial-gradient(ellipse,#ddab5630,transparent 67%);box-shadow:0 0 50px #e39c4220}
.hollow-block-stage canvas{position:relative;width:192px;height:192px;z-index:1}
.hollow-prize-number{position:absolute;bottom:2px;color:#dda96c;font:600 9px var(--body);letter-spacing:.15em;border:1px solid #a2774c40;border-radius:20px;padding:7px 10px;background:#221a24}
#hollowOv .hollow-prize h2{font:800 30px var(--display);letter-spacing:.1em;margin:22px 0 8px;color:#edc08a}
.hollow-prize p{font:400 12px/1.8 var(--body);color:#b3a6ba}
.hollow-prize .hollow-prize-meta{color:#ecd4b5;font-size:12px;margin:0}
.hollow-prize .hollow-never{font-weight:600;color:#daaa77}
.hollow-banner-card{margin-top:24px;border-top:1px solid #b8a8bc20;padding-top:22px}
.hollow-banner-preview{border:1px solid #e7b07735;background:radial-gradient(ellipse at 12% 40%,#d58b4438,transparent 42%),linear-gradient(110deg,#16101f,#3a2530 56%,#805334);border-radius:12px;margin:15px 0;padding:18px;display:flex;align-items:center;justify-content:center;gap:14px}
.hollow-banner-preview>span{font-size:32px;color:#ffc178}.hollow-banner-preview b{font:600 14px var(--body);color:#f5dbc2;text-align:left}.hollow-banner-preview small{display:block;font:500 8px var(--body);letter-spacing:.2em;margin-top:5px;color:#d4a783}
.hollow-prize .btn{width:100%;min-height:44px;font-size:12px}
.hollow-objectives{padding:24px;border:1px solid #af9cc224;border-radius:22px;background:#171421}
#hollowOv .hollow-objectives h2{font-size:23px;margin:10px 0 20px}
.hollow-objectives ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hollow-objectives li{display:grid;grid-template-columns:20px 1fr;gap:7px 8px;border:1px solid #9d84af24;border-radius:14px;padding:16px;min-width:0;color:#ac9cb7}
.hollow-objectives li>span{grid-row:1/3;font-size:20px;color:#9e87b4}
.hollow-objectives li b{font:600 12px/1.5 var(--body);color:#cec0d6}.hollow-objectives li small{font:500 10px var(--body);line-height:1.5}
.hollow-objectives li.earned{border-color:#ddb37945;background:#e8b57408}.hollow-objectives li.earned>span,.hollow-objectives li.earned small{color:#e9ba80}
.hollow-haunted-action{display:flex;align-items:center;gap:16px;margin-top:20px}.hollow-haunted-action .btn{min-height:48px;font-size:12px}.hollow-haunted-action small{color:#a794b0;font:400 11px/1.7 var(--body)}
.hollow-rules{border-top:1px solid #ad97b320;padding-top:16px}.hollow-rules p{font:400 11px/1.8 var(--body);color:#94869f;margin:0 0 10px}.hollow-rules .back{min-height:44px;font-size:12px;color:#dac4a4}
.hollow-winner{padding:12px;background:#e8bd8412;border:1px solid #e8bd8435;border-radius:12px}
.hollow-art-float{animation:hollowFloat 5s ease-in-out infinite alternate}.hollow-art-candles{animation:hollowCandle 2.3s ease-in-out infinite alternate}.hollow-art-fog{animation:hollowFog 8s ease-in-out infinite alternate}
@keyframes hollowFloat{to{transform:translateY(-3px)}}@keyframes hollowCandle{to{opacity:.65}}@keyframes hollowFog{to{transform:translateX(18px)}}
@media(max-width:760px){#hollowOv .hollow-panel{padding:20px;gap:22px}.hollow-layout{grid-template-columns:minmax(0,1fr);gap:26px}.hollow-title{font-size:clamp(30px,8.7vw,52px)}.hollow-tagline{font-size:15px}.hollow-room-art{height:210px}.hollow-prize{padding:22px}.hollow-objectives{padding:18px}.hollow-objectives ul{grid-template-columns:1fr}.hollow-objectives li{grid-template-columns:20px 1fr auto;align-items:center}.hollow-objectives li>span{grid-row:auto}.hollow-haunted-action{flex-direction:column;align-items:stretch;gap:8px}}
@media(prefers-reduced-motion:reduce){.hollow-art-float,.hollow-art-candles,.hollow-art-fog{animation:none}}

.help-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.help-basics>div{padding:18px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff05}.help-basics p{font-size:14px;line-height:1.6;color:#c7c5d9;margin:8px 0 0}.help-tiles summary{cursor:pointer;padding:16px 0;font-weight:700}.help-tiles .guide{margin-top:6px}@media(max-width:600px){.help-basics{grid-template-columns:1fr}.help-basics>div{padding:14px}#guideOv .row{flex-wrap:wrap}#guideOv .row .btn{flex:1;min-height:48px}}

.home-identity-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.home-username{border:1px solid #e3c7ff20;border-radius:10px;background:#17122460;color:#cfbfe3;min-height:44px;font:500 12px var(--body);padding:8px 12px;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.home-username:hover{background:#ffffff12;color:#fff}.home-username:focus-visible,.home-identity-main:focus-visible{outline:2px solid #ffd166;outline-offset:3px}.profile-username{display:block;background:none;border:0;padding:4px 0;color:#cdbbe1;cursor:pointer;font:500 12px var(--body)}.username-panel{max-width:540px}.username-panel form{display:grid;gap:12px}.username-panel label{font-weight:600}.username-field{display:flex;align-items:center;border:1px solid #9a80bb50;border-radius:14px;background:#0e0c1c;padding:12px;gap:8px}.username-field>span{color:#a28ab9}.username-field input{width:100%;min-width:0;border:0;background:none;padding:8px 0;margin:0;color:#f5ebff;font:600 18px var(--body);outline:none}.username-field:focus-within{border-color:#e3bbff}.username-field small{font-size:10px;color:#a696b8;white-space:nowrap}#usernameAvailability{font:400 13px/1.6 var(--body);color:#b7aac6;min-height:42px;margin:0}#usernameAvailability[data-state=available]{color:#b8f2c4}#usernameAvailability[data-state=error]{color:#ffadab}#usernameSave{min-height:50px}
@media(max-width:760px){body.mobile-app #menuOv .home-identity{flex-direction:column;align-items:stretch;gap:1px}body.mobile-app .home-identity-main{gap:8px}body.mobile-app .home-username{min-height:28px;width:100%;max-width:none;border:0;padding:2px 0 2px 42px;text-align:left;font-size:10px;background:none}body.mobile-app .home-identity-main .home-identity-text{flex:1}#usernameOv .username-panel{padding:20px}}
@media(min-width:761px){#menuOv .home-feature-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#menuOv .home-feature{padding:18px 16px;gap:10px;grid-template-columns:30px 1fr auto}#menuOv .home-feature b{font-size:13px}#menuOv .home-content{flex:1 0 auto;min-height:min-content}}@media(min-width:761px) and (max-width:1100px){#menuOv .home-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.mobile-app #hollowOv{padding:12px;box-sizing:border-box}body.mobile-app.app-nav-visible #hollowOv{padding-bottom:calc(var(--app-nav-height) + 12px)}body.mobile-app #hollowOv .hollow-panel{box-sizing:border-box;max-height:100%;scroll-padding-bottom:20px}