.b2-page{color:#102c3d;background:#071c2b;min-height:100vh}.b2-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3;background:#030817eb;border-bottom:1px solid #35d6a333;justify-content:space-between;align-items:center;height:74px;padding:0 max(24px,50vw - 570px);display:flex;position:relative}.b2-brand{color:#fff;align-items:center;gap:9px;text-decoration:none;display:flex}.b2-brand>i{background:#35d6a3;border-radius:8px;place-items:center;width:40px;height:40px;font-size:24px;font-style:normal;font-weight:900;display:grid}.b2-brand>span{flex-direction:column;line-height:.8;display:flex}.b2-brand b{font-size:25px}.b2-brand small{letter-spacing:1.4px;margin-top:8px;font-size:7px}.b2-nav>div{align-items:center;gap:22px;display:flex}.b2-nav a{color:#b8ccda;font-size:12px;font-weight:700;text-decoration:none}.b2-nav .back-button{color:#b8ccda;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px;font-weight:700}.b2-nav>div span{color:#4ff4e4;letter-spacing:1px;background:#18e0d21f;padding:8px 12px;font-size:10px;font-weight:900}.b2-bg{background-color:#020712;background-image:linear-gradient(90deg,#020712f2 0%,#020712c9 34%,#02071245 72%,#0207129e 100%),url(/neon-phoenix-bg.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:calc(100vh - 74px);padding:55px 20px;position:relative;overflow:hidden}.design-credit{z-index:2;text-align:right;color:#fff;text-shadow:0 2px 12px #000;flex-direction:column;gap:5px;display:flex;position:absolute;top:18px;right:max(24px,50% - 570px)}.design-credit small{color:#41e9df;letter-spacing:1.7px;font-size:8px;font-weight:900}.design-credit b{font-size:12px}.b2-orb{filter:blur(80px);opacity:.2;border-radius:50%;display:none;position:absolute}.b2-orb.one{background:#35d6a3;width:360px;height:360px;top:-100px;right:-100px}.b2-orb.two{background:#2f87c0;width:300px;height:300px;bottom:-100px;left:-100px}.game{width:min(900px,100%);margin:auto;position:relative}.game>header{color:#fff;justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.game>header span,.finish-card>span{letter-spacing:1.8px;color:#35d6a3;font-size:9px;font-weight:900}.game>header h1{margin:8px 0 0;font-size:22px}.game-status{align-items:center;gap:9px;display:flex}.game-status b,.game-status time{background:#ffffff12;border:1px solid #ffffff18;padding:10px 14px;font-size:12px}.game-status time{color:#fff;font-style:normal;font-weight:900}.game-status time.urgent{color:#fff2f2;background:#d72f5570;border-color:#ff8098}.game-progress{background:#ffffff18;border-radius:5px;height:5px;margin-bottom:18px;overflow:hidden}.game-progress i{background:#35d6a3;height:100%;display:block}.question-card{background:#fff;border-radius:12px;padding:35px;box-shadow:0 28px 70px #0004}.select-info{color:#198b73;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.select-info i{background:#dff7ef;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.question-card h2{letter-spacing:-.8px;margin:18px 0 28px;font-size:clamp(24px,4vw,34px);line-height:1.25}.answer-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answer-grid button{--option:#2f7fb8;--option-soft:#edf7ff;border:2px solid color-mix(in srgb, var(--option) 34%, white);background:linear-gradient(135deg, var(--option-soft), #fff 72%);text-align:left;color:#203d4c;cursor:pointer;border-radius:11px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;min-height:86px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 8px 22px #102c3d0a}.answer-grid button:nth-child(2){--option:#7c5ac7;--option-soft:#f4efff}.answer-grid button:nth-child(3){--option:#d45587;--option-soft:#fff0f6}.answer-grid button:nth-child(4){--option:#d28b27;--option-soft:#fff7e8}.answer-grid button:hover{border-color:var(--option);box-shadow:0 12px 26px color-mix(in srgb, var(--option) 18%, transparent);transform:translateY(-2px)}.answer-grid button>i{border:2px solid var(--option);width:28px;height:28px;color:var(--option);background:#fff;border-radius:5px;place-items:center;font-style:normal;font-weight:900;display:grid}.answer-grid button.picked{border-color:var(--option);background:var(--option-soft);box-shadow:0 12px 28px color-mix(in srgb, var(--option) 22%, transparent)}.answer-grid button.picked>i{background:var(--option);border-color:var(--option);color:#fff}.answer-grid button.right{background:#eaf9f3;border-color:#21aa85;transform:none}.answer-grid button.right>i{color:#fff;background:#21aa85;border-color:#21aa85}.answer-grid button.wrong{background:#fff1f1;border-color:#df6f6f;transform:none}.answer-grid button.wrong>i{background:#df6f6f;border-color:#df6f6f}.answer-grid button>b{text-transform:uppercase;color:#168d72;font-size:9px}.answer-grid button.wrong>b{color:#c24d4d}.explain{background:#eef9f5;border-left:4px solid #35d6a3;margin-top:18px;padding:16px 18px}.explain b{color:#168d72;font-size:12px}.explain p{color:#506b78;margin:6px 0 0;font-size:12px;line-height:1.55}.question-card>footer{border-top:1px solid #e1e9ea;justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;display:flex}.question-card>footer span{color:#738893;font-size:10px}.question-card>footer button,.finish-card button{color:#082638;cursor:pointer;background:#35d6a3;border:0;padding:14px 22px;font-weight:900}.question-card>footer button:disabled{opacity:.35;cursor:not-allowed}.game-note{text-align:center;color:#91a8b5;margin-top:18px;font-size:10px}.finish-card{text-align:center;background:#fff;border-radius:12px;width:min(610px,100%);margin:50px auto;padding:55px 35px;position:relative}.finish-score{border:9px solid #35d6a3;border-radius:50%;place-items:center;width:135px;height:135px;margin:25px auto;font-size:42px;font-weight:900;display:grid}.finish-score small{margin-top:52px;margin-left:-50px;font-size:15px}.finish-card h1{font-size:34px}.finish-card p{color:#667b88}.finish-card>div:last-child{justify-content:center;gap:12px;margin-top:28px;display:flex}.finish-card a{color:#294553;border:1px solid #ccdada;padding:14px 22px;font-size:13px;font-weight:800;text-decoration:none}@media (max-width:650px){.b2-nav>div span{display:none}.b2-bg{background-position:68%;background-attachment:scroll;padding:70px 14px 32px}.design-credit{top:14px;right:14px}.question-card{padding:24px 17px}.answer-grid{grid-template-columns:1fr}.answer-grid button{min-height:72px}.question-card h2{font-size:25px}.finish-card>div:last-child{flex-direction:column}.game>header{align-items:start}}
