/* Bright, game-first lobby and combat chrome. No external assets required. */
body{background:#131129;color:#fff8ff;font-family:'Trebuchet MS','Segoe UI',sans-serif}body::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 30%,#663bbe32,transparent 65%),radial-gradient(ellipse at 10% 90%,#1dc6bc13,transparent 55%);z-index:-1}[hidden]{display:none!important}
header{height:72px;border:0;padding:0 5%;max-width:1500px;margin:auto}.brand{font:900 25px 'Trebuchet MS',sans-serif;letter-spacing:-1px;transform:rotate(-2deg)}.brand span{color:#d1ff6d}header small{letter-spacing:1px;color:#bcb4de}.tag{border:1px solid #574b80;background:#2c234b;color:#e5dcff;font-weight:700;letter-spacing:0;font-size:12px}button{transition:transform .12s,background .12s}button:hover:enabled{filter:brightness(1.08);transform:translateY(-2px)}button:active:enabled{transform:translateY(1px)}button:focus-visible,select:focus-visible{outline:3px solid #d3ff74;outline-offset:4px}.quiet,select{background:#27213f;border:1px solid #564774;color:#f1eaff;border-radius:10px}.primary{background:#d3ff72;color:#263219;border-radius:13px;border:0;border-bottom:5px solid #7aa838;font:900 17px 'Trebuchet MS',sans-serif;box-shadow:none;padding:15px 30px}.eyebrow{color:#c5b1ff;font-weight:800}.brand,.timer,h1,h2{font-family:'Trebuchet MS','Segoe UI',sans-serif}h1,h2{font-weight:900;letter-spacing:-1px}.timer{font-weight:900}.overlay{background:#151027c9;backdrop-filter:blur(6px)}.modal p{color:#d0c4e6}.modal small{color:#c0b3d6}.modal .quiet{margin-top:12px;display:block;width:100%}.sigil{color:#d3ff72}.arena{border:2px solid #574976;border-radius:19px;box-shadow:0 12px 0 #09071b55}.spell{background:#251e3b;border:1px solid #4d416a;border-radius:12px}.spell small{color:#c0b5d3}.spell .icon{background:#263d47;border-color:#547a83}.spell strong{font-weight:800}.cool{background:#ceff70}.footer,.sub{color:#b8accd}.footer b{color:#eee5ff}.health i{background:#8dffdc}.enemy .health i{background:#ff9ac2}.notice{color:#e9dcff}.settings label,.settings #difficulty{display:none}.heading h1{font-size:26px}.heading .sub{font-size:12px}.heading .eyebrow{letter-spacing:1px}.footer{margin-top:14px}main{padding-top:12px!important}main .settings{max-width:none}
#lobby{max-width:1180px;margin:20px auto 30px;padding:0 30px}.lobby-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.lobby-top h1{font-size:28px;margin:0}.lobby-top p{color:#bfb1d7;margin:7px 0 0;font-size:13px}.profile-pill{display:flex;align-items:center;gap:12px;background:#2e2446;padding:10px 17px;border-radius:16px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#241b33;background:#d1ff74;font-size:25px;font-weight:bold}.profile-pill strong{font-size:13px}.profile-pill small{display:block;color:#c5b6dc;margin-top:3px;font-size:11px}.lobby-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.hero{position:relative;min-height:370px;border:2px solid #9373e8;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#ab78ed 0%,#7846cf 36%,#55349c 70%);padding:32px}.hero:after{content:'';position:absolute;width:360px;height:360px;border:2px solid #ffffff12;border-radius:50%;right:-55px;top:-5px;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff03;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:310px}.mode-badge{display:inline-block;padding:6px 10px;border-radius:8px;background:#22143966;font-size:10px;font-weight:900;letter-spacing:1px;color:#efdcff}.hero h2{font-size:clamp(40px,4.7vw,62px);line-height:1.02;letter-spacing:-3px;margin:18px 0 12px;text-shadow:0 4px #36197344}.hero h2 span{color:#d5ff76}.hero p{max-width:255px;font-size:14px;line-height:1.6;color:#eee0ff;margin-bottom:22px}.play-big{min-width:225px;font-size:21px;padding:16px 24px;position:relative;z-index:3}.hero-note{margin-top:12px;display:block;color:#e4d5fc;font-size:11px;position:relative;z-index:2}.hero-art{position:absolute;right:0;top:35px;width:270px;height:280px;transform:rotate(9deg);pointer-events:none;z-index:1}.hero-art .shadow{position:absolute;bottom:5px;left:50px;width:190px;height:30px;background:#27143b55;border-radius:50%}.wizard-body{position:absolute;left:85px;top:137px;width:135px;height:110px;background:linear-gradient(120deg,#86fff0,#25adce);border-radius:40% 40% 28% 28%;transform:rotate(-8deg);border:5px solid #2b2552;box-shadow:inset -15px -10px #1889ac}.wizard-face{position:absolute;left:105px;top:108px;width:95px;height:73px;background:#262044;border:6px solid #b2fff4;border-radius:40%}.wizard-face:before,.wizard-face:after{content:'';position:absolute;top:28px;width:12px;height:17px;border-radius:8px;background:#fdffc8;box-shadow:0 0 12px #e6ffb0}.wizard-face:before{left:20px}.wizard-face:after{right:20px}.wizard-hat{position:absolute;left:68px;top:8px;width:155px;height:116px;background:#86fff0;clip-path:polygon(58% 0,86% 80%,100% 93%,96% 100%,0 100%,6% 85%,27% 77%);transform:rotate(-10deg);filter:drop-shadow(5px 5px #265c70)}.hat-band{position:absolute;left:116px;top:96px;width:65px;height:15px;background:#7958d9;transform:rotate(-10deg)}.staff{position:absolute;left:229px;top:107px;width:12px;height:160px;background:#ffcf7f;border:3px solid #5e3974;border-radius:6px;transform:rotate(20deg)}.staff:before{content:'';position:absolute;left:-18px;top:-29px;width:40px;height:44px;background:#d8ff83;border:5px solid #ffecb3;border-radius:13px;transform:rotate(30deg);box-shadow:0 0 40px #e5ff73}.spark{position:absolute;color:#e7ffb9;font-size:30px;font-weight:900}.s1{top:38px;left:42px}.s2{top:190px;left:35px;font-size:22px}.s3{top:35px;right:8px;font-size:18px}.side-stack{display:flex;flex-direction:column;gap:16px}.rank-card{background:#28203d;border:1px solid #53416c;border-radius:22px;padding:23px;flex:1}.rank-head{display:flex;gap:15px;align-items:center;margin:14px 0}.rank-emblem{display:grid;place-items:center;width:56px;height:63px;clip-path:polygon(50% 0,100% 20%,90% 76%,50% 100%,10% 76%,0 20%);background:linear-gradient(130deg,#d8ff92,#83df99);font-size:29px;color:#294431}.rank-card h3{font-size:24px;margin:0;font-weight:900;letter-spacing:-.6px}.rank-card .rating{color:#c6b7df;margin-top:5px;font-size:13px}.rank-track{height:8px;background:#473955;border-radius:8px;overflow:hidden;margin:17px 0 8px}.rank-track i{height:100%;display:block;background:#d0ff73;border-radius:8px}.rank-label{display:flex;justify-content:space-between;font-size:11px;color:#bdafd0;gap:10px}.next-bot{background:#1e192e;border-radius:11px;padding:11px 12px;margin-top:15px;font-size:12px;color:#d9cbea}.next-bot b{color:#fff}.online-card{display:flex;gap:12px;align-items:center;border:1px dashed #5d4c78;padding:16px 20px;border-radius:18px;color:#9f91b6}.online-card strong{display:block;color:#d2c2e5;font-size:14px}.online-card small{display:block;font-size:11px;margin-top:4px}.online-card .lock{font-size:23px}.practice-row{margin-top:21px;padding:18px 23px;border:1px solid #584572;background:#251d36;border-radius:19px;display:flex;align-items:center;gap:16px}.practice-icon{background:#463266;color:#e8c5ff;border-radius:14px;padding:10px;font-size:24px}.practice-copy{flex:1}.practice-copy h3{margin:0;font-size:16px}.practice-copy p{margin:5px 0 0;font-size:12px;color:#beaed1}.practice-row select{max-width:145px}.practice-row button{white-space:nowrap;font-weight:800}.lobby-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;font-size:11px;color:#aa99bf}.keys-help{display:flex;gap:15px;flex-wrap:wrap}.keys-help b{color:#ecddff}.save-note{font-size:11px;color:#a698b8;margin-top:14px}#last-result{margin-top:16px;background:#302442;border-radius:12px;padding:12px 16px;color:#e4d3f9;font-size:13px}#rank-path{display:flex;justify-content:space-between;gap:6px;margin-top:15px;color:#9686ab;font-size:10px}#rank-path .current{color:#dcff96;font-weight:900}.practice-row label{font-size:11px;color:#c5b5d7}#lobby-sound{padding:8px 12px;font-size:12px}.profile-pill{min-width:175px}
@media(min-width:800px){main{max-width:clamp(760px,calc((100vh - 260px)*1.8 + 110px),1360px)}.heading{margin-bottom:12px}.bottom{margin-top:14px}.spell{min-height:72px}.heading .sub{display:none}}
@media(max-width:1000px){.hero-art{right:-42px;opacity:.85;transform:scale(.9) rotate(9deg)}.hero-copy{max-width:240px}.hero p{max-width:200px}.hero{padding:25px}.hero h2{font-size:46px}.lobby-grid{grid-template-columns:1.4fr 1fr}}
@media(max-width:750px){#lobby{padding:0 16px;margin-top:10px}.lobby-grid{grid-template-columns:1fr}.hero{min-height:360px}.hero-art{right:5px;opacity:1}.side-stack{display:grid;grid-template-columns:1fr}.rank-card{padding:20px}.practice-row{flex-wrap:wrap;padding:16px;gap:12px}.practice-copy{min-width:65%}.practice-row label{margin-left:0}.practice-row select{flex:1;max-width:none}.lobby-top h1{font-size:23px}.lobby-top p{font-size:12px}.profile-pill{min-width:0;padding:8px}.profile-pill .avatar{display:none}.lobby-bottom{align-items:start}.hero-copy{max-width:240px}header{height:62px}.tag{font-size:10px}.brand{font-size:22px}.hero h2{font-size:50px}.online-card{padding:14px 20px}.heading .settings{max-width:100%;flex-wrap:wrap}}
@media(max-width:390px){.hero-art{right:-65px;opacity:.65}.hero h2{font-size:44px}.hero-copy{max-width:230px}.profile-pill{font-size:11px}.lobby-top{gap:10px}.practice-copy{min-width:60%}}
@media(prefers-reduced-motion:reduce){button{transition:none}}