:root{--bg-0: #070a0e;--bg-1: #0e141c;--bg-2: #16202b;--steel: #8fa3b8;--steel-dim: #5c6f82;--gold: #c9a227;--gold-soft: #e6c76a;--ember: #c45c26;--blood: #8b1e1e;--sage: #3d7a5a;--fog: rgba(180, 200, 220, .08);--line: rgba(201, 162, 39, .28);--text: #e8eef5;--text-dim: #9aabbd;--danger: #d94a4a;--radius: 14px;--font-fa: "Modam", Tahoma, sans-serif;--font-num: "Orbitron", Tahoma, sans-serif}@font-face{font-family:Modam;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/modam/ModamWeb-Regular.woff2) format("woff2")}@font-face{font-family:Modam;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/modam/ModamWeb-Medium.woff2) format("woff2")}@font-face{font-family:Modam;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/modam/ModamWeb-SemiBold.woff2) format("woff2")}@font-face{font-family:Modam;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/modam/ModamWeb-Bold.woff2) format("woff2")}@font-face{font-family:Modam;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/modam/ModamWeb-ExtraBold.woff2) format("woff2")}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font-fa);background:radial-gradient(1200px 700px at 80% -10%,rgba(196,92,38,.18),transparent 55%),radial-gradient(900px 600px at 10% 0%,rgba(61,122,90,.12),transparent 50%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 45%,#0a1017);background-attachment:fixed}button,input,select{font:inherit}a{color:var(--gold-soft)}.app-shell{width:min(920px,100%);margin:0 auto;padding:1.25rem 1rem 2.5rem;min-height:100vh;display:flex;flex-direction:column}.app-shell>.site-footer{margin-top:auto}.brand{font-family:var(--font-fa);letter-spacing:0;font-weight:800;font-size:clamp(1.6rem,4vw,2.2rem);margin:0;background:linear-gradient(120deg,var(--gold-soft),#fff3c4 40%,var(--steel));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(201,162,39,.15)}.tagline{margin:.4rem 0 0;color:var(--text-dim);font-size:.95rem}.panel{margin-top:1.25rem;padding:1.1rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#16202beb,#0b0f14e0),var(--fog);box-shadow:inset 0 1px #ffffff0a,0 18px 40px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel h2{margin:0 0 .75rem;font-size:1.05rem;color:var(--gold-soft)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.stat{padding:.7rem .4rem .65rem;border-radius:10px;background:#00000047;border:1px solid rgba(143,163,184,.18);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.28rem;min-width:0}.stat strong{display:block;font-family:var(--font-num);font-size:clamp(.95rem,3.4vw,1.15rem);color:var(--text)}.stat span{color:var(--steel-dim);font-size:.72rem;line-height:1.3}.glow-icon{width:1.35rem;height:1.35rem;display:block;flex-shrink:0}.glow-ember{color:#ff8a4c;filter:drop-shadow(0 0 6px rgba(255,120,60,.85)) drop-shadow(0 0 14px rgba(196,92,38,.55))}.glow-gold{color:#f0d56a;filter:drop-shadow(0 0 6px rgba(230,199,106,.9)) drop-shadow(0 0 14px rgba(201,162,39,.55))}.glow-steel{color:#b7c9dc;filter:drop-shadow(0 0 6px rgba(160,190,220,.75)) drop-shadow(0 0 12px rgba(100,140,180,.45))}.glow-sage{color:#7dca9a;filter:drop-shadow(0 0 6px rgba(90,200,140,.8)) drop-shadow(0 0 12px rgba(61,122,90,.5))}.glow-blood{color:#ff6b6b;filter:drop-shadow(0 0 6px rgba(255,80,80,.85)) drop-shadow(0 0 14px rgba(180,40,40,.55))}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.btn-with-icon .glow-icon{width:1.15rem;height:1.15rem}.site-footer{margin-top:1.75rem;padding-top:.75rem;text-align:center;font-size:.68rem;color:var(--steel-dim);opacity:.75;letter-spacing:.01em}.site-footer a{color:var(--gold-soft);text-decoration:none}.site-footer a:hover{text-decoration:underline}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;padding:.85rem .75rem;cursor:pointer;color:var(--text);background:linear-gradient(180deg,#243344,#17222e);border-color:#8fa3b840;transition:transform .15s ease,border-color .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);border-color:var(--gold);filter:brightness(1.05)}.btn:active{transform:translateY(0)}.btn-attack{background:linear-gradient(180deg,#5a2424,#2a1212);border-color:#d94a4a73}.btn-mine{background:linear-gradient(180deg,#3d5a2e,#1c2a16);border-color:#3d7a5a80}.btn-defend{background:linear-gradient(180deg,#2a3d5a,#141e2c);border-color:#8fa3b866}.btn-primary{background:linear-gradient(180deg,#6b5420,#2f2410);border-color:#c9a2278c}.muted{color:var(--text-dim);font-size:.88rem;line-height:1.7}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line);color:var(--gold-soft);font-size:.75rem}.hp-bar{height:10px;border-radius:999px;background:#00000073;overflow:hidden;border:1px solid rgba(143,163,184,.2)}.hp-bar>i{display:block;height:100%;width:72%;background:linear-gradient(90deg,var(--blood),var(--ember),var(--gold))}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.topbar-user{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;flex-shrink:0}.user-chip{text-align:left;padding:.45rem .7rem;border-radius:12px;border:1px solid rgba(201,162,39,.35);background:#00000059;min-width:7rem}.user-chip-label{display:block;font-size:.68rem;color:var(--steel-dim);margin-bottom:.1rem}.user-chip strong{font-size:.9rem;color:var(--gold-soft)}.btn-admin-ghost{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(143,163,184,.25);background:#00000059;color:var(--steel);text-decoration:none;font-size:.95rem;opacity:.7}.btn-admin-ghost:hover{opacity:1;border-color:var(--gold);color:var(--gold-soft)}.panel-ally{border-color:#3d7a5a73;box-shadow:inset 0 1px #7dca9a14,0 18px 40px #00000059,0 0 24px #3d7a5a1f}.panel-enemy{border-color:#d94a4a66;background:linear-gradient(145deg,#2a1216eb,#0e0a0ee6),var(--fog);box-shadow:inset 0 1px #ff6b6b14,0 18px 40px #00000059,0 0 28px #b4282829}.panel-enemy h2{color:#ff8f8f}.hp-ally>i{background:linear-gradient(90deg,#2f6b4a,#7dca9a,#e6c76a)}.hp-enemy>i{background:linear-gradient(90deg,#5a1212,#d94a4a,#ff8a4c)}.stat-enemy{border-color:#d94a4a47}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#03060ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .22s ease}.modal-card{position:relative;width:min(400px,100%);padding:1.35rem 1.1rem 1.1rem;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,#15202c,#0b1017 70%);box-shadow:0 24px 60px #0000008c;overflow:hidden;animation:popIn .35s cubic-bezier(.2,.9,.2,1.2);text-align:center}.modal-wide{width:min(520px,100%)}.modal-actions{display:grid;gap:.45rem;margin-top:.85rem}.modal-actions .modal-close{margin-top:0}.modal-burst{position:absolute;inset:-40% -20% auto;height:180px;background:radial-gradient(circle,rgba(230,199,106,.22),transparent 70%);pointer-events:none}.modal-mine .modal-burst{background:radial-gradient(circle,rgba(125,202,154,.28),transparent 70%)}.modal-attack .modal-burst{background:radial-gradient(circle,rgba(217,74,74,.3),transparent 70%)}.modal-defend .modal-burst{background:radial-gradient(circle,rgba(120,170,220,.28),transparent 70%)}.modal-limit .modal-burst{background:radial-gradient(circle,rgba(201,162,39,.25),transparent 70%)}.modal-title{margin:0 0 .6rem;font-size:1.15rem;color:var(--gold-soft)}.modal-body{position:relative;z-index:1}.modal-icon-wrap{width:4.2rem;height:4.2rem;margin:.2rem auto .85rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#00000059}.modal-hero-icon{width:2.1rem!important;height:2.1rem!important}.modal-line{margin:.25rem 0;color:var(--text-dim);line-height:1.7;font-size:.92rem}.modal-close{margin-top:1rem;width:100%}.modal-anim-mine{animation:spinGlow 1.1s ease both}.modal-anim-attack{animation:slashPulse .7s ease both}.modal-anim-defend{animation:shieldPulse .9s ease both}.modal-anim-limit{animation:shakeSoft .55s ease both}.modal-anim-repair,.modal-anim-boost{animation:spinGlow 1s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spinGlow{0%{transform:scale(.6) rotate(-20deg);opacity:.2}60%{transform:scale(1.12) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes slashPulse{0%{transform:translate(12px) scale(.7);opacity:0}50%{transform:translate(-4px) scale(1.15)}to{transform:translate(0) scale(1);opacity:1}}@keyframes shieldPulse{0%{transform:scale(.5);opacity:0;filter:brightness(2)}to{transform:scale(1);opacity:1}}@keyframes shakeSoft{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.hero-banner{position:relative;margin:-.25rem -1rem 1.1rem;width:calc(100% + 2rem);aspect-ratio:16 / 9;max-height:42vh;overflow:hidden;background:#05070a;border-bottom:1px solid rgba(201,162,39,.22)}.hero-media{width:100%;height:100%;object-fit:cover;display:block}.hero-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition:opacity .35s ease}.hero-poster-hide{opacity:0;pointer-events:none}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:opacity .25s ease}.hero-video.is-playing{opacity:1}.hero-fade{position:absolute;inset:auto 0 0;height:42%;z-index:2;background:linear-gradient(180deg,transparent,rgba(7,10,14,.92));pointer-events:none}.hero-sound-hint{position:absolute;z-index:3;left:50%;bottom:.85rem;transform:translate(-50%);padding:.4rem .85rem;border-radius:999px;border:1px solid rgba(201,162,39,.45);background:#0009;color:var(--gold-soft);font-size:.75rem;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-block{position:relative;text-align:center;padding:.15rem 2.2rem .35rem}.brand-hero{font-size:clamp(1.85rem,5.5vw,2.55rem);line-height:1.15}.tagline-hero{margin-top:.55rem;font-size:.92rem;line-height:1.75;color:var(--text-dim);max-width:28rem;margin-inline:auto}.brand-admin{position:absolute;top:.1rem;left:0}.brand-fame{position:absolute;top:.1rem;right:0}.fame-card h2{margin-bottom:.35rem}.fame-winner{margin:.75rem 0;color:var(--gold-soft);font-size:1rem}.fame-mvp{margin-top:.85rem;padding-top:.65rem;border-top:1px solid rgba(143,163,184,.14)}.phase-banner{margin:.85rem 0 0;text-align:center;font-size:.82rem;padding:.45rem .7rem;border-radius:10px;border:1px solid rgba(143,163,184,.22);background:#00000047;color:var(--text-dim)}.phase-draft{border-color:#c9a22766;color:var(--gold-soft)}.phase-active{border-color:#d94a4a59;color:#ffb0a0}.roster-block{margin-top:.95rem;padding-top:.75rem;border-top:1px solid rgba(143,163,184,.15)}.roster-title{margin:0 0 .45rem;font-size:.8rem;color:var(--steel);font-weight:600}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.28rem}.roster li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.86rem;color:var(--text);padding:.28rem .45rem;border-radius:8px;background:#00000038}.roster-captain{font-style:normal;font-size:.68rem;color:var(--gold-soft);border:1px solid rgba(201,162,39,.4);border-radius:999px;padding:.08rem .4rem;flex-shrink:0}.roster-empty{margin:0;font-size:.8rem;color:var(--steel-dim)}.team-pick{display:grid;gap:.85rem}.team-pick-card{display:flex;flex-direction:column;gap:.55rem}.help-fab{position:fixed;z-index:40;bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));left:1rem;width:2.65rem;height:2.65rem;border-radius:50%;border:1px solid rgba(201,162,39,.55);background:linear-gradient(160deg,#3a2e14,#15100a);color:var(--gold-soft);font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 10px 28px #00000073;transition:transform .15s ease,border-color .15s ease}.help-fab:hover{transform:translateY(-2px) scale(1.04);border-color:var(--gold)}.help-scroll{max-height:min(58vh,420px);overflow-y:auto;text-align:right;padding-inline:.15rem;-webkit-overflow-scrolling:touch}.help-scroll-full{max-height:min(68vh,560px)}.help-ol{list-style:decimal}.help-faq{text-align:right;color:var(--text-dim);font-size:.86rem;line-height:1.75}.help-faq p{margin:0 0 .75rem;padding:.55rem .6rem;border-radius:10px;background:#00000047;border:1px solid rgba(143,163,184,.14)}.help-faq strong{color:var(--gold-soft)}.help-heading{margin:.85rem 0 .4rem;font-size:.95rem;color:var(--gold-soft);text-align:right}.help-heading:first-child{margin-top:0}.help-lore{text-align:right}.help-list{margin:.35rem 0 .6rem;padding-inline-start:1.15rem;color:var(--text-dim);font-size:.88rem;line-height:1.75;text-align:right}.help-list li{margin-bottom:.35rem}.help-closing{margin-top:.65rem!important;color:var(--gold-soft)!important;font-size:.9rem!important;text-align:center!important}.font-num{font-family:var(--font-num)}.admin-context-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.85rem;padding:.7rem .8rem;border-radius:14px;border:1px solid rgba(201,162,39,.35);background:#281e0a8c}.admin-context-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.admin-context-label{font-size:.7rem;color:var(--gold-soft);letter-spacing:.02em}.admin-context-name{font-size:.92rem;line-height:1.3;overflow-wrap:anywhere}.admin-gate-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.admin-gate-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:right;display:flex;flex-direction:column;gap:.2rem;padding:.85rem .9rem;border-radius:12px;border:1px solid rgba(143,163,184,.28);background:#00000052;color:var(--text);cursor:pointer;font:inherit}.admin-gate-item:hover{border-color:#c9a22780}.admin-chat-row-actions{display:flex;gap:.35rem;flex-shrink:0}.admin-tabs{display:flex;gap:.35rem;margin-top:1rem;overflow-x:auto;padding-bottom:.15rem}.admin-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(143,163,184,.25);background:#00000047;color:var(--text-dim);border-radius:999px;padding:.4rem .75rem;font-size:.8rem;cursor:pointer;white-space:nowrap}.admin-tab.is-active{border-color:#c9a2278c;color:var(--gold-soft);background:#3c2d0f8c}.admin-list{margin:0;padding-inline-start:1.1rem}.admin-list li{margin-bottom:.4rem}.admin-team-edit{padding:.75rem 0;border-top:1px solid rgba(143,163,184,.12)}.admin-team-edit:first-of-type{border-top:0;padding-top:0}.admin-edit-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.45rem;margin-top:.55rem;align-items:end}.admin-edit-row label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--steel-dim)}.admin-edit-row input,.admin-textarea{width:100%;border-radius:10px;border:1px solid rgba(143,163,184,.28);background:#00000059;color:var(--text);padding:.55rem .6rem;font:inherit}.admin-textarea{resize:vertical;min-height:6rem}.btn-sm{padding:.35rem .5rem;font-size:.72rem;border-radius:8px}.admin-roster-block{margin-top:.9rem;padding-top:.75rem;border-top:1px solid rgba(143,163,184,.12)}.admin-roster-block h3{margin:0 0 .55rem;font-size:.95rem;color:var(--gold-soft)}.admin-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.admin-member-list>li{padding:.55rem .6rem;border-radius:10px;background:#00000047;border:1px solid rgba(143,163,184,.14)}.admin-member-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.roster-banned{font-style:normal;font-size:.68rem;color:#ff8f8f;border:1px solid rgba(217,74,74,.45);border-radius:999px;padding:.08rem .4rem;margin-inline-start:.35rem}.admin-chat-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;list-style:none;margin-inline-start:0!important;padding:.45rem 0}.admin-chat-card{list-style:none;margin:0 0 .75rem!important;padding:.65rem .7rem;border-radius:12px;border:1px solid rgba(143,163,184,.16);background:#00000038}.admin-select-label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--steel-dim);margin-bottom:.7rem}.admin-select{width:100%;border-radius:10px;border:1px solid rgba(143,163,184,.28);background:#00000059;color:var(--text);padding:.55rem .6rem;font:inherit}@media(max-width:520px){.admin-edit-row{grid-template-columns:1fr 1fr}.admin-edit-row>.btn{grid-column:1 / -1}}