:root{color-scheme:dark;--red:#f02245;--blue:#58d8ff;--silver:#eaf2fa;--muted:#a5b2c3;--panel:#0a111ee8}*{box-sizing:border-box}html{background:#03050a}body{margin:0;color:var(--silver);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}.backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,6,14,.3),rgba(3,6,14,.85) 58%,#03050a),url('assets/lobby-brain-arena-v1.jpg') center top/cover no-repeat}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(68,0,16,.24),transparent 42%,rgba(0,56,94,.2))}.shell{width:min(1250px,calc(100% - 64px));margin:auto}.top{height:92px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #a8c3d629}.top img{width:45px;height:45px;object-fit:contain}.top span{font-size:14px;letter-spacing:.13em;font-weight:700}.top i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--blue);vertical-align:middle;margin:0 9px}.top small{margin-left:auto;color:#91a5ba;font:600 10px/1.2 system-ui;letter-spacing:.2em}.hero{padding:75px 0 57px;position:relative}.eyebrow,.section-heading span,.hero-bottom,.number,.ability,.go,footer{font-size:11px;letter-spacing:.17em;font-weight:700}.eyebrow{color:#a6bed1;display:flex;align-items:center;gap:12px}.eyebrow span{height:2px;width:34px;background:var(--red);box-shadow:0 0 10px var(--red)}.eyebrow b{color:var(--red)}h1{margin:26px 0 18px;line-height:1.12;letter-spacing:.05em;text-shadow:0 3px 18px #000}h1 span{display:block;color:#c5d3dd;font-size:clamp(20px,3vw,32px);font-weight:650}h1 em{font-style:normal;color:#8de6ff}h1 strong{display:block;margin-top:10px;color:#f5f8fb;font-size:clamp(50px,7vw,86px);font-weight:900;letter-spacing:.11em}.hero p{font-size:16px;color:#bdcbd8;letter-spacing:.09em}.hero-bottom{display:flex;justify-content:space-between;color:#8394a8;margin-top:48px;padding-bottom:15px;border-bottom:1px solid #c8d8e233}.challenges{padding-bottom:55px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading span{color:var(--blue)}h2{font-size:25px;letter-spacing:.08em;margin:7px 0 0}.count{color:#889bb0;font-size:12px;letter-spacing:.12em}.count b{font-size:20px;color:#fff}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.card{position:relative;min-height:230px;padding:18px 18px 16px;display:flex;flex-direction:column;text-decoration:none;color:inherit;overflow:hidden;background:linear-gradient(145deg,#151c2bda,#070d18f5);border:1px solid #78899a52;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));transition:transform .18s,border-color .18s,background .18s}.card:before{content:"";position:absolute;top:0;left:0;width:40%;height:2px;background:linear-gradient(90deg,var(--red),transparent)}.card:nth-child(even):before{background:linear-gradient(90deg,var(--blue),transparent)}.card:hover,.card:focus-visible{transform:translateY(-5px);border-color:#79daf5;background:linear-gradient(145deg,#1b2b3ef2,#090f1df8);outline:2px solid #82ddff;outline-offset:2px}.number{color:#ecf3f8;font-size:16px;line-height:1.2;letter-spacing:.12em}.symbol{position:absolute;right:18px;top:20px;color:#a2dffb4d;font-size:43px;line-height:1}.card-content{margin-top:auto}.ability{font-size:10px;color:#79d5f2}.card h3{font-size:21px;letter-spacing:.05em;margin:9px 0}.card p{color:#a7b5c3;font-size:12px;line-height:1.6;margin:0}.go{display:flex;justify-content:space-between;align-items:center;color:#d5e3ed;border-top:1px solid #a1b8c531;margin-top:19px;padding-top:12px;font-size:10px;letter-spacing:.08em}.go b{font-size:18px;color:#82e3fc}footer{border-top:1px solid #8c9fac36;padding:25px 0 30px;display:flex;justify-content:space-between;color:#718498;font-size:9px}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-top:58px}}@media(max-width:600px){.shell{width:calc(100% - 32px)}.top{height:70px}.top img{width:36px;height:36px}.top span{font-size:11px}.top small{font-size:8px}.hero{padding:48px 0 37px}h1 strong{font-size:clamp(46px,12vw,65px)}.hero p{font-size:13px}.hero-bottom{margin-top:35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{min-height:190px;padding:14px}.number{font-size:14px}.symbol{right:14px;top:18px}.card h3{font-size:18px}.card p{font-size:11px}.symbol{font-size:39px}.section-heading h2{font-size:21px}footer{font-size:8px}}@media(max-width:330px){.grid{grid-template-columns:1fr}.card{min-height:165px}}