@import url('/assets/fonts.css');
:root{--bg:#11111b;--panel:#1b1b29;--line:#333344;--ink:#f1f0f7;--muted:#aaa8bb;--accent:#ffcc61;--violet:#a78bfa;--red:#ff6b8b;--green:#8de4bb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#292939;color:var(--ink);padding:10px 16px;font-weight:700;transition:transform .15s,background .15s}button:hover:not(:disabled){transform:translateY(-2px);background:#39394e}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#171725;border-color:var(--accent)}.primary:hover:not(:disabled){background:#ffe2a1}.secondary{color:var(--accent);border-color:#6a5630}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.hidden{display:none!important}header,main,footer{max-width:1200px;margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--accent);font-size:42px;line-height:1;font-weight:1000;font-style:italic;display:flex;gap:15px;align-items:center}.brand span{color:var(--ink);font-size:13px;font-style:normal;letter-spacing:2px;line-height:1.35}.header-right{display:flex;align-items:center;gap:18px}.status{font:11px monospace;letter-spacing:1px;color:var(--muted)}.status.live{color:var(--green)}main{padding:38px 32px 60px;min-height:78vh}.eyebrow{color:var(--accent);font:11px/1.6 monospace;letter-spacing:1.8px}h1{font-size:clamp(35px,5vw,62px);line-height:1.08;letter-spacing:-2.5px;margin:18px 0 24px;font-weight:900}h1 em{color:var(--accent);font-style:normal}h2{font-size:23px;line-height:1.2;margin:0 0 15px;letter-spacing:-.5px}h3{font-size:18px}p{color:var(--muted)}.muted{font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:25px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-title h2{margin:0}.panel-title span{font-size:22px}label{display:block;font-size:13px;color:var(--muted);margin:16px 0 8px}input,select{display:block;width:100%;background:#11111d;border:1px solid var(--line);border-radius:7px;padding:11px 12px;color:var(--ink);margin-top:6px}input:focus,select:focus{outline:2px solid var(--violet);outline-offset:1px}input[type=range]{padding:0;accent-color:var(--accent)}small{font-size:12px;color:var(--muted)}.login-screen{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding:18px 0}.intro>p{font-size:17px}.login-card{padding:35px}.login-card .primary{width:100%;margin-top:24px}.error{color:var(--red);min-height:24px}.controls-hint{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-top:24px}kbd{font-family:monospace;background:#303044;color:var(--ink);border:1px solid #51516c;border-bottom-width:3px;border-radius:5px;padding:3px 8px;font-size:11px}.hero-fighters{height:215px;display:flex;justify-content:space-around;align-items:center;margin-top:10px}.hero-fighters>div{transform:scale(.8);width:120px}.hero-fighters>b{color:var(--accent);font-size:30px;font-style:italic}nav{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px}nav button{font:12px monospace;letter-spacing:1px;border:0;background:transparent;color:var(--muted)}nav .selected{color:var(--accent);background:#27242a}nav #sound{margin-left:auto}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 22px}.section-heading h1{font-size:46px;margin-bottom:0}.my-record{display:flex;flex-direction:column;text-align:right}.my-record>span{font:11px monospace;color:var(--muted);letter-spacing:2px}.my-record>strong{font-size:23px;margin-top:8px;color:var(--violet)}.lobby-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.badge{background:#30293e;border:1px solid #504367;color:var(--violet);border-radius:6px;padding:0 8px}.player-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0}.player-row:last-child{border:0}.avatar-small{width:46px;height:46px;border-radius:9px;background:#353347;display:grid;place-items:center;font-size:24px;object-fit:cover}.player-info{flex:1;min-width:0}.player-info strong,.player-info small{display:block;overflow-wrap:anywhere}.player-info small{font-size:11px}.player-state{color:var(--green);font:10px monospace;letter-spacing:1px}.rank-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.rank-number{width:24px;font:bold 18px monospace;color:var(--muted)}.rank-row:first-child .rank-number{color:var(--accent)}.rank-stats{display:flex;flex-direction:column;text-align:right;white-space:nowrap;font-size:12px;color:var(--muted)}.rank-stats strong{font-size:21px;color:var(--accent)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.power-info{color:var(--accent);padding:14px;background:#29252d;border-radius:8px;font-size:13px}#crop{max-width:100%;display:block;margin:20px auto;background:#11111b;border-radius:50%;border:3px solid var(--violet);width:200px;height:200px}hr{border:0;border-top:1px solid var(--line);margin-top:30px}.history-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.history-row .outcome{width:82px;font:bold 11px monospace;color:var(--accent)}.history-row>div{flex:1}.history-row small{display:block}.fight-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.clock{font:bold 42px monospace;color:var(--accent)}.health-row{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:18px;margin-bottom:24px}.health-row>div>span{float:right;font:16px monospace;color:var(--accent)}.health-track{height:15px;background:#343142;border-radius:3px;margin-top:8px;overflow:hidden}.health-track>div{height:100%;width:100%;background:var(--green);transition:width .1s}#p2-bar{background:var(--violet)}.vs{font-size:27px;text-align:center;color:var(--accent);font-style:italic}.stage{position:relative;isolation:isolate;height:360px;border:1px solid #45435c;border-radius:12px;overflow:hidden;background:linear-gradient(#25243a,#39354a)}.office-windows{position:absolute;inset:30px 6% 32%;background:repeating-linear-gradient(90deg,transparent 0 100px,#383348 100px 110px),linear-gradient(#716498,#cb8b84);border:10px solid #393348}.office-windows:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#332f45 50% 55%,transparent 55%)}.wall-sign{position:absolute;top:24px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:12px 22px;background:#222031;box-shadow:0 0 40px #efc06726;color:var(--accent);font:bold 19px monospace;letter-spacing:3px;border:2px solid #79705f}.wall-sign small{display:block;text-align:center;font-size:9px;letter-spacing:4px}.stage-floor{position:absolute;bottom:0;height:65px;width:100%;background:repeating-linear-gradient(90deg,transparent 0 100px,#22202f55 100px 102px),linear-gradient(#40394b,#282431);border-top:7px solid #211e2d;z-index:-1}.desk{position:absolute;bottom:60px;width:220px;height:70px;border-top:12px solid #5b4a56;border-left:12px solid #322b3b;border-right:12px solid #322b3b;opacity:.7;z-index:-1}.desk:before{content:'';position:absolute;width:50px;height:45px;top:-66px;left:55px;background:#202331;border:5px solid #4a435d;border-radius:4px;box-shadow:0 8px #373042}.desk-one{left:6%}.desk-two{right:6%}.plant{position:absolute;bottom:52px;left:48%;font-size:50px;opacity:.65}.fighter-slot{position:absolute;bottom:55px;width:140px;height:210px}.fighter-slot:nth-of-type(6){left:20%}#fighter-one{left:20%}#fighter-two{right:20%;transform:scaleX(-1)}.fighter{position:relative;width:140px;height:210px;--suit:#9578e5;--belt:#ffcf68;animation:breathe 1.4s infinite ease-in-out}.fighter.robot{--suit:#78a5bb;--belt:#82f5cd}.fighter.mage{--suit:#a767ae;--belt:#ffb873}.fighter.executive{--suit:#637aac;--belt:#f2b681}.head{position:absolute;top:10px;left:46px;width:56px;height:56px;border:3px solid var(--belt);border-radius:50%;z-index:4;background:#efc096;display:grid;place-items:center;font-size:33px;overflow:hidden;box-shadow:2px 4px #11111b66}.head img{width:100%;height:100%;object-fit:cover}.torso{position:absolute;top:65px;left:43px;width:62px;height:73px;background:var(--suit);border:4px solid #1b1a2d;border-radius:14px 14px 9px 9px;box-shadow:inset -13px 0 #0002}.torso:after{content:'';position:absolute;bottom:7px;left:-4px;width:62px;height:10px;background:var(--belt);border:2px solid #202035}.arm{position:absolute;top:72px;width:25px;height:68px;background:var(--suit);border:4px solid #202035;border-radius:14px;transform-origin:50% 14px}.arm.left{left:27px;transform:rotate(18deg)}.arm.right{left:99px;transform:rotate(-48deg)}.arm:after{content:'';position:absolute;bottom:-6px;left:-3px;width:26px;height:25px;background:var(--belt);border:3px solid #202035;border-radius:9px}.leg{position:absolute;top:130px;width:28px;height:68px;background:var(--suit);border:4px solid #202035;border-radius:8px;transform-origin:top}.leg.left{left:44px;transform:rotate(10deg)}.leg.right{left:78px;transform:rotate(-14deg)}.leg:after{content:'';position:absolute;bottom:-6px;width:35px;height:20px;left:-4px;background:#272332;border-radius:5px;border:3px solid var(--belt)}.shadow{position:absolute;bottom:0;left:19px;width:115px;height:12px;border-radius:50%;background:#0a0a1555;z-index:-1}.fighter.mage .torso{border-radius:6px 6px 20px 20px}.fighter.robot .head{border-radius:10px}.fighter.executive .torso:before{content:'';position:absolute;left:22px;top:0;width:10px;height:42px;background:var(--belt);clip-path:polygon(10% 0,90% 0,100% 80%,50% 100%,0 80%)}.fighter.punch .arm.right{animation:punch .25s}.fighter.hurt{animation:hurt .3s}.fighter.power{filter:drop-shadow(0 0 20px var(--accent))}.fighter.shield{filter:drop-shadow(0 0 13px #6be5e7)}.fighter.stunned{opacity:.65}.fighter.defeated{transform:rotate(-80deg) translate(-30px,-15px);animation:none}.fight-banner{position:absolute;top:105px;left:50%;transform:translateX(-50%);font:bold italic 50px monospace;color:var(--accent);text-shadow:4px 4px #141321;z-index:10;pointer-events:none;white-space:nowrap}.combat-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:22px}.combat-bottom>div:first-child{display:flex;gap:12px}.attack-button{min-height:95px;flex:1;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.attack-button strong{font-size:15px;line-height:1.2;overflow-wrap:anywhere}.attack-button span{font:10px monospace;color:var(--green)}.special{border-color:#8c7344;background:#2a2530}.special strong{color:var(--accent)}#combat-log{font:12px/1.9 monospace;color:var(--muted);max-height:110px;overflow:hidden}#fight-result{margin-top:20px;text-align:center}#fight-result h2{font-size:35px;color:var(--accent)}dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px;max-width:min(550px,92vw);width:480px}dialog::backdrop{background:#080711cc;backdrop-filter:blur(5px)}dialog h2{margin-top:15px}#challenge-buttons{display:flex;gap:12px}#detail-dialog{width:650px;max-height:80vh;overflow:auto}#detail-content .event-row{font:12px monospace;padding:8px;border-bottom:1px solid var(--line)}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90vw;border:1px solid #79624a;border-radius:10px;background:#2b2530;padding:14px 24px;color:var(--accent);z-index:30;box-shadow:0 8px 40px #0008}footer{border-top:1px solid var(--line);padding:22px 32px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1.5px;color:var(--muted)}.ambient{position:fixed;top:-200px;right:-150px;width:700px;height:700px;background:radial-gradient(#59417628,transparent 70%);z-index:-1;pointer-events:none}.empty{padding:30px 10px;text-align:center;color:var(--muted)}@keyframes breathe{50%{transform:translateY(-3px)}}@keyframes punch{50%{transform:rotate(-100deg) translateY(-15px)}}@keyframes hurt{25%{transform:translateX(-12px);filter:brightness(2)}75%{transform:translateX(4px)}}@media(max-width:800px){header{height:85px;padding:0 20px}main{padding:25px 20px}.login-screen{grid-template-columns:1fr;gap:25px}.intro h1{font-size:48px}.hero-fighters{display:none}.lobby-grid,.profile-grid{grid-template-columns:1fr}.section-heading h1{font-size:34px}.section-heading{gap:20px}.my-record strong{font-size:16px}.combat-bottom{grid-template-columns:1fr}.stage{height:320px}#fighter-one{left:8%}#fighter-two{right:8%}.wall-sign{font-size:13px}.fight-heading .eyebrow{max-width:130px}.fighter-slot{transform:scale(.9)}#fighter-two{transform:scale(-.9,.9)}nav{flex-wrap:wrap}nav button{font-size:10px;padding:10px}nav #sound{margin-left:0}.health-row{gap:6px;grid-template-columns:1fr 35px 1fr}.health-row b{font-size:13px}.player-row{gap:8px}.player-row button{padding:8px;font-size:11px}.player-info strong{font-size:13px}footer span:nth-child(2){display:none}.history-row{gap:8px}.history-row button{font-size:11px;padding:7px}.fight-banner{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.avatar-small img{width:100%;height:100%;border-radius:inherit}.panel-title{gap:12px}.badge{flex-shrink:0}.trophy{color:var(--accent)}.plant{width:55px;height:95px;bottom:52px}.plant:before{content:"";position:absolute;width:5px;height:65px;background:#6f8a77;bottom:15px;left:26px}.plant i{position:absolute;top:5px;left:25px;width:35px;height:20px;background:#657e72;border-radius:50% 5% 50% 5%;transform:rotate(-35deg)}.plant i:nth-child(2){left:0;top:20px;transform:rotate(45deg)}.plant i:nth-child(3){top:40px;transform:rotate(-25deg)}.plant span{position:absolute;bottom:0;left:8px;width:42px;height:30px;background:#8f6f74;clip-path:polygon(0 0,100% 0,83% 100%,17% 100%)}