/* Smart Entry Pro — Mystery Arena Cinematic identity: midnight black / radiant gold / emerald */
:root{--bg:#03060b;--surface:#0a1320;--surface2:#101d2e;--line:#465c6d;--gold:#ffda78;--mint:#4dffc4;--white:#fffdf7;--muted:#d2dfe8;--red:#ff8585}
html{background:#03060b;scroll-padding-top:22px;scroll-behavior:auto}body{background:#03060b;color:#fffaf0;font-size:16px;line-height:1.65;overflow-x:hidden}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #fff0a9;outline-offset:3px}
.ambient{background:radial-gradient(ellipse at 42% 3%,#99692338,transparent 38%),radial-gradient(circle at 91% 34%,#008b6c25,transparent 35%),linear-gradient(140deg,#020308,#0a1522 60%,#030508)}
.topbar{max-width:1400px;padding:21px 30px;border-bottom:1px solid #ae86435a}.brand{font-size:19px;gap:13px}.brand img{width:47px;height:47px;box-shadow:0 0 25px #f2b6502e}.brand b{color:#ffdc82}.brand small{font-size:11px;letter-spacing:.16em;color:#f5cb83}.top-right{gap:14px}.preview-pill{font-size:12px;font-weight:850;color:#ffde99;border-color:#eac0718c;background:#97722d24;letter-spacing:.05em;padding:10px 14px}.return{font-size:15px;font-weight:700;color:#f3f7fb}
.shell{max-width:1320px;padding:0 28px}
.hero{isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);gap:32px;align-items:center;text-align:left;padding:58px 10px 64px;border-bottom:1px solid #f3bd5940;min-height:515px}
.hero:before{content:"";position:absolute;z-index:-1;inset:10px -8px 15px;pointer-events:none;border-radius:35px;background:radial-gradient(ellipse at 76% 45%,#c38d3e1e,transparent 44%),radial-gradient(ellipse at 17% 47%,#09d4a00e,transparent 39%)}
.arena-hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:14px;letter-spacing:.15em;font-weight:950;color:#ffd980}.hero .spark{font-size:25px}.hero h1{font-size:clamp(57px,6.4vw,98px);font-weight:950;line-height:.96;letter-spacing:-.065em;margin:22px 0 24px;color:#fff}.hero h1 em{color:#ffd572;text-shadow:0 0 36px #dba54743}.hero p{font-size:clamp(18px,1.65vw,22px);line-height:1.56;color:#e6eef8;max-width:630px;margin:0;font-weight:550}.hero-stats{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-stats span{font-size:14px;font-weight:800;color:#f9e7bf;border:1px solid #eab7596b;background:#aa783326;padding:9px 13px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-actions .btn{font-size:17px;padding:15px 22px;min-height:60px}.hero-actions .btn.alt{border-color:#c9a258;color:#ffebc1;background:#172535}.arena-hero-disclaimer{margin-top:16px;color:#b2c2d2;font-size:13px;line-height:1.5}
.hero-art{position:relative;min-height:415px;display:grid;place-items:center;isolation:isolate;perspective:900px}.hero-art:before{content:"";position:absolute;inset:8% 1%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,#d9a44444 0%,#cba14218 32%,transparent 70%);filter:blur(18px)}.hero-art-orbit{position:absolute;border:1px solid #e2ae5870;border-radius:50%;box-shadow:0 0 20px #dca94316,inset 0 0 20px #dca94316;transform:rotate(-18deg)}.hero-art-orbit-outer{width:min(96%,475px);aspect-ratio:1;opacity:.46}.hero-art-orbit-inner{width:min(74%,352px);aspect-ratio:1;opacity:.65;transform:rotate(19deg)}.hero-star{position:absolute;font-size:30px;color:#ffe4a3;text-shadow:0 0 20px #ffd16c}.hero-star-1{top:7%;left:24%}.hero-star-2{right:15%;top:16%;font-size:52px}.hero-star-3{bottom:18%;right:19%;font-size:22px}
.hero-prize{position:relative;width:220px;height:230px;transform:rotate(-8deg);filter:drop-shadow(0 30px 36px #000b);animation:arena-float 4.4s ease-in-out infinite}.hero-prize-glow{position:absolute;inset:30px 12px;z-index:-1;background:#ffc96266;border-radius:40%;filter:blur(40px)}.hero-vault-top{position:absolute;top:27px;left:8px;width:214px;height:48px;z-index:3;background:linear-gradient(155deg,#fff0ba,#f8c864 44%,#7d4b20);border-radius:14px;border:2px solid #ffe9a5;transform:skewY(-5deg);box-shadow:0 8px 20px #0008,inset 0 8px 18px #fff5}.hero-vault-body{position:absolute;left:23px;top:60px;width:184px;height:150px;border:2px solid #ffdc95;border-radius:16px 16px 22px 22px;background:linear-gradient(125deg,#ffedac,#ab7736 30%,#4c2b18 62%,#cd984c 92%);box-shadow:inset 0 0 35px #fff4,0 0 42px #f5bb4b48;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.vault-symbol{color:#ffe09a;text-shadow:0 0 24px #fff4a1;font-size:65px;line-height:1}.vault-engrave{letter-spacing:.23em;font-size:11px;font-weight:950;color:#fff0d2}.hero-vault-foot{position:absolute;bottom:11px;left:36px;width:157px;height:14px;border-radius:50%;background:#efc477;filter:blur(10px);opacity:.6}
.floating-card{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:120px;height:153px;border:2px solid #e6b56e;border-radius:14px;background:linear-gradient(153deg,#203044,#070e19 70%);box-shadow:0 16px 33px #000a,inset 0 0 26px #bf9b4830;transform:rotate(-16deg);color:#ffde91;font-weight:900;letter-spacing:.06em;text-align:center}.floating-card>span{font-size:44px;line-height:1.15}.floating-card strong{font-size:12px;line-height:1.3}.floating-card-left{left:0;bottom:16%;z-index:-1}.floating-card-right{right:0;top:10%;transform:rotate(14deg);border-color:#64e4b0;color:#c5ffe3}.floating-card-right>span{font-size:36px}.hero-art-base{position:absolute;bottom:1%;left:0;right:0;text-align:center;color:#e2bd7a;font-size:12px;letter-spacing:.24em;font-weight:900}
@keyframes arena-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-11px) rotate(-6deg)}}
.btn{border-radius:14px;font-size:16px;min-height:53px;padding:15px 23px;font-weight:900;background:linear-gradient(122deg,#ffe6a0,#ffbf55 48%,#b77d31);border:1px solid #ffe4a0;color:#15110b;box-shadow:0 10px 30px #efae4840;text-align:center;line-height:1.3}.btn.alt{background:#142a3a;border:1px solid #8fbdc0;color:#fff;box-shadow:none}.btn:hover{filter:brightness(1.1);box-shadow:0 0 0 2px #ffe2a680}
.arena-hub{padding:54px 0 28px}.section-header{margin:0 auto 31px;max-width:810px}.section-header h2{font-size:clamp(33px,3.2vw,47px);line-height:1.15;margin:9px 0 11px;font-weight:950;letter-spacing:-.035em;color:#fff}.section-header p{color:#d2e0e8;font-size:17px;line-height:1.6;max-width:760px}.eyebrow{font-size:13px;letter-spacing:.17em;color:#ffd781;font-weight:950}
.arena-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.arena-tile{position:relative;overflow:hidden;padding:0 23px 25px;min-height:385px;gap:12px;align-items:stretch;background:linear-gradient(150deg,#142538,#060d17 68%);border:1px solid #73899b6b;border-radius:22px;box-shadow:0 15px 38px #0006;transition:transform .22s ease,border-color .22s ease}.arena-tile:before{content:"";position:absolute;inset:0 0 auto;height:176px;z-index:0;opacity:.85;background:radial-gradient(ellipse at 50% 40%,#d5a04144,transparent 65%),linear-gradient(#102038,#0c172700)}.arena-tile:hover{border-color:#ffe4a4;box-shadow:0 0 0 1px #ffe3a466,0 15px 38px #0006}.arena-tile.featured{border:2px solid #ffdc82;background:linear-gradient(155deg,#272419,#142a29 55%,#061019)}.arena-tile>*{position:relative;z-index:1}.arena-tile-icon{height:176px;min-height:176px;display:grid;place-items:center;position:relative;font-size:98px;line-height:1;color:#ffe9a6;text-shadow:0 0 35px #eebc6f9a;margin:0 -23px 3px;overflow:hidden;font-weight:950;isolation:isolate}.arena-tile-icon:before{content:"";position:absolute;inset:17px 22% 9px;z-index:-1;border-radius:30px;background:linear-gradient(145deg,#fae1a63d,#a6762922);border:1px solid #e3b85d8c;box-shadow:0 0 38px #ebb96d31;transform:rotate(-8deg)}.tile-candle{color:#76f3d0;text-shadow:0 0 35px #35e4a88a}.tile-candle:before{background:linear-gradient(145deg,#173931,#1142451c);border-color:#59deb4}.tile-iq{color:#a9cbff;text-shadow:0 0 34px #528fd499}.tile-iq:before{background:linear-gradient(145deg,#233b65,#132641);border-color:#79a9ea}.tile-50k{font-size:75px;color:#fbe6a3;text-shadow:0 0 33px #efbf5d}.tile-50k:before{background:linear-gradient(145deg,#75591d,#132724);border:2px solid #ffe5a5}.tile-sprint{color:#9dffc3;text-shadow:0 0 35px #38d080}.tile-sprint:before{background:linear-gradient(145deg,#174737,#13382a);border-color:#73f5a8}.tile-vault{color:#ffe18a}.tile-vault:before{background:linear-gradient(145deg,#786028,#3d2d12);border-color:#ffd176}
.arena-tile h3{font-size:clamp(22px,1.8vw,27px);font-weight:950;line-height:1.2;margin:2px 0 0;color:#fff;letter-spacing:-.025em}.arena-tile p{font-size:16px;line-height:1.52;color:#cfdee9;margin:0 0 8px;flex:1}.arena-tile .btn{font-size:16px;min-height:59px;padding:14px 12px;font-weight:900;border-radius:12px;box-shadow:none}.arena-tile .btn.alt{background:#182c3c;border-color:#627e91}.arena-tile.featured .btn{box-shadow:0 7px 24px #eab44e40}
.arena-rules{margin-top:30px;border:1px solid #c0a16980;background:linear-gradient(135deg,#182332,#101b28);border-radius:18px;padding:23px 26px}.arena-rules summary{font-size:18px;color:#ffe3a4}.arena-rules-content p{font-size:16px;color:#ecf0f5;line-height:1.65}
.dashboard{margin:50px 0 17px}.stage-name{font-size:20px;color:#ffe5a4}.tiny{font-size:13px;color:#e9c987}.progress-meta{font-size:15px;font-weight:900}.game-card{background:radial-gradient(circle at 50% 4%,#3a3b3a44,transparent 62%),linear-gradient(155deg,#152b40,#0a1726);border-color:#9c896d80;box-shadow:0 30px 80px #0008}.game-card .scene-title{font-size:clamp(34px,3.7vw,50px);color:white}.scene-copy{color:#d6e6f0;font-size:18px;line-height:1.65}.step-tag{font-size:13px;color:#ffe8b1}.choice{font-size:16px;min-height:125px;border-color:#7790a7}.choice strong{font-size:18px}.choice small{font-size:14px;color:#d5e3ef}.notice{font-size:15px;line-height:1.55;border-color:#5ba88c;color:#cbffe4}.bottom-actions{font-size:14px}.text-btn{font-size:15px;font-weight:750}
.arena-leaderboard,.arena-personal-vault{border:1px solid #7d776880;background:linear-gradient(150deg,#142434,#0b1421);border-radius:20px}.ranking-row{font-size:15px}.leaderboard-form label,.leaderboard-form p{font-size:15px}.leaderboard-form input{font-size:16px}.arena-personal-vault p{font-size:15px}.why{padding-top:25px}.feature-grid article{border-color:#65768c;background:#101d2b}.feature-grid h3{font-size:22px}.feature-grid p{font-size:16px;color:#d5e2ee}.glyph{font-size:36px}footer{font-size:13px;color:#c5d1df}
@media(max-width:1050px){.hero{grid-template-columns:1fr 360px;gap:12px}.hero h1{font-size:clamp(54px,6.5vw,74px)}.hero-art{min-height:370px}.arena-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{padding:0 15px}.topbar{padding:13px 16px}.brand{font-size:16px}.brand img{width:40px;height:40px}.top-right .preview-pill{display:none}.hero{grid-template-columns:1fr;text-align:center;padding:38px 4px 43px;min-height:0;gap:10px}.hero h1{font-size:clamp(52px,12.5vw,80px);letter-spacing:-.055em;margin:19px 0}.hero p{font-size:18px;max-width:580px;margin:auto}.hero .eyebrow{font-size:12px}.hero-stats,.hero-actions{justify-content:center}.hero-stats span{font-size:12px;padding:7px 10px}.hero-actions .btn{font-size:15px;padding:14px}.hero-art{min-height:342px;max-width:430px;width:100%;margin:auto}.hero-prize{transform:scale(.81)}.hero-art-orbit-outer{width:95%;max-width:340px}.hero-art-orbit-inner{max-width:250px}.floating-card{width:92px;height:122px}.floating-card>span{font-size:36px}.floating-card strong{font-size:10px}.hero-art-base{font-size:9px}.arena-hub{padding:39px 0 23px}.arena-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arena-tile{min-height:328px;padding:0 14px 17px}.arena-tile-icon{height:128px;min-height:128px;margin:0 -14px;font-size:70px}.arena-tile-icon:before{inset:13px 18% 10px}.tile-50k{font-size:53px}.arena-tile h3{font-size:20px}.arena-tile p{font-size:14px}.arena-tile .btn{font-size:13px;padding:12px 8px;min-height:55px}.section-header h2{font-size:33px}.section-header p{font-size:16px}.scene-copy{font-size:17px}.arena-rules-content p{font-size:15px}}
@media(max-width:480px){.arena-hub-grid{grid-template-columns:1fr;gap:16px}.arena-tile{min-height:0;padding:0 21px 23px}.arena-tile-icon{height:145px;min-height:145px;margin:0 -21px;font-size:79px}.tile-50k{font-size:63px}.arena-tile h3{font-size:24px}.arena-tile p{font-size:16px}.arena-tile .btn{font-size:16px}.hero-art{min-height:315px}.floating-card-left{left:2%}.floating-card-right{right:2%}.hero h1{font-size:clamp(50px,12vw,68px)}.hero-actions .btn{width:100%}.hero .hero-art{margin-top:5px}.arena-hero-disclaimer{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-prize{animation:none}.arena-tile{transition:none}}