/* SLVL game HUD: dark holographic System interface. Original design, no external assets. */
:root { --bg: #050816; --bg2: #0a1230; --panel: rgba(12, 22, 52, 0.78); --line: rgba(56, 225, 255, 0.35); --cyan: #38e1ff; --blue: #2563eb; --violet: #8b5cf6; --gold: #fbbf24; --red: #f43f5e; --green: #34d399; --text: #dbe7ff; --muted: #8aa0c8; --font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; background: radial-gradient(ellipse at 50% -10%, #12245e 0%, var(--bg) 60%) fixed; color: var(--text); font: 15px/1.45 var(--font); overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 60; background: repeating-linear-gradient(0deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 3px); }
body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; background-image: linear-gradient(rgba(56,225,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(56,225,255,0.06) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, transparent, #000 40%, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent, #000 40%, transparent); }
body.in-game { padding: 72px 0 96px; }
body.out-game { padding: 24px 0; }
a { color: var(--cyan); text-decoration: none; }
h1, h2, h3 { margin: 0 0 8px; letter-spacing: 0.04em; }
h1 { font-size: 1.5rem; } h2 { font-size: 1.15rem; } h3 { font-size: 1rem; }
i { font-style: normal; }
small { color: var(--muted); }
.wrap { width: min(1080px, 94vw); margin: 0 auto; display: grid; gap: 18px; }
.fx { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.fx span { position: absolute; bottom: -10px; width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); opacity: 0; animation: rise linear infinite; }
@keyframes rise { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 0.8; } 100% { transform: translateY(-105vh); opacity: 0; } }
main, header, nav { position: relative; z-index: 2; }

/* Frames */
.frame { position: relative; background: linear-gradient(160deg, rgba(20, 36, 84, 0.85), var(--panel)); border: 1px solid var(--line); padding: 20px; clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px); box-shadow: inset 0 0 30px rgba(56,225,255,0.08); }
.frame::before, .frame::after { content: ""; position: absolute; width: 22px; height: 22px; border: 2px solid var(--cyan); filter: drop-shadow(0 0 6px var(--cyan)); }
.frame::before { top: 6px; left: 6px; border-right: 0; border-bottom: 0; }
.frame::after { right: 6px; bottom: 6px; border-left: 0; border-top: 0; }
.ttl { text-transform: uppercase; color: var(--cyan); text-shadow: 0 0 10px rgba(56,225,255,0.6); display: flex; align-items: center; gap: 8px; }
.ttl::before { content: "◆"; font-size: 0.7em; }
.ttl .count { margin-left: auto; color: var(--text); font-size: 0.85rem; }
.sub { color: var(--muted); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 16px; }

/* Controls */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--cyan); background: linear-gradient(180deg, rgba(56,225,255,0.25), rgba(37,99,235,0.35)); color: #fff; font: 600 0.95rem var(--font); letter-spacing: 0.05em; padding: 10px 18px; cursor: pointer; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); transition: transform 0.15s, box-shadow 0.15s, filter 0.15s; text-transform: uppercase; }
.btn:hover, .btn:focus-visible { filter: brightness(1.25); box-shadow: 0 0 18px rgba(56,225,255,0.6); transform: translateY(-1px); }
.btn.ghost { background: transparent; }
.btn.big { padding: 14px 28px; font-size: 1.05rem; }
.icon-btn { width: 40px; height: 40px; padding: 0; display: inline-grid; place-items: center; border: 1px solid var(--line); background: rgba(56,225,255,0.08); color: var(--text); font-size: 1.1rem; line-height: 1; cursor: pointer; border-radius: 10px; transition: background 0.15s, transform 0.15s, border-color 0.15s; }
.icon-btn:hover { background: rgba(56,225,255,0.25); transform: scale(1.08); }
.icon-btn.ok { color: var(--green); }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
input[type=text], input[type=email], input[type=password], textarea, select { width: 100%; background: rgba(5, 8, 22, 0.7); border: 1px solid var(--line); color: var(--text); font: 1rem var(--font); padding: 12px 14px; border-radius: 8px; }
input::placeholder, textarea::placeholder { color: var(--muted); }
.form { display: grid; gap: 12px; }
.picks { display: flex; flex-wrap: wrap; gap: 10px; }
.pick input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pick span { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 96px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(56,225,255,0.05); cursor: pointer; transition: all 0.15s; text-align: center; font-weight: 600; }
.pick span i { font-size: 1.6rem; }
.pick span i.stars { font-size: 1rem; color: var(--gold); }
.pick input:checked + span { border-color: var(--cyan); background: rgba(56,225,255,0.2); box-shadow: 0 0 16px rgba(56,225,255,0.45); transform: translateY(-2px); }
.pick input:focus-visible + span { outline: 2px solid var(--gold); }
.picks.sm .pick span { min-width: 72px; padding: 8px; flex-direction: row; }
.pick.oath span { flex-direction: row; font-size: 1.05rem; padding: 16px 22px; }
.pick-btn { border: 1px solid var(--line); background: rgba(56,225,255,0.05); color: var(--text); padding: 8px 14px; border-radius: 20px; cursor: pointer; font: 600 0.9rem var(--font); }
.pick-btn.on, .pick-btn:hover { border-color: var(--gold); color: var(--gold); box-shadow: 0 0 12px rgba(251,191,36,0.4); }
.slider { display: grid; grid-template-columns: 120px 1fr 48px 60px; align-items: center; gap: 10px; }
.slider span { font-weight: 600; }
.slider output { font: 700 1.2rem var(--font); color: var(--cyan); text-align: right; }
input[type=range] { width: 100%; accent-color: var(--cyan); height: 28px; }
.switch { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(56,225,255,0.12); cursor: pointer; }
.switch input { position: absolute; opacity: 0; }
.switch i { width: 50px; height: 26px; border-radius: 13px; background: #1e293b; border: 1px solid var(--line); position: relative; transition: background 0.2s; }
.switch i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--muted); transition: all 0.2s; }
.switch input:checked + i { background: rgba(56,225,255,0.4); }
.switch input:checked + i::after { left: 27px; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.switch input:focus-visible + i { outline: 2px solid var(--gold); }
.drawer { margin-top: 14px; }
.drawer summary { list-style: none; }
.drawer summary::-webkit-details-marker { display: none; }
.drawer[open] summary { margin-bottom: 12px; }.calibration-drawer{margin-top:15px;border:1px solid rgba(56,225,255,.25);background:linear-gradient(150deg,rgba(10,19,46,.96),rgba(3,6,16,.99));overflow:hidden}.calibration-drawer>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}.calibration-drawer>summary::-webkit-details-marker{display:none}.calibration-drawer>summary>span{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 9px;align-items:center}.calibration-drawer>summary .sli{grid-row:1/3;width:23px;height:23px;color:var(--cyan)}.calibration-drawer>summary b{color:#fff;font-size:.72rem;letter-spacing:.09em}.calibration-drawer>summary small{color:#7185ad;font-size:.6rem}.calibration-drawer>summary>i{padding:4px 7px;border:1px solid rgba(56,225,255,.3);color:var(--cyan);font-size:.5rem;font-style:normal;font-weight:900;letter-spacing:.1em}.calibration-drawer[open]>summary{border-bottom:1px solid rgba(56,225,255,.15)}.calibration-drawer[open]>summary>i{color:var(--gold);border-color:rgba(251,191,36,.4)}.calibration-panel{padding:14px}.calibration-safety{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:10px;border:1px solid rgba(52,211,153,.27);background:rgba(6,78,59,.09)}.calibration-safety>.sli{width:24px;height:24px;color:var(--green);flex:none}.calibration-safety span{display:grid}.calibration-safety b{color:#a7f3d0;font-size:.68rem}.calibration-safety small{color:#83a69f;font-size:.58rem}.calibration-form{display:grid;gap:10px}.calibration-section{--gc:#38e1ff;padding:12px;border:1px solid color-mix(in srgb,var(--gc) 24%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--gc) 6%,rgba(9,16,39,.8)),rgba(3,6,16,.82))}.calibration-section>header{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--gc) 16%,transparent)}.calibration-section>header>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gc) 36%,transparent);color:var(--gc);font-style:normal}.calibration-section>header .sli{width:20px;height:20px}.calibration-section>header span{display:grid}.calibration-section>header b{color:#fff;font-size:.68rem;letter-spacing:.09em}.calibration-section>header small{color:#64748b;font-size:.56rem}.calibration-section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.calibration-bodyweight{--gc:#38e1ff}.calibration-conditioning{--gc:#34d399}.calibration-gym{--gc:#a78bfa}.calibration-metric{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:auto auto auto!important;gap:5px 7px!important;min-width:0;padding:10px;border:1px solid color-mix(in srgb,var(--gc) 13%,transparent);background:rgba(3,7,20,.62)}.calibration-metric>span{display:flex;align-items:center;gap:6px;min-width:0;color:#dbe7ff;font-size:.64rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calibration-metric>span i{color:var(--gc)}.calibration-metric>span .sli{width:16px;height:16px}.calibration-metric>output{min-width:39px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--gc) 35%,transparent);background:color-mix(in srgb,var(--gc) 7%,rgba(3,7,20,.8));color:#fff;font:900 .72rem var(--mono);text-align:center}.calibration-metric>small{align-self:center;color:color-mix(in srgb,var(--gc) 70%,#94a3b8);font-size:.52rem;font-weight:800}.calibration-metric>input{grid-column:1/-1!important;grid-row:2!important;width:100%;margin:4px 0 0;accent-color:var(--gc)}.calibration-metric>em{grid-column:1/-1;display:flex;justify-content:space-between;color:#435576;font-size:.46rem;font-style:normal}.calibration-metric>em b{font-weight:700}.calibration-form>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:4px}.calibration-form>footer>span{display:grid}.calibration-form>footer b{color:var(--cyan);font-size:.6rem;letter-spacing:.1em}.calibration-form>footer small{color:#64748b;font-size:.56rem}.calibration-submit{min-width:210px}@media(max-width:850px){.calibration-section>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.calibration-panel{padding:10px}.calibration-section{padding:10px}.calibration-section>div{grid-template-columns:1fr}.calibration-form>footer{display:grid}.calibration-submit{width:100%;min-width:0}.calibration-drawer>summary small{display:none}}

/* HUD + dock */
.hud { position: fixed; top: 0; left: 0; right: 0; height: 60px; z-index: 40; display: flex; align-items: center; gap: 16px; padding: 0 16px; background: rgba(5, 8, 22, 0.88); border-bottom: 1px solid var(--line); backdrop-filter: blur(8px); }
.hud-id { display: flex; align-items: center; gap: 8px; color: var(--text); font-weight: 700; }
.hud-xp { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; max-width: 520px; margin-left: auto; }
.hud-xp .xpbar { flex: 1; }
.lv { font-weight: 800; color: var(--gold); white-space: nowrap; }
.xp-num { font-size: 0.8rem; color: var(--muted); white-space: nowrap; }
.dock { position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%); z-index: 40; display: flex; gap: 4px; padding: 6px; background: rgba(5, 8, 22, 0.92); border: 1px solid var(--line); border-radius: 18px; backdrop-filter: blur(8px); box-shadow: 0 0 30px rgba(37,99,235,0.35); }
.dock a { display: flex; flex-direction: column; align-items: center; min-width: 70px; padding: 6px 8px; border-radius: 12px; color: var(--muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; transition: all 0.15s; }
.dock a i { font-size: 1.35rem; line-height: 1.2; }
.dock a:hover { color: var(--text); background: rgba(56,225,255,0.1); }
.dock a.on { color: var(--cyan); background: rgba(56,225,255,0.18); box-shadow: inset 0 -2px 0 var(--cyan); text-shadow: 0 0 8px var(--cyan); }
@media (max-width: 820px) { body.in-game { padding-top: 120px; } .hud { height: 108px; display: grid; grid-template-columns: auto minmax(70px, 1fr) auto; grid-template-rows: 50px 46px; gap: 4px 10px; padding: 4px 8px 6px; } .hud-id { grid-column: 1; grid-row: 1; } .hud-xp { grid-column: 2; grid-row: 1; margin: 0; max-width: none; } .hud-actions { grid-column: 3; grid-row: 1; } .hud-links { grid-column: 1 / -1; grid-row: 2; } .dock { left: 0; right: 0; bottom: 0; transform: none; border-radius: 0; justify-content: space-around; } .dock a { min-width: 0; flex: 1; } .hud-name, .xp-num { display: none; } .toasts { top: 116px; } .slider { grid-template-columns: 1fr 44px; } .slider input { grid-column: 1 / -1; grid-row: 2; } .slider small { display: none; } }

/* Ranks, bars, chips */
.rank-badge { display: inline-grid; place-items: center; width: 54px; height: 60px; font: 900 1.6rem var(--font); color: #fff; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background: linear-gradient(160deg, #64748b, #1e293b); text-shadow: 0 0 8px rgba(0,0,0,0.6); flex: none; }
.rank-badge.sm { width: 30px; height: 34px; font-size: 0.95rem; }
.rank-E { background: linear-gradient(160deg, #94a3b8, #334155); }
.rank-D { background: linear-gradient(160deg, #34d399, #065f46); }
.rank-C { background: linear-gradient(160deg, #38e1ff, #1d4ed8); }
.rank-B { background: linear-gradient(160deg, #a78bfa, #5b21b6); }
.rank-A { background: linear-gradient(160deg, #fb7185, #9f1239); }
.rank-S { background: linear-gradient(160deg, #fde68a, #b45309); box-shadow: 0 0 20px var(--gold); }
.xpbar { height: 10px; background: rgba(5,8,22,0.8); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.xpbar span { display: block; height: 100%; width: var(--pct); background: linear-gradient(90deg, var(--blue), var(--cyan)); box-shadow: 0 0 10px var(--cyan); position: relative; transition: width 1s ease-out; }
.xpbar span::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); animation: shine 2.4s infinite; }
@keyframes shine { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; align-items: center; }
.chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border: 1px solid var(--line); border-radius: 20px; font-size: 0.8rem; font-weight: 700; background: rgba(56,225,255,0.08); }
.chip.hot { border-color: #fb923c; color: #fdba74; box-shadow: 0 0 12px rgba(251,146,60,0.5); }
.xp-chip { display: inline-block; padding: 3px 10px; border-radius: 6px; background: rgba(251,191,36,0.15); color: var(--gold); font-weight: 800; font-size: 0.85rem; }
.title-tag { color: var(--gold); font-size: 0.85rem; letter-spacing: 0.08em; text-transform: uppercase; }
.ring { --p: 0; width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--cyan) calc(var(--p) * 1%), rgba(56,225,255,0.12) 0); box-shadow: 0 0 14px rgba(56,225,255,0.4); }
.ring b { width: 50px; height: 50px; border-radius: 50%; background: var(--bg2); display: grid; place-items: center; font-size: 0.9rem; }

/* Status window */
.status-win { display: grid; grid-template-columns: 220px 1fr; gap: 20px; align-items: center; }.status-evolution{grid-column:1/-1;margin-top:2px;padding-top:15px;border-top:1px solid rgba(56,225,255,.14)}.status-evolution>header{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:9px}.status-evolution>header>div{display:grid}.status-evolution>header b{color:#dbe7ff;font-size:.72rem;letter-spacing:.09em}.status-evolution>header>a{color:var(--cyan);font-size:.56rem;font-weight:900;letter-spacing:.1em}.status-evolution-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.evolution-portrait{position:relative;display:grid;justify-items:center;gap:4px;min-width:0;padding:5px;border:1px solid rgba(56,225,255,.13);background:linear-gradient(180deg,rgba(14,24,54,.7),rgba(3,6,15,.88));overflow:hidden}.evolution-portrait>span{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(56,225,255,.1);background:radial-gradient(circle at 50% 70%,rgba(56,225,255,.1),transparent 52%)}.evolution-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.evolution-portrait>b{color:#7185ad;font-size:.53rem;letter-spacing:.1em}.evolution-portrait.unlocked{border-color:rgba(56,225,255,.3)}.evolution-portrait.unlocked>b{color:#a9dff0}.evolution-portrait.current{border-color:var(--cyan);background:linear-gradient(180deg,rgba(56,225,255,.17),rgba(37,99,235,.08));box-shadow:inset 0 -2px 0 var(--cyan),0 0 14px rgba(56,225,255,.18)}.evolution-portrait.current>span{box-shadow:inset 0 0 18px rgba(56,225,255,.14)}.evolution-portrait.current>b{color:#fff;text-shadow:0 0 8px var(--cyan)}.evolution-portrait.locked>span::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.48));pointer-events:none}.evolution-portrait.locked img{filter:brightness(0) saturate(0)!important;opacity:.82}.evolution-portrait.locked i{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:23px;height:23px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.35);border-radius:50%;color:#94a3b8;background:rgba(2,4,9,.84)}.evolution-portrait.locked .sli{width:12px;height:12px}.evolution-portrait.locked>b{color:#475569}.evolution-portrait.apex{border-color:rgba(251,191,36,.22);background:linear-gradient(180deg,rgba(76,29,149,.16),rgba(3,6,15,.9))}.evolution-portrait.apex.current{border-color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold),0 0 17px rgba(251,191,36,.22)}.evolution-portrait.apex.current>b{color:var(--gold);text-shadow:0 0 9px rgba(251,191,36,.7)}@media(max-width:720px){.status-evolution-grid{gap:3px}.evolution-portrait{padding:3px}.evolution-portrait>b{font-size:.46rem}.evolution-portrait.locked i{width:19px;height:19px}}@media(max-width:420px){.status-evolution-grid{grid-template-columns:repeat(4,1fr)}.evolution-portrait>span{aspect-ratio:1.12/1}}.status-win{position:relative;isolation:isolate}.status-win::before,.status-win::after{pointer-events:none}.status-evolution{position:relative;z-index:3}.status-evolution>header{position:relative;z-index:5}.evolution-hero-btn{position:relative;z-index:10;display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;padding:7px 11px!important;color:var(--cyan)!important;border-color:rgba(56,225,255,.45)!important;background:rgba(56,225,255,.07)!important;pointer-events:auto!important;cursor:pointer!important}.evolution-hero-btn:hover,.evolution-hero-btn:focus-visible{color:#fff!important;border-color:var(--cyan)!important;background:rgba(56,225,255,.18)!important;box-shadow:0 0 14px rgba(56,225,255,.22)}@media(max-width:520px){.status-evolution>header{align-items:stretch}.evolution-hero-btn{font-size:.55rem;padding:6px 8px!important}}
.hero-col { text-align: center; }
.hero-col svg, .hero-frame svg, .hero-col .official-hunter-art, .hero-frame .official-hunter-art { width: 100%; max-width: 360px; height: auto; filter: drop-shadow(0 0 14px rgba(56,225,255,0.35)); animation: float 4s ease-in-out infinite; }
@keyframes float { 50% { transform: translateY(-6px); } }
.stage-tag { display: inline-block; margin-top: 4px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--muted); }
.id-row { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.id-row h1 { margin: 0; }
.lv-big { margin-left: auto; font: 900 2.6rem/1 var(--font); color: var(--gold); text-shadow: 0 0 16px rgba(251,191,36,0.6); }
.lv-big small { font-size: 0.9rem; color: var(--gold); margin-right: 4px; }
.xp-line { margin: 4px 0 12px; font-size: 0.85rem; color: var(--muted); }
.xp-line span { color: var(--cyan); font-weight: 700; margin-right: 6px; }
.xp-line b { color: var(--text); }
.stat-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.stat-grid li { display: grid; justify-items: center; padding: 10px 4px; background: rgba(5,8,22,0.6); border: 1px solid var(--line); clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); }
.stat-grid i { font-size: 1.3rem; }
.stat-grid small { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; }
.stat-grid b { font-size: 1.3rem; color: var(--c, var(--cyan)); }
.meters { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.meter span { display: block; font-weight: 700; margin-bottom: 4px; font-size: 0.9rem; }
.meter.full span { color: var(--green); }
.meter.full .xpbar span { background: linear-gradient(90deg, #059669, var(--green)); }
.board-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
@media (max-width: 720px) { .status-win { grid-template-columns: 1fr; } .hero-col svg, .hero-col .official-hunter-art { max-width: 260px; } .meters { grid-template-columns: repeat(2, 1fr); } .stat-grid { gap: 4px; } }

/* Quest tiles */
.q-strength { --c: #fb7185; } .q-endurance { --c: #34d399; } .q-agility { --c: #fbbf24; } .q-discipline { --c: #a78bfa; }
.tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.tile { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 14px; background: linear-gradient(170deg, rgba(5,8,22,0.85), rgba(20,36,84,0.6)); border: 1px solid var(--c); border-left-width: 4px; border-radius: 12px; box-shadow: 0 0 14px color-mix(in srgb, var(--c) 30%, transparent); transition: transform 0.15s; overflow: hidden; }
.tile:hover { transform: translateY(-3px); }
.tile-top { display: flex; align-items: center; gap: 8px; }
.tile .ico { font-size: 1.8rem; }
.tile .chip { border-color: var(--c); color: var(--c); }
.stars { margin-left: auto; color: var(--gold); letter-spacing: 1px; }
.tile h3 { margin: 4px 0 0; }
.goal { margin: 0; color: var(--muted); }
.goal b { font-size: 1.6rem; color: var(--text); margin-right: 2px; }
.tile .xp-chip { align-self: flex-start; }
.tile-act { display: flex; gap: 6px; margin-top: auto; padding-top: 6px; }
.btn.clear { flex: 1; border-color: var(--c); background: linear-gradient(180deg, color-mix(in srgb, var(--c) 45%, transparent), rgba(5,8,22,0.6)); }
.s-completed { opacity: 0.6; filter: saturate(0.6); }
.s-rest, .s-expired { opacity: 0.4; }
.stamp { position: absolute; right: 10px; bottom: 12px; padding: 2px 10px; border: 2px solid var(--green); color: var(--green); font-weight: 900; letter-spacing: 0.2em; transform: rotate(-12deg); text-shadow: 0 0 8px var(--green); }
.stamp.sm { position: static; transform: none; font-size: 0.7rem; }
.tile.claiming { animation: claim 0.65s ease-out forwards; }
@keyframes claim { 40% { transform: scale(1.05); box-shadow: 0 0 40px var(--c); } 100% { transform: scale(0.96); opacity: 0.5; } }
.float-xp { position: fixed; z-index: 70; font: 900 1.6rem var(--font); color: var(--gold); text-shadow: 0 0 12px var(--gold); pointer-events: none; animation: floatUp 0.9s ease-out forwards; }
@keyframes floatUp { from { transform: translate(-50%, 0); opacity: 1; } to { transform: translate(-50%, -70px); opacity: 0; } }
.all-clear { text-align: center; font: 900 1.3rem var(--font); letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold); text-shadow: 0 0 18px var(--gold); animation: pulse 2s infinite; }
@keyframes pulse { 50% { opacity: 0.6; } }
.rest-note { text-align: center; font-size: 1.1rem; color: #93c5fd; }
.empty { text-align: center; color: var(--muted); padding: 24px; font-size: 1.1rem; }
.tabs { display: flex; gap: 6px; overflow-x: auto; margin-bottom: 14px; }
.tabs a { padding: 8px 14px; border: 1px solid var(--line); border-radius: 20px; color: var(--muted); white-space: nowrap; font-weight: 600; }
.tabs a i { margin-right: 4px; }
.tabs a.on { color: var(--bg); background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.rest-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.log, .power, .goals { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.log li, .power li, .goals li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: rgba(5,8,22,0.55); border: 1px solid rgba(56,225,255,0.15); border-radius: 10px; }
.log i, .power i { font-size: 1.4rem; }
.log span { flex: 1; display: grid; }
.log b { color: var(--gold); }
.power span { flex: 1; font-weight: 600; }
.power b { font-size: 1.2rem; }
.power em { font-style: normal; min-width: 48px; text-align: right; color: var(--muted); font-weight: 700; }
.power em.up { color: var(--green); }
.goals li span:first-child { flex: 1; }
.goals li form { display: flex; gap: 6px; }
.goals li.done span:first-child { text-decoration: line-through; color: var(--muted); }
.add-goal { display: grid; grid-template-columns: 1fr 70px 52px; gap: 8px; margin-bottom: 12px; }
.kpi-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.kpi-row div { display: grid; justify-items: center; padding: 12px 6px; background: rgba(5,8,22,0.55); border: 1px solid var(--line); border-radius: 12px; }
.kpi-row i { font-size: 1.3rem; }
.kpi-row b { font-size: 1.5rem; color: var(--cyan); }
.bars { display: flex; align-items: flex-end; gap: 3px; height: 120px; padding: 6px; background: rgba(5,8,22,0.5); border-radius: 8px; }
.bar { flex: 1; height: max(2px, var(--h)); background: linear-gradient(0deg, var(--blue), var(--cyan)); border-radius: 3px 3px 0 0; box-shadow: 0 0 6px rgba(56,225,255,0.5); }
.heat { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; max-width: 320px; }
.cell { display: inline-block; aspect-ratio: 1; min-width: 14px; border-radius: 4px; background: rgba(56,225,255,0.07); border: 1px solid rgba(56,225,255,0.12); }
.h1 { background: rgba(56,225,255,0.3); } .h2 { background: rgba(56,225,255,0.6); } .h3 { background: var(--cyan); box-shadow: 0 0 8px var(--cyan); } .hrest { background: rgba(139,92,246,0.55); }
.legend { display: flex; align-items: center; gap: 4px; font-size: 0.8rem; color: var(--muted); }
.legend .cell { width: 14px; }
@media (max-width: 600px) { .kpi-row { grid-template-columns: repeat(2, 1fr); } }

/* Hero page */
.hero-frame { display: grid; grid-template-columns: 240px 1fr; gap: 20px; align-items: center; }
.attr-bars { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 10px; }
.attr-bars li { display: grid; grid-template-columns: 28px 40px 1fr 36px; align-items: center; gap: 8px; }
.attr-bars i { font-size: 1.2rem; }
.attr-bars small { font-weight: 700; }
.attr-bars .xpbar span { background: var(--c); box-shadow: 0 0 10px var(--c); }
.attr-bars b { text-align: right; color: var(--c); }
.track { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; position: relative; }
.track::before { content: ""; position: absolute; top: 20px; left: 5%; right: 5%; height: 2px; background: var(--line); }
.track li { position: relative; display: grid; justify-items: center; gap: 4px; flex: 1; }
.track span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 2px solid var(--line); background: var(--bg); font-weight: 800; color: var(--muted); }
.track li.on span { border-color: var(--cyan); color: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.track li.now span { background: var(--cyan); color: var(--bg); transform: scale(1.15); }
.track small { font-size: 0.7rem; text-align: center; }.evolution-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.evolution-head h2{margin:2px 0}.evolution-head>span{padding:5px 8px;border:1px solid rgba(56,225,255,.32);color:var(--cyan);font-size:.56rem;font-weight:900;letter-spacing:.12em}.track .apex-evolution span{border-color:rgba(251,191,36,.38);color:var(--gold);background:radial-gradient(circle,rgba(251,191,36,.13),#070b16 70%)}.track .apex-evolution.on span{border-color:var(--gold);color:#fff;background:radial-gradient(circle,rgba(251,191,36,.5),rgba(76,29,149,.55));box-shadow:0 0 18px rgba(251,191,36,.65),0 0 32px rgba(139,92,246,.35);transform:scale(1.18)}.track .apex-evolution small{color:var(--gold);font-weight:900}.track .apex-evolution.locked{opacity:.52}.track .apex-evolution .sli{width:17px;height:17px}.g-evo .apex-evo-preview{border-color:rgba(251,191,36,.35);background:radial-gradient(circle at 50% 20%,rgba(251,191,36,.12),rgba(76,29,149,.08))}.g-evo .apex-evo-preview.on{border-color:var(--gold);box-shadow:inset 0 0 22px rgba(251,191,36,.14),0 0 18px rgba(139,92,246,.12)}.g-evo .apex-evo-preview figcaption b{color:var(--gold)}.g-evo .official-hunter-art{width:100%;max-width:150px;margin:auto}@media(max-width:720px){.evolution-head{align-items:center}.track{gap:3px}.track span{width:34px;height:34px}.track::before{top:17px}}
.inv { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 10px; }
.inv li { display: grid; justify-items: center; gap: 4px; padding: 14px 6px; border: 1px solid var(--line); border-radius: 12px; background: rgba(5,8,22,0.6); text-align: center; }
.inv i { font-size: 2rem; }
.inv small { font-size: 0.7rem; }
.inv .owned { border-color: var(--gold); box-shadow: inset 0 0 18px rgba(251,191,36,0.2); }
.inv .locked { opacity: 0.45; }
.orbs { display: flex; gap: 16px; margin-bottom: 18px; }
.orb { width: 54px; height: 54px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); background: radial-gradient(circle at 35% 30%, #fff, var(--c) 40%, transparent 75%); box-shadow: 0 0 18px var(--c); cursor: pointer; color: #fff; transition: transform 0.15s; }
.orb:hover:not(:disabled) { transform: scale(1.12); }
.orb.on { border-color: #fff; box-shadow: 0 0 30px var(--c), 0 0 0 4px rgba(255,255,255,0.15); animation: aura-pulse 2s infinite; }
.orb:disabled { filter: grayscale(1); opacity: 0.4; cursor: not-allowed; }
@keyframes aura-pulse { 50% { box-shadow: 0 0 44px var(--c), 0 0 0 6px rgba(255,255,255,0.1); } }
@media (max-width: 720px) { .hero-frame { grid-template-columns: 1fr; justify-items: center; } .hero-frame svg, .hero-frame .official-hunter-art { max-width: 300px; } .track small { display: none; } }

/* Trophies */
.badges { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
.badge-card { display: grid; justify-items: center; gap: 6px; padding: 14px 8px; border: 1px solid var(--line); border-radius: 14px; background: rgba(5,8,22,0.55); text-align: center; }
.badge-card h3 { font-size: 0.85rem; margin: 0; }
.badge { --p: 100; width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font-size: 1.8rem; background: radial-gradient(circle, var(--bg2) 58%, transparent 60%), conic-gradient(var(--gold) calc(var(--p) * 1%), rgba(251,191,36,0.12) 0); }
.badge-card.got { border-color: var(--gold); box-shadow: 0 0 16px rgba(251,191,36,0.3); }
.badge-card.locked .badge { filter: grayscale(1); }
.badge-card.locked h3 { color: var(--muted); }
.badge-row { display: flex; flex-wrap: wrap; gap: 10px; }
.badge-row .badge { width: 52px; height: 52px; font-size: 1.5rem; box-shadow: 0 0 12px rgba(251,191,36,0.4); }
.ladder { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.ladder li { display: grid; justify-items: center; gap: 4px; flex: 1; min-width: 80px; opacity: 0.4; filter: grayscale(0.8); }
.ladder li.on { opacity: 1; filter: none; }
.ladder li.now .rank-badge { transform: scale(1.2); animation: aura-pulse 2s infinite; --c: var(--cyan); }.trophy-rank-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.trophy-rank-head h2{margin:2px 0}.trophy-rank-head>span{padding:5px 8px;border:1px solid rgba(56,225,255,.35);color:var(--cyan);font-size:.55rem;font-weight:900;letter-spacing:.1em}.trophy-rank-ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.trophy-rank-ladder li{--rr:#64748b;position:relative;display:grid;justify-items:center;gap:5px;min-width:0;padding:12px 5px 9px;border:1px solid color-mix(in srgb,var(--rr) 22%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--rr) 9%,rgba(13,22,49,.86)),rgba(3,6,16,.96));opacity:.36;filter:saturate(.3);overflow:hidden}.trophy-rank-ladder li::after{content:"";position:absolute;right:-35px;bottom:-55px;width:95px;height:95px;border:1px solid color-mix(in srgb,var(--rr) 8%,transparent);transform:rotate(45deg)}.trophy-rank-ladder li.on{opacity:.76;filter:none}.trophy-rank-ladder li.now{opacity:1;border-color:var(--rr);box-shadow:inset 0 -2px 0 var(--rr),0 0 20px color-mix(in srgb,var(--rr) 26%,transparent)}.trophy-rank-sigil{position:relative;width:74px;height:78px;display:grid;place-items:center}.trophy-rank-sigil>i,.trophy-rank-sigil>em{position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--rr) 55%,transparent);transform:rotate(45deg);box-shadow:0 0 11px color-mix(in srgb,var(--rr) 26%,transparent)}.trophy-rank-sigil>em{inset:15px;border-radius:50%;transform:none;border-style:dashed;background:radial-gradient(circle,color-mix(in srgb,var(--rr) 15%,transparent),transparent 68%)}.trophy-rank-sigil .rank-badge{position:relative;z-index:2;width:49px;height:56px;font-size:1.35rem;background:linear-gradient(155deg,color-mix(in srgb,var(--rr) 88%,#fff),color-mix(in srgb,var(--rr) 34%,#020409));box-shadow:0 0 15px color-mix(in srgb,var(--rr) 38%,transparent)}.trophy-rank-ladder li.now .trophy-rank-sigil{transform:scale(1.1)}.trophy-rank-ladder li.now .trophy-rank-sigil>i{animation:podiumOrbit 8s linear infinite;box-shadow:0 0 19px color-mix(in srgb,var(--rr) 65%,transparent)}.trophy-rank-ladder li.now .rank-badge{animation:none;box-shadow:0 0 25px color-mix(in srgb,var(--rr) 72%,transparent)}.trophy-rank-ladder li>b{color:color-mix(in srgb,var(--rr) 76%,#fff);font-size:.58rem;letter-spacing:.1em}.trophy-rank-ladder li>small{color:#64748b;font-size:.5rem}.trophy-rank-ladder li>strong{position:absolute;z-index:3;right:5px;top:5px;padding:2px 4px;border:1px solid color-mix(in srgb,var(--rr) 38%,transparent);color:var(--rr);font-size:.4rem;letter-spacing:.07em}.trophy-rank-ladder li>strong .sli{width:11px;height:11px}.rank-tone-E{--rr:#cbd5e1}.rank-tone-D{--rr:#34d399}.rank-tone-C{--rr:#38e1ff}.rank-tone-B{--rr:#a78bfa}.rank-tone-A{--rr:#fbbf24}.rank-tone-S{--rr:#fb7185}@media(max-width:700px){.trophy-rank-ladder{grid-template-columns:repeat(3,1fr)}}@media(max-width:380px){.trophy-rank-ladder{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.trophy-rank-ladder li.now .trophy-rank-sigil>i{animation:none!important}}

/* Title screen + cards */
.title-screen { min-height: 86vh; display: grid; place-content: center; justify-items: center; text-align: center; gap: 14px; }
.logo-ring svg { width: 180px; height: 180px; filter: drop-shadow(0 0 20px var(--cyan)); }
.logo { font: 900 clamp(3rem, 12vw, 6rem)/1 var(--font); letter-spacing: 0.25em; margin: 0; background: linear-gradient(180deg, #fff, var(--cyan)); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 18px rgba(56,225,255,0.6)); }
.tagline { margin: 0; color: var(--muted); letter-spacing: 0.3em; text-transform: uppercase; }
.cta { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 10px; }
.icons-row { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 22px; justify-content: center; color: var(--muted); font-size: 0.8rem; text-transform: uppercase; }
.icons-row li { display: grid; justify-items: center; gap: 4px; }
.icons-row i { font-size: 1.6rem; color: var(--cyan); }
.card-sm { width: min(520px, 94vw); margin: 5vh auto 0; } .gender-picks { margin: 0; padding: 0; border: 0; } .gender-picks legend { margin-bottom: 7px; color: var(--muted); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.12em; } .gender-picks .picks { display: grid; grid-template-columns: 1fr 1fr; gap:8px; } .gender-picks .pick span { min-width: 0; flex-direction: row; justify-content: center; } .hunter-model-picks .pick span{position:relative;display:grid;grid-template-rows:150px auto auto;gap:3px;overflow:hidden;padding:8px;border:1px solid rgba(56,225,255,.2);background:linear-gradient(180deg,rgba(15,25,57,.86),rgba(4,7,17,.96));text-align:center}.hunter-model-picks .pick b{display:grid;place-items:center;min-width:0;overflow:hidden}.hunter-model-picks .hero-svg,.hunter-model-picks .official-hunter-art{width:132px;height:150px;filter:drop-shadow(0 0 8px rgba(56,225,255,.28))}.hunter-model-picks strong{color:#eaf6ff;font-size:.7rem;letter-spacing:.1em}.hunter-model-picks small{color:#7183a8;font-size:.6rem}.hunter-model-picks input:checked+span{border-color:var(--cyan);box-shadow:inset 0 -3px 0 var(--cyan),0 0 18px rgba(56,225,255,.18)}.model-switch{margin:8px 0}.model-switch .pick span{padding:9px;border:1px solid rgba(56,225,255,.15);font-size:.68rem;font-weight:800;letter-spacing:.08em}.model-switch input:checked+span{color:var(--cyan);border-color:var(--cyan);background:rgba(56,225,255,.1)}.official-hunter-art{--hunter-aura:#38e1ff;position:relative;display:inline-grid;place-items:center;isolation:isolate;aspect-ratio:1/1;overflow:visible}.official-hunter-art::before{content:"";position:absolute;inset:5%;z-index:-1;border-radius:50%;background:radial-gradient(circle,transparent 42%,color-mix(in srgb,var(--hunter-aura) 24%,transparent) 66%,transparent 73%);filter:blur(10px);animation:slPulse 3.2s ease-in-out infinite}.official-hunter-art::after{content:"";position:absolute;left:17%;right:17%;bottom:5%;height:8%;z-index:2;border:1px solid color-mix(in srgb,var(--hunter-aura) 70%,transparent);border-radius:50%;box-shadow:0 0 16px color-mix(in srgb,var(--hunter-aura) 45%,transparent),inset 0 0 12px color-mix(in srgb,var(--hunter-aura) 28%,transparent);pointer-events:none}.official-hunter-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;max-width:none;border:0;border-radius:10px;user-select:none}.official-hunter-art.stage-3,.official-hunter-art.stage-4{filter:drop-shadow(0 0 15px color-mix(in srgb,var(--hunter-aura) 45%,transparent))}.official-hunter-art.stage-5,.official-hunter-art.stage-6{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--hunter-aura) 62%,transparent))}.hunter-model-picks .official-hunter-art img{border-radius:5px}@media(max-width:420px){.hunter-model-picks .hero-svg,.hunter-model-picks .official-hunter-art{width:110px;height:132px}.hunter-model-picks .pick span{grid-template-rows:132px auto auto;padding:5px}}.rank-art-e{--hunter-aura:#cbd5e1;--hunter-aura-2:#64748b;--rank-power:.26}.rank-art-d{--hunter-aura:#34d399;--hunter-aura-2:#065f46;--rank-power:.34}.rank-art-c{--hunter-aura:#38e1ff;--hunter-aura-2:#2563eb;--rank-power:.44}.rank-art-b{--hunter-aura:#a78bfa;--hunter-aura-2:#6d28d9;--rank-power:.54}.rank-art-a{--hunter-aura:#fbbf24;--hunter-aura-2:#d97706;--rank-power:.66}.rank-art-s{--hunter-aura:#fb7185;--hunter-aura-2:#7f1d1d;--rank-power:.8}.rank-art-apex{--hunter-aura:#fbbf24;--hunter-aura-2:#8b5cf6;--rank-power:1}.official-hunter-art{filter:drop-shadow(0 0 calc(8px + 18px * var(--rank-power)) color-mix(in srgb,var(--hunter-aura) calc(35% + 35% * var(--rank-power)),transparent))!important}.official-hunter-art::before{inset:calc(10% - 5% * var(--rank-power));background:radial-gradient(circle,transparent 34%,color-mix(in srgb,var(--hunter-aura) calc(15% + 24% * var(--rank-power)),transparent) 55%,color-mix(in srgb,var(--hunter-aura-2) calc(12% + 22% * var(--rank-power)),transparent) 69%,transparent 76%);filter:blur(calc(7px + 8px * var(--rank-power)));animation-duration:calc(4s - 1.4s * var(--rank-power))}.official-hunter-art::after{border-color:color-mix(in srgb,var(--hunter-aura) calc(55% + 35% * var(--rank-power)),transparent);box-shadow:0 0 calc(9px + 18px * var(--rank-power)) color-mix(in srgb,var(--hunter-aura) 62%,transparent),inset 0 0 calc(7px + 12px * var(--rank-power)) color-mix(in srgb,var(--hunter-aura-2) 48%,transparent)}.rank-art-e::after{border-style:dotted}.rank-art-d::before{border-radius:42% 58% 50% 50%}.rank-art-c::after{border-style:dashed}.rank-art-b::before{background:conic-gradient(from 30deg,color-mix(in srgb,var(--hunter-aura) 28%,transparent),transparent 20%,color-mix(in srgb,var(--hunter-aura-2) 28%,transparent),transparent 58%,color-mix(in srgb,var(--hunter-aura) 28%,transparent))}.rank-art-a::after{border-width:2px}.rank-art-s::before{border-radius:46%;background:radial-gradient(circle,transparent 30%,rgba(251,113,133,.38) 54%,rgba(127,29,29,.3) 67%,transparent 76%)}.rank-art-apex::before{background:conic-gradient(from 0deg,rgba(251,191,36,.42),transparent 18%,rgba(139,92,246,.46),transparent 43%,rgba(251,191,36,.42),transparent 68%,rgba(139,92,246,.46),transparent);border-radius:50%;animation:podiumOrbit 12s linear infinite}.rank-art-apex::after{border-color:var(--gold);box-shadow:0 0 30px rgba(251,191,36,.65),0 0 45px rgba(139,92,246,.38),inset 0 0 18px rgba(139,92,246,.5)}.evolution-portrait{--hunter-aura:#38e1ff;--hunter-aura-2:#2563eb;--rank-power:.4}.evolution-portrait.unlocked{border-color:color-mix(in srgb,var(--hunter-aura) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--hunter-aura) 11%,rgba(14,24,54,.7)),rgba(3,6,15,.9))}.evolution-portrait.unlocked>span{background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--hunter-aura) calc(12% + 16% * var(--rank-power)),transparent),transparent 58%);box-shadow:inset 0 0 calc(8px + 15px * var(--rank-power)) color-mix(in srgb,var(--hunter-aura-2) 18%,transparent)}.evolution-portrait.unlocked>b{color:var(--hunter-aura)}.evolution-portrait.current{border-color:var(--hunter-aura);box-shadow:inset 0 -2px 0 var(--hunter-aura),0 0 calc(10px + 17px * var(--rank-power)) color-mix(in srgb,var(--hunter-aura) 45%,transparent)}.evolution-portrait.current img{filter:drop-shadow(0 0 calc(5px + 10px * var(--rank-power)) color-mix(in srgb,var(--hunter-aura) 65%,transparent))}.evolution-portrait.current>b{text-shadow:0 0 9px var(--hunter-aura)}.evolution-portrait.locked{--hunter-aura:#475569;--hunter-aura-2:#111827;--rank-power:0}.evolution-portrait.locked img{filter:brightness(0) saturate(0)!important}.official-hunter-art{box-sizing:border-box;padding:clamp(7px,3.5%,14px)}.official-hunter-art img{box-sizing:border-box;width:92%!important;height:92%!important;max-width:92%!important;max-height:92%!important;margin:auto;object-fit:contain!important;object-position:center center!important;border-radius:8px}.hero-col .official-hunter-art img,.hero-frame .official-hunter-art img,.profile-current-character .official-hunter-art img,.public-character-art .official-hunter-art img{width:90%!important;height:90%!important;max-width:90%!important;max-height:90%!important}.hunter-directory-art .official-hunter-art,.authority-character .official-hunter-art{padding:6px}.hunter-directory-art .official-hunter-art img,.authority-character .official-hunter-art img{width:94%!important;height:94%!important;max-width:94%!important;max-height:94%!important}.hunter-model-picks .official-hunter-art{padding:4px}.hunter-model-picks .official-hunter-art img{width:95%!important;height:95%!important;max-width:95%!important;max-height:95%!important}@media(max-width:520px){.official-hunter-art{padding:6px}.profile-current-character .official-hunter-art img{width:94%!important;height:94%!important;max-width:94%!important;max-height:94%!important}}
.sub-link { display: block; margin-top: 14px; text-align: center; font-size: 0.9rem; }
.id-card { display: flex; align-items: center; gap: 16px; }
.id-card h1 { margin: 0; }
.steps-dots { list-style: none; margin: 0 0 16px; padding: 0; display: flex; gap: 8px; justify-content: center; }
.steps-dots li { width: 32px; height: 6px; border-radius: 3px; background: rgba(56,225,255,0.18); transition: background 0.3s; }
.steps-dots li.on { background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.wizard .step { display: grid; gap: 12px; }
.wizard.js .step { display: none; }
.wizard.js .step.on { display: grid; animation: stepIn 0.35s ease-out; }
@keyframes stepIn { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
.step.center { justify-items: center; text-align: center; }
.wiz-nav { display: none; justify-content: space-between; margin-top: 8px; }
.wizard.js .wiz-nav { display: flex; }

/* Toasts, overlay, gate */
.toasts { position: fixed; top: 70px; right: 16px; z-index: 55; display: grid; gap: 8px; width: min(340px, 90vw); }
.out-game .toasts { top: 16px; }
.toast { padding: 10px 14px; border-radius: 10px; border: 1px solid var(--cyan); background: rgba(5,8,22,0.95); box-shadow: 0 0 18px rgba(56,225,255,0.35); font-weight: 600; animation: toastIn 0.3s ease-out; transition: opacity 0.4s, transform 0.4s; }
.toast.ok { border-color: var(--green); }
.toast.error { border-color: var(--red); box-shadow: 0 0 18px rgba(244,63,94,0.35); }
.card-sm .toast { margin-bottom: 10px; }
.toast.hide { opacity: 0; transform: translateX(40px); }
@keyframes toastIn { from { opacity: 0; transform: translateX(40px); } }
.overlay { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; background: rgba(2,4,12,0.8); backdrop-filter: blur(4px); }
.overlay[hidden] { display: none; }
.overlay-card { width: min(440px, 90vw); text-align: center; animation: popIn 0.45s cubic-bezier(.2,1.4,.4,1); }
.ov-kicker { margin: 0; letter-spacing: 0.4em; color: var(--cyan); font-size: 0.8rem; }
#ovTitle { font-size: 1.8rem; margin: 10px 0; text-transform: uppercase; }
.overlay.level #ovTitle, .overlay.rank #ovTitle { color: var(--gold); text-shadow: 0 0 20px var(--gold); }
.overlay.level .overlay-card, .overlay.rank .overlay-card { border-color: var(--gold); }
@keyframes popIn { from { opacity: 0; transform: scale(0.7); } }
.gate { position: fixed; inset: 0; z-index: 90; display: none; place-content: center; justify-items: center; background: var(--bg); }
.gate.show { display: grid; animation: gateOut 0.5s ease-in 1.8s forwards; }
.gate svg { width: 200px; height: 200px; }
.gate-text { letter-spacing: 0.5em; color: var(--cyan); font-weight: 800; text-shadow: 0 0 14px var(--cyan); animation: pulse 1s infinite; }
@keyframes gateOut { to { opacity: 0; visibility: hidden; } }
.gate-ring { transform-origin: 100px 100px; animation: spin 6s linear infinite; }
.gate-ring.rev { animation-direction: reverse; animation-duration: 4s; }
@keyframes spin { to { transform: rotate(360deg); } }
.spark { position: fixed; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); pointer-events: none; z-index: 70; animation: spark 0.7s ease-out forwards; }
@keyframes spark { to { transform: translate(var(--dx), var(--dy)); opacity: 0; } }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } .fx { display: none; } }
body[data-reduced-motion="1"] *, body[data-reduced-motion="1"] *::before, body[data-reduced-motion="1"] *::after { animation: none !important; transition: none !important; }
body[data-reduced-motion="1"] .fx { display: none; }

/* Hidden Gates */
.dock a.glow { color: #c4b5fd; animation: keyGlow 1.6s ease-in-out infinite; }
@keyframes keyGlow { 50% { background: rgba(139,92,246,0.3); box-shadow: 0 0 16px rgba(139,92,246,0.8); } }
.gate-alert { display: flex; align-items: center; gap: 14px; padding: 14px 20px; color: #fff; border-color: rgba(139,92,246,0.7); background: linear-gradient(90deg, rgba(76,29,149,0.85), rgba(12,22,52,0.85)); animation: gatePulse 2.4s ease-in-out infinite; }
.gate-alert b { font-size: 1.6rem; color: var(--red); }
.gate-alert span { flex: 1; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.gate-alert em { font-style: normal; font-weight: 800; color: #c4b5fd; }
@keyframes gatePulse { 50% { box-shadow: 0 0 28px rgba(139,92,246,0.7), inset 0 0 30px rgba(139,92,246,0.25); } }
.portal { position: relative; width: 150px; height: 150px; flex: none; display: grid; place-items: center; }
.portal svg { position: absolute; inset: 0; width: 100%; height: 100%; filter: drop-shadow(0 0 18px #8b5cf6) hue-rotate(40deg); animation: spin 12s linear infinite; }
.portal b { position: relative; font-size: 2.6rem; }
.portal.off svg { filter: grayscale(1) brightness(0.6); animation-duration: 40s; }
.sealed { display: grid; justify-items: center; text-align: center; gap: 6px; }
.sealed h1 { margin: 0; letter-spacing: 0.4em; color: var(--muted); }
.chips.center { justify-content: center; }
.gate-head { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.gate-head h1 { margin: 0; }
.danger { margin: 0; color: var(--red); font-weight: 900; letter-spacing: 0.3em; animation: blink 1.2s steps(2) infinite; }
@keyframes blink { 50% { opacity: 0.35; } }
.floor-map { list-style: none; display: flex; align-items: center; gap: 0; padding: 0; margin: 18px 0; }
.floor-map li { width: 42px; height: 42px; display: grid; place-items: center; border: 2px solid var(--line); border-radius: 50%; font-weight: 900; color: var(--muted); background: rgba(5,8,22,0.7); position: relative; }
.floor-map li + li { margin-left: 34px; }
.floor-map li + li::before { content: ""; position: absolute; right: 100%; width: 36px; height: 2px; background: var(--line); }
.floor-map .fm-open { border-color: var(--cyan); color: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
.floor-map .fm-cleared { border-color: var(--green); color: var(--green); }
.floor-map .boss { width: 52px; height: 52px; border-color: var(--red); font-size: 1.4rem; }
.tile.boss { border-color: var(--red); box-shadow: 0 0 22px rgba(244,63,94,0.45); }
.tile.s-locked { opacity: 0.5; filter: grayscale(0.6); }
.tile .seal { margin: auto 0 0; font-weight: 800; color: #c4b5fd; }
.q-boss { --c: var(--red); }
.keybag { display: flex; flex-wrap: wrap; gap: 12px; }
.key-item { display: grid; justify-items: center; gap: 2px; width: 92px; padding: 12px 6px; border: 1px solid #a78bfa; border-radius: 14px; background: radial-gradient(circle at 50% 30%, rgba(139,92,246,0.35), rgba(5,8,22,0.8)); color: #fff; cursor: pointer; font: 600 0.8rem var(--font); transition: transform 0.15s, box-shadow 0.15s; }
.key-item i { font-size: 2rem; font-style: normal; animation: float 2.4s ease-in-out infinite; }
.key-item b { font-size: 1.2rem; }
.key-item:hover:not([disabled]) { transform: translateY(-3px); box-shadow: 0 0 20px rgba(139,92,246,0.8); }
.key-item[disabled] { opacity: 0.45; cursor: not-allowed; }
.log em { flex: none; font-style: normal; }
.rank-badge.xs { width: 24px; height: 27px; font-size: 0.8rem; }
.stamp.bad { border-color: var(--red); color: var(--red); }
.stamp.mid { border-color: var(--muted); color: var(--muted); }
.inv .loot { border-color: #a78bfa; box-shadow: inset 0 0 18px rgba(139,92,246,0.35); }
.overlay.gate .overlay-card { border-color: #a78bfa; }
.overlay.gate #ovTitle { color: #c4b5fd; text-shadow: 0 0 22px #8b5cf6; letter-spacing: 0.15em; }
.overlay.gate { background: radial-gradient(circle at 50% 50%, rgba(139,92,246,0.4), rgba(2,4,12,0.9) 55%); }
.overlay.key #ovTitle, .overlay.loot #ovTitle { color: var(--gold); text-shadow: 0 0 20px var(--gold); animation: keyDrop 0.7s cubic-bezier(.2,1.6,.4,1); }
.overlay.key .overlay-card, .overlay.loot .overlay-card { border-color: var(--gold); }
@keyframes keyDrop { from { transform: translateY(-40px) scale(1.4); opacity: 0; } }
@media (max-width: 600px) { .floor-map li + li { margin-left: 18px; } .floor-map li + li::before { width: 20px; } .portal { width: 110px; height: 110px; } }
/* SYSTEM ICONS: every emoji icon is recoloured into a glowing monochrome hologram that matches the HUD */
:root { --holo: grayscale(1) sepia(1) saturate(6) hue-rotate(152deg) brightness(1.2); --holo-glow: drop-shadow(0 0 4px rgba(56,225,255,0.75)); --holo-violet: grayscale(1) sepia(1) saturate(6) hue-rotate(215deg) brightness(1.25); --holo-gold: grayscale(1) sepia(1) saturate(5) brightness(1.15); }
.pick span i, .tile .ico, .dock a i, .stat-grid i, .tabs a i, .log i, .power i, .kpi-row i, .attr-bars i, .inv i, .icons-row i { filter: var(--holo) var(--holo-glow); }
.pick span i:not(.stars) { width: 46px; height: 46px; display: grid; place-items: center; font-size: 1.45rem; border: 1px solid rgba(56,225,255,0.45); border-radius: 10px; background: radial-gradient(circle at 50% 40%, rgba(56,225,255,0.22), rgba(5,8,22,0.85) 70%); box-shadow: inset 0 0 10px rgba(56,225,255,0.35); }
.pick span i.stars { color: var(--cyan); letter-spacing: 2px; }
.pick span i { opacity: 0.6; transition: opacity 0.15s, filter 0.15s, box-shadow 0.15s; }
.pick span:hover i { opacity: 0.9; }
.pick input:checked + span i { opacity: 1; filter: var(--holo) brightness(1.3) drop-shadow(0 0 8px rgba(56,225,255,0.95)); }
.pick input:checked + span i:not(.stars) { border-color: var(--cyan); box-shadow: inset 0 0 14px rgba(56,225,255,0.6), 0 0 10px rgba(56,225,255,0.5); }
.dock a i { opacity: 0.65; }
.dock a:hover i, .dock a.on i { opacity: 1; filter: var(--holo) brightness(1.3) drop-shadow(0 0 7px rgba(56,225,255,0.95)); }
.dock a.glow i, .key-item i, .inv .loot i { filter: var(--holo-violet) drop-shadow(0 0 6px rgba(167,139,250,0.9)); opacity: 1; }
.inv .locked i { filter: grayscale(1) brightness(0.6); }
.badge-card.got .badge, .badge-row .badge { filter: var(--holo-gold) drop-shadow(0 0 6px rgba(251,191,36,0.6)); }
.badge-card.locked .badge { filter: grayscale(1) brightness(0.55); }
/* PLAYER VERIFICATION: 6-digit code screen */
.verify { text-align: center; }
.mail-to { color: var(--muted); margin: 4px 0 14px; }
.mail-to i { filter: var(--holo) var(--holo-glow); }
.mail-to b { color: var(--text); }
.code-input { text-align: center; font: 700 2rem/1.2 Consolas, "Courier New", monospace; letter-spacing: 0.5em; padding-left: 0.5em; color: var(--cyan); text-shadow: 0 0 10px rgba(56,225,255,0.7); }
.code-input::placeholder { color: rgba(56,225,255,0.3); }
.verify-alt { margin-top: 10px; }
.linkish { background: none; border: 0; cursor: pointer; font: inherit; color: var(--cyan); }
.code-row { display: flex; gap: 8px; align-items: stretch; }
.code-row .code-input { flex: 1; min-width: 0; }
.paste-btn { white-space: nowrap; padding: 8px 12px; }
.paste-btn[hidden] { display: none; }
@media (max-width: 420px) { .code-row { flex-direction: column; } }
/* ADMIN PANEL (admin.php): plain, functional layout */
.admin { width: min(1200px, 96vw); margin: 4vh auto; }
.admin h2 { margin: 26px 0 10px; color: var(--cyan); font-size: 1.05rem; text-transform: uppercase; letter-spacing: 0.1em; }
.admin .muted { color: var(--muted); }
.admin-form { max-width: 520px; margin-bottom: 12px; }
.admin-form label { display: grid; gap: 4px; color: var(--muted); font-size: 0.9rem; }
.admin-form label.chk { display: flex; align-items: center; gap: 8px; }
.admin-out { float: right; }
.admin-search { display: flex; gap: 8px; max-width: 520px; margin-bottom: 10px; }
.admin-table-wrap { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.admin-table th, .admin-table td { border-bottom: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; white-space: nowrap; }
.admin-table th { color: var(--cyan); }
.admin-table details form { display: flex; gap: 6px; margin: 6px 0; }.authority-console{position:relative;padding:24px;border-color:rgba(56,225,255,.32);background:radial-gradient(circle at 90% 0,rgba(56,225,255,.1),transparent 26%),linear-gradient(150deg,rgba(8,15,37,.98),rgba(2,4,11,.99));overflow:hidden}.authority-console>h1{margin:2px 0 16px;font-size:clamp(1.6rem,4vw,2.5rem);letter-spacing:.11em}.authority-logout{position:absolute;right:18px;top:18px}.authority-overview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:16px;border:1px solid rgba(56,225,255,.22);background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(5,8,22,.66))}.authority-identity{display:flex;align-items:center;gap:13px;padding-right:18px;border-right:1px solid rgba(56,225,255,.14)}.authority-identity>span{position:relative;width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--cyan);transform:rotate(45deg);color:var(--cyan)}.authority-identity>span>.sli{width:28px;height:28px;transform:rotate(-45deg)}.authority-identity>span>i{position:absolute;inset:7px;border:1px dashed rgba(167,139,250,.5);border-radius:50%}.authority-identity>div{display:grid}.authority-identity small{color:#64748b;font-size:.5rem;letter-spacing:.13em}.authority-identity b{color:#fff}.authority-identity em{color:#7185ad;font-size:.58rem;font-style:normal}.authority-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.authority-kpis>div{padding:10px 7px;border:1px solid rgba(56,225,255,.13);background:rgba(3,7,20,.56);text-align:center}.authority-kpis small{display:block;color:#64748b;font-size:.45rem}.authority-kpis b{display:block;color:#fff;font-size:1.25rem}.authority-kpis .assessed b{color:var(--green)}.authority-kpis .queue b{color:var(--gold)}.authority-modules,.authority-players{margin-top:16px}.authority-modules>header,.authority-players>header{display:flex;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(56,225,255,.14)}.authority-modules h2,.authority-players h2{margin:2px 0;color:#fff}.authority-modules header>span,.authority-players header>span{padding:5px 8px;border:1px solid rgba(251,191,36,.38);color:var(--gold);font-size:.52rem;font-weight:900}.authority-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.authority-module-grid>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:2px 9px;align-items:center;min-height:66px;padding:10px;border:1px solid rgba(56,225,255,.16);background:rgba(5,8,22,.58);color:inherit}.authority-module-grid>a:hover{border-color:var(--cyan);background:rgba(56,225,255,.08)}.authority-module-grid>a>i{grid-row:1/3;color:var(--cyan)}.authority-module-grid .sli{width:24px;height:24px}.authority-module-grid span{display:grid}.authority-module-grid b{color:#fff;font-size:.68rem}.authority-module-grid small{color:#64748b;font-size:.52rem}.authority-module-grid em{padding:4px;border:1px solid rgba(251,191,36,.28);color:var(--gold);font-size:.52rem;font-style:normal;font-weight:900}.authority-settings{margin-top:16px;border:1px solid rgba(56,225,255,.2);background:rgba(3,6,16,.66)}.authority-settings>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:13px;cursor:pointer;list-style:none}.authority-settings>summary>span{display:grid;grid-template-columns:28px minmax(0,1fr);gap:1px 8px}.authority-settings>summary .sli{grid-row:1/3;color:var(--cyan)}.authority-settings>summary b{color:#fff}.authority-settings>summary small{color:#64748b}.authority-settings>summary>i{color:var(--cyan);font-size:.55rem;font-style:normal}.authority-settings-body{padding:14px}.authority-player-search{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;margin:13px 0;border:1px solid rgba(56,225,255,.22);background:#030712}.authority-player-search>.sli{justify-self:center;color:var(--cyan)}.authority-player-search input{border:0;background:transparent}.authority-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:10px}.authority-player-card{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:12px;border:1px solid rgba(148,163,184,.22);background:linear-gradient(155deg,rgba(13,22,49,.9),rgba(3,6,16,.98));overflow:hidden}.authority-player-card.is-assessed{border-left:3px solid var(--green)}.authority-player-card.is-unassessed{border-left:3px solid #94a3b8}.authority-character{position:relative;grid-row:1/4;display:grid;place-items:center;min-height:180px;background:rgba(2,5,15,.56);overflow:hidden}.authority-character .official-hunter-art{width:180px;height:180px;animation:none}.authority-character>.rank-badge{position:absolute;left:6px;top:6px}.authority-player-id>small{color:var(--cyan);font:700 .55rem var(--mono)}.authority-player-id h3{margin:2px 0;color:#fff}.authority-player-id>p{margin:0;color:#7185ad;font-size:.62rem}.authority-player-id>div{display:flex;gap:5px;margin-top:7px}.authority-player-id>div span{padding:4px 6px;border:1px solid rgba(56,225,255,.12);font-size:.52rem}.authority-player-status{display:grid;gap:4px}.authority-player-status>span{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid;font-size:.55rem;font-weight:900}.authority-player-status>span.assessed{border-color:rgba(52,211,153,.45);color:#86efac}.authority-player-status>span.unassessed{border-color:rgba(148,163,184,.3);color:#cbd5e1}.authority-player-status small{color:#64748b}.authority-player-status em{color:var(--gold);font-size:.52rem;font-style:normal}.authority-player-links{display:flex;gap:5px;flex-wrap:wrap}.authority-player-links a{padding:5px 7px;border:1px solid rgba(56,225,255,.2);color:var(--cyan);font-size:.5rem;font-weight:900}.authority-account-actions{grid-column:1/-1;border-top:1px solid rgba(56,225,255,.12);padding-top:8px}.authority-account-actions>summary{display:flex;justify-content:space-between;color:#8496bc;font-size:.55rem;font-weight:900;cursor:pointer}.authority-account-actions>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.authority-account-actions form{margin:0}.authority-account-actions .inline-control{display:grid;grid-template-columns:minmax(140px,1fr) auto}.authority-account-actions .danger-control{width:100%}@media(max-width:950px){.authority-module-grid{grid-template-columns:repeat(2,1fr)}.authority-overview{grid-template-columns:1fr}.authority-identity{border-right:0}.authority-kpis{grid-template-columns:repeat(5,1fr)}}@media(max-width:650px){.authority-console{padding:14px}.authority-kpis{grid-template-columns:repeat(2,1fr)}.authority-module-grid{grid-template-columns:1fr}.authority-player-grid{grid-template-columns:1fr}.authority-player-card{grid-template-columns:105px minmax(0,1fr)}.authority-character{min-height:150px}.authority-character .official-hunter-art{width:145px;height:150px}.authority-player-search{grid-template-columns:32px minmax(0,1fr)}.authority-player-search button{grid-column:1/-1}.authority-account-actions>div{display:grid}.authority-account-actions form{width:100%}}
.admin-table details .btn { padding: 6px 10px; font-size: 0.75rem; }
.btn.danger { border-color: var(--red); background: rgba(244,63,94,0.25); }
/* HERO v2: Shadow Monarch style avatar animations */
.hero-svg .aura-pulse { transform-origin: 120px 180px; animation: slPulse 3.2s ease-in-out infinite; }
@keyframes slPulse { 50% { opacity: 0.65; transform: scale(1.04); } }
.hero-svg .flame { transform-origin: 120px 300px; animation: slFlame 2.4s ease-in-out infinite alternate; }
@keyframes slFlame { from { transform: scaleY(0.92) skewX(-2deg); opacity: 0.75; } to { transform: scaleY(1.06) skewX(2deg); opacity: 1; } }
.hero-svg .rune-flow { animation: slRune 8s linear infinite; }
@keyframes slRune { to { stroke-dashoffset: -240; } }
.hero-svg .eye-glow { animation: slEye 4s ease-in-out infinite; }
@keyframes slEye { 0%, 88%, 100% { opacity: 1; } 94% { opacity: 0.25; } }
.hero-svg .soldier { animation: slRise 4s ease-in-out infinite alternate; }
@keyframes slRise { to { transform: translateY(-4px); } }
.hero-svg .sl-spark { opacity: 0; animation: slSpark 3.2s ease-in infinite; }
@keyframes slSpark { 20% { opacity: 1; } to { transform: translateY(-70px); opacity: 0; } }
body[data-reduced-motion="1"] .hero-svg *, body[data-reduced-motion="1"] .hero-col svg, body[data-reduced-motion="1"] .hero-frame svg, body[data-reduced-motion="1"] .official-hunter-art, body[data-reduced-motion="1"] .official-hunter-art::before { animation: none !important; }
@media (prefers-reduced-motion: reduce) { .hero-svg *, .hero-col svg, .hero-frame svg, .official-hunter-art, .official-hunter-art::before { animation: none !important; } }
body[data-reduced-motion="1"] .hero-svg .sl-spark { opacity: 0.8; }
/* HUD: guide button and logout confirmation */
.hud-actions { display: flex; align-items: center; gap: 7px; flex: none; padding-left: 8px; border-left: 1px solid rgba(56,225,255,0.2); }
.hud-links { display: flex; align-items: stretch; gap: 2px; padding: 3px; border: 1px solid rgba(56,225,255,0.22); border-radius: 12px; background: rgba(4,8,22,0.58); box-shadow: inset 0 0 16px rgba(56,225,255,0.04); } .hud-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; } .hud-actions form { display: flex; margin: 0; } .hud-actions .icon-btn { color: var(--cyan); } .hud-actions .sli { width: 19px; height: 19px; } .hud-action { position: relative; } .hud-action:hover, .hud-action.on { color: #fff; border-color: rgba(56,225,255,.65); background: linear-gradient(180deg,rgba(56,225,255,.18),rgba(37,99,235,.12)); box-shadow: 0 0 14px rgba(56,225,255,.2), inset 0 -2px 0 var(--cyan); } .hud-campaign { color: var(--gold) !important; border-color: rgba(245,158,11,.34); background: rgba(245,158,11,.06); } .hud-campaign:hover, .hud-campaign.on { border-color: var(--gold); background: rgba(245,158,11,.16); box-shadow: 0 0 14px rgba(245,158,11,.22), inset 0 -2px 0 var(--gold); } .hud-alert-badge { position: absolute; top: -5px; right: -5px; min-width: 16px; height: 16px; padding: 0 4px; display: grid; place-items: center; border: 1px solid #fecdd3; border-radius: 9px; background: #e11d48; color: #fff; font: 900 .55rem/1 var(--font); letter-spacing: 0; box-shadow: 0 0 9px rgba(225,29,72,.65); } .hud-logout { color: #fda4af !important; border-color: rgba(244,63,94,0.38); background: rgba(244,63,94,0.08); } .hud-logout:hover { background: rgba(244,63,94,0.22); border-color: var(--red); box-shadow: 0 0 14px rgba(244,63,94,0.35); }.profile-signout{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:15px;align-items:center;margin-top:18px;border-color:rgba(244,63,94,.34);background:radial-gradient(circle at 0 50%,rgba(244,63,94,.11),transparent 20%),linear-gradient(150deg,rgba(31,9,22,.86),rgba(3,6,16,.97))}.signout-icon{position:relative;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(244,63,94,.55);transform:rotate(45deg);color:#fb7185;box-shadow:0 0 13px rgba(244,63,94,.15)}.signout-icon>.sli{width:27px;height:27px;transform:rotate(-45deg)}.signout-icon>i{position:absolute;inset:7px;border:1px dashed rgba(251,113,133,.34);border-radius:50%}.profile-signout h2{margin:2px 0;color:#fff;font-size:1rem}.profile-signout p:not(.ov-kicker){margin:4px 0;color:#9a7d8b;font-size:.7rem}.profile-signout form{margin:0}.signout-button{display:grid!important;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:center;min-width:145px;border-color:rgba(244,63,94,.7)!important;background:linear-gradient(135deg,rgba(190,24,93,.34),rgba(127,29,29,.42))!important;color:#fff!important}.signout-button>.sli{width:23px;height:23px;color:#fda4af}.signout-button>span{display:grid;text-align:left}.signout-button small{color:#fda4af;font-size:.44rem;letter-spacing:.11em}.signout-button b{font-size:.72rem;letter-spacing:.09em}.signout-button:hover,.signout-button:focus-visible{border-color:var(--red)!important;background:linear-gradient(135deg,rgba(225,29,72,.55),rgba(127,29,29,.62))!important;box-shadow:0 0 17px rgba(244,63,94,.3)}@media(max-width:600px){.profile-signout{grid-template-columns:48px minmax(0,1fr)}.signout-icon{width:42px;height:42px}.profile-signout form{grid-column:1/-1}.signout-button{width:100%;justify-content:center}}
.hud-nav { min-width: 84px; height: 34px; padding: 0 11px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; position: relative; border-radius: 8px; color: var(--muted); font-size: 0.7rem; font-weight: 700; line-height: 1; letter-spacing: 0.07em; text-transform: uppercase; transition: color .15s, background .15s, box-shadow .15s; } .hud-nav + .hud-nav::before { content: ""; position: absolute; left: -1px; top: 7px; bottom: 7px; width: 1px; background: rgba(56,225,255,0.14); } .hud-nav i { width: 18px; height: 18px; display: grid; place-items: center; color: currentColor; } .hud-nav .sli { width: 18px; height: 18px; } .hud-nav:hover { color: var(--text); background: rgba(56,225,255,0.08); } .hud-nav.on { color: var(--cyan); background: linear-gradient(180deg, rgba(56,225,255,0.18), rgba(37,99,235,0.12)); box-shadow: inset 0 -2px 0 var(--cyan), 0 0 12px rgba(56,225,255,0.12); } .hud-nav.on::before, .hud-nav.on + .hud-nav::before { opacity: 0; } @media (max-width: 820px) { .hud-actions { gap: 4px; padding-left: 6px; } .hud-actions .icon-btn { width: 34px; min-width: 34px; height: 34px; } .hud-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; width: 100%; padding: 3px; border-top-color: rgba(56,225,255,0.3); } .hud-nav { min-width: 0; width: 100%; height: 36px; padding: 0 8px; gap: 7px; } } @media (max-width: 360px) { .hud-xp .xpbar { display: none; } .hud-xp { flex: 0; } .lv { font-size: 0.78rem; } .hud-nav { font-size: 0.64rem; gap: 4px; padding: 0 3px; } .hud-nav .sli { width: 16px; height: 16px; } }
.overlay.confirm .overlay-card { border-color: var(--red); }
.overlay.confirm #cfTitle { color: #fda4af; text-shadow: 0 0 18px var(--red); letter-spacing: 0.08em; }
.cf-btns { display: flex; gap: 10px; justify-content: center; margin-top: 14px; }
/* SYSTEM ICONS v2: loose emoji are wrapped in .holo by app.js */
.holo { font-style: normal; display: inline-block; filter: var(--holo) var(--holo-glow); }
.toast.error .holo, .toast.bad .holo, .btn.danger .holo, .stamp.bad .holo, .warn .holo { filter: grayscale(1) sepia(1) saturate(7) hue-rotate(-45deg) brightness(1.1) drop-shadow(0 0 4px rgba(244,63,94,0.8)); }
.badge-row .holo, .key-item .holo { filter: var(--holo-gold) drop-shadow(0 0 5px rgba(251,191,36,0.7)); }
/* GUIDE: How the game works */
.guide { scroll-margin-top: 72px; }
.guide i { font-style: normal; display: inline-block; filter: var(--holo) var(--holo-glow); }
.loop { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin: 12px 0; }
.loop span { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 70px; padding: 8px; border: 1px solid var(--line); border-radius: 10px; background: rgba(56,225,255,0.06); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; }
.loop span i { font-size: 1.4rem; }
.loop b { color: var(--cyan); font-size: 1.3rem; text-shadow: 0 0 8px var(--cyan); }
.guide-jump { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.rules { list-style: none; padding: 0; margin: 10px 0; display: grid; gap: 6px; }
.rules li { padding: 8px 12px; border-left: 2px solid var(--cyan); background: rgba(56,225,255,0.05); }
.rules b { color: var(--cyan); }
.g-table-wrap { overflow-x: auto; }
.g-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; margin-top: 8px; }
.g-table th, .g-table td { padding: 6px 8px; border-bottom: 1px solid rgba(56,225,255,0.15); text-align: center; white-space: nowrap; }
.g-table th { color: var(--cyan); text-transform: uppercase; font-size: 0.72rem; letter-spacing: 0.08em; }
.g-table tr.me td { background: rgba(56,225,255,0.14); color: #fff; }.rank-ladder-table{display:grid;gap:5px;margin-top:12px}.rank-ladder-head,.rank-ladder-row{display:grid;grid-template-columns:minmax(145px,1.35fr) repeat(4,minmax(85px,1fr));gap:6px;align-items:center}.rank-ladder-head{padding:0 10px;color:#64748b;font-size:.52rem;font-weight:900;letter-spacing:.1em;text-align:center}.rank-ladder-head>span:first-child{text-align:left}.rank-ladder-row{--rc:#38e1ff;position:relative;padding:9px 10px;border:1px solid color-mix(in srgb,var(--rc) 18%,rgba(56,225,255,.12));border-left:3px solid var(--rc);background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 8%,rgba(10,18,43,.82)),rgba(3,6,16,.86));overflow:hidden}.rank-ladder-row::after{content:"";position:absolute;right:-35px;top:-50px;width:100px;height:100px;border:1px solid color-mix(in srgb,var(--rc) 8%,transparent);transform:rotate(45deg);pointer-events:none}.rank-row-E{--rc:#cbd5e1}.rank-row-D{--rc:#34d399}.rank-row-C{--rc:#38e1ff}.rank-row-B{--rc:#a78bfa}.rank-row-A{--rc:#fbbf24}.rank-row-S{--rc:#fb7185}.rank-ladder-rank{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}.rank-ladder-rank b{color:#fff;font-size:.72rem;letter-spacing:.09em}.rank-ladder-rank em{padding:3px 5px;border:1px solid var(--rc);color:var(--rc);font-size:.46rem;font-style:normal;font-weight:900;letter-spacing:.08em}.rank-requirement{position:relative;z-index:1;padding:6px;border:1px solid color-mix(in srgb,var(--rc) 12%,rgba(255,255,255,.05));background:rgba(3,6,16,.46);text-align:center}.rank-requirement small{display:none;color:#64748b;font-size:.44rem;font-weight:800;letter-spacing:.08em}.rank-requirement b{color:#dbe7ff;font-size:.82rem}.rank-ladder-row.me{border-color:var(--rc);box-shadow:inset 0 0 22px color-mix(in srgb,var(--rc) 8%,transparent),0 0 15px color-mix(in srgb,var(--rc) 13%,transparent)}.rank-ladder-row.me .rank-requirement{border-color:color-mix(in srgb,var(--rc) 24%,transparent)}@media(max-width:650px){.rank-ladder-head{display:none}.rank-ladder-table{gap:8px}.rank-ladder-row{grid-template-columns:1fr 1fr;padding:10px}.rank-ladder-rank{grid-column:1/-1;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--rc) 18%,transparent)}.rank-requirement{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left}.rank-requirement small{display:block}.rank-requirement b{color:#fff}.rank-ladder-row .rank-badge{width:37px;height:42px}.rank-ladder-rank b{font-size:.76rem}}
.g-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.g-steps span { padding: 8px; text-align: center; border: 1px solid var(--line); border-radius: 10px; }
.g-steps b { display: block; color: var(--cyan); }
.g-attrs { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 6px 0; }
.g-attrs span { display: flex; flex-direction: column; align-items: center; min-width: 64px; padding: 8px; border: 1px solid var(--line); border-radius: 10px; }
.g-attrs i { font-size: 1.4rem; }
.g-evo { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; }
.g-evo figure { margin: 0; text-align: center; padding: 8px; border: 1px solid var(--line); border-radius: 12px; opacity: 0.5; }
.g-evo figure.on { opacity: 1; box-shadow: inset 0 0 18px rgba(56,225,255,0.25); }
.g-evo svg { width: 100%; max-width: 110px; height: auto; }
.g-evo figcaption b { display: block; color: var(--cyan); }

/* ===== v3 · Hunter rank system + mature colour pass ===== */
:root { --gold: #f0c35a; --green: #2dd4bf; --violet: #6d7cff; --red: #e11d48; }
body { font-variant-emoji: text; }
.sli { width: 1.1em; height: 1.1em; vertical-align: -0.15em; filter: drop-shadow(0 0 4px currentColor); }
i:has(> .sli), .ico:has(> .sli), b:has(> .sli) { filter: none !important; }
/* Rank rims: steel → teal → cyan → indigo → crimson → monarch gold */
.rank-E { background: linear-gradient(160deg, #7c8aa5, #1e2536); }
.rank-D { background: linear-gradient(160deg, #4fb3bf, #0d3440); }
.rank-C { background: linear-gradient(160deg, #38e1ff, #0b3a73); }
.rank-B { background: linear-gradient(160deg, #6d7cff, #1c1f5e); }
.rank-A { background: linear-gradient(160deg, #e11d48, #3f0a17); box-shadow: 0 0 16px rgba(225,29,72,0.45); }
.rank-S { background: linear-gradient(160deg, #f5c451, #4a3205); box-shadow: 0 0 22px rgba(245,196,81,0.6); }
.q-strength { --c: #e5484d; } .q-endurance { --c: #2dd4bf; } .q-agility { --c: #7dd3fc; } .q-discipline { --c: #818cf8; }
.chip.hot { border-color: var(--red); color: #fda4af; background: rgba(225,29,72,0.12); box-shadow: 0 0 12px rgba(225,29,72,0.45); }
.meter.full .xpbar span { background: linear-gradient(90deg, #0f766e, var(--green)); }
.badge-card.got { box-shadow: 0 0 16px rgba(240,195,90,0.25); }
.badge-row .badge { box-shadow: 0 0 12px rgba(240,195,90,0.3); }
.btn.sm { padding: 5px 12px; font-size: 0.82rem; }
.muted { color: var(--muted); }
.inline { display: inline-block; margin: 4px 0; }

/* Status chips */
.rk-status { display: inline-block; padding: 2px 10px; border: 1px solid var(--line); border-radius: 4px; font: 700 0.72rem var(--font); letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); background: rgba(5,8,22,0.7); }
.rk-status.st-eligible, .rk-status.st-approved { color: var(--green); border-color: var(--green); box-shadow: 0 0 10px rgba(45,212,191,0.35); }
.rk-status.st-evidence { color: var(--cyan); border-color: var(--cyan); box-shadow: 0 0 10px rgba(56,225,255,0.35); }
.rk-status.st-pending { --c: rgba(240,195,90,0.5); color: var(--gold); border-color: var(--gold); animation: aura-pulse 2.4s infinite; }
.rk-status.st-rejected { color: #fda4af; border-color: var(--red); }
.rk-status.st-max { color: var(--gold); border-color: var(--gold); }
.rk-status.st-cancelled { opacity: 0.6; }

/* Rank page */
.rank-hero { display: flex; align-items: center; gap: 22px; }
.rank-emblem { flex: none; width: 96px; height: 108px; display: grid; place-items: center; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); position: relative; }
.rank-emblem span { font: 900 3rem/1 var(--font); color: #fff; text-shadow: 0 0 18px rgba(255,255,255,0.6); }
.rank-emblem::after { content: ""; position: absolute; inset: 5px; clip-path: inherit; border: 0; background: linear-gradient(180deg, rgba(255,255,255,0.18), transparent 45%); }
.rk-ladder { list-style: none; margin: 14px 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; position: relative; }
.rk-ladder::before { content: ""; position: absolute; left: 6%; right: 6%; top: 30px; height: 2px; background: linear-gradient(90deg, var(--cyan), rgba(56,225,255,0.1)); z-index: -1; }
.rk-ladder li { display: grid; justify-items: center; gap: 4px; text-align: center; font-size: 0.72rem; color: var(--muted); }
.rk-ladder li.far { opacity: 0.3; filter: grayscale(0.9); }
.rk-ladder li.done { opacity: 0.75; }
.rk-ladder li.cur .rank-badge { --c: rgba(56,225,255,0.6); transform: scale(1.18); animation: aura-pulse 2s infinite; }
.rk-ladder li.cur small { color: #fff; font-weight: 700; }
.rk-ladder li.next .rank-badge { outline: 1px dashed var(--cyan); outline-offset: 4px; }
.rk-stats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; text-align: center; }
.rk-stats div { display: grid; gap: 2px; padding: 8px 4px; border: 1px solid rgba(56,225,255,0.18); border-radius: 6px; background: rgba(5,8,22,0.55); }
.rk-stats b { font-size: 1.2rem; color: #fff; }
.rk-stats small { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.08em; }
.rk-stats i { color: var(--cyan); }.rank-command{--rr:#cbd5e1;position:relative;isolation:isolate;display:grid;grid-template-columns:125px minmax(0,1fr);min-height:150px;padding:24px;overflow:hidden;border-color:color-mix(in srgb,var(--rr) 48%,transparent);background:radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--rr) 18%,transparent),transparent 25%),linear-gradient(145deg,rgba(13,22,52,.98),rgba(3,5,14,.99));box-shadow:inset 0 0 38px color-mix(in srgb,var(--rr) 5%,transparent),0 0 20px color-mix(in srgb,var(--rr) 8%,transparent)}.rank-command::after{content:"RANK";position:absolute;right:-15px;bottom:-37px;color:color-mix(in srgb,var(--rr) 5%,transparent);font:900 8rem/1 var(--font);pointer-events:none}.rank-tone-E{--rr:#cbd5e1}.rank-tone-D{--rr:#34d399}.rank-tone-C{--rr:#38e1ff}.rank-tone-B{--rr:#a78bfa}.rank-tone-A{--rr:#fbbf24}.rank-tone-S{--rr:#fb7185}.rank-command>div:last-child{position:relative;z-index:2}.rank-command h1{margin:2px 0;color:#fff;font-size:clamp(1.7rem,5vw,2.8rem);letter-spacing:.13em;text-shadow:0 0 18px color-mix(in srgb,var(--rr) 48%,transparent)}.rank-emblem{clip-path:none;width:112px;height:124px;isolation:isolate}.rank-emblem::before,.rank-emblem::after,.rank-emblem>i,.rank-emblem>em{content:"";position:absolute}.rank-emblem::before{inset:11px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(155deg,color-mix(in srgb,var(--rr) 88%,#fff),color-mix(in srgb,var(--rr) 34%,#020409));box-shadow:0 0 24px color-mix(in srgb,var(--rr) 48%,transparent)}.rank-emblem::after{inset:2px;border:1px solid color-mix(in srgb,var(--rr) 58%,transparent);transform:rotate(45deg);background:transparent}.rank-emblem>i{inset:0;border:1px dashed color-mix(in srgb,var(--rr) 46%,transparent);border-radius:50%;animation:podiumOrbit 16s linear infinite}.rank-emblem>em{inset:22px;border:1px solid rgba(255,255,255,.24);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.rank-emblem>span{position:relative;z-index:3;font-size:3.2rem;text-shadow:0 0 7px #fff,0 0 20px var(--rr)}.rank-emblem>small{position:absolute;z-index:3;bottom:-3px;color:var(--rr);font-size:.45rem;font-weight:900;letter-spacing:.14em}.rank-status-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.rank-tenure{display:inline-flex;align-items:center;gap:5px;color:#8fa2c9;font-size:.7rem}.rank-tenure .sli{width:15px;height:15px;color:var(--rr)}.rank-path{z-index:1;padding:13px;border:1px solid rgba(56,225,255,.12);background:rgba(3,6,16,.58)}.rank-path::before{top:49px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,#cbd5e1,#34d399,#38e1ff,#a78bfa,#fbbf24,#fb7185);opacity:.42}.rank-step{--rr:#64748b;position:relative;min-width:0}.rank-step-sigil{position:relative;width:68px;height:68px;display:grid;place-items:center}.rank-step-sigil>i{position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--rr) 45%,transparent);transform:rotate(45deg);box-shadow:0 0 10px color-mix(in srgb,var(--rr) 18%,transparent)}.rank-step .rank-badge{position:relative;z-index:2;width:48px;height:54px;font-size:1.3rem;background:linear-gradient(155deg,color-mix(in srgb,var(--rr) 88%,#fff),color-mix(in srgb,var(--rr) 35%,#020409));box-shadow:0 0 12px color-mix(in srgb,var(--rr) 32%,transparent)}.rank-step>small{color:color-mix(in srgb,var(--rr) 70%,#cbd5e1);font-size:.58rem;font-weight:900;letter-spacing:.1em}.rank-step>em{padding:2px 5px;border:1px solid var(--rr);color:var(--rr);font-size:.42rem;font-style:normal;font-weight:900;letter-spacing:.1em}.rank-step.done{opacity:.68}.rank-step.far{opacity:.32;filter:saturate(.35)}.rank-step.next{opacity:.78}.rank-step.next .rank-step-sigil>i{border-style:dashed}.rank-step.cur{opacity:1}.rank-step.cur .rank-step-sigil{transform:scale(1.12)}.rank-step.cur .rank-step-sigil>i{box-shadow:0 0 18px color-mix(in srgb,var(--rr) 55%,transparent);animation:podiumOrbit 8s linear infinite}.rank-step.cur .rank-badge{box-shadow:0 0 20px color-mix(in srgb,var(--rr) 68%,transparent);animation:none}.rank-intel{position:relative;padding-top:54px;grid-template-columns:repeat(6,1fr);overflow:hidden}.rank-intel>header{position:absolute;left:15px;right:15px;top:12px;display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(56,225,255,.12)}.rank-intel>header p{margin:0}.rank-intel>header b{color:#64748b;font-size:.5rem;letter-spacing:.12em}.rank-intel>div{border-radius:0;padding:11px 5px;background:linear-gradient(160deg,rgba(14,24,54,.75),rgba(3,6,16,.82))}.rank-intel>div i{width:29px;height:29px;margin:auto;display:grid;place-items:center;border:1px solid rgba(56,225,255,.18);color:var(--cyan)}.rank-intel>div .sli{width:17px;height:17px}.rank-intel>div b{font-size:1.35rem}.rank-goals{--rr:#38e1ff;position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--rr) 35%,transparent);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--rr) 11%,transparent),transparent 30%),linear-gradient(150deg,rgba(10,18,43,.97),rgba(3,6,16,.99))}.rank-goals-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:13px;border-bottom:1px solid color-mix(in srgb,var(--rr) 18%,transparent)}.rank-goals-head h2{margin:2px 0}.rank-goals-head>.rank-badge{width:55px;height:62px;font-size:1.55rem;background:linear-gradient(155deg,color-mix(in srgb,var(--rr) 88%,#fff),color-mix(in srgb,var(--rr) 35%,#020409));box-shadow:0 0 18px color-mix(in srgb,var(--rr) 45%,transparent)}.rank-goals .meters{margin:14px 0}.rank-goals .meter{padding:9px;border:1px solid color-mix(in srgb,var(--rr) 13%,transparent);background:rgba(3,6,16,.48)}.rank-goals .meter.full{border-color:rgba(52,211,153,.35)}.rank-verification-preview{border-color:color-mix(in srgb,var(--rr) 42%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--rr) 8%,transparent),rgba(76,29,149,.07))}.rank-verification-preview .verification-preview-fields>span{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 8px}.rank-verification-preview .verification-preview-fields .sli{grid-row:1/3}.rank-verification-preview .verification-preview-fields b{font-size:.58rem;letter-spacing:.08em}.rank-verification-preview .verification-preview-fields small{font-size:.54rem;line-height:1.35}.rank-trials-title{margin-top:16px;color:#dbe7ff;letter-spacing:.08em}.trial-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px}.trial-list li{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:0;color:#cbd5e1;background:rgba(5,8,22,.58)}.trial-list li i{color:var(--rr)}.trial-list .sli{width:18px;height:18px}@media(max-width:720px){.rank-command{grid-template-columns:90px minmax(0,1fr);padding:17px}.rank-emblem{width:82px;height:92px}.rank-emblem>span{font-size:2.35rem}.rank-path{grid-template-columns:repeat(3,1fr);gap:12px 4px}.rank-path::before{display:none}.rank-step-sigil{width:58px;height:58px}.rank-step .rank-badge{width:41px;height:47px;font-size:1.08rem}.rank-intel{grid-template-columns:repeat(3,1fr)}.rank-goals .meters{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.rank-command{grid-template-columns:1fr;text-align:center}.rank-emblem{justify-self:center}.rank-status-line{justify-content:center}.rank-path{grid-template-columns:repeat(2,1fr)}.rank-intel{grid-template-columns:repeat(2,1fr)}.rank-goals .meters{grid-template-columns:1fr}.rank-goals-head>.rank-badge{width:45px;height:51px;font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.rank-emblem>i,.rank-step.cur .rank-step-sigil>i{animation:none!important}}
.sub { margin-top: 14px; color: var(--cyan); text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.14em; }
.trial-list, .task-chips { list-style: none; padding: 0; margin: 8px 0; display: flex; flex-wrap: wrap; gap: 8px; }
.trial-list li, .task-chips li { padding: 5px 12px; border: 1px solid var(--line); border-radius: 4px; background: rgba(56,225,255,0.06); font-size: 0.85rem; color: var(--cyan); }
.task-chips li { color: var(--muted); border-style: dashed; }
.task-chips li.ok { color: var(--green); border-color: var(--green); border-style: solid; }
.rk-note { margin: 10px 0; padding: 10px 14px; border-left: 3px solid var(--cyan); background: rgba(56,225,255,0.06); border-radius: 0 6px 6px 0; font-size: 0.9rem; }
.rk-note ul { margin: 6px 0 0; padding-left: 18px; }
.rk-note.warn { border-left-color: var(--gold); background: rgba(240,195,90,0.07); }
.rk-note.bad { border-left-color: var(--red); background: rgba(225,29,72,0.08); }
details.trial { margin: 12px 0; border: 1px solid var(--line); border-radius: 8px; background: rgba(5,8,22,0.55); }
details.trial > summary { cursor: pointer; padding: 10px 14px; font-weight: 700; list-style: none; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
details.trial > summary::-webkit-details-marker { display: none; }
details.trial > summary::after { content: "▸"; margin-left: auto; color: var(--cyan); transition: transform 0.2s; }
details.trial[open] > summary::after { transform: rotate(90deg); }
details.trial > :not(summary) { margin: 0 14px 14px; }
.quiz fieldset { border: 1px solid rgba(56,225,255,0.18); border-radius: 6px; margin: 0 0 10px; padding: 8px 12px; }
.quiz legend { padding: 0 6px; font-weight: 700; }
.quiz label { display: flex; gap: 8px; align-items: center; padding: 4px 0; cursor: pointer; }
.bench label, .upload label { display: grid; gap: 4px; margin-bottom: 10px; }
.upload input[type=file] { padding: 8px; border: 1px dashed var(--line); border-radius: 6px; background: rgba(5,8,22,0.6); color: var(--text); width: 100%; }
.ev-list { list-style: none; padding: 0; margin: 10px 0; display: grid; gap: 6px; }
.ev-list li { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 6px 10px; border: 1px solid rgba(56,225,255,0.18); border-radius: 6px; }
.assess-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.btn[disabled] { opacity: 0.45; cursor: not-allowed; }
.rk-hist { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; font-size: 0.88rem; }
.rk-hist li { padding: 4px 0; border-bottom: 1px solid rgba(56,225,255,0.12); }
details.privacy { margin-top: 12px; padding: 12px 16px; font-size: 0.85rem; color: var(--muted); }
details.privacy summary { cursor: pointer; color: var(--cyan); }
.next-rank { display: block; color: inherit; transition: box-shadow 0.2s, transform 0.2s; }
.next-rank:hover { box-shadow: 0 0 22px rgba(56,225,255,0.3); transform: translateY(-1px); }

/* Review dashboard */
.tbl-scroll { overflow-x: auto; }
.tbl { width: 100%; border-collapse: collapse; font-size: 0.84rem; margin: 8px 0 16px; }
.tbl th, .tbl td { padding: 6px 8px; border-bottom: 1px solid rgba(56,225,255,0.14); text-align: left; vertical-align: top; }
.tbl th { color: var(--cyan); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; }
.tbl tr.me td { background: rgba(240,195,90,0.07); }
.tbl td.ok, h2.ok { color: var(--green); } .tbl td.bad, h2.bad { color: #fda4af; }
.req-tbl input[type=number] { width: 64px; } .req-tbl input[type=text] { min-width: 220px; }
.req-tbl input { padding: 4px 6px; background: rgba(5,8,22,0.7); color: var(--text); border: 1px solid var(--line); border-radius: 4px; }
.rules-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px 16px; }
.rules-form .btn, .rules-form p { grid-column: 1 / -1; }
.ev-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.ev-card { margin: 0; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: rgba(5,8,22,0.6); }
.ev-card video, .ev-card img { width: 100%; max-height: 320px; object-fit: contain; background: #000; border-radius: 4px; }
.ev-card figcaption { font-size: 0.75rem; color: var(--muted); margin-top: 6px; }
@media (max-width: 720px) {
  .rk-stats { grid-template-columns: repeat(3, 1fr); }
  .rank-hero { gap: 14px; } .rank-emblem { width: 72px; height: 81px; } .rank-emblem span { font-size: 2.2rem; }
  .rk-ladder .rank-badge { width: 38px; height: 42px; font-size: 1.1rem; } .rk-ladder::before { top: 21px; }
}
@media (prefers-reduced-motion: reduce) { .rk-status.st-pending, .rk-ladder li.cur .rank-badge { animation: none; } }
/* GATE SYSTEM v2: discovery, warnings, objectives, evidence and administration */
.gv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.gv-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(14,25,58,.88),rgba(4,7,18,.92));color:var(--text);overflow:hidden}.gv-card::after{content:"";position:absolute;inset:auto -20% -70% 30%;height:140px;background:radial-gradient(ellipse,var(--cyan),transparent 65%);opacity:.08}.gv-card h2{margin:2px 0;font-size:1.05rem}.gv-card p{margin:0;color:var(--muted);font-size:.82rem}.gv-card>em{font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.12em;color:var(--cyan)}.gv-card.state-locked{filter:saturate(.35);opacity:.62}.gv-card.state-warning{border-color:rgba(244,63,94,.65);box-shadow:inset 0 0 20px rgba(244,63,94,.08)}
.gv-preview,.gv-run{max-width:1100px;margin-inline:auto}.rank-danger{margin:14px 0;padding:18px;border:1px solid var(--red);background:linear-gradient(135deg,rgba(127,29,29,.58),rgba(30,8,22,.75));box-shadow:0 0 24px rgba(244,63,94,.22)}.rank-danger h2{margin-top:0;color:#fecdd3;text-shadow:0 0 12px var(--red)}.rank-danger li{margin:5px 0}.gv-facts{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.gv-facts>div{padding:10px;border:1px solid rgba(56,225,255,.18);background:rgba(5,8,22,.55);text-align:center}.gv-facts small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.1em}.gv-facts b{display:block;margin-top:4px;color:var(--cyan)}
.gv-review{display:grid;gap:8px;padding:0;list-style:none}.gv-review li{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px;border-left:3px solid var(--cyan);background:rgba(56,225,255,.05)}.gv-review li span{grid-column:1;color:var(--muted)}.gv-review li em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--gold);font-size:.72rem;text-transform:uppercase}.gate-terms,.safety-box,.gate-notice{margin:14px 0;padding:14px 16px;border:1px solid var(--line);background:rgba(5,8,22,.6)}.safety-box{border-color:rgba(52,211,153,.55);background:rgba(6,78,59,.18)}.safety-box>b{color:var(--green)}.gate-notice{border-color:var(--gold)}.gate-notice.bad{border-color:var(--red)}.gate-ack{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:14px;border:1px solid var(--gold);background:rgba(251,191,36,.07)}
.gv-objectives{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0}.gv-objective{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(5,8,22,.62)}.gv-objective header{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;text-transform:uppercase}.gv-objective h3{margin:8px 0}.gv-objective p{color:var(--muted)}.gv-objective.st-approved{border-color:var(--green)}.gv-objective.st-pending{border-color:var(--gold)}.gv-objective.st-rejected{border-color:var(--red)}.gv-target strong{font-size:1.8rem;color:var(--cyan)}.gv-target small{display:block;color:var(--green)}.gv-submit{display:grid;gap:8px;margin-top:10px}.gv-submit input[type=file]{max-width:100%}.gv-history{display:grid;gap:6px}.gv-history>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:9px 12px;border-bottom:1px solid rgba(56,225,255,.12)}.gv-history span{color:var(--muted)}.gv-history em{font-style:normal;color:var(--cyan)}.gv-admin-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.gv-admin-form label:has(textarea),.gv-admin-form .btn{grid-column:1/-1}
@media(max-width:720px){.gv-facts{grid-template-columns:repeat(2,1fr)}.gv-review li{grid-template-columns:1fr}.gv-review li em{grid-column:1;grid-row:auto}.gv-history>div{grid-template-columns:1fr}.gv-admin-form{grid-template-columns:1fr}.gv-card{grid-template-columns:auto 1fr}.gv-card>em{grid-column:2}.rank-danger{padding:14px}}

/* ARENA, LEADERBOARDS AND GUILDS */
.social-tabs{width:min(760px,94vw);margin:0 auto 14px;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(5,8,22,.82)}.social-tabs a{padding:9px;text-align:center;border-radius:10px;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.social-tabs a.on,.social-tabs a:hover{color:var(--cyan);background:rgba(56,225,255,.14);box-shadow:inset 0 -2px 0 var(--cyan)}.arena-hero,.guild-banner{overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(139,92,246,.22),transparent 38%),linear-gradient(145deg,rgba(20,36,84,.9),rgba(5,8,22,.92))}.arena-rules{display:flex;flex-wrap:wrap;gap:7px}.arena-rules span{padding:5px 9px;border:1px solid rgba(139,92,246,.45);border-radius:20px;color:#c4b5fd;font-size:.72rem}.arena-alert{border-color:var(--gold);box-shadow:0 0 22px rgba(251,191,36,.15)}
.arena-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;text-align:center}.arena-versus div{padding:14px;border:1px solid var(--line);background:rgba(5,8,22,.55)}.arena-versus small{display:block;color:var(--muted)}.arena-versus b{font-size:1.2rem}.arena-versus>strong{font-size:1.5rem;color:var(--red);text-shadow:0 0 12px var(--red)}.arena-objectives{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:16px 0}.arena-objectives article{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(5,8,22,.65)}.arena-objectives header{display:flex;justify-content:space-between;gap:8px}.arena-objectives header span{color:var(--gold);font-size:.72rem}.arena-target strong{font-size:2rem;color:var(--cyan)}.arena-target small{display:block;color:var(--muted)}.arena-submit{display:grid;gap:10px;margin-top:12px}.challenge-composer{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(56,225,255,.13),transparent 35%),linear-gradient(155deg,rgba(17,31,70,.9),rgba(5,8,22,.94))}.challenge-composer::after{content:"";position:absolute;right:-60px;bottom:-100px;width:240px;height:240px;border:1px solid rgba(56,225,255,.12);border-radius:50%;box-shadow:0 0 50px rgba(56,225,255,.08);pointer-events:none}.challenge-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(56,225,255,.16)}.challenge-head h2{margin:2px 0 5px}.challenge-head p{margin:0;color:var(--muted)}.challenge-status{padding:6px 10px;border:1px solid var(--green);border-radius:20px;color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.14em;box-shadow:0 0 12px rgba(52,211,153,.2)}.challenge-form{position:relative;z-index:1;display:grid;gap:15px;margin-top:15px}.challenge-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;border:0}.challenge-modes legend,.challenge-opponent>span{margin-bottom:8px;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.challenge-modes input{position:absolute;opacity:0}.challenge-modes label>span{height:100%;display:grid;grid-template-columns:42px 1fr;gap:2px 10px;align-items:center;padding:13px;border:1px solid rgba(56,225,255,.2);border-radius:12px;background:rgba(5,8,22,.55);cursor:pointer;transition:.16s}.challenge-modes i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--cyan);background:rgba(56,225,255,.1)}.challenge-modes .sli{width:22px;height:22px}.challenge-modes b{font-size:.95rem}.challenge-modes small{color:var(--muted)}.challenge-modes input:checked+span{border-color:var(--cyan);background:linear-gradient(135deg,rgba(56,225,255,.18),rgba(37,99,235,.1));box-shadow:inset 0 -2px 0 var(--cyan),0 0 16px rgba(56,225,255,.14);transform:translateY(-1px)}.challenge-modes input:focus-visible+span{outline:2px solid var(--gold)}.challenge-opponent{display:grid}.challenge-opponent>div{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;border:1px solid rgba(56,225,255,.28);border-radius:12px;background:rgba(5,8,22,.7);overflow:hidden}.challenge-opponent>div>i{display:grid;place-items:center;color:var(--cyan)}.challenge-opponent>div>.sli{width:20px;height:20px}.challenge-opponent input{border:0;border-left:1px solid rgba(56,225,255,.14);border-radius:0;background:transparent}.challenge-opponent input:focus{outline:0;box-shadow:inset 0 0 16px rgba(56,225,255,.07)}.challenge-opponent>small{margin-top:5px;color:var(--muted)}.challenge-send{height:100%;min-width:170px;clip-path:none;border:0;border-left:1px solid var(--cyan);border-radius:0}.challenge-terms{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.challenge-terms span{padding:8px;text-align:center;border:1px solid rgba(139,92,246,.3);border-radius:9px;background:rgba(139,92,246,.06);color:var(--muted);font-size:.7rem}.challenge-terms b{display:block;color:#c4b5fd;font-size:.85rem}.match-history{display:grid;gap:6px}.match-history>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:9px 12px;border-bottom:1px solid rgba(56,225,255,.12)}.match-history span{color:var(--muted)}.match-history em{font-style:normal;color:var(--gold)}
.guild-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.guild-kpis div{padding:12px;text-align:center;border:1px solid rgba(56,225,255,.2);background:rgba(5,8,22,.5)}.guild-kpis b{display:block;font-size:1.35rem;color:var(--cyan)}.guild-kpis small{color:var(--muted)}.guild-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:16px}.guild-roster>div{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;padding:10px;border:1px solid rgba(56,225,255,.15);background:rgba(5,8,22,.5)}.guild-roster small{grid-column:2;color:var(--muted)}.guild-progress{text-align:center;margin:18px}.guild-progress b{display:block;font-size:3rem;color:var(--cyan)}.leader-table{display:grid}.leader-table>div{display:grid;grid-template-columns:44px minmax(120px,1fr) 80px 70px 90px;align-items:center;gap:8px;padding:9px;border-bottom:1px solid rgba(56,225,255,.12)}.leader-head{color:var(--muted);font-size:.7rem;text-transform:uppercase}.leader-table em{font-style:normal;color:var(--gold);font-weight:800}
@media(max-width:820px){.hud-nav{font-size:0}.hud-nav .sli{width:19px;height:19px}.hud-nav{gap:0}.challenge-modes{grid-template-columns:1fr 1fr}.guild-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.challenge-head{align-items:center}.challenge-head p{display:none}.challenge-modes{grid-template-columns:1fr}.challenge-opponent>div{grid-template-columns:38px 1fr}.challenge-send{grid-column:1/-1;width:100%;height:42px;border-left:0;border-top:1px solid var(--cyan)}.challenge-terms{grid-template-columns:repeat(2,1fr)}.arena-versus{grid-template-columns:1fr}.arena-versus>strong{font-size:1rem}.match-history>div{grid-template-columns:1fr}.leader-table{overflow-x:auto}.leader-table>div{min-width:520px}.social-tabs a{font-size:.66rem}.guild-roster{grid-template-columns:1fr}}

.board-periods{width:min(560px,94vw);margin:0 auto 14px;display:flex;justify-content:center;gap:6px}.board-periods a{padding:7px 12px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:.72rem;font-weight:800}.board-periods a.on,.board-periods a:hover{color:var(--gold);border-color:var(--gold);background:rgba(251,191,36,.08)}.leader-table.player-v2>div{grid-template-columns:44px minmax(120px,1fr) 100px 70px 60px 90px}.leader-table.guild-v2>div{grid-template-columns:44px minmax(140px,1fr) 70px 70px 65px 75px 85px 75px}.match-history span{text-transform:capitalize}@media(max-width:560px){.board-periods{display:grid;grid-template-columns:repeat(3,1fr)}.board-periods a{text-align:center;padding:7px 4px}.leader-table.player-v2>div{min-width:610px}.leader-table.guild-v2>div{min-width:760px}}
/* FINAL MOBILE DOCK: fixed viewport bar on every signed-in page */ @media (max-width:820px){body.in-game{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}.dock{box-sizing:border-box!important;position:fixed!important;display:flex!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100vw!important;max-width:100vw!important;height:auto!important;margin:0!important;transform:none!important;z-index:2147483000!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:rgba(5,8,22,.97)!important;box-shadow:0 -8px 24px rgba(0,0,0,.38)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.dock a{box-sizing:border-box!important;min-width:0!important;flex:1 1 20%!important;padding:6px 2px!important}.dock a i{font-size:1.2rem!important}.dock a span{font-size:.62rem!important;letter-spacing:.03em!important}}
.server-date{margin-left:auto;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:none;text-shadow:none}.month-title{display:flex;justify-content:space-between;align-items:center}.month-title small{color:var(--muted);font-weight:500}.month-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.month-dow{padding:4px;text-align:center;color:var(--muted);font-size:.68rem;text-transform:uppercase}.month-cell{position:relative;min-height:52px;padding:7px;border:1px solid rgba(56,225,255,.12);border-radius:8px;background:rgba(5,8,22,.55)}.month-cell>b{font-size:.75rem}.month-cell.h1{background:rgba(56,225,255,.16)}.month-cell.h2{background:rgba(56,225,255,.35)}.month-cell.h3{background:linear-gradient(145deg,rgba(56,225,255,.8),rgba(37,99,235,.7));color:#fff;box-shadow:inset 0 0 12px rgba(255,255,255,.12)}.month-cell.hrest{background:rgba(139,92,246,.4);border-color:rgba(167,139,250,.6)}.month-cell.future{opacity:.35;background:rgba(5,8,22,.3)}.month-cell.today{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 12px rgba(251,191,36,.25)}.month-cell.blank{visibility:hidden}.day-offline{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:2147483001;width:min(520px,92vw);padding:9px 12px;border:1px solid var(--gold);border-radius:10px;background:rgba(30,20,5,.97);color:#fde68a;text-align:center;font-size:.78rem;box-shadow:0 0 18px rgba(251,191,36,.25)}@media(max-width:560px){.month-cal{gap:3px}.month-cell{min-height:42px;padding:5px}.month-dow{font-size:.58rem}.month-title small{display:none}.server-date{font-size:.58rem}}
/* CINEMATIC RANK-MISMATCH SYSTEM WARNING */
.system-warning{position:relative;isolation:isolate;overflow:hidden;margin:18px 0;padding:20px;border:1px solid rgba(244,63,94,.85);background:radial-gradient(circle at 50% 0,rgba(244,63,94,.25),transparent 44%),linear-gradient(145deg,rgba(69,10,24,.92),rgba(5,6,15,.97));box-shadow:0 0 0 1px rgba(244,63,94,.15),0 0 34px rgba(244,63,94,.28),inset 0 0 40px rgba(127,29,29,.22)}.system-warning::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);pointer-events:none}.system-warning::after{content:"CRITICAL";position:absolute;right:-10px;bottom:-22px;color:rgba(244,63,94,.055);font:900 clamp(4rem,13vw,8rem)/1 var(--font);letter-spacing:.05em;pointer-events:none}.danger-scan{position:absolute;z-index:2;left:0;right:0;top:-25%;height:22%;background:linear-gradient(to bottom,transparent,rgba(255,80,110,.17),rgba(255,255,255,.32),transparent);mix-blend-mode:screen;pointer-events:none}.danger-code{margin:0 0 5px;color:#fda4af;font-size:.65rem;font-weight:800;letter-spacing:.22em}.system-warning h2{margin:0 0 14px;color:#fff1f2;font-size:clamp(1.25rem,4.6vw,2rem);letter-spacing:.06em;text-shadow:0 0 7px #fff,0 0 20px var(--red)}.danger-ranks{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0}.danger-ranks span{padding:10px;border:1px solid rgba(244,63,94,.28);background:rgba(0,0,0,.27);text-align:center}.danger-ranks small{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.14em}.danger-ranks b{display:block;margin-top:3px;color:#fff;font-size:1.2rem}.danger-ranks>i{color:var(--red);font-size:1.4rem;font-style:normal;text-shadow:0 0 12px var(--red)}.danger-verdict{padding:8px 10px;border-left:3px solid var(--red);background:rgba(244,63,94,.09);letter-spacing:.08em}.danger-verdict b{color:#fda4af}.danger-costs{display:grid;gap:7px;margin:13px 0;padding:0;list-style:none}.danger-costs li{display:grid;grid-template-columns:125px 1fr;gap:10px;padding:8px 10px;border:1px solid rgba(244,63,94,.18);background:rgba(0,0,0,.2)}.danger-costs b{color:#fb7185;font-size:.72rem;letter-spacing:.08em}.danger-costs span{color:#cbd5e1}.danger-final{margin:15px 0 0;color:#fff;font-weight:800;text-align:center;letter-spacing:.1em;text-transform:uppercase}.override-warning{display:block;width:100%;margin:4px 0;color:#fda4af;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-align:center}.gate-override{border-color:var(--red)!important;background:linear-gradient(180deg,rgba(244,63,94,.48),rgba(127,29,29,.58))!important}
.system-warning.alert-in{animation:dangerReveal .72s cubic-bezier(.18,.78,.25,1),dangerPulse 1.15s ease-in-out .75s 3}.system-warning.alert-in .danger-scan{animation:dangerScan 1.55s linear 3}.system-warning.alert-in h2{animation:dangerGlitch .13s steps(2,end) .62s 5}.system-warning.alert-in~* .gate-override,.gv-preview.danger-active .gate-override{animation:dangerButton 1.15s ease-in-out 1.1s 4}@keyframes dangerReveal{0%{opacity:0;transform:scale(.96) translateY(-18px);filter:brightness(2)}45%{opacity:1;transform:scale(1.015);filter:brightness(1.35)}100%{transform:none;filter:none}}@keyframes dangerPulse{50%{border-color:#fff;box-shadow:0 0 0 1px var(--red),0 0 48px rgba(244,63,94,.52),inset 0 0 55px rgba(127,29,29,.38)}}@keyframes dangerScan{from{top:-25%}to{top:110%}}@keyframes dangerGlitch{0%,100%{transform:none}25%{transform:translateX(-3px);text-shadow:3px 0 #fff,-3px 0 var(--red)}75%{transform:translateX(3px);text-shadow:-3px 0 #fff,3px 0 var(--red)}}@keyframes dangerButton{50%{filter:brightness(1.35);box-shadow:0 0 25px rgba(244,63,94,.7);transform:scale(1.025)}}
@media(max-width:560px){.system-warning{padding:15px}.danger-ranks{gap:6px}.danger-ranks b{font-size:1rem}.danger-costs li{grid-template-columns:1fr;gap:2px}}@media(prefers-reduced-motion:reduce){.system-warning,.system-warning *,.gate-override{animation:none!important}}body[data-reduced-motion="1"] .system-warning,body[data-reduced-motion="1"] .system-warning *,body[data-reduced-motion="1"] .gate-override{animation:none!important}
/* PERFECT AURA ORBS: fixed circular geometry and centered lock state */ .orbs{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.orb{-webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-grid;place-items:center;flex:0 0 54px;width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;min-height:54px!important;max-height:54px!important;aspect-ratio:1/1;padding:0!important;margin:0;overflow:hidden;border-radius:999px!important;line-height:1}.orb::before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.18);pointer-events:none}.orb-core{width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 11px #fff,0 0 20px var(--c)}.orb-lock{position:relative;z-index:2;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(2,4,9,.78);color:#cbd5e1;box-shadow:0 0 10px rgba(0,0,0,.8)}.orb-lock .sli{display:block;width:15px!important;height:15px!important;filter:none}.orb.locked,.orb:disabled{filter:none!important;opacity:.62;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.3),color-mix(in srgb,var(--c) 28%,#111827) 38%,#05070f 76%);border-color:rgba(148,163,184,.38);box-shadow:inset 0 0 14px rgba(0,0,0,.7),0 0 10px color-mix(in srgb,var(--c) 30%,transparent);cursor:not-allowed}.orb.locked::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(255,255,255,.025) 5px 7px);pointer-events:none}.orb.on{z-index:1}@media(max-width:420px){.orbs{justify-content:center;gap:10px}.orb{flex-basis:50px;width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;min-height:50px!important;max-height:50px!important}.orb-lock{width:24px;height:24px}}
/* QUESTS RESPONSIVE REBUILD */
.quest-page{min-width:0;overflow:hidden}.quest-page>*{min-width:0}.quest-tabs{scrollbar-width:thin;overscroll-behavior-x:contain}.quest-tabs a{display:flex;align-items:center;justify-content:center}.quest-tiles,.quest-tiles .tile{min-width:0}.quest-page .tile h3,.quest-page .goal,.quest-page .tile p{overflow-wrap:anywhere}.quest-page .tile-act{min-width:0;flex-wrap:wrap}.quest-page .tile-act .btn.clear{min-width:120px}.quest-rest .rest-form{min-width:0}.quest-rest .picks{min-width:0}
@media(max-width:600px){.page-quests main.wrap{width:calc(100% - 16px);max-width:none;gap:12px}.quest-page{padding:14px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.quest-page .ttl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;font-size:1.08rem}.quest-page .server-date{margin:0;text-align:right;line-height:1.25}.quest-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;margin-bottom:12px}.quest-tabs a{min-width:0;padding:7px 4px;border-radius:9px;font-size:.7rem;line-height:1}.quest-tabs a:nth-child(4){grid-column:1/2}.quest-tabs a:nth-child(5){grid-column:2/4}.quest-tabs a i{margin-right:3px}.quest-tiles{grid-template-columns:minmax(0,1fr);gap:10px}.quest-page .tile{width:100%;padding:12px}.quest-page .tile-top{display:grid;grid-template-columns:auto auto minmax(0,1fr)}.quest-page .stars{justify-self:end;white-space:nowrap}.quest-page .tile-act{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;gap:5px}.quest-page .tile-act .btn.clear{min-width:0;width:100%;padding:9px 8px}.quest-page .tile-act .icon-btn{width:40px;height:40px}.quest-rest .rest-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.quest-rest .picks.sm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.quest-rest .picks.sm .pick,.quest-rest .picks.sm .pick span{width:100%;min-width:0}.quest-rest .picks.sm .pick span{justify-content:center;padding:8px 5px}.quest-rest .rest-form>.btn{width:100%}.quest-page .log li{grid-template-columns:auto minmax(0,1fr) auto}.quest-page .log span{min-width:0}.quest-page .log span,.quest-page .log small{overflow-wrap:anywhere}}
@media(max-width:340px){.page-quests main.wrap{width:calc(100% - 10px)}.quest-page{padding:11px}.quest-tabs a{font-size:.64rem}.quest-page .tile-act{grid-template-columns:minmax(0,1fr) 36px 36px}.quest-page .tile-act .icon-btn{width:36px;height:38px}.quest-rest .picks.sm{grid-template-columns:1fr 1fr}}
/* ARENA V3 · GAME-FIRST BATTLE INTERFACE */
.page-arena{--arena:#8b5cf6;--arena2:#38e1ff;--enemy:#f43f5e}.page-arena main.wrap{width:min(1180px,95vw);gap:14px}.arena-nav{width:min(620px,94vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid rgba(139,92,246,.42);border-radius:14px;background:rgba(4,6,18,.9);box-shadow:0 0 24px rgba(139,92,246,.12)}.arena-nav a{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:10px;color:#8494b8;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.arena-nav .sli{width:18px;height:18px}.arena-nav a.on,.arena-nav a:hover{color:#fff;background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(56,225,255,.12));box-shadow:inset 0 -2px 0 var(--arena2),0 0 15px rgba(139,92,246,.18)}.arena-command{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;border:1px solid rgba(139,92,246,.5);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:radial-gradient(circle at 12% 50%,rgba(139,92,246,.25),transparent 22%),linear-gradient(135deg,rgba(18,23,58,.96),rgba(3,5,14,.98));box-shadow:inset 0 0 45px rgba(139,92,246,.08),0 0 30px rgba(37,99,235,.1);overflow:hidden}.arena-command::after{content:"BATTLE SYSTEM";position:absolute;right:-12px;bottom:-20px;color:rgba(56,225,255,.035);font:900 4.5rem/1 var(--font);letter-spacing:.1em;pointer-events:none}.arena-emblem{position:relative;width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--arena2);border-radius:50%;color:#fff;background:radial-gradient(circle,rgba(139,92,246,.45),rgba(5,8,22,.8) 65%);box-shadow:0 0 25px rgba(56,225,255,.35),inset 0 0 22px rgba(139,92,246,.45)}.arena-emblem .sli{width:34px;height:34px}.arena-emblem i{position:absolute;inset:-8px;border:1px dashed rgba(56,225,255,.45);border-radius:50%;animation:arenaSpin 12s linear infinite}.arena-command h1{margin:0;color:#fff;font-size:clamp(1.8rem,5vw,3.2rem);letter-spacing:.16em;text-shadow:0 0 20px rgba(139,92,246,.85)}.arena-command p{margin:5px 0 0;color:#aebdde}.arena-command-stats{display:grid;grid-template-columns:repeat(3,70px);gap:6px}.arena-command-stats span{padding:9px 5px;border:1px solid rgba(56,225,255,.2);background:rgba(5,8,22,.55);text-align:center;color:#8494b8;font-size:.62rem;text-transform:uppercase}.arena-command-stats b{display:block;color:var(--arena2);font-size:1rem}.arena-invasion{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid var(--enemy);background:linear-gradient(90deg,rgba(127,29,29,.6),rgba(22,7,20,.92));box-shadow:0 0 25px rgba(244,63,94,.2);animation:invasionPulse 1.5s ease-in-out 3}.invasion-signal{width:70px;height:70px;display:grid;place-items:center;border:1px solid var(--enemy);color:#fff;background:rgba(244,63,94,.16);box-shadow:inset 0 0 20px rgba(244,63,94,.3)}.invasion-signal .sli{width:30px;height:30px}.invasion-signal span{font-size:.55rem;font-weight:900;letter-spacing:.12em}.arena-invasion h2{margin:2px 0;color:#fff;font-size:1.1rem}.arena-invasion p{margin:3px 0;color:#cbd5e1}.invasion-actions{display:grid;gap:6px}.arena-enter,.arena-retreat{padding:10px 14px;border:1px solid;font:800 .72rem var(--font);letter-spacing:.08em;cursor:pointer}.arena-enter{border-color:#fff;background:var(--enemy);color:#fff;box-shadow:0 0 15px rgba(244,63,94,.45)}.arena-retreat{border-color:#64748b;background:transparent;color:#cbd5e1}.matchmaking-console{position:relative;padding:18px;border:1px solid rgba(56,225,255,.38);background:radial-gradient(circle at 90% 0,rgba(56,225,255,.14),transparent 32%),linear-gradient(150deg,rgba(10,20,48,.97),rgba(3,6,16,.99));overflow:hidden}.matchmaking-console::after{content:"MATCH";position:absolute;right:-12px;bottom:-30px;color:rgba(56,225,255,.035);font:900 6rem/1 var(--font);pointer-events:none}.matchmaking-console>header{position:relative;z-index:1;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(56,225,255,.15)}.matchmaking-console h2{margin:2px 0;color:#fff;letter-spacing:.12em}.matchmaking-console header p{margin:4px 0;color:#8496bc}.matchmaking-online{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(52,211,153,.38);color:var(--green);font-size:.52rem;font-weight:900;letter-spacing:.09em;white-space:nowrap}.matchmaking-online i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.matchmaking-rules{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.matchmaking-rules span{padding:8px;border:1px solid rgba(56,225,255,.13);background:rgba(3,7,20,.55);text-align:center}.matchmaking-rules b{display:block;color:#dbe7ff;font-size:.6rem;letter-spacing:.08em}.matchmaking-rules small{color:#64748b;font-size:.52rem}.matchmaking-rules span:last-child{border-color:rgba(244,63,94,.2)}.matchmaking-rules span:last-child b{color:#fb7185}.matchmaking-start{position:relative;z-index:1;display:grid;justify-items:center}.matchmaking-start button{display:grid!important;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;min-width:230px}.matchmaking-start .sli{width:25px;height:25px}.matchmaking-start span{display:grid;text-align:left}.matchmaking-start small{color:#7dd3fc;font-size:.47rem;letter-spacing:.11em}.matchmaking-start b{font-size:.75rem;letter-spacing:.1em}.matchmaking-searching{position:relative;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px;border:1px solid var(--cyan);background:rgba(56,225,255,.06);box-shadow:inset 0 0 18px rgba(56,225,255,.05)}.matchmaking-searching>i{width:34px;height:34px;border:2px solid rgba(56,225,255,.18);border-top-color:var(--cyan);border-radius:50%;animation:playerSearchSpin 1s linear infinite}.matchmaking-searching>div{display:grid}.matchmaking-searching b{color:#fff;font-size:.68rem;letter-spacing:.09em}.matchmaking-searching small{color:#7f91b7;font-size:.57rem}.matchmaking-searching form{margin:0}@media(max-width:620px){.matchmaking-console>header{display:grid}.matchmaking-online{justify-self:start}.matchmaking-rules{grid-template-columns:1fr}.matchmaking-searching{grid-template-columns:34px minmax(0,1fr)}.matchmaking-searching form{grid-column:1/-1}.matchmaking-searching button{width:100%}.matchmaking-start button{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.matchmaking-searching>i{animation:none!important}}.matchmaking-console{overflow:visible}.matchmaking-console::after{overflow:hidden}.matchmaking-info{position:absolute;z-index:15;right:12px;top:12px}.matchmaking-info>summary{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--arena2);border-radius:50%;background:rgba(5,8,22,.92);color:#fff;font:900 .9rem var(--font);box-shadow:0 0 12px rgba(56,225,255,.2);cursor:pointer;list-style:none}.matchmaking-info>summary::-webkit-details-marker{display:none}.matchmaking-info[open]>summary{border-color:var(--gold);color:var(--gold)}.matchmaking-info>div{position:absolute;right:0;top:40px;width:min(330px,82vw);padding:13px;border:1px solid rgba(56,225,255,.28);background:rgba(3,6,16,.98);box-shadow:0 12px 30px rgba(0,0,0,.6);color:#aebdde}.matchmaking-info h3{margin:0 0 8px;color:#fff;font-size:.72rem;letter-spacing:.1em}.matchmaking-info p{margin:6px 0;padding:6px 7px;border-left:2px solid var(--cyan);background:rgba(56,225,255,.045);font-size:.68rem}.matchmaking-info p.blocked{border-left-color:var(--red);background:rgba(244,63,94,.06)}.matchmaking-info small{display:block;margin-top:8px;color:#64748b;font-size:.56rem}.matchmaking-find{transition:.18s}.matchmaking-find.is-finding{border-color:var(--gold)!important;background:linear-gradient(90deg,rgba(180,83,9,.78),rgba(109,40,217,.72))!important;color:#fff!important;box-shadow:0 0 18px rgba(251,191,36,.3)!important;cursor:wait}.matchmaking-find.is-finding>i{animation:playerSearchSpin 1s linear infinite}.matchmaking-cancel{border-color:rgba(244,63,94,.55)!important;color:#fda4af!important;background:rgba(127,29,29,.18)!important}.matchmaking-message{position:relative;z-index:4;margin-top:9px;padding:8px 10px;border-left:3px solid var(--green);background:rgba(6,78,59,.12);color:#a7f3d0;font-size:.65rem}.matchmaking-message.bad{border-left-color:var(--red);background:rgba(127,29,29,.15);color:#fda4af}@media(max-width:620px){.matchmaking-info{right:9px;top:9px}.matchmaking-console>header{padding-right:38px}}.arena-admin-actions{display:grid;gap:6px;min-width:150px}.arena-admin-actions form{margin:0}.arena-admin-actions details>summary{list-style:none;cursor:pointer;text-align:center}.arena-admin-actions details>summary::-webkit-details-marker{display:none}.arena-admin-actions details[open]{padding:8px;border:1px solid rgba(244,63,94,.35);background:rgba(127,29,29,.12)}.arena-admin-actions textarea{width:100%;min-height:70px;margin:7px 0;font-size:.7rem}.notice-head-actions form,.notice-actions form{margin:0}.notice-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.notice-clear{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(244,63,94,.4);border-radius:50%;background:rgba(127,29,29,.12);color:#fda4af;font:700 1.15rem/1 sans-serif;cursor:pointer}.notice-clear:hover,.notice-clear:focus-visible{border-color:#fb7185;background:rgba(190,24,93,.24);color:#fff;box-shadow:0 0 10px rgba(244,63,94,.25)}@media(max-width:620px){.notice-head-actions{flex-wrap:wrap}.notice-actions{grid-column:1/-1;justify-content:flex-end}}.database-control{max-width:1000px;margin-inline:auto}.database-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.database-status>div{padding:14px;border:1px solid rgba(56,225,255,.2);background:rgba(3,7,20,.55)}.database-status small{display:block;color:#7f91b7;font-size:.57rem;letter-spacing:.09em}.database-status b{display:block;margin-top:5px;color:#fff;font-size:1.15rem}.database-status .ok{border-color:rgba(52,211,153,.45)}.database-status .bad{border-color:rgba(244,63,94,.5)}.database-ready,.database-missing{padding:12px;border-left:3px solid var(--green);background:rgba(6,78,59,.1)}.database-missing{border-left-color:var(--red);background:rgba(127,29,29,.12)}.database-boundary{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:16px 0;padding:16px;border:1px solid rgba(139,92,246,.22);background:rgba(15,23,42,.35)}.database-boundary h2{margin:0;font-size:.85rem}.database-boundary ul{margin:0;padding-left:18px;color:#aebdde;font-size:.72rem}.database-generate{display:grid;gap:10px;padding:16px;border:1px solid rgba(251,191,36,.4);background:rgba(120,53,15,.08)}.database-generate label{display:grid;gap:5px}.database-generate input{max-width:520px}.database-generate button{justify-self:start}.database-generate>small{color:#7f91b7}.database-warning{display:grid;gap:4px;margin-top:14px;padding:12px;border:1px solid rgba(244,63,94,.3);color:#fbcfe8}.database-warning span{color:#aebdde;font-size:.68rem}@media(max-width:700px){.database-status{grid-template-columns:1fr 1fr}.database-boundary{grid-template-columns:1fr}.database-generate button{width:100%}}
.arena-lobby,.arena-battle,.battle-log{position:relative;padding:20px;border:1px solid rgba(139,92,246,.42);background:linear-gradient(150deg,rgba(13,19,48,.96),rgba(3,5,14,.98));box-shadow:inset 0 0 40px rgba(37,99,235,.06)}.arena-lobby>header,.battle-log>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(56,225,255,.14)}.arena-lobby h2,.battle-log h2{margin:0;color:#fff;letter-spacing:.09em}.lobby-online{color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.12em}.lobby-online i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);animation:onlinePulse 1.4s infinite}.lobby-console{display:grid;gap:16px;margin-top:16px}.battle-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.battle-modes input{position:absolute;opacity:0}.battle-modes label>span{position:relative;display:grid;grid-template-columns:58px 1fr auto;grid-template-rows:auto auto;gap:2px 12px;align-items:center;min-height:82px;padding:14px;border:1px solid rgba(139,92,246,.25);background:linear-gradient(135deg,rgba(25,28,68,.72),rgba(5,8,22,.7));cursor:pointer;overflow:hidden;transition:.18s}.battle-modes label>span::after{content:"";position:absolute;inset:auto -30px -50px auto;width:120px;height:120px;border:1px solid rgba(56,225,255,.08);transform:rotate(45deg)}.battle-modes span>i{grid-row:1/3;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.3);color:var(--arena2);background:rgba(56,225,255,.06)}.battle-modes .sli{width:27px;height:27px}.battle-modes b{color:#fff;letter-spacing:.08em}.battle-modes small{color:#8494b8}.battle-modes em{grid-column:3;grid-row:1/3;color:#64748b;font-size:.65rem;font-style:normal;font-weight:900}.battle-modes input:checked+span{border-color:var(--arena2);background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(139,92,246,.2));box-shadow:inset 0 -3px 0 var(--arena2),0 0 22px rgba(56,225,255,.15);transform:translateY(-2px)}.battle-modes input:checked+span em{color:var(--arena2)}.opponent-lock{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:stretch;border:1px solid rgba(56,225,255,.35);background:rgba(2,5,15,.8)}.target-reticle{display:grid;place-items:center;color:var(--enemy);border-right:1px solid rgba(56,225,255,.16)}.target-reticle .sli{width:27px;height:27px;animation:reticlePulse 1.6s infinite}.opponent-lock label{display:grid;align-content:center;padding:8px 12px}.opponent-lock small{color:#8494b8;font-size:.6rem;letter-spacing:.12em}.opponent-lock input{width:100%;padding:4px 0;border:0;border-radius:0;background:transparent;color:#fff;font-size:1rem}.opponent-lock input:focus{outline:0}.opponent-lock button{min-width:160px;border:0;border-left:1px solid var(--arena2);background:linear-gradient(135deg,#1d4ed8,#6d28d9);color:#fff;cursor:pointer}.opponent-lock button span{display:block;font-size:.55rem;letter-spacing:.18em}.opponent-lock button b{font-size:.85rem;letter-spacing:.08em}.lobby-loadout{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lobby-loadout span{padding:8px;border-left:2px solid var(--arena);background:rgba(139,92,246,.06);color:#aebdde;font-size:.7rem}.lobby-loadout i{margin-right:6px;color:var(--arena2);font-style:normal;font-weight:900}.arena-division-strip{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.arena-division-strip span{padding:5px 8px;border:1px solid rgba(56,225,255,.15);color:#8494b8;font-size:.65rem}.arena-division-strip b{color:#fff}.arena-division-strip em{margin-left:auto;color:var(--gold);font-size:.67rem;font-style:normal}
.battle-header{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(56,225,255,.17)}.battle-header p{margin:0}.battle-clock{text-align:center}.battle-clock small{display:block;color:#8494b8;font-size:.55rem;letter-spacing:.15em}.battle-clock time{color:#fff;font:900 1.25rem var(--font);letter-spacing:.08em;text-shadow:0 0 12px var(--arena2)}.battle-state{padding:6px 9px;border:1px solid var(--arena);color:#c4b5fd;font-size:.65rem;font-weight:900;letter-spacing:.1em}.battle-stage{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;gap:12px;padding:22px 0}.fighter{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:17px;border:1px solid rgba(56,225,255,.3);background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(5,8,22,.7))}.fighter.side-b{border-color:rgba(244,63,94,.35);background:linear-gradient(225deg,rgba(127,29,29,.25),rgba(5,8,22,.7));text-align:right}.fighter small{color:#8494b8;font-size:.6rem;letter-spacing:.14em}.fighter b{color:#fff;font-size:1.12rem}.fighter-mark{grid-row:1/3;width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--arena2);font-size:1.4rem;font-weight:900;color:var(--arena2);box-shadow:inset 0 0 14px rgba(56,225,255,.12)}.side-b .fighter-mark{grid-column:2;grid-row:1/3;border-color:var(--enemy);color:#fb7185}.fighter-bar{grid-column:1/-1;height:5px;background:#111827;overflow:hidden}.fighter-bar i{display:block;height:100%;background:linear-gradient(90deg,#1d4ed8,var(--arena2));box-shadow:0 0 10px var(--arena2)}.fighter-bar.enemy i{width:100%;background:linear-gradient(90deg,var(--enemy),#7f1d1d)}.versus-core{position:relative;display:grid;place-items:center;height:72px}.versus-core span{z-index:1;color:#fff;font:900 1.5rem var(--font);text-shadow:0 0 14px var(--enemy)}.versus-core i{position:absolute;width:58px;height:58px;border:1px solid var(--enemy);transform:rotate(45deg);box-shadow:0 0 15px rgba(244,63,94,.28)}.mission-progress{display:grid;grid-template-columns:auto auto minmax(120px,1fr);gap:10px;align-items:center;margin-bottom:12px;color:#8494b8;font-size:.68rem;letter-spacing:.1em}.mission-progress b{color:#fff}.mission-progress>i{height:6px;background:#111827;overflow:hidden}.mission-progress em{display:block;height:100%;background:linear-gradient(90deg,var(--arena),var(--arena2));box-shadow:0 0 9px var(--arena2)}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.mission-slot{position:relative;display:flex;flex-direction:column;min-height:330px;padding:14px;border:1px solid rgba(56,225,255,.2);background:linear-gradient(160deg,rgba(15,23,55,.88),rgba(3,5,14,.95));overflow:hidden}.mission-slot::after{content:"";position:absolute;right:-45px;bottom:-55px;width:120px;height:120px;border:1px solid rgba(56,225,255,.06);transform:rotate(45deg)}.mission-slot.is-approved{border-color:var(--green);box-shadow:inset 0 0 24px rgba(52,211,153,.08)}.mission-slot.is-pending{border-color:var(--gold)}.mission-slot.is-rejected{border-color:var(--enemy)}.mission-no{color:#64748b;font-size:.58rem;font-weight:900;letter-spacing:.14em}.mission-icon{width:48px;height:48px;display:grid;place-items:center;margin:10px 0;border:1px solid rgba(56,225,255,.28);color:var(--arena2);background:rgba(56,225,255,.06)}.mission-icon .sli{width:25px;height:25px}.mission-slot header{display:flex;justify-content:space-between;gap:6px}.mission-slot h3{margin:0;color:#fff;font-size:1rem}.mission-slot header span{color:var(--gold);font-size:.62rem;white-space:nowrap}.mission-slot>p{color:#8494b8;font-size:.78rem}.mission-target{margin-top:auto;padding:10px;border-left:3px solid var(--arena2);background:rgba(56,225,255,.05)}.mission-target small{display:block;color:#8494b8;font-size:.55rem;letter-spacing:.13em}.mission-target strong{color:#fff;font-size:2rem}.mission-target>span{color:var(--arena2)}.mission-target em{display:block;color:#64748b;font-size:.65rem;font-style:normal}.mission-action{position:relative;z-index:2;margin-top:9px}.mission-action summary{padding:10px;border:1px solid var(--arena2);color:#fff;background:linear-gradient(90deg,rgba(37,99,235,.38),rgba(109,40,217,.35));font-size:.7rem;font-weight:900;letter-spacing:.09em;text-align:center;cursor:pointer;list-style:none}.mission-action summary::-webkit-details-marker{display:none}.mission-action[open] summary{border-color:var(--gold);color:var(--gold)}.battle-report{display:grid;gap:8px;padding:10px;border:1px solid rgba(56,225,255,.18);border-top:0;background:rgba(2,5,15,.92)}.battle-report label{display:grid;gap:4px;color:#8494b8;font-size:.65rem;text-transform:uppercase}.battle-report input{padding:8px;border:1px solid rgba(56,225,255,.2);background:#050816;color:#fff}.battle-capture input{font-size:.7rem}.battle-consent{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.battle-report button{padding:9px;border:1px solid var(--gold);background:rgba(251,191,36,.12);color:var(--gold);font-weight:900;cursor:pointer}.mission-result{position:relative;z-index:2;display:flex;justify-content:space-between;margin-top:9px;padding:9px;border:1px solid}.mission-result.approved{border-color:var(--green);color:var(--green)}.mission-result.pending{border-color:var(--gold);color:var(--gold)}.mission-result.rejected{border-color:var(--enemy);color:#fb7185}.battle-outcome{margin-top:14px;padding:17px;border:1px solid var(--gold);background:radial-gradient(circle,rgba(251,191,36,.1),rgba(5,8,22,.82));text-align:center}.battle-outcome>strong{display:block;color:#fff;font-size:2rem}.battle-outcome i{color:var(--enemy);font-style:normal}.battle-outcome details summary{color:var(--gold);cursor:pointer}.battle-safety{display:flex;align-items:center;gap:11px;margin-top:13px;padding:11px;border:1px solid rgba(52,211,153,.3);background:rgba(6,78,59,.1)}.battle-safety>i{color:var(--green)}.battle-safety .sli{width:24px;height:24px}.battle-safety b{display:block;color:var(--green);font-size:.7rem}.battle-safety span{color:#9fb4b0;font-size:.73rem}.battle-log{padding:18px;border:1px solid rgba(56,225,255,.2);background:rgba(3,5,14,.88)}.battle-log>div{display:grid;gap:6px;margin-top:10px}.battle-log article{display:grid;grid-template-columns:90px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 11px;border-left:2px solid var(--arena);background:rgba(15,23,55,.45)}.battle-log-state{color:#8494b8;font-size:.6rem;font-weight:900}.battle-log article>b{color:#fff}.battle-log article>b i{color:var(--enemy);font-style:normal}.battle-log small{color:#64748b}.battle-log strong{color:var(--gold)}
@keyframes arenaSpin{to{transform:rotate(360deg)}}@keyframes onlinePulse{50%{opacity:.35}}@keyframes reticlePulse{50%{transform:scale(1.18);filter:drop-shadow(0 0 8px var(--enemy))}}@keyframes invasionPulse{50%{box-shadow:0 0 38px rgba(244,63,94,.42)}}@media(prefers-reduced-motion:reduce){.arena-emblem i,.lobby-online i,.target-reticle .sli,.arena-invasion{animation:none!important}}body[data-reduced-motion="1"] .arena-emblem i,body[data-reduced-motion="1"] .lobby-online i,body[data-reduced-motion="1"] .target-reticle .sli,body[data-reduced-motion="1"] .arena-invasion{animation:none!important}
@media(max-width:760px){.page-arena main.wrap{width:calc(100% - 14px)}.arena-command{grid-template-columns:62px minmax(0,1fr);padding:16px}.arena-emblem{width:56px;height:56px}.arena-emblem .sli{width:26px;height:26px}.arena-command-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.arena-invasion{grid-template-columns:52px minmax(0,1fr)}.invasion-signal{width:50px;height:50px}.invasion-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.battle-modes{grid-template-columns:1fr}.opponent-lock{grid-template-columns:46px 1fr}.opponent-lock button{grid-column:1/-1;height:46px;border-left:0;border-top:1px solid var(--arena2)}.lobby-loadout{grid-template-columns:repeat(2,1fr)}.battle-stage{grid-template-columns:1fr 44px 1fr;gap:5px}.fighter{grid-template-columns:1fr;padding:11px;text-align:center!important}.fighter-mark,.side-b .fighter-mark{grid-column:1;grid-row:auto;justify-self:center;width:36px;height:36px}.fighter b{font-size:.8rem;overflow-wrap:anywhere}.versus-core{height:50px}.versus-core i{width:38px;height:38px}.mission-grid{grid-template-columns:1fr}.mission-slot{min-height:0}.battle-log article{grid-template-columns:1fr auto}.battle-log-state,.battle-log small{grid-column:auto}.arena-division-strip em{width:100%;margin:0}.battle-header{grid-template-columns:1fr auto}.battle-state{grid-column:1/-1;text-align:center}}
@media(max-width:390px){.arena-nav a{font-size:0}.arena-nav .sli{width:21px;height:21px}.arena-command{grid-template-columns:1fr;text-align:center}.arena-emblem{justify-self:center}.arena-command-stats{grid-column:1}.arena-invasion{grid-template-columns:1fr;text-align:center}.invasion-signal{justify-self:center}.battle-stage{grid-template-columns:1fr}.versus-core{height:34px}.fighter.side-b{display:flex;flex-direction:column}.lobby-loadout{grid-template-columns:1fr 1fr}.mission-progress{grid-template-columns:1fr auto}.mission-progress>i{grid-column:1/-1}}
.page-arena .arena-command,.page-arena .arena-lobby,.page-arena .arena-battle{animation:arenaBoot .55s cubic-bezier(.2,.8,.2,1)}.page-arena .mission-slot{animation:missionDeploy .42s ease-out both}.page-arena .mission-slot:nth-child(2){animation-delay:.07s}.page-arena .mission-slot:nth-child(3){animation-delay:.14s}.page-arena .mission-slot:nth-child(4){animation-delay:.21s}.page-arena .mission-slot:nth-child(5){animation-delay:.28s}.page-arena .versus-core{animation:versusFlash .8s ease-out}@keyframes arenaBoot{from{opacity:0;transform:translateY(12px);filter:brightness(1.8)}to{opacity:1;transform:none;filter:none}}@keyframes missionDeploy{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes versusFlash{0%{opacity:0;transform:scale(1.7)}55%{opacity:1;transform:scale(.92)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.page-arena .arena-command,.page-arena .arena-lobby,.page-arena .arena-battle,.page-arena .mission-slot,.page-arena .versus-core{animation:none!important}}body[data-reduced-motion="1"].page-arena .arena-command,body[data-reduced-motion="1"].page-arena .arena-lobby,body[data-reduced-motion="1"].page-arena .arena-battle,body[data-reduced-motion="1"].page-arena .mission-slot,body[data-reduced-motion="1"].page-arena .versus-core{animation:none!important}
/* COMPLETED QUESTS · SYSTEM ACHIEVEMENT STATE */
.tile.s-completed{opacity:1;filter:none;border-color:color-mix(in srgb,var(--c) 62%,var(--green));background:radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--c) 13%,transparent),transparent 42%),linear-gradient(160deg,rgba(11,25,42,.94),rgba(4,10,18,.97));box-shadow:inset 0 0 30px rgba(52,211,153,.055),0 0 14px color-mix(in srgb,var(--c) 18%,transparent)}.tile.s-completed::before{content:"";position:absolute;inset:0;border-top:1px solid rgba(52,211,153,.32);pointer-events:none}.tile.s-completed .tile-top,.tile.s-completed h3,.tile.s-completed .goal{opacity:.78}.tile.s-completed .goal b{color:#d1fae5}.tile.s-completed>.xp-chip{display:none}.quest-achieved{position:relative;z-index:2;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:auto;padding:10px;border:1px solid rgba(52,211,153,.42);background:linear-gradient(90deg,rgba(6,78,59,.24),rgba(5,8,22,.52));clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.achieved-seal{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;color:#ecfdf5;background:radial-gradient(circle,rgba(52,211,153,.34),rgba(5,46,39,.75));box-shadow:0 0 15px rgba(52,211,153,.34),inset 0 0 11px rgba(52,211,153,.18)}.achieved-seal .sli{width:21px;height:21px;stroke-width:2.4}.achieved-copy{display:grid;min-width:0}.achieved-copy small{color:#6ee7b7;font-size:.56rem;font-weight:800;letter-spacing:.15em}.achieved-copy b{color:#ecfdf5;font-size:.78rem;letter-spacing:.08em}.achieved-copy em{color:#7f9f99;font-size:.62rem;font-style:normal}.achieved-exp{color:var(--gold);font-size:1.05rem;font-weight:900;text-align:right;text-shadow:0 0 8px rgba(251,191,36,.4)}.achieved-exp small{display:block;color:#a78b67;font-size:.5rem;letter-spacing:.08em;text-shadow:none}.tile.s-completed:hover{transform:translateY(-2px);border-color:var(--green)}.tile.claiming .quest-achieved{animation:achievementUnlock .7s cubic-bezier(.18,.86,.2,1)}@keyframes achievementUnlock{0%{opacity:0;transform:scale(.88);filter:brightness(2)}55%{opacity:1;transform:scale(1.025);filter:brightness(1.25)}100%{transform:none;filter:none}}@media(max-width:380px){.quest-achieved{grid-template-columns:36px minmax(0,1fr);gap:8px}.achieved-seal{width:34px;height:34px}.achieved-exp{grid-column:2;text-align:left;font-size:.9rem}.achieved-exp small{display:inline;margin-left:4px}}@media(prefers-reduced-motion:reduce){.tile.claiming .quest-achieved{animation:none!important}}body[data-reduced-motion="1"] .tile.claiming .quest-achieved{animation:none!important}
/* GATE V3 · PORTAL-FIRST DUNGEON INTERFACE */
.page-dungeon{--rift:#8b5cf6;--rift2:#38e1ff}.page-dungeon main.wrap{width:min(1160px,95vw);gap:14px}.gate-network,.gate-threshold,.dungeon-log{position:relative;padding:20px;border:1px solid rgba(139,92,246,.4);background:radial-gradient(circle at 50% 0,rgba(76,29,149,.18),transparent 32%),linear-gradient(155deg,rgba(12,18,46,.97),rgba(2,4,12,.99));box-shadow:inset 0 0 45px rgba(139,92,246,.06),0 0 30px rgba(37,99,235,.08)}.gate-network>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid rgba(56,225,255,.14)}.gate-network h1,.gate-threshold h1,.dungeon-log h2{margin:0;color:#fff;letter-spacing:.12em;text-shadow:0 0 18px rgba(139,92,246,.65)}.gate-network header p{margin:4px 0 0;color:#8494b8}.key-counter{width:68px;height:62px;display:grid;grid-template-columns:auto auto;place-content:center;gap:0 5px;border:1px solid rgba(251,191,36,.45);color:var(--gold);background:rgba(251,191,36,.06);box-shadow:inset 0 0 14px rgba(251,191,36,.08)}.key-counter .sli{grid-row:1/3;width:23px;height:23px}.key-counter b{font-size:1.15rem}.key-counter small{font-size:.52rem;letter-spacing:.12em}.rift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:13px;margin-top:16px}.rift-card{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;min-height:145px;padding:12px;border:1px solid rgba(56,225,255,.22);background:linear-gradient(135deg,rgba(15,24,58,.9),rgba(3,5,14,.96));color:#dbe7ff;overflow:hidden;transition:.18s}.rift-card::after{content:"";position:absolute;inset:auto -35px -60px auto;width:130px;height:130px;border:1px solid rgba(139,92,246,.08);transform:rotate(45deg)}.rift-card:hover{transform:translateY(-4px);border-color:var(--rift2);box-shadow:0 0 24px rgba(56,225,255,.16)}.rift-card.state-warning{border-color:rgba(244,63,94,.55);background:linear-gradient(135deg,rgba(69,10,24,.5),rgba(3,5,14,.96))}.rift-card.state-locked{opacity:.52;filter:saturate(.45)}.rift-visual{position:relative;width:106px;height:122px;display:grid;place-items:center}.rift-visual>svg{position:absolute;width:120px;height:120px;filter:drop-shadow(0 0 13px rgba(139,92,246,.6))}.rift-visual .rank-badge{z-index:2;width:42px;height:48px}.rift-card:hover .gate-ring{animation-duration:3s}.rift-data{min-width:0}.rift-data>small{color:#8494b8;font-size:.6rem;letter-spacing:.1em}.rift-data h2{margin:5px 0 11px;color:#fff;font-size:1rem}.rift-data>div{display:flex;flex-wrap:wrap;gap:5px}.rift-data span,.rift-data em,.rift-data b{padding:3px 5px;border:1px solid rgba(56,225,255,.13);font-size:.58rem;font-style:normal}.rift-data span{color:#fb7185}.rift-data em{color:#a78bfa}.rift-data b{color:var(--gold)}.rift-card>strong{position:absolute;right:9px;top:8px;color:var(--rift2);font-size:.62rem;letter-spacing:.08em}.rift-card>strong .sli{width:15px;height:15px}
.threshold-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(56,225,255,.14)}.gate-back{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.25);color:var(--rift2);font-weight:900}.threshold-head>div>span{color:#8494b8;font-size:.62rem;letter-spacing:.14em}.gate-info{position:relative;z-index:12}.gate-info summary,.info-orb{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--rift2);border-radius:50%;background:rgba(56,225,255,.08);color:#fff;font:900 1rem var(--font);box-shadow:0 0 12px rgba(56,225,255,.2);cursor:pointer;list-style:none}.gate-info summary::-webkit-details-marker,.gate-consequence summary::-webkit-details-marker{display:none}.gate-info[open] summary{color:var(--gold);border-color:var(--gold)}.gate-info>div{position:absolute;right:0;top:43px;width:min(360px,82vw);padding:14px;border:1px solid var(--line);background:rgba(3,5,14,.98);box-shadow:0 12px 30px rgba(0,0,0,.55);color:#aebdde}.gate-info h3{margin:0;color:#fff}.gate-info p{margin:7px 0}.gate-info small{color:#8494b8}.threshold-portal{display:grid;justify-items:center;padding:15px 0 5px}.portal-core{position:relative;width:210px;height:210px;display:grid;place-items:center}.portal-core>svg{width:210px;height:210px;filter:drop-shadow(0 0 26px rgba(139,92,246,.72))}.portal-core>.rank-badge{position:absolute;width:58px;height:66px;font-size:1.5rem}.threshold-portal>p{margin:-5px 0 0;color:#c4b5fd;font-size:.65rem;font-weight:900;letter-spacing:.17em}.gate-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.gate-hud>div{padding:10px;border:1px solid rgba(56,225,255,.16);background:rgba(5,8,22,.62);text-align:center}.gate-hud small{display:block;color:#64748b;font-size:.55rem;letter-spacing:.12em}.gate-hud b{display:block;margin-top:3px;color:#fff;font-size:.75rem}.gate-missions{margin:14px 0;padding:14px;border:1px solid rgba(139,92,246,.25);background:rgba(5,8,22,.5)}.gate-missions header{display:flex;justify-content:space-between;align-items:end}.gate-missions h2{margin:0;color:#fff;font-size:.9rem;letter-spacing:.08em}.gate-missions ol{display:grid;gap:6px;margin:11px 0 0;padding:0;list-style:none}.gate-missions li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 10px;border-left:2px solid var(--rift);background:rgba(139,92,246,.055)}.gate-missions li>i{color:var(--rift2);font-style:normal;font-weight:900}.gate-missions li span{display:grid}.gate-missions li b{color:#e7eaff;font-size:.78rem}.gate-missions li small{color:#64748b;font-size:.55rem;letter-spacing:.08em}.gate-missions li>em{color:#64748b}.gate-consequence{margin:10px 0}.gate-consequence>summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid rgba(56,225,255,.18);background:rgba(5,8,22,.6);cursor:pointer;list-style:none}.gate-consequence summary b{color:#cbd5e1;font-size:.76rem}.gate-consequence summary em{color:var(--rift2);font-size:.58rem;font-style:normal;letter-spacing:.12em}.gate-consequence[open] summary{border-color:var(--gold)}.gate-consequence[open] .info-orb{border-color:var(--gold);color:var(--gold)}.gate-consequence>div{padding:13px;border:1px solid rgba(251,191,36,.25);border-top:0;background:rgba(30,20,5,.24);color:#aebdde}.gate-consequence>div p{margin:5px 0}.gate-consequence>div strong{display:block;padding:7px;border-left:2px solid var(--gold);color:#fde68a}.gate-consequence>div small{color:#8494b8}.gate-safety{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(52,211,153,.28);background:rgba(6,78,59,.09)}.gate-safety>i{color:var(--green)}.gate-safety .sli{width:23px;height:23px}.gate-safety span{display:grid}.gate-safety b{color:var(--green);font-size:.65rem}.gate-safety small{color:#91aaa5}.gate-entry-console{display:grid;gap:10px;margin-top:13px}.gate-key-slot{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.055)}.gate-key-slot>i{display:grid;place-items:center;color:var(--gold)}.gate-key-slot .sli{width:24px;height:24px}.gate-key-slot>span{display:grid;padding:7px;border-left:1px solid rgba(251,191,36,.2)}.gate-key-slot small{color:#a78b67;font-size:.55rem;letter-spacing:.12em}.gate-key-slot select{border:0;padding:5px 0;background:transparent}.gate-oath{display:flex;gap:8px;align-items:center;color:#9aaac8;font-size:.72rem}.gate-entry-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px}.gate-entry-actions a,.gate-entry-actions button{display:grid;place-items:center;min-height:43px;border:1px solid;font:900 .7rem var(--font);letter-spacing:.1em;cursor:pointer}.gate-entry-actions a{border-color:#64748b;color:#cbd5e1}.gate-entry-actions button{border-color:var(--rift2);background:linear-gradient(90deg,#1d4ed8,#6d28d9);color:#fff}.gate-entry-actions button.danger{border-color:var(--red);background:linear-gradient(90deg,#7f1d1d,#be123c)}.dungeon-log{padding:17px}.dungeon-log>header{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(56,225,255,.12);padding-bottom:8px}.dungeon-log>div{display:grid;gap:5px;margin-top:9px}.dungeon-log article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px;border-left:2px solid var(--rift);background:rgba(15,23,55,.4)}.dungeon-log b{color:#fff}.dungeon-log small{color:#64748b}.dungeon-log em{color:#8494b8;font-size:.66rem;font-style:normal}
.gate-threshold{animation:thresholdReveal .6s ease-out}.portal-core{animation:portalBreathe 2.6s ease-in-out infinite}.rift-card .gate-ring,.portal-core .gate-ring{transform-origin:center;animation:gate-spin 14s linear infinite}.rift-card .gate-ring.rev,.portal-core .gate-ring.rev{animation-direction:reverse;animation-duration:9s}@keyframes thresholdReveal{from{opacity:0;transform:scale(.975);filter:brightness(1.5)}to{opacity:1;transform:none;filter:none}}@keyframes portalBreathe{50%{filter:brightness(1.25);transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.gate-threshold,.portal-core,.rift-card .gate-ring,.portal-core .gate-ring{animation:none!important}}body[data-reduced-motion="1"] .gate-threshold,body[data-reduced-motion="1"] .portal-core,body[data-reduced-motion="1"] .rift-card .gate-ring,body[data-reduced-motion="1"] .portal-core .gate-ring{animation:none!important}
@media(max-width:650px){.page-dungeon main.wrap{width:calc(100% - 14px)}.gate-network,.gate-threshold,.dungeon-log{padding:14px}.gate-network>header{align-items:flex-start}.gate-network header p{display:none}.rift-grid{grid-template-columns:1fr}.rift-card{grid-template-columns:96px minmax(0,1fr);min-height:125px}.rift-visual{width:90px;height:100px}.rift-visual>svg{width:100px;height:100px}.threshold-head{grid-template-columns:auto minmax(0,1fr) auto}.threshold-head h1{font-size:1.2rem}.portal-core,.portal-core>svg{width:165px;height:165px}.gate-hud{grid-template-columns:repeat(2,1fr)}.gate-missions header{display:block}.gate-entry-actions{grid-template-columns:1fr}.dungeon-log article{grid-template-columns:auto minmax(0,1fr)}.dungeon-log small,.dungeon-log em{grid-column:2}.gate-info>div{position:fixed;left:5vw;right:5vw;top:22vh;width:auto;z-index:2147482000}.gate-consequence summary b{font-size:.68rem}}
/* ACTIVE DUNGEON RUN */ .dungeon-run{padding:20px;border:1px solid rgba(139,92,246,.45);background:radial-gradient(circle at 10% 0,rgba(139,92,246,.18),transparent 30%),linear-gradient(155deg,rgba(12,18,46,.97),rgba(2,4,12,.99));box-shadow:inset 0 0 40px rgba(139,92,246,.06)}.dungeon-run-head{display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(56,225,255,.14)}.run-portal{position:relative;width:110px;height:110px;display:grid;place-items:center}.run-portal>svg{width:115px;height:115px;filter:drop-shadow(0 0 15px rgba(139,92,246,.6))}.run-portal>.rank-badge{position:absolute;width:40px;height:46px}.dungeon-run-head h1{margin:0;color:#fff;letter-spacing:.08em}.run-hud{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.run-hud span{padding:5px 8px;border:1px solid rgba(56,225,255,.16);color:#aebdde;font-size:.65rem;font-weight:800}.dungeon-floors{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:14px 0}.dungeon-floor{position:relative;display:flex;flex-direction:column;min-height:230px;padding:13px;border:1px solid rgba(56,225,255,.2);background:linear-gradient(155deg,rgba(15,23,55,.85),rgba(3,5,14,.96));overflow:hidden}.dungeon-floor.st-approved{border-color:var(--green);box-shadow:inset 0 0 22px rgba(52,211,153,.08)}.dungeon-floor.st-pending{border-color:var(--gold)}.dungeon-floor.st-rejected{border-color:var(--red)}.floor-rune{display:flex;justify-content:space-between;align-items:center;color:var(--rift2);font-size:.65rem;font-weight:900}.floor-rune i{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.22);color:#8494b8}.floor-rune .sli{width:16px;height:16px}.dungeon-floor>header{display:flex;justify-content:space-between;margin-top:9px;color:#64748b;font-size:.58rem;letter-spacing:.09em}.dungeon-floor h3{margin:8px 0;color:#fff}.floor-target{margin-top:auto;padding:9px;border-left:3px solid var(--rift2);background:rgba(56,225,255,.05);color:#aebdde}.floor-target strong{color:#fff;font-size:1.8rem}.floor-target small{display:block;color:var(--green);font-size:.62rem}.floor-action{margin-top:9px}.floor-action summary{padding:9px;border:1px solid var(--rift2);background:linear-gradient(90deg,rgba(37,99,235,.28),rgba(109,40,217,.3));color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-align:center;cursor:pointer;list-style:none}.floor-action summary::-webkit-details-marker{display:none}.floor-action[open] summary{color:var(--gold);border-color:var(--gold)}.floor-action .gv-submit{padding:9px;border:1px solid rgba(56,225,255,.16);border-top:0;background:rgba(2,5,15,.9)}@media(max-width:600px){.dungeon-run{padding:14px}.dungeon-run-head{grid-template-columns:86px minmax(0,1fr)}.run-portal{width:80px;height:80px}.run-portal>svg{width:85px;height:85px}.dungeon-run-head h1{font-size:1.15rem}.dungeon-floors{grid-template-columns:1fr}.dungeon-floor{min-height:0}}
/* GUIDE V3 · SELECTABLE SYSTEM FIELDS */
.page-guide main.wrap{width:min(1040px,94vw);gap:12px}.guide-console,.guide-panel{position:relative;min-width:0;padding:19px;border:1px solid rgba(56,225,255,.28);background:radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 32%),linear-gradient(155deg,rgba(15,25,57,.94),rgba(4,7,17,.97));box-shadow:inset 0 0 34px rgba(56,225,255,.045)}.guide-console-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(56,225,255,.14)}.guide-console-head h1{margin:0;color:#fff;letter-spacing:.1em}.guide-console-head h1 .sli{width:25px;height:25px;color:var(--cyan)}.guide-console-head p{margin:4px 0 0;color:#8494b8}.guide-console-head>span{padding:5px 8px;border:1px solid var(--cyan);color:var(--cyan);font-size:.6rem;font-weight:900;letter-spacing:.12em}.guide-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.guide-fields a{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 9px;align-items:center;min-height:62px;padding:10px;border:1px solid rgba(56,225,255,.16);background:rgba(5,8,22,.58);color:#cbd5e1;overflow:hidden}.guide-fields a::after{content:"";position:absolute;right:-24px;bottom:-34px;width:70px;height:70px;border:1px solid rgba(56,225,255,.055);transform:rotate(45deg)}.guide-fields i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.22);color:var(--cyan);background:rgba(56,225,255,.06)}.guide-fields .sli{width:20px;height:20px}.guide-fields b{font-size:.75rem}.guide-fields small{color:#64748b;font-size:.58rem}.guide-fields a:hover,.guide-fields a.on{border-color:var(--cyan);background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(139,92,246,.14));box-shadow:inset 0 -2px 0 var(--cyan),0 0 15px rgba(56,225,255,.1);transform:translateY(-1px)}.guide-fields a.on b{color:#fff}.guide-overview{margin-top:15px}.overview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.overview-actions a{padding:9px;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.07);color:#c4b5fd;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-align:center}.guide-panel{animation:guidePanelIn .35s ease-out}.guide-panel>.ttl{margin-top:0}.guide-panel .rules li{border-left-color:var(--cyan);background:rgba(56,225,255,.045)}.guide-panel .g-table-wrap{max-width:100%;overflow-x:auto;border:1px solid rgba(56,225,255,.1)}.guide-panel .g-table{min-width:480px;margin:0}.safety-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.safety-guide-grid article{padding:13px;border:1px solid rgba(52,211,153,.25);background:rgba(6,78,59,.08)}.safety-guide-grid b{color:var(--green);font-size:.7rem;letter-spacing:.1em}.safety-guide-grid p{margin:6px 0 0;color:#9fb4b0;font-size:.78rem}@keyframes guidePanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.guide-panel{animation:none!important}}body[data-reduced-motion="1"] .guide-panel{animation:none!important}
@media(max-width:700px){.page-guide main.wrap{width:calc(100% - 14px);max-width:none}.guide-console,.guide-panel{padding:14px}.guide-console-head p{display:none}.guide-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.guide-fields a{min-height:58px;padding:8px}.overview-actions{grid-template-columns:1fr}.guide-panel .rules li{padding:8px 9px}.guide-panel .g-evo{grid-template-columns:repeat(2,minmax(0,1fr))}.safety-guide-grid{grid-template-columns:1fr}.loop{gap:4px}.loop span{min-width:58px;padding:6px;font-size:.62rem}.loop b{font-size:1rem}}
@media(max-width:360px){.page-guide main.wrap{width:calc(100% - 8px)}.guide-console,.guide-panel{padding:11px}.guide-fields{grid-template-columns:1fr}.guide-fields a{grid-template-columns:34px minmax(0,1fr);min-height:52px}.guide-fields i{width:32px;height:32px}.guide-console-head>span{display:none}.guide-panel .g-evo{grid-template-columns:1fr}}
.fighter .fighter-mark[class*="rank-"]{color:#fff!important;border-color:rgba(255,255,255,.72)!important;text-shadow:0 1px 4px rgba(0,0,0,.85),0 0 8px currentColor;box-shadow:0 0 0 2px rgba(5,8,22,.85),0 0 16px rgba(56,225,255,.25),inset 0 0 10px rgba(255,255,255,.12)!important}.fighter .fighter-mark.rank-E{box-shadow:0 0 0 2px rgba(5,8,22,.85),0 0 15px rgba(148,163,184,.45)!important}.fighter .fighter-mark.rank-D{box-shadow:0 0 0 2px rgba(5,8,22,.85),0 0 16px rgba(52,211,153,.5)!important}.fighter .fighter-mark.rank-C{box-shadow:0 0 0 2px rgba(5,8,22,.85),0 0 18px rgba(56,225,255,.58)!important}.fighter .fighter-mark.rank-B{box-shadow:0 0 0 2px rgba(5,8,22,.85),0 0 18px rgba(139,92,246,.62)!important}.fighter .fighter-mark.rank-A{box-shadow:0 0 0 2px rgba(5,8,22,.85),0 0 20px rgba(251,191,36,.68)!important}.fighter .fighter-mark.rank-S{box-shadow:0 0 0 2px rgba(5,8,22,.85),0 0 22px rgba(244,63,94,.72)!important}
.quest-instructions{margin:7px 0;padding:9px 10px;border-left:2px solid var(--c);background:color-mix(in srgb,var(--c) 6%,rgba(5,8,22,.72))}.quest-instructions>b{display:block;margin-bottom:4px;color:var(--c);font-size:.58rem;letter-spacing:.13em}.quest-instructions>p{margin:0;color:#b7c6e2;font-size:.76rem;line-height:1.45}.tile.s-completed .quest-instructions{opacity:.68}.tile.s-completed .quest-instructions>p{color:#91a5a0}@media(max-width:600px){.quest-instructions{padding:8px}.quest-instructions>p{font-size:.73rem;line-height:1.4}}
/* LEADERBOARDS · RESPONSIVE CARD LAYOUT */
.leaderboard-panel{min-width:0;overflow:hidden}.leader-row{min-width:0}.leader-metric small{display:none}.leader-metric b{font:inherit}.leader-rank{display:flex;align-items:center;gap:6px}.leader-rank small{color:var(--muted);white-space:nowrap}.player-v2 .leader-row{display:grid;grid-template-columns:44px minmax(120px,1fr) 100px 70px 60px 90px;align-items:center;gap:8px;padding:9px;border-bottom:1px solid rgba(56,225,255,.12)}.player-v2 .leader-row>em{font-style:normal;color:var(--gold);font-weight:800}.guild-v2 .leader-row{display:grid;grid-template-columns:44px minmax(140px,1fr) 70px 70px 65px 75px 85px 75px;align-items:center;gap:8px;padding:9px;border-bottom:1px solid rgba(56,225,255,.12)}.guild-v2 .leader-row>em{font-style:normal;color:var(--gold);font-weight:800}
@media(max-width:620px){.page-arena main.wrap{width:calc(100% - 14px);max-width:none}.leaderboard-panel{padding:14px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.leaderboard-panel .ttl{font-size:1.12rem}.leaderboard-panel>.sub{font-size:.72rem}.leader-table{display:grid!important;overflow:visible!important;gap:8px}.leader-table .leader-head{display:none!important}.leader-table.player-v2>.leader-row,.leader-table.guild-v2>.leader-row{position:relative;display:grid!important;min-width:0!important;width:100%;grid-template-columns:42px minmax(0,1fr) auto!important;gap:7px 9px;padding:11px!important;border:1px solid rgba(56,225,255,.18)!important;border-left:3px solid var(--cyan)!important;border-radius:10px;background:linear-gradient(145deg,rgba(15,25,57,.78),rgba(5,8,22,.75));box-shadow:inset 0 0 18px rgba(56,225,255,.03)}.leader-place{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;align-self:center;border:1px solid rgba(56,225,255,.28);border-radius:50%;color:var(--cyan);font-size:1rem;background:rgba(56,225,255,.06)}.leader-row:nth-child(2) .leader-place{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px rgba(251,191,36,.25)}.leader-row:nth-child(3) .leader-place{border-color:#cbd5e1;color:#e2e8f0}.leader-row:nth-child(4) .leader-place{border-color:#b45309;color:#f59e0b}.leader-name{min-width:0;align-self:end;color:#fff;overflow-wrap:anywhere;font-size:.88rem}.leader-rank{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;display:grid;justify-items:center;gap:2px}.leader-rank small{font-size:.58rem}.leader-metric{display:grid;gap:1px;min-width:0;padding:6px 4px;border:1px solid rgba(56,225,255,.1);border-radius:6px;background:rgba(5,8,22,.48);text-align:center;color:#dbe7ff!important;font-style:normal!important}.leader-metric small{display:block;color:#64748b;font-size:.48rem;font-weight:700;letter-spacing:.06em}.leader-metric b{font-size:.72rem;color:#dbe7ff}.player-v2 .metric-elo{grid-column:1}.player-v2 .metric-wins{grid-column:2}.player-v2 .metric-points{grid-column:3}.player-v2 .leader-metric{grid-row:3}.guild-v2 .leader-place{grid-row:1/3}.guild-v2 .leader-name{grid-column:2;grid-row:1}.guild-v2 .leader-rank{grid-column:3;grid-row:1/3}.guild-v2 .metric-members,.guild-v2 .metric-record,.guild-v2 .metric-rate,.guild-v2 .metric-average,.guild-v2 .metric-rating{grid-row:auto}.guild-v2 .metric-members{grid-column:1}.guild-v2 .metric-record{grid-column:2}.guild-v2 .metric-rate{grid-column:3}.guild-v2 .metric-average{grid-column:1/2}.guild-v2 .metric-rating{grid-column:2/4}.board-periods{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.board-periods a{min-width:0;padding:7px 3px;font-size:.63rem;white-space:nowrap}.social-tabs{width:100%;margin-bottom:9px}.social-tabs a{min-width:0;padding:8px 3px;font-size:.62rem}.guild-board{margin-bottom:4px}}.leaderboard-eligibility{display:flex;align-items:center;gap:9px;margin:12px 0;padding:9px 11px;border:1px solid rgba(52,211,153,.34);background:rgba(6,78,59,.1);color:var(--green)}.leaderboard-eligibility>.sli{width:23px;height:23px;flex:none}.leaderboard-eligibility>span{display:grid}.leaderboard-eligibility b{color:#a7f3d0;font-size:.62rem;letter-spacing:.1em}.leaderboard-eligibility small{color:#83a69f;font-size:.56rem}
@media(max-width:350px){.page-arena main.wrap{width:calc(100% - 8px)}.leaderboard-panel{padding:10px}.leader-table.player-v2>.leader-row,.leader-table.guild-v2>.leader-row{grid-template-columns:36px minmax(0,1fr) auto!important;padding:9px!important;gap:6px}.leader-place{width:32px;height:32px;font-size:.85rem}.leader-name{font-size:.8rem}.leader-metric small{font-size:.44rem}.leader-metric b{font-size:.66rem}.board-periods a,.social-tabs a{font-size:.56rem}}
/* APEX ENDGAME · CERTIFICATION, LEGACY, SOVEREIGN AND CALAMITY */
.apex-tabs{grid-template-columns:repeat(4,1fr)}.page-arena .apex-hero,.apex-cert,.apex-profile,.legacy-panel,.mentor-panel,.calamity-board,.calamity-live{position:relative;padding:20px;border:1px solid rgba(251,191,36,.38);background:radial-gradient(circle at 12% 0,rgba(251,191,36,.14),transparent 30%),linear-gradient(155deg,rgba(20,20,46,.97),rgba(3,5,14,.99));box-shadow:inset 0 0 42px rgba(251,191,36,.04);overflow:hidden}.apex-hero{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:18px;align-items:center}.apex-hero::after{content:"APEX";position:absolute;right:-10px;bottom:-35px;color:rgba(251,191,36,.035);font:900 7rem/1 var(--font);pointer-events:none}.apex-sigil{position:relative;width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);background:radial-gradient(circle,rgba(251,191,36,.28),rgba(5,8,22,.85));box-shadow:0 0 24px rgba(251,191,36,.28)}.apex-sigil .sli{width:34px;height:34px}.apex-sigil i{position:absolute;inset:-8px;border:1px dashed rgba(251,191,36,.4);border-radius:50%;animation:arenaSpin 15s linear infinite}.apex-hero h1{margin:0;color:#fff;font-size:clamp(1.8rem,5vw,3rem);letter-spacing:.15em;text-shadow:0 0 18px rgba(251,191,36,.5)}.apex-hero p{margin:5px 0;color:#aebdde}.apex-state{padding:6px 10px;border:1px solid var(--gold);color:var(--gold);font-size:.65rem;font-weight:900;letter-spacing:.12em}.apex-cert>header,.legacy-panel>header,.calamity-live>header,.calamity-board>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(251,191,36,.14)}.apex-cert h2,.legacy-panel h2,.calamity-board h2,.calamity-live h2,.mentor-panel h2{margin:0;color:#fff;letter-spacing:.08em}.apex-cert>header>span{color:var(--gold);font-weight:900}.apex-reqs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.apex-reqs>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:center;padding:9px;border:1px solid rgba(148,163,184,.18);background:rgba(5,8,22,.55);color:#8494b8;font-size:.7rem}.apex-reqs>div.ok{border-color:rgba(52,211,153,.38);color:#d1fae5}.apex-reqs i{display:grid;place-items:center;color:#64748b}.apex-reqs .ok i{color:var(--green)}.mastery-select h3{color:var(--gold);font-size:.72rem;letter-spacing:.12em}.mastery-select>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.mastery-select input{position:absolute;opacity:0}.mastery-select label>span{display:grid;gap:4px;height:100%;padding:13px;border:1px solid rgba(139,92,246,.28);background:rgba(15,20,50,.65);cursor:pointer}.mastery-select b{color:#fff}.mastery-select small{color:#8494b8}.mastery-select em{color:#c4b5fd;font-size:.65rem;font-style:normal}.mastery-select input:checked+span{border-color:var(--gold);background:linear-gradient(145deg,rgba(251,191,36,.13),rgba(139,92,246,.16));box-shadow:inset 0 -2px 0 var(--gold),0 0 15px rgba(251,191,36,.12)}.apex-profile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.apex-profile h2{margin:0;color:#fff;font-size:1.7rem}.apex-profile p{color:#aebdde}.legacy-ring{--p:0;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#070b19 58%,transparent 60%),conic-gradient(var(--gold) calc(var(--p)*1%),rgba(251,191,36,.1) 0);box-shadow:0 0 22px rgba(251,191,36,.2)}.legacy-ring b{color:#fff;font-size:1.3rem}.legacy-ring small{color:var(--gold);font-size:.55rem;letter-spacing:.12em}.legacy-panel>header>span{color:var(--gold)}.legacy-bar{height:8px;margin:12px 0;background:#111827}.legacy-bar i{display:block;height:100%;background:linear-gradient(90deg,#d97706,var(--gold));box-shadow:0 0 10px var(--gold)}.legacy-sources{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.legacy-sources span{padding:8px;border:1px solid rgba(251,191,36,.14);color:#aebdde;font-size:.68rem}.legacy-sources b{display:block;color:var(--gold)}.mentor-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.calamity-board>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:13px}.calamity-board article{padding:15px;border:1px solid rgba(244,63,94,.38);background:radial-gradient(circle at 100% 0,rgba(244,63,94,.14),transparent 38%),rgba(5,8,22,.68)}.calamity-board article>span{color:#fb7185;font-size:.58rem;font-weight:900;letter-spacing:.12em}.calamity-board h3{color:#fff}.calamity-board p{color:#aebdde}.calamity-board article>div{display:flex;justify-content:space-between;color:var(--gold);font-size:.7rem}.calamity-board em{font-style:normal}.calamity-board button{width:100%;margin-top:10px;padding:10px;border:1px solid var(--red);background:rgba(127,29,29,.38);color:#fff;font-weight:900;cursor:pointer}.calamity-live header>div:last-child{text-align:center}.calamity-live header small{display:block;color:#8494b8}.calamity-live header b{color:var(--gold);font-size:1.3rem}.calamity-live>p{color:#aebdde}.calamity-missions{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}.calamity-missions article{padding:13px;border:1px solid rgba(139,92,246,.3);background:rgba(5,8,22,.7)}.calamity-missions article.st-approved{border-color:var(--green)}.calamity-missions article.st-pending{border-color:var(--gold)}.calamity-missions>article>span{color:#c4b5fd;font-size:.55rem;letter-spacing:.12em}.calamity-missions h3{color:#fff}.calamity-missions p{color:#8494b8}.calamity-missions strong{display:block;color:#fff;font-size:1.45rem}.calamity-missions small{color:var(--green)}.calamity-missions details{margin-top:9px}.calamity-missions summary{padding:8px;border:1px solid var(--red);color:#fb7185;text-align:center;cursor:pointer;list-style:none}.calamity-missions form{display:grid;gap:7px;padding:9px;border:1px solid rgba(244,63,94,.18);border-top:0}.calamity-missions input{max-width:100%}.calamity-missions button{padding:8px;border:1px solid var(--gold);background:rgba(251,191,36,.1);color:var(--gold);font-weight:900}.apex-hero,.apex-cert,.apex-profile,.legacy-panel,.calamity-board,.calamity-live{animation:arenaBoot .5s ease-out}@media(prefers-reduced-motion:reduce){.apex-sigil i,.apex-hero,.apex-cert,.apex-profile,.legacy-panel,.calamity-board,.calamity-live{animation:none!important}}body[data-reduced-motion="1"] .apex-sigil i,body[data-reduced-motion="1"] .apex-hero,body[data-reduced-motion="1"] .apex-cert,body[data-reduced-motion="1"] .apex-profile,body[data-reduced-motion="1"] .legacy-panel,body[data-reduced-motion="1"] .calamity-board,body[data-reduced-motion="1"] .calamity-live{animation:none!important}
@media(max-width:760px){.apex-hero{grid-template-columns:62px minmax(0,1fr)}.apex-sigil{width:56px;height:56px}.apex-state{grid-column:1/-1;text-align:center}.apex-reqs{grid-template-columns:repeat(2,1fr)}.mastery-select>div{grid-template-columns:repeat(2,1fr)}.legacy-sources{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.apex-tabs a{font-size:.56rem}.apex-hero{grid-template-columns:1fr;text-align:center}.apex-sigil{justify-self:center}.apex-cert,.apex-profile,.legacy-panel,.mentor-panel,.calamity-board,.calamity-live{padding:14px}.apex-reqs,.mastery-select>div,.legacy-sources{grid-template-columns:1fr}.apex-profile{grid-template-columns:1fr;text-align:center}.legacy-ring{justify-self:center}.mentor-panel form{grid-template-columns:1fr}}
.social-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.social-tabs.social-icon-tabs{grid-template-columns:repeat(5,1fr)!important;max-width:560px;overflow:visible}.social-icon-tabs a{position:relative;display:grid;place-items:center;min-height:44px;padding:7px!important}.social-icon-tabs .sli{width:22px;height:22px}.social-icon-tabs a::after{content:attr(data-label);position:absolute;z-index:20;left:50%;top:calc(100% + 7px);padding:4px 7px;border:1px solid rgba(56,225,255,.28);background:rgba(3,7,20,.97);color:#dbe7ff;font-size:.5rem;letter-spacing:.08em;white-space:nowrap;transform:translate(-50%,-4px);opacity:0;pointer-events:none;transition:.15s}.social-icon-tabs a:hover::after,.social-icon-tabs a:focus-visible::after{opacity:1;transform:translate(-50%,0)}.social-icon-tabs a.on .sli{filter:drop-shadow(0 0 7px currentColor)}.association-search-moved{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:14px;align-items:center}.association-search-moved>i{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan)}.association-search-moved .sli{width:25px;height:25px}.association-search-moved h2{margin:2px 0;color:#fff}.association-search-moved p{margin:3px 0;color:#8496bc}.network-search-hero{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:18px;align-items:center;padding:25px;border:1px solid rgba(56,225,255,.3);background:radial-gradient(circle at 90% 50%,rgba(56,225,255,.18),transparent 24%),linear-gradient(145deg,rgba(13,23,55,.97),rgba(3,5,14,.99))}.network-search-hero h1{margin:2px 0;color:#fff;font-size:clamp(2rem,6vw,3.5rem);letter-spacing:.16em}.network-search-hero p{color:#8fa2c9}.network-search-hero>span{position:relative;width:78px;height:78px;display:grid;place-items:center;border:1px solid var(--cyan);transform:rotate(45deg);color:var(--cyan);box-shadow:0 0 20px rgba(56,225,255,.18)}.network-search-hero>span>.sli{width:35px;height:35px;transform:rotate(-45deg)}.network-search-hero>span>i{position:absolute;inset:9px;border:1px dashed rgba(167,139,250,.45);border-radius:50%}.network-search-console{padding:18px}.network-search-results{display:grid;gap:14px;margin-top:13px;min-height:110px}.network-search-results[aria-busy="true"]{opacity:.45;pointer-events:none}.network-search-idle{display:grid;justify-items:center;gap:6px;padding:30px;border:1px dashed rgba(56,225,255,.18);color:#7185ad;text-align:center}.network-search-idle .sli{width:34px;height:34px}.network-search-idle b{color:#dbe7ff}.network-result-section{padding-top:12px;border-top:1px solid rgba(56,225,255,.14)}.network-result-section>header{display:flex;justify-content:space-between;margin-bottom:10px}.network-result-section>header>div{display:flex;gap:9px;align-items:center;color:var(--cyan)}.network-result-section>header .sli{width:24px;height:24px}.network-result-section>header span{display:grid}.network-result-section>header b{color:#fff;font-size:.7rem;letter-spacing:.1em}.network-result-section>header small{color:#64748b;font-size:.52rem}.guild-search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px}.guild-search-card{--rr:#38e1ff;position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:13px;border:1px solid color-mix(in srgb,var(--rr) 30%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--rr) 8%,rgba(14,23,52,.9)),rgba(3,6,16,.98));overflow:hidden}.guild-search-sigil{position:relative;width:70px;height:76px;display:grid;place-items:center}.guild-search-sigil .rank-badge{width:51px;height:58px;font-size:1.4rem}.guild-search-sigil>i{position:absolute;inset:7px;border:1px dashed color-mix(in srgb,var(--rr) 45%,transparent);transform:rotate(45deg)}.guild-search-card small{color:var(--rr);font-weight:900}.guild-search-card h3{margin:2px 0;color:#fff}.guild-search-card p{margin:2px 0 7px;color:#7185ad;font-size:.65rem}.guild-search-card>div:nth-child(2)>span{display:inline-block;margin-right:6px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--rr) 13%,transparent);font-size:.55rem;color:#8fa2c9}.guild-search-card b{color:#fff}.guild-search-card>a{grid-column:1/-1;justify-self:end;color:var(--rr);font-size:.5rem;font-weight:900;letter-spacing:.08em}.network-empty{padding:18px;border:1px dashed rgba(148,163,184,.16);color:#64748b;text-align:center}.rank-tone-E{--rr:#cbd5e1}.rank-tone-D{--rr:#34d399}.rank-tone-C{--rr:#38e1ff}.rank-tone-B{--rr:#a78bfa}.rank-tone-A{--rr:#fbbf24}.rank-tone-S{--rr:#fb7185}@media(max-width:600px){.social-tabs.social-icon-tabs{width:100%}.social-icon-tabs a::after{display:none}.association-search-moved{grid-template-columns:42px minmax(0,1fr)}.association-search-moved>a{grid-column:1/-1}.network-search-hero{grid-template-columns:1fr 62px;padding:17px}.network-search-hero>span{width:55px;height:55px}.network-search-hero>span>.sli{width:25px;height:25px}}
.apex-certified .hud{border-bottom-color:rgba(251,191,36,.5);box-shadow:0 0 22px rgba(251,191,36,.12),inset 0 -1px 0 rgba(251,191,36,.25)}.apex-certified .hud-id::after{content:"APEX";padding:2px 5px;border:1px solid rgba(251,191,36,.5);color:var(--gold);font-size:.5rem;letter-spacing:.1em}.apex-certified .hero-frame{border-color:rgba(251,191,36,.55);background:radial-gradient(circle at 25% 45%,rgba(251,191,36,.12),transparent 35%),linear-gradient(160deg,rgba(35,27,55,.9),rgba(5,8,22,.94));box-shadow:inset 0 0 45px rgba(251,191,36,.08),0 0 22px rgba(251,191,36,.12)}.apex-certified .hero-svg,.apex-certified .official-hunter-art{filter:drop-shadow(0 0 12px rgba(251,191,36,.35))}.apex-certified .hero-frame::before{border-color:var(--gold)}.apex-chip{border-color:var(--gold)!important;color:var(--gold)!important;background:rgba(251,191,36,.09)!important;box-shadow:0 0 12px rgba(251,191,36,.18)}.apex-certified.page-dungeon .portal-core,.apex-certified.page-dungeon .rift-visual{filter:drop-shadow(0 0 9px rgba(251,191,36,.28))}.apex-certified .apex-sigil i{animation:arenaSpin 15s linear infinite}@media(prefers-reduced-motion:reduce){.apex-certified .apex-sigil i{animation:none!important}}body[data-reduced-motion="1"].apex-certified .apex-sigil i{animation:none!important}
/* SYSTEM ASCENDANT · TOP THREE PODIUM */
.system-podium{display:grid;grid-template-columns:1fr 1.16fr 1fr;grid-template-areas:"second first third";gap:10px;align-items:end;margin:20px 0 17px;padding:22px 12px 0;background:radial-gradient(circle at 50% 18%,rgba(251,191,36,.12),transparent 32%),linear-gradient(180deg,rgba(10,18,45,.66),rgba(3,5,14,.24));border-top:1px solid rgba(56,225,255,.12);overflow:hidden}.podium-player{--pc:#38e1ff;position:relative;display:grid;justify-items:center;align-content:start;min-width:0;padding:15px 9px 13px;border:1px solid color-mix(in srgb,var(--pc) 42%,transparent);background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--pc) 17%,transparent),transparent 38%),linear-gradient(160deg,rgba(17,27,61,.92),rgba(4,7,17,.97));box-shadow:inset 0 0 24px color-mix(in srgb,var(--pc) 7%,transparent),0 0 18px color-mix(in srgb,var(--pc) 10%,transparent);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);overflow:hidden}.podium-player::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);pointer-events:none}.podium-player::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:3px;background:var(--pc);box-shadow:0 0 13px var(--pc)}.podium-1{--pc:#fbbf24;grid-area:first;min-height:300px;transform:translateY(-14px);z-index:3;border-color:rgba(251,191,36,.68);box-shadow:inset 0 0 35px rgba(251,191,36,.09),0 0 30px rgba(251,191,36,.2)}.podium-2{--pc:#38e1ff;grid-area:second;min-height:262px}.podium-3{--pc:#a78bfa;grid-area:third;min-height:242px}.podium-energy{position:relative;width:92px;height:92px;display:grid;place-items:center;margin:2px 0 8px}.podium-1 .podium-energy{width:112px;height:112px}.podium-energy::before,.podium-energy::after,.podium-energy>i,.podium-energy>em{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--pc) 72%,#fff);transform:rotate(45deg);box-shadow:0 0 13px color-mix(in srgb,var(--pc) 55%,transparent)}.podium-energy::after{inset:15px;border-radius:50%;transform:none;border-style:dashed}.podium-energy>i{inset:0;border-radius:50%;transform:none;border-style:dotted;animation:podiumOrbit 12s linear infinite}.podium-energy>em{inset:22px;border-radius:50%;transform:none;background:radial-gradient(circle,color-mix(in srgb,var(--pc) 38%,transparent),rgba(5,8,22,.86));box-shadow:inset 0 0 17px color-mix(in srgb,var(--pc) 24%,transparent),0 0 18px color-mix(in srgb,var(--pc) 38%,transparent)}.podium-energy>span{z-index:2;color:#fff;font:900 2rem/1 var(--font);text-shadow:0 0 7px #fff,0 0 16px var(--pc)}.podium-1 .podium-energy>span{font-size:2.5rem}.podium-title{margin:0 0 4px;color:var(--pc);font-size:.56rem;font-weight:900;letter-spacing:.16em;text-align:center}.podium-player h2{max-width:100%;margin:0 0 8px;color:#fff;font-size:clamp(.85rem,2vw,1.1rem);text-align:center;overflow-wrap:anywhere}.podium-rank{display:flex;align-items:center;gap:7px}.podium-rank .rank-badge{width:38px;height:43px;font-size:1rem}.podium-1 .podium-rank .rank-badge{width:45px;height:50px;font-size:1.25rem}.podium-rank>b{color:#dbe7ff;font-size:.7rem}.podium-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:11px}.podium-stats span{padding:6px 2px;border:1px solid color-mix(in srgb,var(--pc) 16%,transparent);background:rgba(5,8,22,.52);text-align:center}.podium-stats small{display:block;color:#64748b;font-size:.43rem;letter-spacing:.07em}.podium-stats b{color:#fff;font-size:.68rem}.lower-ranks{margin-top:4px}@keyframes podiumOrbit{to{transform:rotate(360deg)}}.podium-player{animation:podiumRise .55s ease-out both}.podium-2{animation-delay:.08s}.podium-1{animation-delay:.16s}.podium-3{animation-delay:.24s}@keyframes podiumRise{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1}}.podium-1{animation-name:podiumFirst}@keyframes podiumFirst{from{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.podium-player,.podium-energy>i{animation:none!important}}body[data-reduced-motion="1"] .podium-player,body[data-reduced-motion="1"] .podium-energy>i{animation:none!important}
@media(max-width:620px){.system-podium{grid-template-columns:1fr;grid-template-areas:"first" "second" "third";gap:7px;margin:15px 0;padding:12px 0 0;background:radial-gradient(circle at 50% 10%,rgba(251,191,36,.12),transparent 22%)}.podium-player,.podium-1,.podium-2,.podium-3{min-height:0;transform:none;display:grid;grid-template-columns:78px minmax(0,1fr) auto;grid-template-rows:auto auto auto;justify-items:start;align-items:center;padding:11px;text-align:left}.podium-1{grid-area:first;border-color:rgba(251,191,36,.72)}.podium-2{grid-area:second}.podium-3{grid-area:third}.podium-energy,.podium-1 .podium-energy{grid-row:1/4;width:70px;height:70px;margin:0}.podium-energy>span,.podium-1 .podium-energy>span{font-size:1.65rem}.podium-energy>em{inset:18px}.podium-title{grid-column:2;margin:0;text-align:left}.podium-player h2{grid-column:2;margin:1px 0;text-align:left}.podium-rank{grid-column:2;grid-row:3}.podium-stats{grid-column:3;grid-row:1/4;width:auto;grid-template-columns:1fr;align-self:stretch;margin:0}.podium-stats span{display:grid;grid-template-columns:auto auto;gap:6px;align-items:center;padding:3px 6px}.podium-stats small{font-size:.4rem}.podium-stats b{font-size:.62rem}.podium-1{animation-name:podiumRise}.leaderboard-panel.player-board{padding-top:14px}}
@media(max-width:360px){.podium-player,.podium-1,.podium-2,.podium-3{grid-template-columns:62px minmax(0,1fr);padding:9px}.podium-energy,.podium-1 .podium-energy{width:56px;height:56px}.podium-energy>span,.podium-1 .podium-energy>span{font-size:1.3rem}.podium-energy>em{inset:15px}.podium-stats{grid-column:2;grid-row:4;grid-template-columns:repeat(3,1fr);width:100%;margin-top:6px}.podium-stats span{display:block;padding:4px 2px}.podium-rank .rank-badge,.podium-1 .podium-rank .rank-badge{width:32px;height:36px;font-size:.82rem}}
@media(prefers-reduced-motion:reduce) and (min-width:621px){.podium-1{transform:translateY(-14px)!important}}@media(min-width:621px){body[data-reduced-motion="1"] .podium-1{transform:translateY(-14px)!important}}
/* LOWER PLAYER RANKS · WHITE SYSTEM SIGILS */
.player-v2.lower-ranks .leader-row{position:relative;border-left-color:rgba(226,232,240,.7);background:radial-gradient(circle at 4% 50%,rgba(255,255,255,.055),transparent 15%),linear-gradient(145deg,rgba(17,27,58,.75),rgba(5,8,22,.78));box-shadow:inset 0 0 18px rgba(255,255,255,.025)}.player-v2.lower-ranks .leader-row::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px);pointer-events:none}.player-v2.lower-ranks .leader-place{position:relative;isolation:isolate;width:38px;height:38px;border:0;border-radius:0;background:transparent;color:#fff;font-size:.8rem;text-shadow:0 0 6px #fff,0 0 12px rgba(226,232,240,.72);box-shadow:none}.player-v2.lower-ranks .leader-place::before,.player-v2.lower-ranks .leader-place::after{content:"";position:absolute;z-index:-1;inset:5px;border:1px solid rgba(241,245,249,.72);transform:rotate(45deg);box-shadow:0 0 9px rgba(226,232,240,.36),inset 0 0 7px rgba(255,255,255,.06)}.player-v2.lower-ranks .leader-place::after{inset:9px;border-radius:50%;transform:none;border-color:rgba(255,255,255,.36);background:radial-gradient(circle,rgba(255,255,255,.13),rgba(15,23,42,.82));box-shadow:inset 0 0 8px rgba(255,255,255,.1)}.player-v2.lower-ranks .leader-place{z-index:2}.player-v2.lower-ranks .leader-row:hover{border-color:rgba(226,232,240,.48);border-left-color:#fff;box-shadow:inset 0 0 22px rgba(255,255,255,.04),0 0 13px rgba(226,232,240,.08)}.player-v2.lower-ranks .leader-row:hover .leader-place::before{box-shadow:0 0 14px rgba(255,255,255,.55),inset 0 0 8px rgba(255,255,255,.1)}
@media(max-width:620px){.player-v2.lower-ranks .leader-place{width:38px;height:38px}.player-v2.lower-ranks .leader-row{border-left-color:rgba(226,232,240,.72)!important}.player-v2.lower-ranks .leader-row:nth-child(2) .leader-place,.player-v2.lower-ranks .leader-row:nth-child(3) .leader-place,.player-v2.lower-ranks .leader-row:nth-child(4) .leader-place{border:0;color:#fff;box-shadow:none}}
@media(max-width:350px){.player-v2.lower-ranks .leader-place{width:32px;height:32px;font-size:.7rem}.player-v2.lower-ranks .leader-place::before{inset:4px}.player-v2.lower-ranks .leader-place::after{inset:8px}}
/* QUEST EXERCISE HELP · QUESTION ICON AND SYSTEM DIALOG */
.quest-help{position:absolute;z-index:5;right:10px;top:10px;width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--c) 65%,#fff);border-radius:50%;background:rgba(5,8,22,.88);color:var(--c);font:900 .9rem var(--font);line-height:1;cursor:pointer;box-shadow:0 0 10px color-mix(in srgb,var(--c) 30%,transparent),inset 0 0 8px color-mix(in srgb,var(--c) 12%,transparent);transition:transform .15s,background .15s,box-shadow .15s}.quest-help:hover,.quest-help:focus-visible{transform:scale(1.1);background:color-mix(in srgb,var(--c) 18%,#050816);box-shadow:0 0 16px color-mix(in srgb,var(--c) 55%,transparent)}.tile:has(>.quest-help) .tile-top{padding-right:32px}.quest-dialog[hidden]{display:none}.quest-dialog{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;padding:16px;background:rgba(1,3,10,.82);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.quest-dialog-card{position:relative;width:min(540px,94vw);max-height:min(78vh,620px);overflow:auto;padding:22px;border:1px solid var(--cyan);background:radial-gradient(circle at 100% 0,rgba(56,225,255,.14),transparent 38%),linear-gradient(155deg,rgba(16,29,65,.98),rgba(3,6,16,.99));clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);box-shadow:0 0 40px rgba(56,225,255,.25),inset 0 0 34px rgba(56,225,255,.05);animation:questDialogIn .25s ease-out}.quest-dialog-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(56,225,255,.09);pointer-events:none}.quest-dialog-close{position:absolute;z-index:2;right:10px;top:10px;width:30px;height:30px;padding:0;border:1px solid rgba(56,225,255,.4);border-radius:7px;background:rgba(5,8,22,.88);color:#dbe7ff;font:700 1.2rem/1 var(--font);cursor:pointer}.quest-dialog-close:hover,.quest-dialog-close:focus-visible{border-color:var(--red);color:#fda4af;background:rgba(244,63,94,.12)}.quest-dialog-card h2{margin:5px 38px 10px 0;color:#fff;font-size:1.35rem;text-shadow:0 0 12px rgba(56,225,255,.45)}.quest-dialog-rule{height:2px;margin:0 0 14px;background:linear-gradient(90deg,var(--cyan),rgba(56,225,255,.05));box-shadow:0 0 8px var(--cyan)}.quest-dialog-card>p:not(.ov-kicker){position:relative;z-index:1;margin:0;color:#c7d5ee;font-size:.92rem;line-height:1.65;white-space:pre-line}.quest-dialog-safety{position:relative;z-index:1;margin-top:17px;padding:10px;border-left:3px solid var(--green);background:rgba(6,78,59,.14);color:#a7f3d0;font-size:.75rem}.dialog-open{overflow:hidden}@keyframes questDialogIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:480px){.quest-dialog{padding:10px}.quest-dialog-card{width:100%;padding:18px 15px}.quest-dialog-card h2{font-size:1.12rem}.quest-dialog-card>p:not(.ov-kicker){font-size:.84rem;line-height:1.55}.quest-help{right:8px;top:8px;width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.quest-dialog-card{animation:none!important}}body[data-reduced-motion="1"] .quest-dialog-card{animation:none!important}
/* GATE KEY STORAGE · FULL SILHOUETTE */
.key-counter{box-sizing:border-box;width:126px!important;height:64px!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;padding:5px 9px 5px 5px!important;overflow:visible!important;border:1px solid rgba(251,191,36,.55)!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(5,8,22,.85))!important;box-shadow:inset 0 0 16px rgba(251,191,36,.1),0 0 14px rgba(251,191,36,.1)!important}.key-counter-icon{position:relative;width:54px;height:52px;display:grid;place-items:center;overflow:visible;border:1px solid rgba(251,191,36,.28);background:radial-gradient(circle,rgba(251,191,36,.18),rgba(5,8,22,.5) 68%);color:var(--gold)}.key-counter-icon::before{content:"";position:absolute;width:33px;height:33px;border:1px dashed rgba(251,191,36,.38);border-radius:50%;animation:keyOrbit 9s linear infinite}.key-counter-icon>i{position:absolute;inset:6px;border:1px solid rgba(251,191,36,.07);transform:rotate(45deg)}.key-counter-icon .sli{position:relative;z-index:2;display:block;width:38px!important;height:38px!important;overflow:visible!important;stroke-width:1.65;filter:drop-shadow(0 0 6px rgba(251,191,36,.8))}.key-counter-data{display:grid;align-content:center;min-width:0}.key-counter-data small{color:#a78b67;font-size:.5rem;font-weight:900;letter-spacing:.1em;white-space:nowrap}.key-counter-data b{color:#fff;font-size:1.35rem;line-height:1;text-shadow:0 0 9px rgba(251,191,36,.5)}.key-counter-data em{margin-left:2px;color:var(--gold);font-size:.65rem;font-style:normal}@keyframes keyOrbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.key-counter-icon::before{animation:none!important}}body[data-reduced-motion="1"] .key-counter-icon::before{animation:none!important}@media(max-width:420px){.key-counter{width:108px!important;height:56px!important;grid-template-columns:48px minmax(0,1fr)!important;padding:4px 7px 4px 4px!important}.key-counter-icon{width:46px;height:46px}.key-counter-icon .sli{width:33px!important;height:33px!important}.key-counter-icon::before{width:29px;height:29px}.key-counter-data small{font-size:.43rem}.key-counter-data b{font-size:1.15rem}}
/* PHYSICAL SLVL CARD · CR80 SYSTEM ID */
.card-studio{padding:20px;border:1px solid rgba(56,225,255,.3);background:radial-gradient(circle at 100% 0,rgba(139,92,246,.15),transparent 34%),linear-gradient(155deg,rgba(15,25,57,.96),rgba(3,6,16,.99))}.card-studio>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:13px;border-bottom:1px solid rgba(56,225,255,.14)}.card-studio h1{margin:0;color:#fff;letter-spacing:.13em}.card-studio header p{margin:4px 0;color:#8494b8}.card-studio>header>span{padding:5px 8px;border:1px solid var(--cyan);color:var(--cyan);font-size:.58rem;font-weight:900;letter-spacing:.12em}.physical-card-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.slvl-id-card{--cc:#38e1ff;box-sizing:border-box;position:relative;isolation:isolate;width:100%;aspect-ratio:85.6/53.98;padding:4.2%;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--cc) 75%,#fff);border-radius:4.5%;overflow:hidden;color:#dbe7ff;background:radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--cc) 25%,transparent),transparent 29%),linear-gradient(145deg,#121d42,#030611 72%);box-shadow:0 0 28px color-mix(in srgb,var(--cc) 18%,transparent),inset 0 0 35px color-mix(in srgb,var(--cc) 7%,transparent);font-family:var(--font)}.rank-card-E{--cc:#94a3b8}.rank-card-D{--cc:#34d399}.rank-card-C{--cc:#38e1ff}.rank-card-B{--cc:#8b5cf6}.rank-card-A{--cc:#fbbf24}.rank-card-S{--cc:#f43f5e}.slvl-id-card::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px)}.slvl-id-card::after{content:"";position:absolute;z-index:-1;right:-13%;bottom:-26%;width:55%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--cc) 13%,transparent);transform:rotate(45deg);box-shadow:0 0 35px color-mix(in srgb,var(--cc) 8%,transparent)}.card-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--cc) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--cc) 5%,transparent) 1px,transparent 1px);background-size:8% 13%}.slvl-id-card>header{display:flex;justify-content:space-between;align-items:center;color:#fff}.slvl-id-card>header>b{font-size:clamp(.9rem,2.6vw,1.35rem);letter-spacing:.2em;text-shadow:0 0 12px var(--cc)}.slvl-id-card>header>span{font-size:clamp(.4rem,1.15vw,.62rem);font-weight:900;letter-spacing:.13em;color:var(--cc)}.card-identity{display:grid;grid-template-columns:22% minmax(0,1fr);gap:5%;align-items:center;margin:auto 0}.card-rank{aspect-ratio:.86;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#fff;background:linear-gradient(160deg,color-mix(in srgb,var(--cc) 95%,#fff),color-mix(in srgb,var(--cc) 44%,#020409));font-size:clamp(1.5rem,5vw,2.8rem);font-weight:900;text-shadow:0 2px 5px rgba(0,0,0,.7);box-shadow:0 0 25px var(--cc)}.card-identity small{color:#8494b8;font-size:clamp(.4rem,1vw,.56rem);letter-spacing:.13em}.card-identity h2{margin:1% 0;color:#fff;font-size:clamp(1rem,3.2vw,1.7rem);line-height:1;overflow-wrap:anywhere}.card-identity p{margin:0;color:var(--cc);font-size:clamp(.5rem,1.2vw,.68rem)}.card-front-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5%;margin-bottom:3%}.card-front-meta span,.card-attrs span{padding:3%;border:1px solid color-mix(in srgb,var(--cc) 16%,transparent);background:rgba(5,8,22,.52);text-align:center}.card-front-meta small,.card-attrs small{display:block;color:#64748b;font-size:clamp(.34rem,.85vw,.48rem);letter-spacing:.08em}.card-front-meta b,.card-attrs b{color:#fff;font-size:clamp(.52rem,1.35vw,.74rem)}.slvl-id-card>footer{display:flex;justify-content:space-between;gap:8px;color:#64748b;font-size:clamp(.31rem,.76vw,.45rem);letter-spacing:.05em}.slvl-id-card>footer>b{color:var(--cc)}.card-back-body{display:grid;grid-template-columns:minmax(0,1fr) 31%;gap:5%;align-items:center;margin:auto 0}.card-attrs{display:grid;grid-template-columns:repeat(2,1fr);gap:5%}.card-qr{display:grid;justify-items:center;gap:3px}.card-qr img{display:block;width:100%;aspect-ratio:1;background:#fff;padding:4%;image-rendering:pixelated}.card-qr small{color:var(--cc);font-size:clamp(.34rem,.8vw,.45rem);font-weight:900;letter-spacing:.08em}.card-public-note{margin-bottom:3%;padding:2%;border-left:2px solid var(--cc);color:#8494b8;font-size:clamp(.34rem,.86vw,.5rem)}.card-order-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:16px;align-items:center;padding:16px;border:1px solid rgba(56,225,255,.2);background:rgba(5,8,22,.55)}.card-order-panel h2{margin:0;color:#fff}.card-order-panel p{color:#8494b8}.card-order-panel strong{color:var(--gold);font-size:1.2rem}.card-orders>div{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:9px;border-bottom:1px solid rgba(56,225,255,.12)}.card-orders small{grid-column:1/-1;color:#8494b8}.card-verify{width:min(560px,94vw);margin:8vh auto;padding:24px;border:1px solid var(--green);background:linear-gradient(155deg,rgba(12,35,38,.96),rgba(3,6,16,.99));text-align:center;box-shadow:0 0 34px rgba(52,211,153,.17)}.card-verify.invalid{border-color:var(--red)}.verify-sigil{width:72px;height:72px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;color:var(--green);font-size:2rem;box-shadow:0 0 20px rgba(52,211,153,.35)}.verify-sigil.bad{border-color:var(--red);color:var(--red)}.card-verify h1{color:#fff}.verify-identity{display:flex;justify-content:center;align-items:center;gap:12px}.verify-identity>div{display:grid;text-align:left}.verify-identity b{color:#fff;font-size:1.15rem}.verify-identity small,.verify-identity em{color:#8494b8;font-style:normal}.verify-code{font-family:monospace;color:var(--cyan);letter-spacing:.09em}.card-print{margin:0;background:#fff;color:#000}.print-sheet{display:grid;gap:12mm;justify-content:start;padding:10mm}.card-print .slvl-id-card{width:85.6mm;height:53.98mm;aspect-ratio:auto;border-radius:3mm;padding:3.7mm}.print-button{position:fixed;right:20px;top:20px;padding:10px 16px}.card-print .card-rank{font-size:8mm}.card-print .card-identity h2{font-size:5mm}.card-print .slvl-id-card>header>b{font-size:4mm}.card-print .slvl-id-card>header>span{font-size:1.6mm}.card-print .card-front-meta small,.card-print .card-attrs small,.card-print .slvl-id-card>footer,.card-print .card-public-note,.card-print .card-qr small{font-size:1.25mm}.card-print .card-front-meta b,.card-print .card-attrs b{font-size:1.9mm}@page{size:85.6mm 53.98mm;margin:0}@media print{.print-button{display:none}.print-sheet{display:block;padding:0}.card-print .slvl-id-card{page-break-after:always;break-after:page;margin:0;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.card-print .slvl-id-card:last-child{page-break-after:auto;break-after:auto}}
@media(max-width:760px){.physical-card-preview{grid-template-columns:1fr}.card-order-panel{grid-template-columns:1fr}.slvl-id-card{max-width:560px;justify-self:center}.card-studio{padding:14px}}@media(max-width:420px){.card-studio>header{display:block}.card-studio>header>span{display:inline-block;margin-top:7px}.slvl-id-card{padding:4%}.card-order-panel{padding:12px}.card-identity h2{font-size:1rem}.card-front-meta b,.card-attrs b{font-size:.58rem}}
.card-request-panel{border-color:rgba(52,211,153,.35);background:linear-gradient(135deg,rgba(6,78,59,.12),rgba(5,8,22,.65))}.card-request-panel>div>strong{display:inline-block;padding:5px 8px;border:1px solid var(--green);border-radius:20px;color:var(--green);font-size:.65rem;letter-spacing:.1em}.card-request-panel form{display:grid;gap:9px}.card-request-panel form>label:not(.gate-ack){display:grid;gap:5px;color:#a7f3d0;font-size:.72rem;font-weight:700}.card-request-panel textarea{width:100%;resize:vertical}.card-orders>div b{color:#fff}.card-orders>div span{color:var(--cyan)}
.toasts:empty{display:none!important}.toasts{pointer-events:none}.toasts .toast{pointer-events:auto}.setup-intro,.step-help,.section-hint{color:#8da0c7;line-height:1.55}.setup-intro{margin:-4px 0 15px}.field-guide{display:grid;gap:4px}.field-guide>span{color:#dbe7ff;font-size:.72rem;font-weight:800}.field-guide>small{color:#64748b;font-size:.6rem}.quick-start{border-color:rgba(52,211,153,.45);background:radial-gradient(circle at 95% 0,rgba(52,211,153,.12),transparent 34%),linear-gradient(145deg,rgba(8,34,41,.92),rgba(4,7,17,.97))}.quick-start header,.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.quick-start h2,.page-title-row h1{margin:2px 0}.quick-start header>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--green);border-radius:50%;color:var(--green);font-weight:900}.quick-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.quick-steps span{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(56,225,255,.16);background:rgba(5,8,22,.48)}.quick-steps i{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-style:normal;font-size:.65rem}.quick-steps b{font-size:.68rem}.quick-steps .done{border-color:rgba(52,211,153,.3)}.quick-steps .done i{border-color:var(--green);color:var(--green)}.quick-start>p{color:#9fb4b0}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.friendly-empty{display:grid;justify-items:center;gap:7px;padding:24px;text-align:center;border:1px dashed rgba(56,225,255,.22);background:rgba(5,8,22,.35)}.friendly-empty b{color:#dbe7ff}.friendly-empty span{color:#7183a8;font-size:.75rem}.page-title-row{padding-bottom:12px}.settings-index{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center}.settings-index h2{margin:2px 0}.settings-index p{margin:5px 0;color:#8494b8}.settings-index nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}.settings-index nav a{padding:7px 9px;border:1px solid rgba(56,225,255,.18);color:#9fb3d7;font-size:.62rem}.simple-settings{padding:0!important}.simple-settings>summary{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;list-style:none}.simple-settings>summary::-webkit-details-marker{display:none}.simple-settings>summary span{display:grid}.simple-settings>summary b{color:#fff}.simple-settings>summary small{color:#7183a8}.simple-settings>summary>i{color:var(--cyan);font-style:normal;font-size:.68rem}.simple-settings[open]>summary{border-bottom:1px solid rgba(56,225,255,.16)}.oath span{display:grid!important;grid-template-columns:auto 1fr;gap:2px 8px!important;text-align:left}.oath span i{grid-row:1/3}.oath span small{color:#7183a8;font-size:.62rem}@media(max-width:650px){.quick-steps{grid-template-columns:1fr}.quick-start header,.page-title-row{align-items:flex-start}.page-title-row{display:grid}.settings-index{grid-template-columns:1fr}.settings-index nav{grid-template-columns:1fr 1fr}}.quick-start-once{padding:0!important;overflow:hidden}.quick-start-once>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px 16px;cursor:pointer;list-style:none}.quick-start-once>summary::-webkit-details-marker{display:none}.quick-start-once>summary>div{display:grid}.quick-start-once>summary h2{margin:1px 0;font-size:1rem}.quick-start-once>summary small{color:#7f96b8;font-size:.62rem}.quick-start-once>summary>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;color:var(--green);font-size:.72rem;font-weight:900}.quick-start-once>summary>i{color:var(--cyan);font-size:.55rem;font-style:normal;letter-spacing:.1em}.quick-start-once[open]>summary{border-bottom:1px solid rgba(52,211,153,.2)}.quick-start-body{padding:0 16px 15px}.quick-start-once.seen:not([open]){min-height:0}.quick-start-once.seen:not([open])>summary{padding:9px 13px}.quick-start-once.seen:not([open]) .ov-kicker{display:none}.quick-start-once.seen:not([open])>summary h2{font-size:.82rem}.quick-start-once.seen:not([open])>summary small{font-size:.55rem}.quick-start-once.seen:not([open])>summary>span{width:30px;height:30px}.notification-banner{position:fixed;z-index:39;top:64px;right:14px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;max-width:310px;padding:9px 11px;border:1px solid rgba(251,191,36,.55);background:rgba(24,17,7,.96);box-shadow:0 0 20px rgba(251,191,36,.18);color:#fff}.notification-banner>i{color:var(--gold)}.notification-banner .sli{width:21px;height:21px}.notification-banner span{display:grid}.notification-banner b{font-size:.68rem}.notification-banner small{color:#b8a77e;font-size:.56rem}.notification-banner em{color:var(--gold);font-size:.54rem;font-style:normal;font-weight:900;letter-spacing:.1em}.hud-profile{color:#c4b5fd!important;border-color:rgba(167,139,250,.32);background:rgba(139,92,246,.07)}.player-profile-hero{position:relative;overflow:hidden;border-color:rgba(56,225,255,.35);background:radial-gradient(circle at 8% 50%,rgba(56,225,255,.17),transparent 24%),radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 28%),linear-gradient(145deg,rgba(13,22,52,.98),rgba(3,5,14,.99))}.player-profile-hero::after{content:"PROFILE";position:absolute;right:-18px;bottom:-30px;color:rgba(56,225,255,.035);font:900 5.5rem/1 var(--font);pointer-events:none}.player-profile-identity{position:relative;z-index:1}.profile-hero-actions{position:relative;z-index:1;display:grid;justify-items:end;gap:8px}.enhanced-notice-center>header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:13px;border-bottom:1px solid rgba(56,225,255,.15)}.enhanced-notice-center header p{margin:4px 0;color:#8496bc}.notice-head-actions{display:grid;justify-items:end;gap:7px}.notice-head-actions>span{padding:5px 8px;border:1px solid rgba(251,191,36,.4);color:var(--gold);font-size:.55rem;font-weight:900;letter-spacing:.12em}.enhanced-notice-center .notice-list article.unread{border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(251,191,36,.09),rgba(5,8,22,.62));box-shadow:inset 0 0 18px rgba(251,191,36,.04)}.enhanced-notice-center .notice-list article.unread b{color:#fff}.enhanced-notice-center .friendly-empty>.sli{width:32px;height:32px;color:#64748b}@media(max-width:820px){.notification-banner{top:112px;right:7px;left:7px;max-width:none}.hud-actions{gap:3px!important}.hud-actions .icon-btn{width:31px!important;min-width:31px!important}}@media(max-width:650px){.quick-start-once>summary{grid-template-columns:minmax(0,1fr) auto}.quick-start-once>summary>i{display:none}.player-profile-hero{grid-template-columns:68px minmax(0,1fr)}.profile-hero-actions{grid-column:1/-1;justify-items:start}.enhanced-notice-center>header{display:grid}.notice-head-actions{justify-items:start}}
/* SYSTEM VIEW · FULLSCREEN / INSTALLED APP PROMPT */
.system-view[hidden]{display:none}.system-view{position:fixed;inset:0;z-index:2147483642;display:grid;place-items:center;padding:16px;background:rgba(1,3,10,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.system-view-card{position:relative;width:min(470px,94vw);padding:23px;border:1px solid var(--cyan);background:radial-gradient(circle at 100% 0,rgba(56,225,255,.17),transparent 38%),linear-gradient(155deg,rgba(16,29,65,.99),rgba(3,6,16,.99));clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);box-shadow:0 0 42px rgba(56,225,255,.25),inset 0 0 34px rgba(56,225,255,.05);animation:systemViewIn .35s ease-out}.system-view-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(56,225,255,.08);pointer-events:none}.system-view-card h2{position:relative;margin:4px 34px 8px 0;color:#fff;text-shadow:0 0 12px rgba(56,225,255,.45)}.system-view-card>p:not(.ov-kicker){position:relative;color:#b7c6e2}.system-view-card>div{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px}.system-view-card>div button[hidden]{display:none}.system-view-card>small{position:relative;display:block;color:#8494b8;font-size:.7rem}.system-view-close{position:absolute;z-index:2;right:10px;top:10px;width:30px;height:30px;border:1px solid rgba(56,225,255,.35);border-radius:7px;background:rgba(5,8,22,.9);color:#dbe7ff;font-size:1.2rem;cursor:pointer}.system-view-close:hover{border-color:var(--red);color:#fda4af}@keyframes systemViewIn{from{opacity:0;transform:scale(.96) translateY(12px);filter:brightness(1.5)}to{opacity:1;transform:none;filter:none}}body.is-fullscreen,body:fullscreen{padding-top:max(72px,env(safe-area-inset-top,0px));padding-bottom:max(76px,env(safe-area-inset-bottom,0px))}@media(display-mode:fullscreen),(display-mode:standalone){body.in-game{padding-top:calc(72px + env(safe-area-inset-top,0px));padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.hud{padding-top:env(safe-area-inset-top,0px)}}@media(max-width:480px){.system-view{padding:10px}.system-view-card{padding:19px 15px}.system-view-card>div{grid-template-columns:1fr}.system-view-card h2{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){.system-view-card{animation:none!important}}body[data-reduced-motion="1"] .system-view-card{animation:none!important}
/* FULLSCREEN CANVAS FIX · KEEP MAIN CONTENT VISIBLE */
html:fullscreen,html:-webkit-full-screen{width:100%;height:100%;overflow-y:auto!important;overflow-x:hidden!important;background:#050816}html:fullscreen body,html:-webkit-full-screen body,body.is-fullscreen{box-sizing:border-box!important;width:100%!important;min-height:100dvh!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}html:fullscreen body.in-game,html:-webkit-full-screen body.in-game,body.in-game.is-fullscreen{padding-top:calc(72px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}html:fullscreen main.wrap,html:-webkit-full-screen main.wrap,body.is-fullscreen main.wrap{display:grid!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;min-height:1px!important;height:auto!important;overflow:visible!important;margin-inline:auto!important}html:fullscreen .system-view,html:-webkit-full-screen .system-view,body.is-fullscreen .system-view{display:none!important}@media(max-width:820px){html:fullscreen body.in-game,html:-webkit-full-screen body.in-game,body.in-game.is-fullscreen{padding-top:calc(120px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}html:fullscreen main.wrap,html:-webkit-full-screen main.wrap,body.is-fullscreen main.wrap{width:min(1080px,calc(100% - 14px))!important;max-width:none!important}.is-fullscreen .hud,html:fullscreen .hud,html:-webkit-full-screen .hud{top:env(safe-area-inset-top,0px)!important}.is-fullscreen .dock,html:fullscreen .dock,html:-webkit-full-screen .dock{bottom:0!important}}@media(display-mode:fullscreen),(display-mode:standalone){html,body{min-height:100dvh;overflow-y:auto}body.in-game{padding-top:calc(120px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}main.wrap{display:grid!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important}}

/* rank verification v13 */
.verified-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid rgba(74,222,128,.55);border-radius:999px;background:rgba(34,197,94,.12);color:#86efac;font:700 11px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 14px rgba(34,197,94,.18)}
.verified-badge .sli{width:14px;height:14px}.evidence-link{padding:11px 13px;border:1px solid rgba(56,225,255,.28);border-radius:9px;background:rgba(56,225,255,.06);overflow-wrap:anywhere}.evidence-link a{color:#8cecff;font-weight:700}.st-assessed{color:#86efac;border-color:rgba(74,222,128,.45);background:rgba(34,197,94,.1)}.st-unassessed{color:#dbe7ff;border-color:rgba(219,231,255,.28);background:rgba(255,255,255,.045)}

/* rank badge optical centering v14 */
.rank-badge{box-sizing:border-box;display:grid!important;place-items:center!important;padding:0 0 .035em .045em!important;line-height:1!important;text-align:center;text-indent:0!important;font-variant-numeric:tabular-nums}.rank-badge.sm,.rank-badge.xs{padding-bottom:.025em!important;padding-left:.04em!important}

/* hunter profiles v15 */
.hunter-search{padding:24px;background:radial-gradient(circle at 90% 0,rgba(56,225,255,.1),transparent 32%),var(--panel)}.hunter-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:16px}.hunter-search-form input{min-height:46px}.hunter-results .ttl small{color:var(--cyan);font-size:.65em}.hunter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px}.hunter-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid rgba(56,225,255,.18);background:linear-gradient(145deg,rgba(15,23,55,.74),rgba(4,7,17,.92));color:#dbe7ff}.hunter-card:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(56,225,255,.12);transform:translateY(-2px)}.hunter-card>span:nth-child(2){display:grid;min-width:0}.hunter-card b{color:#fff;overflow-wrap:anywhere}.hunter-card small{color:#8da0c7}.hunter-card em{color:#64748b;font-size:.65rem;font-style:normal}.hunter-card>i{color:var(--cyan);font-size:.6rem;font-style:normal;letter-spacing:.12em}.public-hunter-hero{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;background:radial-gradient(circle at 12% 50%,rgba(56,225,255,.12),transparent 25%),linear-gradient(145deg,rgba(13,22,52,.96),rgba(3,5,14,.98))}.public-rank{position:relative;width:82px;height:92px;display:grid;place-items:center}.public-rank .rank-badge{width:70px;height:78px;font-size:2rem}.public-rank>i{position:absolute;inset:0;border:1px dashed rgba(56,225,255,.3);transform:rotate(45deg);animation:podiumOrbit 15s linear infinite}.public-hunter-hero h1{margin:2px 0;color:#fff}.public-hunter-hero p{margin:4px 0}.player-code{color:var(--cyan);font:700 .75rem var(--mono);letter-spacing:.09em}.public-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.public-kpis>div{padding:13px 8px;border:1px solid rgba(56,225,255,.16);background:rgba(8,13,32,.82);text-align:center}.public-kpis small{display:block;color:#64748b;font-size:.54rem;letter-spacing:.11em}.public-kpis b{display:block;margin-top:4px;color:#fff;font-size:1.25rem}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.public-attrs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.public-attrs>div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(56,225,255,.13);background:rgba(5,8,22,.55)}.public-attrs i{color:var(--cyan)}.public-attrs .sli{width:22px;height:22px}.public-attrs span{display:grid}.public-attrs small{color:#64748b}.public-attrs b{color:#fff;font-size:1.2rem}.battle-record{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.battle-record>div{display:grid;place-items:center;padding:17px;border:1px solid rgba(167,139,250,.18);background:rgba(76,29,149,.08)}.battle-record b{color:#fff;font-size:1.4rem}.battle-record small{color:#8b9bc1;font-size:.55rem}.public-achievements{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.public-achievements>div{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid rgba(251,191,36,.2);background:rgba(251,191,36,.04)}.public-achievements>div>i{color:var(--gold);font-size:1.4rem}.public-achievements span{display:grid}.public-achievements b{color:#fff}.public-achievements small{color:#64748b}.private-hunter{text-align:center;padding:36px}.private-hunter>.sli{width:40px;height:40px;color:#64748b}.podium-player h2 a,.leader-name a{color:inherit}.podium-player h2 a:hover,.leader-name a:hover{color:var(--cyan);text-shadow:0 0 10px rgba(56,225,255,.5)}@media(max-width:760px){.social-tabs{grid-template-columns:repeat(5,1fr)}.public-hunter-hero{grid-template-columns:72px minmax(0,1fr)}.public-hunter-hero>.verified-badge{grid-column:1/-1;justify-self:start}.public-rank{width:65px;height:73px}.public-rank .rank-badge{width:56px;height:63px;font-size:1.55rem}.public-kpis{grid-template-columns:repeat(3,1fr)}.profile-columns{grid-template-columns:1fr}.hunter-search-form{grid-template-columns:1fr}.hunter-search-form .btn{width:100%}}@media(max-width:420px){.social-tabs a{font-size:.58rem;padding:8px 2px}.public-kpis{grid-template-columns:repeat(2,1fr)}.public-attrs{grid-template-columns:1fr}.hunter-card{grid-template-columns:46px minmax(0,1fr)}.hunter-card>.rank-badge{width:46px;height:51px}.hunter-card>i{display:none}}.public-character-showcase{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1fr);gap:22px;align-items:center;overflow:hidden;border-color:rgba(56,225,255,.32);background:radial-gradient(circle at 16% 50%,rgba(56,225,255,.14),transparent 30%),radial-gradient(circle at 100% 0,rgba(139,92,246,.12),transparent 34%),linear-gradient(145deg,rgba(12,22,52,.97),rgba(3,5,14,.99))}.public-character-art{display:grid;place-items:center;min-height:285px;border:1px solid rgba(56,225,255,.14);background:rgba(3,7,19,.48);overflow:hidden}.public-character-art .official-hunter-art{width:min(100%,330px)}.public-character-data h2{margin:3px 0;color:#fff;font-size:1.7rem;letter-spacing:.1em}.public-character-data>p:not(.ov-kicker){color:#8fa2c9}.character-public-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:15px 0}.character-public-chips span{padding:9px;border:1px solid rgba(56,225,255,.15);background:rgba(5,8,22,.56);text-align:center}.character-public-chips small{display:block;color:#64748b;font-size:.48rem;letter-spacing:.11em}.character-public-chips b{display:block;margin-top:3px;color:#fff;font-size:.76rem}.public-character-note{display:block;padding:9px;border-left:2px solid var(--cyan);background:rgba(56,225,255,.045);color:#7185ad;line-height:1.45}.public-kpis{grid-template-columns:repeat(4,1fr)}.profile-data-panel{background:linear-gradient(150deg,rgba(10,18,43,.96),rgba(3,6,16,.98))}.profile-data-panel>.ttl{margin-top:2px}@media(max-width:760px){.public-character-showcase{grid-template-columns:1fr;padding:15px}.public-character-art{min-height:230px}.public-character-art .official-hunter-art{max-width:270px}.character-public-chips{grid-template-columns:repeat(2,1fr)}.public-kpis{grid-template-columns:repeat(2,1fr)}}.hunter-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:11px}.hunter-directory-card{position:relative;display:grid;grid-template-rows:190px minmax(0,1fr);min-width:0;border:1px solid rgba(56,225,255,.2);background:linear-gradient(160deg,rgba(15,25,57,.9),rgba(3,6,16,.98));color:inherit;overflow:hidden;transition:.18s}.hunter-directory-card:hover{border-color:var(--cyan);box-shadow:0 0 22px rgba(56,225,255,.16);transform:translateY(-3px)}.hunter-directory-art{position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(56,225,255,.14);background:radial-gradient(circle at 50% 70%,rgba(56,225,255,.12),transparent 48%),rgba(2,5,15,.72)}.hunter-directory-art .official-hunter-art{width:185px;height:185px;max-width:none;animation:none}.hunter-directory-art .official-hunter-art::before{filter:blur(7px)}.hunter-directory-info{display:grid;align-content:start;gap:4px;padding:12px}.directory-state{color:var(--cyan);font-size:.5rem;font-weight:900;letter-spacing:.12em}.hunter-directory-info h3{margin:1px 0;color:#fff;font-size:1.05rem}.hunter-directory-info>p{margin:0;color:#7185ad;font:700 .62rem var(--mono)}.hunter-directory-info>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0}.hunter-directory-info>div>span{padding:6px 3px;border:1px solid rgba(56,225,255,.1);background:rgba(5,8,22,.56);text-align:center}.hunter-directory-info small{display:block;color:#526589;font-size:.42rem;letter-spacing:.08em}.hunter-directory-info b{color:#dbe7ff;font-size:.66rem}.hunter-directory-info em{justify-self:end;color:var(--cyan);font-size:.5rem;font-style:normal;font-weight:900;letter-spacing:.08em}.private-art{gap:9px;color:#64748b}.private-art>.rank-badge{width:65px;height:73px;font-size:1.8rem;filter:grayscale(.5)}.private-art>.sli{width:22px;height:22px}.hunter-directory-card.private-result{border-color:rgba(148,163,184,.18);background:linear-gradient(160deg,rgba(21,28,45,.84),rgba(3,6,16,.98))}.hunter-directory-card.private-result .directory-state{color:#94a3b8}@media(max-width:620px){.hunter-directory-grid{grid-template-columns:1fr}.hunter-directory-card{grid-template-columns:125px minmax(0,1fr);grid-template-rows:auto;min-height:170px}.hunter-directory-art{border-right:1px solid rgba(56,225,255,.14);border-bottom:0}.hunter-directory-art .official-hunter-art{width:140px;height:160px}.hunter-directory-info>div{grid-template-columns:repeat(3,1fr)}}.live-search-hint{display:flex;align-items:center;gap:7px;margin:8px 0 0;color:#7185ad;font-size:.56rem;letter-spacing:.09em}.live-search-hint>i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.live-search-hint>small{margin-left:auto;color:#526589;letter-spacing:0}.live-search-hint.loading{color:var(--cyan)}.live-search-hint.loading>i{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:slPulse 1s ease-in-out infinite}.live-player-results{min-height:92px;transition:opacity .15s}.live-player-results[aria-busy="true"]{opacity:.48;pointer-events:none}.association-search-console[aria-busy="true"] button{opacity:.55}.live-search-idle{display:grid;justify-items:center;gap:5px;padding:22px;border:1px dashed rgba(56,225,255,.16);color:#64748b;text-align:center}.live-search-idle>.sli{width:27px;height:27px}.live-search-idle b{color:#9fb3d7}.live-search-idle span{font-size:.68rem}.hunter-directory-card{animation:liveResultIn .22s ease-out both}@keyframes liveResultIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hunter-directory-card,.live-search-hint.loading>i{animation:none!important}}.player-profile-command{--hunter-aura:#38e1ff;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1fr) auto;gap:22px;align-items:center;min-height:360px;padding:22px;overflow:hidden;border-color:color-mix(in srgb,var(--hunter-aura) 38%,transparent);background:radial-gradient(circle at 17% 52%,color-mix(in srgb,var(--hunter-aura) 18%,transparent),transparent 28%),radial-gradient(circle at 100% 0,rgba(139,92,246,.12),transparent 30%),linear-gradient(145deg,rgba(12,22,52,.98),rgba(3,5,14,.99))}.profile-current-character{display:grid;place-items:center;align-self:stretch;min-height:310px;border:1px solid color-mix(in srgb,var(--hunter-aura) 19%,transparent);background:rgba(2,5,15,.5);overflow:hidden}.profile-current-character .official-hunter-art{width:min(100%,340px)}.player-profile-command .player-profile-identity h1{margin:3px 0;color:#fff;font-size:clamp(1.55rem,4.2vw,2.4rem);line-height:1.1;letter-spacing:.07em;overflow-wrap:anywhere;text-shadow:0 0 16px color-mix(in srgb,var(--hunter-aura) 35%,transparent)}.profile-identity-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0}.profile-identity-chips span{padding:8px 4px;border:1px solid color-mix(in srgb,var(--hunter-aura) 14%,transparent);background:rgba(4,8,22,.58);text-align:center}.profile-identity-chips small{display:block;color:#64748b;font-size:.44rem;letter-spacing:.09em}.profile-identity-chips b{color:#fff;font-size:.7rem}.profile-guild{color:#8fa2c9}.current-form-label{display:block;padding:8px;border-left:2px solid var(--hunter-aura);background:color-mix(in srgb,var(--hunter-aura) 6%,transparent);color:color-mix(in srgb,var(--hunter-aura) 75%,#fff);font-size:.57rem;font-weight:900;letter-spacing:.1em}.player-profile-command .profile-hero-actions{align-self:start}.privacy-summary{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:center;text-align:left}.privacy-summary>.sli{width:36px;height:36px;color:#64748b}.privacy-summary h2{margin:0;color:#dbe7ff}.privacy-summary p{margin:5px 0;color:#8496bc}.player-search-console{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto auto auto;align-items:center;margin-top:16px;border:1px solid rgba(56,225,255,.35);background:linear-gradient(180deg,rgba(6,12,31,.96),rgba(3,7,20,.98));box-shadow:inset 0 0 18px rgba(56,225,255,.035);overflow:hidden}.player-search-icon{display:grid;place-items:center;height:48px;color:var(--cyan);border-right:1px solid rgba(56,225,255,.14)}.player-search-icon .sli{width:21px;height:21px}.player-search-console label{min-width:0}.player-search-console input{box-sizing:border-box;width:100%;height:48px;padding:0 12px;border:0!important;outline:0;background:transparent!important;color:#fff!important;font:700 .83rem var(--font);box-shadow:none!important}.player-search-console input::placeholder{color:#526589}.player-search-clear{width:34px;height:34px;padding:0;border:1px solid rgba(148,163,184,.28);border-radius:50%;background:rgba(5,8,22,.75);color:#94a3b8;font-size:1.1rem;cursor:pointer}.player-search-clear:hover{border-color:var(--red);color:#fda4af}.player-search-loader{display:none;width:17px;height:17px;margin:0 8px;border:2px solid rgba(56,225,255,.18);border-top-color:var(--cyan);border-radius:50%}.player-search-submit{height:48px!important;min-width:110px;border-radius:0!important;clip-path:none!important}.player-search-console.live-enabled .player-search-submit{display:none}.player-search-console.is-searching .player-search-loader{display:block;animation:playerSearchSpin .7s linear infinite}.player-search-console.is-searching{border-color:var(--cyan);box-shadow:0 0 15px rgba(56,225,255,.12),inset 0 0 18px rgba(56,225,255,.04)}@keyframes playerSearchSpin{to{transform:rotate(360deg)}}@media(max-width:800px){.player-profile-command{grid-template-columns:minmax(190px,.7fr) minmax(0,1fr)}.player-profile-command .profile-hero-actions{grid-column:1/-1;justify-items:start}.profile-current-character{min-height:270px}}@media(max-width:600px){.player-profile-command{grid-template-columns:1fr;padding:14px}.profile-current-character{min-height:250px}.profile-current-character .official-hunter-art{max-width:280px}.profile-identity-chips{grid-template-columns:repeat(2,1fr)}.player-search-console{grid-template-columns:40px minmax(0,1fr) auto auto}.player-search-submit{grid-column:1/-1;width:100%}.player-search-console:not(.live-enabled) .player-search-submit{display:block}.player-search-console.live-enabled .player-search-submit{display:none}}@media(prefers-reduced-motion:reduce){.player-search-loader{animation:none!important}}.player-profile-command{position:relative;grid-template-columns:minmax(285px,.78fr) minmax(0,1fr) auto;min-height:430px;padding:28px}.profile-current-character{min-height:370px;padding:18px 16px 12px;box-sizing:border-box}.profile-current-character .official-hunter-art{width:min(100%,385px);height:auto;max-height:390px}.profile-current-character .official-hunter-art img{object-fit:contain;object-position:center center}.profile-back-icon{position:absolute;z-index:12;right:14px;top:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.4);border-radius:9px;background:rgba(3,7,20,.88);color:var(--cyan);box-shadow:0 0 13px rgba(56,225,255,.12);cursor:pointer}.profile-back-icon::before{content:"";position:absolute;left:7px;width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.profile-back-icon>.sli{width:18px;height:18px;margin-left:7px}.profile-back-icon>i{position:absolute;left:10px;right:9px;top:18px;height:2px;background:currentColor}.profile-back-icon:hover,.profile-back-icon:focus-visible{color:#fff;border-color:var(--cyan);background:rgba(56,225,255,.17);box-shadow:0 0 18px rgba(56,225,255,.28)}@media(max-width:800px){.player-profile-command{grid-template-columns:minmax(230px,.78fr) minmax(0,1fr);min-height:390px;padding:22px}.profile-current-character{min-height:330px;padding:16px 12px 10px}.profile-current-character .official-hunter-art{max-width:345px}}@media(max-width:600px){.player-profile-command{grid-template-columns:1fr;min-height:0;padding:52px 14px 17px}.profile-current-character{min-height:330px;padding:15px 8px}.profile-current-character .official-hunter-art{max-width:330px;max-height:350px}.profile-back-icon{right:10px;top:9px}}

/* association merge v16 */
.social-tabs{grid-template-columns:repeat(4,1fr)!important}.association-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border:1px solid rgba(56,225,255,.28);background:radial-gradient(circle at 85% 15%,rgba(56,225,255,.15),transparent 32%),linear-gradient(150deg,rgba(13,23,55,.96),rgba(3,5,14,.98));box-shadow:inset 0 0 35px rgba(56,225,255,.045)}.association-hero h1{margin:3px 0;color:#fff;letter-spacing:.16em}.association-hero p{margin:4px 0;color:#9aabd0}.association-id{display:grid;min-width:180px;padding:12px 15px;border:1px solid rgba(56,225,255,.35);background:rgba(56,225,255,.06);text-align:center}.association-id small{color:#64748b;font-size:.55rem;letter-spacing:.14em}.association-id b{margin-top:4px;color:var(--cyan);font:900 .9rem var(--mono);letter-spacing:.1em}.association-search{margin-top:12px}.association-results{margin-top:14px;padding-top:14px;border-top:1px solid rgba(56,225,255,.12)}.guild-roster a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:center;padding:9px;border:1px solid rgba(56,225,255,.13);color:inherit}.guild-roster a:hover{border-color:var(--cyan);background:rgba(56,225,255,.05)}.guild-roster a .rank-badge{grid-row:1/3}.system-verification-preview{display:grid;gap:10px;margin:15px 0;padding:14px;border:1px solid rgba(56,225,255,.32);background:linear-gradient(135deg,rgba(56,225,255,.07),rgba(76,29,149,.08));box-shadow:inset 0 0 22px rgba(56,225,255,.04)}.system-verification-preview>div:first-child{display:flex;align-items:center;gap:10px;color:var(--cyan)}.system-verification-preview>div:first-child .sli{width:28px;height:28px}.system-verification-preview span{display:grid}.system-verification-preview b{color:#fff;letter-spacing:.1em}.system-verification-preview small{color:#8da0c7}.system-verification-preview p{margin:0;color:#aebdde}.verification-preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.verification-preview-fields>span{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.08);background:rgba(4,7,17,.55);color:#8fa2c9;font-size:.68rem}.verification-preview-fields .sli{width:17px;height:17px;color:var(--cyan)}@media(max-width:650px){.association-hero{grid-template-columns:1fr}.association-id{min-width:0}.verification-preview-fields{grid-template-columns:1fr}.social-tabs a{font-size:.62rem}}.association-command{position:relative;isolation:isolate;overflow:hidden;min-height:270px;padding:30px;background:radial-gradient(circle at 82% 30%,rgba(56,225,255,.2),transparent 28%),radial-gradient(circle at 12% 100%,rgba(139,92,246,.18),transparent 34%),linear-gradient(145deg,#101f49,#040713 72%)}.association-command::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px)}.association-command::after{content:"";position:absolute;z-index:-1;right:-80px;top:-100px;width:330px;height:330px;border:1px solid rgba(56,225,255,.13);border-radius:50%;box-shadow:0 0 70px rgba(56,225,255,.08),inset 0 0 55px rgba(56,225,255,.04)}.association-copy h1{margin:3px 0;color:#fff;font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:.14em;text-shadow:0 0 18px rgba(56,225,255,.3)}.association-copy>p{max-width:650px;color:#9fb2d8}.association-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}.association-quick>a{display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 9px;align-items:center;padding:11px;border:1px solid rgba(56,225,255,.2);background:rgba(4,9,25,.62);color:inherit}.association-quick>a:hover{border-color:var(--cyan);background:rgba(56,225,255,.09);transform:translateY(-2px)}.association-quick>a>.sli{grid-row:1/3;width:25px;height:25px;color:var(--cyan)}.association-quick span{display:grid}.association-quick b{color:#fff;font-size:.68rem;letter-spacing:.08em}.association-quick small{color:#7185ad;font-size:.56rem}.association-profile{position:relative;display:grid;justify-items:center;min-width:215px;padding:17px;border:1px solid rgba(56,225,255,.3);background:rgba(3,8,22,.72);box-shadow:inset 0 0 28px rgba(56,225,255,.06)}.association-sigil{position:relative;width:84px;height:92px;display:grid;place-items:center}.association-sigil>i{position:absolute;inset:3px;border:1px dashed rgba(56,225,255,.38);transform:rotate(45deg);animation:podiumOrbit 16s linear infinite}.association-profile>small{color:#64748b;font-size:.52rem;letter-spacing:.14em}.association-profile>b{margin:5px 0 9px;color:#fff;font-size:1.05rem}.association-profile .association-id{min-width:0;width:100%;box-sizing:border-box;padding:8px}.association-id span{color:var(--cyan);font:900 .72rem var(--mono);letter-spacing:.08em}.association-id em{margin-top:3px;color:#7185ad;font-size:.48rem;font-style:normal;letter-spacing:.1em}.network-state{margin-top:10px;color:var(--green);font-size:.54rem;font-weight:900;letter-spacing:.15em}.network-state i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.association-section-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:13px;border-bottom:1px solid rgba(56,225,255,.14)}.association-section-head h2{margin:2px 0}.association-section-head p{margin:4px 0;color:#8496bc}.association-section-head>span{padding:5px 8px;border:1px solid rgba(56,225,255,.34);color:var(--cyan);font-size:.54rem;font-weight:900;letter-spacing:.12em;white-space:nowrap}.association-search-console{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;border:1px solid rgba(56,225,255,.24);background:rgba(3,7,19,.72);overflow:hidden}.association-search-console>i{display:grid;place-items:center;color:var(--cyan)}.association-search-console>i>.sli{width:20px}.association-search-console input{border:0;border-left:1px solid rgba(56,225,255,.14);border-radius:0;background:transparent}.association-search-console button{height:100%;border-radius:0;clip-path:none}.result-head{display:flex;justify-content:space-between;margin-bottom:9px;color:#7185ad;font-size:.58rem;letter-spacing:.11em}.result-head b{color:#dbe7ff}.association-empty>.sli{width:34px;height:34px;color:#53698e}.association-invite{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:14px;align-items:center;border-color:var(--gold);background:radial-gradient(circle at 0 50%,rgba(251,191,36,.13),transparent 22%),linear-gradient(145deg,rgba(45,32,14,.75),rgba(5,8,22,.92));box-shadow:0 0 22px rgba(251,191,36,.12)}.invite-rune{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--gold);transform:rotate(45deg);color:var(--gold)}.invite-rune>.sli{width:25px;height:25px;transform:rotate(-45deg)}.association-invite h2{margin:2px 0;color:#fff}.association-invite p{margin:3px 0;color:#a99778}.association-guild-shell{display:grid;gap:12px}.association-guild-hero{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:18px;align-items:center;padding:25px}.guild-emblem{position:relative;width:92px;height:104px;display:grid;place-items:center}.guild-emblem>.rank-badge{width:68px;height:77px;font-size:2rem}.guild-emblem>i{position:absolute;inset:3px;border:1px dashed rgba(167,139,250,.48);transform:rotate(45deg);animation:podiumOrbit 18s linear infinite}.guild-identity h2{margin:3px 0;color:#fff;font-size:1.5rem}.guild-identity h2 small{color:var(--cyan)}.guild-identity p{color:#8496bc}.guild-rating-core{display:grid;min-width:130px;padding:12px;border:1px solid rgba(167,139,250,.35);background:rgba(76,29,149,.12);text-align:center}.guild-rating-core small,.guild-rating-core span{color:#a78bfa;font-size:.52rem;font-weight:900;letter-spacing:.12em}.guild-rating-core b{color:#fff;font-size:2rem}.association-guild-hero .guild-kpis{grid-column:1/-1}.association-guild-hero .guild-kpis div{display:grid;grid-template-columns:auto 1fr;gap:0 9px;text-align:left}.guild-kpis div>.sli{grid-row:1/3;width:23px;height:23px;align-self:center;color:var(--cyan)}.guild-kpis b{font-size:1.2rem}.guild-kpis b small{font-size:.65rem}.guild-kpis span{color:#64748b;font-size:.5rem;letter-spacing:.1em}.guild-roster-panel{background:linear-gradient(150deg,rgba(10,18,43,.96),rgba(3,6,16,.98))}.guild-roster a{grid-template-columns:auto minmax(0,1fr) auto;padding:11px;background:rgba(5,8,22,.48)}.guild-roster a>span:nth-child(2){display:grid}.guild-roster a>i{color:var(--cyan);font-size:.5rem;font-style:normal;letter-spacing:.1em}.guild-recruit{margin-top:14px;border:1px solid rgba(56,225,255,.22)}.guild-recruit>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px;cursor:pointer;list-style:none}.guild-recruit>summary::-webkit-details-marker{display:none}.guild-recruit>summary>span{display:flex;align-items:center;gap:8px;color:#fff}.guild-recruit>summary>.sli{color:var(--cyan)}.guild-recruit>summary small{color:#7185ad}.guild-recruit>summary>i{color:var(--cyan);font-style:normal;font-size:1.2rem}.guild-recruit form{padding:12px;border-top:1px solid rgba(56,225,255,.15)}.guild-leave{margin-top:12px;color:#64748b;font-size:.62rem}.guild-leave summary{cursor:pointer}.guild-foundry{background:radial-gradient(circle at 85% 15%,rgba(139,92,246,.14),transparent 30%),linear-gradient(150deg,rgba(12,20,48,.96),rgba(3,6,16,.98))}.foundry-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;margin:20px 0}.guild-progress-ring{--p:0;position:relative;width:165px;height:165px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--p)*1%),rgba(56,225,255,.08) 0);box-shadow:0 0 25px rgba(56,225,255,.12)}.guild-progress-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#080d20;border:1px solid rgba(56,225,255,.22)}.guild-progress-ring>div,.guild-progress-ring>span{position:relative;z-index:1}.guild-progress-ring>div b{color:#fff;font-size:2.7rem}.guild-progress-ring>div small{color:#7185ad}.guild-progress-ring>span{position:absolute;bottom:40px;color:var(--cyan);font-size:.5rem;font-weight:900;letter-spacing:.11em}.foundry-brief h3{color:#fff}.foundry-brief ul{display:grid;gap:7px;padding:0;list-style:none}.foundry-brief li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:9px;border:1px solid rgba(56,225,255,.13);background:rgba(5,8,22,.5)}.foundry-brief li>i{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.28);color:var(--cyan);font-size:.58rem;font-style:normal}.foundry-brief li>span{display:grid}.foundry-brief li b{color:#dbe7ff;font-size:.72rem}.foundry-brief li small{color:#7185ad;font-size:.59rem}.foundry-brief li.done{border-color:rgba(52,211,153,.3)}.foundry-brief li.done>i{border-color:var(--green);color:var(--green)}.guild-create-form{grid-template-columns:1fr 1fr auto;align-items:end}.guild-create-form label{display:grid;gap:4px;color:#8fa2c9;font-size:.65rem}.guild-create-form button{height:43px}.foundry-lock{display:flex;align-items:center;gap:12px}.foundry-lock p{flex:1}.foundry-lock .btn{white-space:nowrap}@media(max-width:760px){.association-command{grid-template-columns:1fr;padding:18px}.association-profile{min-width:0}.association-quick{grid-template-columns:1fr}.association-section-head{display:grid}.association-section-head>span{justify-self:start}.association-invite{grid-template-columns:45px minmax(0,1fr)}.association-invite form{grid-column:1/-1}.association-guild-hero{grid-template-columns:75px minmax(0,1fr)}.guild-rating-core{grid-column:1/-1;grid-row:auto}.guild-emblem{width:70px;height:82px}.guild-emblem>.rank-badge{width:55px;height:62px;font-size:1.5rem}.foundry-grid{grid-template-columns:1fr;justify-items:center}.foundry-brief{width:100%}.guild-create-form{grid-template-columns:1fr}.foundry-lock{display:grid}.association-search-console{grid-template-columns:38px minmax(0,1fr)}.association-search-console button{grid-column:1/-1;height:42px}.association-guild-hero .guild-kpis{grid-template-columns:repeat(2,1fr)}}

/* SLVL card emblem v17 */
.card-brand{display:flex!important;align-items:center;gap:7px;font-size:inherit!important;letter-spacing:0!important}.card-brand img{display:block;width:clamp(26px,6vw,40px);height:clamp(26px,6vw,40px);border-radius:22%;filter:drop-shadow(0 0 7px var(--cc))}.card-brand span{color:#fff;font-size:clamp(.8rem,2.35vw,1.22rem);font-weight:900;letter-spacing:.18em;text-shadow:0 0 12px var(--cc)}.card-print .card-brand{gap:1.5mm}.card-print .card-brand img{width:7.5mm;height:7.5mm;border-radius:1.6mm}.card-print .card-brand span{font-size:3.5mm;letter-spacing:.18em}.verify-brand{display:flex;justify-content:center;align-items:center;gap:11px;margin-bottom:14px}.verify-brand img{width:54px;height:54px;border-radius:13px;filter:drop-shadow(0 0 10px rgba(56,225,255,.45))}.verify-brand span{display:grid;text-align:left}.verify-brand b{color:#fff;font-size:1.25rem;letter-spacing:.18em}.verify-brand small{color:var(--cyan);font-size:.55rem;letter-spacing:.12em}@media(max-width:420px){.card-brand{gap:5px}.card-brand img{width:25px;height:25px}.card-brand span{font-size:.76rem}.verify-brand img{width:46px;height:46px}}

/* verified feats v18 */
.feat-forge{border-color:rgba(56,225,255,.32);background:radial-gradient(circle at 95% 0,rgba(56,225,255,.11),transparent 28%),var(--panel)}.feat-form{margin-top:14px}.my-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:16px}.feat-card{position:relative;padding:12px;border:1px solid rgba(148,163,184,.25);background:rgba(5,8,22,.6)}.feat-card>span{color:#94a3b8;font-size:.56rem;font-weight:900;letter-spacing:.12em}.feat-card h3{margin:6px 0;color:#fff}.feat-card p{color:#aebdde}.feat-card small{display:block;color:#64748b}.feat-card>a{display:inline-block;margin:8px 8px 0 0;color:var(--cyan);font-weight:700}.feat-card.st-approved{border-color:rgba(52,211,153,.42)}.feat-card.st-approved>span{color:var(--green)}.feat-card.st-rejected{border-color:rgba(244,63,94,.38)}.verified-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}.verified-feat-grid article{padding:13px;border:1px solid rgba(52,211,153,.3);background:linear-gradient(145deg,rgba(6,78,59,.1),rgba(5,8,22,.75))}.verified-feat-grid article>small{display:block;margin-top:9px;color:#64748b;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.verified-feat-grid h3{margin:5px 0;color:#fff}.verified-feat-grid p{color:#aebdde}.verified-feat-grid a{color:var(--cyan);font-weight:700}.feat-review{padding:14px;border:1px solid rgba(56,225,255,.2);background:rgba(5,8,22,.65);margin-bottom:14px}.feat-review h3{margin-top:0;color:#fff}

/* quest lifecycle v19 */
.quest-carryover{display:flex;justify-content:space-between;gap:8px;margin:-2px 28px 7px 0;padding:5px 7px;border-left:2px solid var(--gold);background:rgba(251,191,36,.07);color:#fde68a;font-size:.52rem;letter-spacing:.07em}.quest-carryover small{color:#a78b67}.carryover-notice{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:10px 0;padding:10px 12px;border:1px solid rgba(251,191,36,.28);background:rgba(251,191,36,.055)}.carryover-notice b{color:var(--gold);font-size:.65rem;letter-spacing:.1em}.carryover-notice span{color:#9aa7c5;font-size:.68rem}@media(max-width:560px){.quest-carryover,.carryover-notice{display:grid}.quest-carryover{margin-right:25px}}

/* SLVL card redesign v20 */
.card-front,.card-back{padding:3.7%;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--cc) 24%,transparent),transparent 30%),linear-gradient(145deg,#111d43,#030611 74%)}.card-top{position:relative;z-index:3;display:flex!important;align-items:center!important;justify-content:space-between!important;min-width:0}.card-front-top>span{white-space:nowrap}.card-system-seal{position:relative;width:24%;aspect-ratio:1;display:grid;place-items:center;flex:none}.card-system-seal>img{position:absolute;width:88%;height:88%;border-radius:22%;filter:drop-shadow(0 0 8px var(--cc));opacity:.94}.card-system-seal>i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--cc) 60%,#fff);transform:rotate(45deg);box-shadow:0 0 10px color-mix(in srgb,var(--cc) 35%,transparent)}.card-system-seal>.card-rank{z-index:2;width:43%;font-size:clamp(.85rem,2.7vw,1.5rem);background:rgba(2,5,15,.78);border:1px solid color-mix(in srgb,var(--cc) 70%,#fff);clip-path:none;border-radius:50%;box-shadow:0 0 12px var(--cc)}.card-identity{grid-template-columns:25% minmax(0,1fr);gap:4%;margin:2.5% 0}.card-person{min-width:0}.card-person h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-person p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-front-meta{display:grid;grid-template-columns:24% minmax(0,1fr);grid-template-areas:"level guild" "level class";gap:4px;margin-bottom:2.3%}.card-front-meta .meta-level{grid-area:level;display:grid;align-content:center}.card-front-meta .meta-level b{font-size:clamp(.95rem,2.7vw,1.45rem)}.card-front-meta .meta-guild{grid-area:guild}.card-front-meta .meta-class{grid-area:class}.card-front-meta .meta-wide{display:grid;grid-template-columns:27% minmax(0,1fr);align-items:center;padding:2.1% 3%;text-align:left}.card-front-meta .meta-wide small{margin:0;color:var(--cc)}.card-front-meta .meta-wide b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;font-size:clamp(.48rem,1.15vw,.68rem)}.card-back-header{width:100%;padding-bottom:2%;border-bottom:1px solid color-mix(in srgb,var(--cc) 26%,transparent)}.card-back-header>b{display:block!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;transform:none!important;font-size:clamp(.82rem,2.25vw,1.18rem)!important;letter-spacing:.16em!important}.card-back-header>span{max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.card-back-seal{position:absolute;z-index:-1;left:50%;top:53%;width:43%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;opacity:.12}.card-back-seal img{width:75%;height:75%;border-radius:22%;filter:grayscale(.2) drop-shadow(0 0 12px var(--cc))}.card-back-seal i{position:absolute;inset:0;border:1px solid var(--cc);transform:rotate(45deg)}.card-back-body{position:relative;z-index:2;margin:auto 0 2%;grid-template-columns:minmax(0,1fr) 29%;gap:6%}.card-public-note{position:relative;z-index:2;margin-bottom:2%}.card-print .card-system-seal>.card-rank{font-size:3.4mm}.card-print .card-front-meta .meta-level b{font-size:3.8mm}.card-print .card-front-meta .meta-wide b{font-size:1.7mm}.card-print .card-back-header>b{font-size:3.2mm!important}.card-print .card-back-header>span{font-size:1.45mm}.card-print .card-system-seal>img{filter:drop-shadow(0 0 1.5mm var(--cc))}@media(max-width:420px){.card-front,.card-back{padding:3.4%}.card-brand img{width:22px;height:22px}.card-brand span{font-size:.68rem}.card-front-top>span{font-size:.4rem}.card-back-header>b{font-size:.72rem!important}.card-front-meta{gap:3px}.card-front-meta .meta-wide b{font-size:.48rem}}

/* physical card isolation v21 — deliberately separate from Association .hunter-card */
.physical-card-preview .slvl-id-card,.card-print .slvl-id-card{container-type:inline-size;box-sizing:border-box;position:relative;isolation:isolate;width:100%;aspect-ratio:85.6/53.98;min-width:0;padding:3.4%;display:grid!important;grid-template-rows:12% minmax(0,1fr) 24% 7%;gap:2%;align-items:stretch;border:1px solid color-mix(in srgb,var(--cc) 75%,#fff);border-radius:4.5%;overflow:hidden;color:#dbe7ff;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--cc) 23%,transparent),transparent 30%),linear-gradient(145deg,#111d43,#030611 74%);box-shadow:0 0 28px color-mix(in srgb,var(--cc) 18%,transparent),inset 0 0 35px color-mix(in srgb,var(--cc) 7%,transparent);font-family:var(--font)}
.physical-card-preview .slvl-id-card::before,.card-print .slvl-id-card::before{content:"";position:absolute;z-index:-2;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px)}
.physical-card-preview .slvl-id-card::after,.card-print .slvl-id-card::after{content:"";position:absolute;z-index:-2;right:-13%;bottom:-26%;width:55%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--cc) 13%,transparent);transform:rotate(45deg)}
.slvl-id-card>*{min-width:0;box-sizing:border-box}.slvl-id-card .card-top{grid-row:1;margin:0;height:100%;min-height:0}.slvl-id-card .card-brand{height:100%;gap:1.5cqw}.slvl-id-card .card-brand img{width:8cqw;height:8cqw;max-width:none}.slvl-id-card .card-brand span{font-size:3.4cqw}.slvl-id-card .card-front-top>span{font-size:1.55cqw;max-width:40%;overflow:hidden;text-overflow:ellipsis}.slvl-id-card .card-identity{grid-row:2;display:grid;grid-template-columns:25% minmax(0,1fr);gap:4%;align-items:center;margin:0;min-height:0}.slvl-id-card .card-system-seal{width:100%;max-height:100%;justify-self:center}.slvl-id-card .card-system-seal>.card-rank{font-size:4cqw}.slvl-id-card .card-person{align-self:center;overflow:hidden}.slvl-id-card .card-person small{font-size:1.45cqw}.slvl-id-card .card-person h2{margin:1.2% 0;font-size:5.1cqw;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slvl-id-card .card-person p{font-size:1.75cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slvl-id-card .card-front-meta{grid-row:3;display:grid;grid-template-columns:22% minmax(0,1fr);grid-template-areas:"level guild" "level class";gap:4px;margin:0;min-height:0}.slvl-id-card .card-front-meta>span{min-height:0;padding:1.5% 3%;overflow:hidden}.slvl-id-card .meta-level{grid-area:level;display:grid;align-content:center}.slvl-id-card .meta-guild{grid-area:guild}.slvl-id-card .meta-class{grid-area:class}.slvl-id-card .meta-wide{display:grid;grid-template-columns:24% minmax(0,1fr);align-items:center;text-align:left}.slvl-id-card .card-front-meta small{font-size:1.25cqw;line-height:1}.slvl-id-card .meta-wide small{color:var(--cc)}.slvl-id-card .meta-level b{font-size:4cqw;line-height:1}.slvl-id-card .meta-wide b{font-size:1.65cqw;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.slvl-id-card>footer{grid-row:4;align-self:end;display:flex;justify-content:space-between;align-items:end;gap:6px;margin:0;font-size:1.15cqw;line-height:1;white-space:nowrap;overflow:hidden}.slvl-id-card>footer span,.slvl-id-card>footer b{overflow:hidden;text-overflow:ellipsis}.slvl-id-card.card-back{grid-template-rows:13% minmax(0,1fr) 11% 7%}.slvl-id-card .card-back-header{grid-row:1;width:100%;height:100%;padding:0 0 1.2%;writing-mode:horizontal-tb!important}.slvl-id-card .card-back-header>b{font-size:3.1cqw!important;line-height:1!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;transform:none!important}.slvl-id-card .card-back-header>span{font-size:1.35cqw;line-height:1;max-width:43%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slvl-id-card .card-back-body{grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 27%;gap:6%;align-items:center;margin:0;min-height:0}.slvl-id-card .card-attrs{height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5%}.slvl-id-card .card-attrs span{display:grid;align-content:center;padding:2%}.slvl-id-card .card-attrs small{font-size:1.25cqw}.slvl-id-card .card-attrs b{font-size:2.6cqw;line-height:1}.slvl-id-card .card-qr{height:100%;align-content:center}.slvl-id-card .card-qr img{width:auto;height:min(100%,18cqw);max-width:100%;justify-self:center}.slvl-id-card .card-qr small{font-size:1.1cqw}.slvl-id-card .card-public-note{grid-row:3;margin:0;padding:1.4% 2%;font-size:1.2cqw;line-height:1.25;overflow:hidden}.slvl-id-card .card-back-seal{top:52%;width:37%}.card-print .slvl-id-card{container-type:normal;width:85.6mm;height:53.98mm;aspect-ratio:auto;padding:3mm;grid-template-rows:6.3mm minmax(0,1fr) 12.5mm 3.7mm;gap:1mm;border-radius:3mm}.card-print .slvl-id-card.card-back{grid-template-rows:6.5mm minmax(0,1fr) 5.5mm 3.7mm}.card-print .slvl-id-card .card-brand{gap:1.2mm}.card-print .slvl-id-card .card-brand img{width:5.5mm;height:5.5mm}.card-print .slvl-id-card .card-brand span{font-size:3mm}.card-print .slvl-id-card .card-front-top>span{font-size:1.4mm}.card-print .slvl-id-card .card-person small{font-size:1.1mm}.card-print .slvl-id-card .card-person h2{font-size:4.2mm}.card-print .slvl-id-card .card-person p{font-size:1.5mm}.card-print .slvl-id-card .card-system-seal>.card-rank{font-size:3.2mm}.card-print .slvl-id-card .card-front-meta small{font-size:1mm}.card-print .slvl-id-card .meta-level b{font-size:3mm}.card-print .slvl-id-card .meta-wide b{font-size:1.35mm}.card-print .slvl-id-card>footer{font-size:.95mm}.card-print .slvl-id-card .card-back-header>b{font-size:2.8mm!important}.card-print .slvl-id-card .card-back-header>span{font-size:1.2mm}.card-print .slvl-id-card .card-attrs small{font-size:1mm}.card-print .slvl-id-card .card-attrs b{font-size:2mm}.card-print .slvl-id-card .card-qr img{height:13mm}.card-print .slvl-id-card .card-qr small{font-size:.9mm}.card-print .slvl-id-card .card-public-note{font-size:.95mm}@media(max-width:760px){.physical-card-preview .slvl-id-card{max-width:560px;justify-self:center}}

/* profile assessment and review links v22 */
.profile-assessment{display:inline-flex;align-items:center;gap:6px;justify-self:end;padding:7px 10px;border:1px solid;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.profile-assessment .sli{width:15px;height:15px}.profile-assessment.assessed{border-color:rgba(52,211,153,.55);background:rgba(34,197,94,.12);color:#86efac;box-shadow:0 0 15px rgba(34,197,94,.14)}.profile-assessment.unassessed{border-color:rgba(148,163,184,.38);background:rgba(148,163,184,.07);color:#cbd5e1}.review-link{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:end;margin:9px 0}.review-link label{display:grid;gap:4px;color:#8fa2c9;font-size:.68rem}.review-link input,.queue-link input{width:100%;min-width:0;font-family:var(--mono);color:#dbe7ff;background:#030712;border:1px solid rgba(56,225,255,.25)}.queue-link{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:5px;min-width:260px}.queue-link button{border:1px solid rgba(56,225,255,.4);background:rgba(56,225,255,.07);color:var(--cyan);font-size:.58rem;font-weight:900;cursor:pointer}@media(max-width:650px){.profile-assessment{grid-column:1/-1;justify-self:start}.review-link{grid-template-columns:1fr}.queue-link{min-width:220px}}.profile-assessment-under-name{display:flex;align-items:center;margin:6px 0 8px}.profile-assessment-under-name .profile-assessment{justify-self:start;font-size:.57rem;padding:6px 9px}.profile-hero-actions:empty{display:none}@media(max-width:600px){.profile-assessment-under-name{justify-content:center}.player-profile-command .player-profile-identity{text-align:center}.player-profile-command .profile-identity-chips{text-align:initial}}

/* card visual polish v23 */
.physical-card-preview .slvl-id-card,.card-print .slvl-id-card{border:1.5px solid color-mix(in srgb,var(--cc) 82%,#eaf7ff);box-shadow:0 0 4px color-mix(in srgb,var(--cc) 80%,transparent),0 0 14px color-mix(in srgb,var(--cc) 38%,transparent),0 0 30px color-mix(in srgb,var(--cc) 17%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--cc) 22%,transparent),inset 0 0 24px color-mix(in srgb,var(--cc) 8%,transparent)}
.physical-card-preview .slvl-id-card .card-grid,.card-print .slvl-id-card .card-grid{opacity:.38;background-size:10% 16%}.physical-card-preview .slvl-id-card::after,.card-print .slvl-id-card::after{opacity:.38;box-shadow:none}.slvl-id-card .card-front-meta{grid-template-columns:18% minmax(0,41%) minmax(0,41%);grid-template-areas:"level guild class";gap:1.2%;align-items:stretch}.slvl-id-card .card-front-meta>span{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr);align-content:center!important;justify-items:center;padding:4% 3%!important;border-color:color-mix(in srgb,var(--cc) 30%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 8%,rgba(5,8,22,.7)),rgba(5,8,22,.72));text-align:center!important}.slvl-id-card .card-front-meta small{color:color-mix(in srgb,var(--cc) 72%,#cbd5e1)!important;font-size:1.38cqw!important;font-weight:900;line-height:1.05;letter-spacing:.09em;text-shadow:0 0 5px color-mix(in srgb,var(--cc) 25%,transparent)}.slvl-id-card .card-front-meta b{align-self:center;max-width:100%;color:#fff;font-size:1.72cqw!important;font-weight:900;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center!important}.slvl-id-card .meta-level b{font-size:3.25cqw!important}.slvl-id-card .card-person small{color:color-mix(in srgb,var(--cc) 65%,#cbd5e1);font-weight:800}.slvl-id-card .card-person p{font-weight:700}.slvl-id-card .card-attrs span{border-color:color-mix(in srgb,var(--cc) 28%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--cc) 8%,rgba(5,8,22,.7)),rgba(5,8,22,.76));box-shadow:inset 0 0 8px color-mix(in srgb,var(--cc) 4%,transparent)}.slvl-id-card .card-attrs small{color:color-mix(in srgb,var(--cc) 68%,#cbd5e1)!important;font-size:1.38cqw!important;font-weight:900;letter-spacing:.1em}.slvl-id-card .card-attrs b{color:#fff;font-size:2.8cqw!important;text-shadow:0 0 7px color-mix(in srgb,var(--cc) 30%,transparent)}.slvl-id-card .card-qr{align-self:center;padding:5%;border:1px solid color-mix(in srgb,var(--cc) 42%,transparent);border-radius:5%;background:rgba(2,5,15,.78);box-shadow:0 0 10px color-mix(in srgb,var(--cc) 12%,transparent)}.slvl-id-card .card-qr img{box-sizing:border-box;width:100%!important;height:auto!important;aspect-ratio:1;padding:7%;border:1px solid #dbeafe;background:#fff;image-rendering:auto}.slvl-id-card .card-qr small{margin-top:4%;color:color-mix(in srgb,var(--cc) 78%,#fff)!important;font-size:1.22cqw!important;font-weight:900;letter-spacing:.08em}.slvl-id-card .card-back-header{border-bottom-color:color-mix(in srgb,var(--cc) 42%,transparent)}.slvl-id-card .card-back-header>span,.slvl-id-card>footer{color:#94a3b8}.slvl-id-card .card-public-note{border-left-color:color-mix(in srgb,var(--cc) 82%,#fff);color:#aebdde;background:rgba(3,7,18,.44)}.card-print .slvl-id-card{border-width:.35mm;box-shadow:0 0 .6mm color-mix(in srgb,var(--cc) 65%,transparent),0 0 2.2mm color-mix(in srgb,var(--cc) 24%,transparent),inset 0 0 0 .2mm color-mix(in srgb,var(--cc) 22%,transparent)}.card-print .slvl-id-card .card-front-meta small,.card-print .slvl-id-card .card-attrs small{font-size:1.05mm!important}.card-print .slvl-id-card .card-front-meta b{font-size:1.35mm!important}.card-print .slvl-id-card .meta-level b{font-size:2.7mm!important}.card-print .slvl-id-card .card-attrs b{font-size:2.05mm!important}.card-print .slvl-id-card .card-qr{padding:.8mm}.card-print .slvl-id-card .card-qr small{font-size:.9mm!important}@media(max-width:420px){.slvl-id-card .card-front-meta small,.slvl-id-card .card-attrs small{font-size:1.55cqw!important}.slvl-id-card .card-front-meta b{font-size:1.8cqw!important}.slvl-id-card .meta-level b{font-size:3.2cqw!important}}

/* profile command consoles v24 */
.power-console,.feat-terminal-shell{position:relative;padding:18px;border-color:rgba(56,225,255,.28);background:radial-gradient(circle at 92% 0,rgba(56,225,255,.1),transparent 31%),linear-gradient(150deg,rgba(12,21,50,.96),rgba(3,6,16,.98));overflow:hidden}.power-console::after,.feat-terminal-shell::after{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;border:1px solid rgba(56,225,255,.07);transform:rotate(45deg);pointer-events:none}.console-head{position:relative;z-index:2;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(56,225,255,.15)}.console-head h2{margin:2px 0;color:#fff;font-size:1.05rem;letter-spacing:.12em}.console-head small{color:#7688ad;font-size:.67rem}.console-head>span{padding:5px 8px;border:1px solid rgba(56,225,255,.35);color:var(--cyan);font-size:.55rem;font-weight:900;letter-spacing:.12em}.console-rune{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.42);transform:rotate(45deg);box-shadow:0 0 14px rgba(56,225,255,.15)}.console-rune .sli{width:23px;height:23px;color:var(--cyan);transform:rotate(-45deg)}.console-rune i{position:absolute;inset:6px;border:1px dashed rgba(139,92,246,.48);border-radius:50%}.calibration-groups,.mission-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.calibration-groups>span,.mission-brief>span{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:center;padding:9px;border:1px solid rgba(56,225,255,.13);background:rgba(5,8,22,.56)}.calibration-groups i{grid-row:1/3;color:var(--cyan)}.calibration-groups .sli{width:20px;height:20px}.calibration-groups b,.mission-brief b{color:#e6efff;font-size:.65rem;letter-spacing:.08em}.calibration-groups small,.mission-brief small{color:#64748b;font-size:.56rem}.mission-brief>span>i{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(167,139,250,.35);color:#a78bfa;font-size:.57rem;font-style:normal;font-weight:900}.system-drawer{position:relative;z-index:2;margin-top:10px;border:1px solid rgba(56,225,255,.24);background:rgba(3,6,16,.72)}.system-drawer>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 13px;cursor:pointer;list-style:none;background:linear-gradient(90deg,rgba(37,99,235,.18),rgba(109,40,217,.14));color:#fff}.system-drawer>summary::-webkit-details-marker{display:none}.system-drawer>summary>span{font-size:.68rem;font-weight:900;letter-spacing:.1em}.system-drawer>summary>small{color:#7f91b7;font-size:.59rem}.system-drawer>summary>i{color:var(--cyan);font-style:normal;transition:.2s}.system-drawer[open]>summary{border-bottom:1px solid rgba(56,225,255,.2);color:var(--gold)}.system-drawer[open]>summary>i{transform:rotate(180deg)}.drawer-panel{padding:13px}.drawer-panel>p{margin:0 0 11px;color:#7f91b7;font-size:.68rem}.baseline-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.baseline-grid .slider{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:5px 7px;padding:9px;border:1px solid rgba(56,225,255,.12);background:rgba(7,12,30,.74);min-width:0}.baseline-grid .slider>span{grid-column:1;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baseline-grid .slider>span i{color:var(--cyan)}.baseline-grid .slider input{grid-column:1/-1;width:100%;margin:0}.baseline-grid .slider output{grid-column:2;grid-row:1;min-width:36px;padding:2px 5px;border:1px solid rgba(56,225,255,.28);color:#fff;background:rgba(56,225,255,.06);font:800 .66rem var(--mono);text-align:center}.baseline-grid .slider small{grid-column:1/-1;color:#526589;font-size:.52rem;text-align:right}.baseline-save{grid-column:1/-1;justify-self:end}.feat-terminal-shell{border-color:rgba(139,92,246,.4);background:radial-gradient(circle at 90% 0,rgba(139,92,246,.16),transparent 34%),linear-gradient(150deg,rgba(15,18,50,.97),rgba(3,5,15,.99))}.video-rune{border-color:rgba(167,139,250,.55);box-shadow:0 0 14px rgba(139,92,246,.2)}.video-rune .sli{color:#c4b5fd}.feat-drawer{border-color:rgba(167,139,250,.3)}.feat-panel{padding:14px}.feat-form{display:grid;grid-template-columns:.72fr 1.15fr 1.3fr;gap:9px}.terminal-field{display:flex;flex-direction:column;gap:8px;min-width:0;padding:11px;border:1px solid rgba(167,139,250,.18);background:rgba(7,8,28,.76)}.terminal-field>b{padding-bottom:7px;border-bottom:1px solid rgba(167,139,250,.13);color:#c4b5fd;font-size:.58rem;letter-spacing:.1em}.terminal-field label{display:grid;gap:5px;color:#8191b4;font-size:.62rem;font-weight:800}.terminal-field input,.terminal-field textarea,.terminal-field select{box-sizing:border-box;width:100%;border:1px solid rgba(56,225,255,.25)!important;border-radius:2px!important;outline:none;background:linear-gradient(180deg,rgba(4,9,25,.96),rgba(7,12,31,.92))!important;color:#e6efff!important;font:700 .78rem var(--font)!important;padding:10px 11px!important;box-shadow:inset 0 0 12px rgba(56,225,255,.025)}.terminal-field input:focus,.terminal-field textarea:focus,.terminal-field select:focus{border-color:var(--cyan)!important;box-shadow:0 0 0 1px rgba(56,225,255,.18),0 0 15px rgba(56,225,255,.1)}.terminal-field input::placeholder,.terminal-field textarea::placeholder{color:#435576}.terminal-field textarea{resize:vertical;min-height:82px}.url-console{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;border:1px solid rgba(56,225,255,.22);background:rgba(3,7,20,.94)}.url-console>.sli{width:18px;height:18px;justify-self:center;color:var(--cyan)}.url-console input{border:0!important;background:transparent!important;box-shadow:none!important;padding-left:3px!important}.uplink-note{display:flex;gap:6px;align-items:flex-start;padding:8px;border-left:2px solid var(--gold);background:rgba(251,191,36,.045);color:#8d99b3!important;font-size:.56rem!important;line-height:1.4}.uplink-note .sli{width:14px;height:14px;flex:none;color:var(--gold)}.terminal-submit{grid-column:1/-1;justify-self:end;display:grid!important;min-width:230px;padding:9px 18px!important;text-align:left}.terminal-submit span{font-size:.5rem;color:#7dd3fc;letter-spacing:.13em}.terminal-submit b{font-size:.7rem;letter-spacing:.08em}.feat-archive{margin-top:14px;padding-top:12px;border-top:1px solid rgba(56,225,255,.13)}.feat-archive>header{display:flex;justify-content:space-between;color:#7f91b7;font-size:.59rem;letter-spacing:.1em}.feat-archive>header>b{color:#dbe7ff}@media(max-width:900px){.feat-form{grid-template-columns:1fr 1fr}.evidence-field{grid-column:1/-1}.baseline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.console-head{grid-template-columns:42px minmax(0,1fr)}.console-head>span{grid-column:1/-1;justify-self:start}.calibration-groups,.mission-brief,.feat-form,.baseline-grid{grid-template-columns:1fr}.evidence-field{grid-column:auto}.terminal-submit,.baseline-save{grid-column:1;justify-self:stretch}.system-drawer>summary{grid-template-columns:minmax(0,1fr) auto}.system-drawer>summary>small{display:none}}

/* rank settlement v25 */
.rank-settlement{margin:13px 0;padding:12px;border:1px solid rgba(148,163,184,.28);background:rgba(5,8,22,.62)}.rank-settlement>b{font-size:.65rem;letter-spacing:.1em}.rank-settlement p{color:#91a0bf}.rank-settlement.ready{border-color:rgba(52,211,153,.4);background:rgba(6,78,59,.09)}.rank-settlement.ready>b{color:var(--green)}.rank-settlement.none>b{color:#94a3b8}

/* engagement expansion v26 */
.program-console{padding:18px;border:1px solid rgba(56,225,255,.27);background:radial-gradient(circle at 92% 0,rgba(56,225,255,.1),transparent 32%),linear-gradient(150deg,rgba(12,21,50,.96),rgba(3,6,16,.98))}.program-console>header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(56,225,255,.14);padding-bottom:10px}.program-console>header b{color:var(--cyan);font-size:.7rem;letter-spacing:.12em}.program-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:12px 0}.program-grid label{position:relative}.program-grid input{position:absolute;opacity:0}.program-grid label>span{height:100%;display:grid;justify-items:center;gap:4px;padding:10px 6px;border:1px solid rgba(56,225,255,.13);background:rgba(5,8,22,.62);text-align:center;cursor:pointer}.program-grid .sli{color:#64748b}.program-grid b{color:#dbe7ff;font-size:.62rem}.program-grid small{color:#64748b;font-size:.5rem}.program-grid input:checked+span{border-color:var(--cyan);background:rgba(56,225,255,.08);box-shadow:0 0 14px rgba(56,225,255,.12)}.program-grid input:checked+span .sli{color:var(--cyan)}.fatigue-readout{display:grid;grid-template-columns:auto auto minmax(100px,1fr);gap:7px;align-items:center;margin:12px 0 0}.fatigue-readout span{color:#8494b8;font-size:.58rem}.fatigue-readout b{color:#fff}.fatigue-readout>i{height:6px;background:#131d38}.fatigue-readout>i em{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold),var(--red))}.fatigue-readout small{grid-column:1/-1;color:#64748b}.campaign-hero{display:flex;justify-content:space-between;align-items:center;padding:24px;border:1px solid rgba(139,92,246,.45);background:radial-gradient(circle at 85% 10%,rgba(139,92,246,.2),transparent 30%),linear-gradient(145deg,#10183b,#03050d)}.campaign-hero h1{margin:3px 0;color:#fff}.campaign-reward{display:grid;padding:12px;border:1px solid var(--gold);text-align:center}.campaign-reward small{color:#a78b67}.campaign-reward b{color:var(--gold)}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.campaign-objective{display:grid;justify-items:center;padding:15px;border:1px solid rgba(56,225,255,.17);background:rgba(5,8,22,.72)}.campaign-objective>i{color:var(--cyan)}.campaign-objective small{color:#64748b}.campaign-objective b{color:#fff;font-size:1.2rem}.campaign-objective>span{width:100%;height:5px;background:#111a34}.campaign-objective>span em{display:block;height:100%;background:var(--cyan)}.campaign-objective.done{border-color:var(--green)}.campaign-boss{display:flex;justify-content:space-between;align-items:center}.notice-center>header{display:flex;justify-content:space-between}.notice-list{display:grid;gap:7px}.notice-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border-left:2px solid #334155;background:rgba(5,8,22,.62)}.notice-list article.unread{border-left-color:var(--cyan);background:rgba(56,225,255,.055)}.notice-list i{color:var(--cyan)}.notice-list div{display:grid}.notice-list small{color:#64748b}.notice-list b{color:#fff}.notice-list p{margin:3px 0;color:#9aaac8}.tutorial-battle{width:min(900px,94vw);margin:2vh auto;padding:24px;border:1px solid rgba(244,63,94,.4);background:radial-gradient(circle at 50% 0,rgba(244,63,94,.14),transparent 28%),linear-gradient(150deg,#11172f,#03050d);text-align:center}.tutorial-battle h1{color:#fff}.tutorial-enemy{display:grid;justify-items:center}.tutorial-enemy>span{width:70px;height:70px;display:grid;place-items:center;border:1px solid var(--red);border-radius:50%;color:var(--red);box-shadow:0 0 20px rgba(244,63,94,.25)}.tutorial-enemy b{color:#fff}.tutorial-enemy em{color:#fb7185;font-size:.65rem}.tutorial-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.tutorial-phases article{padding:11px;border:1px solid rgba(148,163,184,.15);background:rgba(5,8,22,.65)}.tutorial-phases article.active{border-color:var(--cyan);box-shadow:0 0 15px rgba(56,225,255,.12)}.tutorial-phases i{color:var(--cyan);font-style:normal}.tutorial-phases b{display:block;color:#fff}.tutorial-phases p{color:#8494b8;font-size:.68rem}.tutorial-phases a{color:var(--cyan);font-size:.6rem}.analytics-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.analytics-kpis>div{padding:13px;border:1px solid rgba(56,225,255,.16);text-align:center}.analytics-kpis small{display:block;color:#64748b}.analytics-kpis b{color:#fff;font-size:1.35rem}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.analytics-grid section{padding:12px;border:1px solid rgba(56,225,255,.13)}.analytics-grid p{display:flex;justify-content:space-between;align-items:center;color:#9aaac8}.record-vault>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.record-vault article{display:flex;gap:9px;padding:10px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.04)}.record-vault i{color:var(--gold)}.record-vault span{display:grid}.record-vault small,.record-vault em{color:#64748b;font-style:normal}.record-vault b{color:#fff}.tile-act .reroll{color:var(--gold);border-color:rgba(251,191,36,.4)}@media(max-width:760px){.program-grid{grid-template-columns:repeat(2,1fr)}.campaign-grid,.analytics-grid,.tutorial-phases{grid-template-columns:1fr 1fr}.analytics-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.campaign-grid,.analytics-grid,.tutorial-phases,.program-grid{grid-template-columns:1fr}.campaign-hero,.campaign-boss{display:grid;gap:10px}}
.delete-account-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:18px;border-color:rgba(244,63,94,.5);background:radial-gradient(circle at 0 0,rgba(244,63,94,.12),transparent 30%),linear-gradient(145deg,rgba(48,8,22,.9),rgba(3,6,16,.98))}.delete-account-zone h2{margin:3px 0;color:#fff1f2}.delete-account-zone p:not(.ov-kicker){max-width:650px;color:#c19aa5;line-height:1.55}.delete-impact{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.delete-impact span{padding:4px 7px;border:1px solid rgba(244,63,94,.2);color:#d9a3b0;font-size:.5rem;font-weight:900;letter-spacing:.08em}.delete-account-actions{display:grid;gap:8px;min-width:245px}.delete-account-actions small{text-align:center}.account-delete-dialog[hidden]{display:none!important}.account-delete-dialog{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;padding:16px;background:rgba(1,2,8,.88);backdrop-filter:blur(8px)}.account-delete-dialog>section{position:relative;width:min(570px,96vw);max-height:92vh;overflow:auto;padding:23px;border:1px solid var(--red);background:radial-gradient(circle at 100% 0,rgba(244,63,94,.18),transparent 36%),linear-gradient(150deg,rgba(45,8,23,.99),rgba(3,5,14,.99));box-shadow:0 0 45px rgba(244,63,94,.25)}.account-delete-dialog h2{color:#fff1f2}.account-delete-dialog>section>p:not(.ov-kicker){color:#d1a7b1;line-height:1.55}.dialog-x{position:absolute;right:10px;top:10px;width:32px;height:32px;border:1px solid rgba(244,63,94,.45);background:#16040b;color:#fecdd3;font-size:1.2rem;cursor:pointer}.delete-identity{display:flex;align-items:center;gap:12px;margin:14px 0;padding:11px;border:1px solid rgba(244,63,94,.27);background:rgba(0,0,0,.22)}.delete-identity>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--red);color:#fda4af}.delete-identity>span .sli{width:24px;height:24px}.delete-identity>div{display:grid}.delete-identity small{font-size:.5rem;letter-spacing:.12em}.delete-identity b{color:#fff;font-size:1rem}.delete-identity em{color:#fda4af;font-size:.62rem;font-style:normal}.delete-final-form label{display:grid;gap:5px;color:#fecdd3;font-size:.68rem;font-weight:800}.delete-final-form>div{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:5px}.delete-final-form [data-delete-submit]:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.5)}body.dialog-open{overflow:hidden}.admin-delete-open{width:100%}@media(max-width:700px){.delete-account-zone{grid-template-columns:1fr}.delete-account-actions{min-width:0}.delete-final-form>div{grid-template-columns:1fr}.account-delete-dialog>section{padding:20px 15px}}
.mission-planner,.device-sessions,.health-console{border-color:rgba(56,225,255,.3);background:radial-gradient(circle at 100% 0,rgba(56,225,255,.1),transparent 30%),linear-gradient(150deg,rgba(10,20,48,.96),rgba(3,6,16,.99))}.mission-planner>header,.device-sessions>header,.health-console>header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(56,225,255,.15)}.mission-planner header p,.device-sessions header p,.health-console header p{margin:4px 0;color:#8496bc}.mission-planner header>span,.device-sessions header>span,.health-console header>span{padding:5px 8px;border:1px solid rgba(56,225,255,.35);color:var(--cyan);font-size:.55rem;font-weight:900}.planner-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:13px 0}.planner-grid label{display:grid;gap:6px;padding:9px;border:1px solid rgba(56,225,255,.14);background:rgba(3,7,20,.55)}.planner-grid b{color:#dbe7ff;font-size:.58rem}.planner-grid select{padding:8px 5px;font-size:.68rem}.device-sessions>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px;margin:12px 0}.device-sessions article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:9px;border:1px solid rgba(56,225,255,.14);background:rgba(3,7,20,.55)}.device-sessions article>i{color:var(--cyan)}.device-sessions article>span{display:grid}.device-sessions article b{color:#fff;font-size:.62rem}.device-sessions article small,.device-sessions article em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;font-style:normal}.health-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.health-kpis article{display:grid;padding:11px;border:1px solid rgba(56,225,255,.14);background:rgba(3,7,20,.6)}.health-kpis small{font-size:.5rem}.health-kpis b{color:#fff;font-size:1.1rem}.health-kpis b.ok,.health-console header>span.ok{color:var(--green)}.health-kpis b.bad,.health-console header>span.warn{color:var(--red)}.health-kpis em{color:#64748b;font-size:.55rem;font-style:normal}.health-events{overflow-x:auto}.recovery-card>p{color:#9badcf}@media(max-width:900px){.planner-grid{grid-template-columns:repeat(4,1fr)}.health-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.planner-grid{grid-template-columns:1fr 1fr}.mission-planner>header,.device-sessions>header,.health-console>header{display:grid}}
.registration-queue{margin-top:16px;padding:16px;border:1px solid rgba(251,191,36,.3);background:linear-gradient(145deg,rgba(47,31,8,.34),rgba(3,6,16,.82))}.registration-queue>header{display:flex;justify-content:space-between;gap:14px;padding-bottom:11px;border-bottom:1px solid rgba(251,191,36,.18)}.registration-queue header p{margin:4px 0;color:#a99b7c}.registration-queue header>span{padding:5px 8px;border:1px solid rgba(251,191,36,.4);color:var(--gold);font-size:.55rem;font-weight:900}.registration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:9px;margin-top:12px}.registration-grid>article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;padding:12px;border:1px solid rgba(251,191,36,.18);background:rgba(3,7,20,.62)}.registration-grid>article>i{color:var(--gold)}.registration-grid>article>div{display:grid}.registration-grid small{color:#9b8a68}.registration-grid b{color:#fff}.registration-grid em{color:#c7b993;font-size:.62rem;font-style:normal}.manual-approval-form{grid-column:1/-1;display:grid;gap:8px;margin-top:5px}.manual-approval-form label{display:grid;gap:4px;color:#d7c89f;font-size:.62rem;font-weight:800}.manual-approval-form textarea{resize:vertical}.authority-kpis{grid-template-columns:repeat(6,1fr)!important}.authority-kpis .pending-reg b{color:var(--gold)}.authority-fallback{margin-top:14px;padding:12px;border:1px solid rgba(251,191,36,.32);background:rgba(72,48,8,.16)}.authority-fallback b{color:var(--gold)}.authority-fallback p{color:#a99b7c;font-size:.7rem}@media(max-width:950px){.authority-kpis{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:650px){.registration-queue>header{display:grid}.registration-grid{grid-template-columns:1fr}.authority-kpis{grid-template-columns:repeat(2,1fr)!important}}
.fair-mission-note{display:grid;gap:3px;margin:12px 0;padding:11px;border:1px solid rgba(52,211,153,.32);background:rgba(6,78,59,.1)}.fair-mission-note b{color:var(--green);font-size:.62rem;letter-spacing:.11em}.fair-mission-note span{color:#9fc5ba;font-size:.68rem;line-height:1.5}
.live-event-banner{position:fixed;z-index:38;top:64px;left:14px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;max-width:390px;padding:10px 12px;border:1px solid rgba(167,139,250,.65);background:rgba(20,10,48,.97);box-shadow:0 0 24px rgba(139,92,246,.28);color:#fff}.gate-event-banner>i{color:#c4b5fd}.gate-event-banner span{display:grid}.gate-event-banner b{font-size:.68rem}.gate-event-banner small{font-size:.55rem}.gate-event-banner em{color:#c4b5fd;font-size:.52rem;font-style:normal;font-weight:900}.live-event-hub>header{display:flex;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(167,139,250,.25)}.gate-event-hub>header>span{padding:5px 8px;border:1px solid rgba(167,139,250,.45);color:#c4b5fd;font-size:.55rem;font-weight:900}.live-event-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;margin-top:12px;padding:16px;border:1px solid rgba(167,139,250,.28);background:radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 30%),rgba(3,6,16,.78)}.event-rank{display:grid;justify-items:center;align-content:start;gap:5px}.event-rank small{color:#c4b5fd;font-weight:900}.event-main h2{color:#fff}.event-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.event-facts span{display:grid;padding:7px;border:1px solid rgba(167,139,250,.15);font-size:.58rem}.event-facts b{color:#a78bfa;font-size:.48rem}.event-countdown{display:block;margin-top:9px;color:var(--gold);font-weight:900}.event-countdown.active{color:var(--green)}.event-lobby{grid-column:1/-1}.event-lobby>div{display:flex;flex-wrap:wrap;gap:6px}.event-lobby span{display:grid;grid-template-columns:20px auto;gap:1px 6px;padding:7px 9px;border:1px solid rgba(56,225,255,.16);background:rgba(5,8,22,.6)}.event-lobby .sli{grid-row:1/3;color:var(--cyan)}.event-lobby b{font-size:.62rem}.event-lobby small{font-size:.48rem}.event-actions,.event-safety{grid-column:1/-1}.event-actions form{display:grid;gap:8px}.event-enter{grid-template-columns:minmax(220px,1fr) auto!important;align-items:center}.event-safety{display:flex;gap:9px;padding:9px;border:1px solid rgba(52,211,153,.25);color:#9fc5ba}.event-safety .sli{color:var(--green)}.event-safety span{display:grid}.event-safety b{font-size:.6rem}.event-safety small{font-size:.55rem}.live-event-admin td small{display:block}.gate-event-admin .inline{display:grid;gap:5px}@media(max-width:820px){.gate-event-banner{top:112px;left:7px;right:7px;max-width:none}.event-facts{grid-template-columns:1fr 1fr}.event-enter{grid-template-columns:1fr!important}}@media(max-width:560px){.gate-event-card{grid-template-columns:65px minmax(0,1fr);padding:11px}.event-facts{grid-template-columns:1fr}.gate-event-hub>header{display:grid}}
.approval-watch{display:grid;grid-template-columns:18px minmax(0,1fr);gap:1px 8px;align-items:center;margin:10px 0;padding:9px;border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.05)}.approval-watch>i{grid-row:1/3;width:12px;height:12px;border:2px solid rgba(251,191,36,.25);border-top-color:var(--gold);border-radius:50%;animation:approvalSpin 1s linear infinite}.approval-watch b{color:var(--gold);font-size:.61rem;letter-spacing:.08em}.approval-watch small{font-size:.54rem}.approval-watch.approved{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.08)}.approval-watch.approved>i{border:0;background:var(--green);animation:none;box-shadow:0 0 10px var(--green)}.approval-watch.approved b{color:var(--green)}@keyframes approvalSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.approval-watch>i{animation:none}}
/* Profile command centre v2 */.system-profile-hero{--pc:var(--cyan);position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:20px;align-items:center;min-height:170px;padding:24px;overflow:hidden;border-color:color-mix(in srgb,var(--pc) 48%,transparent);background:radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--pc) 18%,transparent),transparent 25%),radial-gradient(circle at 100% 0,rgba(139,92,246,.15),transparent 32%),linear-gradient(145deg,rgba(13,22,52,.98),rgba(3,5,14,.99))}.system-profile-hero::after{content:"SYSTEM";position:absolute;right:-12px;bottom:-27px;color:color-mix(in srgb,var(--pc) 4%,transparent);font:900 5.8rem/1 var(--font);letter-spacing:.08em;pointer-events:none}.rank-profile-E{--pc:#94a3b8}.rank-profile-D{--pc:#34d399}.rank-profile-C{--pc:#38e1ff}.rank-profile-B{--pc:#8b5cf6}.rank-profile-A{--pc:#fbbf24}.rank-profile-S{--pc:#f43f5e}.profile-sigil{position:relative;width:86px;height:98px;display:grid;place-items:center}.profile-sigil .rank-badge{width:70px;height:80px;font-size:2.2rem;box-shadow:0 0 24px color-mix(in srgb,var(--pc) 38%,transparent)}.profile-sigil>i{position:absolute;inset:0;border:1px dashed color-mix(in srgb,var(--pc) 42%,transparent);transform:rotate(45deg);animation:podiumOrbit 18s linear infinite}.profile-command-identity{position:relative;z-index:1;min-width:0}.profile-command-identity h1{margin:2px 0;color:#fff;font-size:clamp(1.8rem,5vw,3rem);letter-spacing:.08em;text-shadow:0 0 18px color-mix(in srgb,var(--pc) 35%,transparent)}.profile-code{color:var(--pc);font:.65rem var(--mono);letter-spacing:.09em}.profile-status-strip{display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:5px;margin-top:15px}.profile-status-strip span{padding:8px;border:1px solid color-mix(in srgb,var(--pc) 14%,transparent);background:rgba(4,8,22,.58)}.profile-status-strip small{display:block;color:#64748b;font-size:.43rem;letter-spacing:.1em}.profile-status-strip b{display:block;margin-top:3px;color:#e8f1ff;font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-hero-tools{position:relative;z-index:1;align-self:stretch;display:grid;justify-items:end;align-content:space-between;gap:8px;max-width:240px;text-align:right}.profile-hero-tools>span{padding:5px 8px;border:1px solid color-mix(in srgb,var(--pc) 34%,transparent);color:var(--pc);font-size:.52rem;font-weight:900;letter-spacing:.1em}.profile-hero-tools>small{max-width:220px;color:#7185ad;overflow-wrap:anywhere}.profile-command-nav{position:sticky;z-index:8;top:64px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:7px;background:rgba(3,7,20,.94);backdrop-filter:blur(12px)}.profile-command-nav>a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;padding:9px;border:1px solid rgba(56,225,255,.13);background:rgba(5,8,22,.58);color:#9fb3d7}.profile-command-nav>a:hover,.profile-command-nav>a:focus-visible{border-color:var(--cyan);background:rgba(56,225,255,.08);color:#fff}.profile-command-nav i{color:var(--cyan)}.profile-command-nav .sli{width:20px;height:20px}.profile-command-nav span{display:grid;min-width:0}.profile-command-nav b{font-size:.55rem;letter-spacing:.08em}.profile-command-nav small{color:#526589;font-size:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-section-heading{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;margin:25px 4px 9px}.profile-section-heading>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.38);color:var(--cyan);font:900 .7rem var(--mono);transform:rotate(45deg)}.profile-section-heading>span::first-line{transform:rotate(-45deg)}.profile-section-heading>div{display:grid}.profile-section-heading p{margin:0}.profile-section-heading h2{margin:2px 0;color:#fff;font-size:1rem;letter-spacing:.08em}.profile-section-heading small{color:#7185ad}.profile-compact-drawer{border-color:rgba(56,225,255,.3)!important}.profile-route-console{padding:16px}.profile-route-console .planner-grid label{position:relative;overflow:hidden}.profile-route-console .planner-grid label::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--cyan);opacity:.45}.profile-account-console{border-color:rgba(167,139,250,.32);background:radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 30%),linear-gradient(150deg,rgba(13,19,47,.97),rgba(3,6,16,.99))}.profile-account-console>header{display:flex;justify-content:space-between;gap:15px;align-items:start;padding-bottom:12px;border-bottom:1px solid rgba(167,139,250,.18)}.profile-account-console>header h2{margin:2px 0}.profile-account-console>header p{margin:4px 0}.profile-account-console>header>span{padding:5px 8px;border:1px solid rgba(167,139,250,.42);color:#c4b5fd;font-size:.53rem;font-weight:900;letter-spacing:.1em}.profile-utility-links{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.profile-utility-links a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;padding:9px;border:1px solid rgba(167,139,250,.16);background:rgba(7,8,28,.54)}.profile-utility-links i{color:#a78bfa}.profile-utility-links span{display:grid}.profile-utility-links b{color:#e9e4ff;font-size:.6rem}.profile-utility-links small{color:#64748b;font-size:.5rem}.profile-device-console{border-color:rgba(52,211,153,.3)}.profile-danger-console{margin-top:25px}@media(max-width:900px){.system-profile-hero{grid-template-columns:82px minmax(0,1fr)}.profile-hero-tools{grid-column:1/-1;max-width:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-items:start;text-align:left}.profile-status-strip{grid-template-columns:repeat(3,1fr)}.profile-command-nav{top:112px;grid-template-columns:repeat(5,1fr)}.profile-command-nav>a{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-command-nav small{display:none}.planner-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:620px){.system-profile-hero{grid-template-columns:65px minmax(0,1fr);padding:16px}.profile-sigil{width:60px;height:70px}.profile-sigil .rank-badge{width:52px;height:60px;font-size:1.55rem}.profile-status-strip{grid-template-columns:repeat(2,1fr)}.profile-hero-tools{grid-template-columns:1fr;justify-items:stretch}.profile-hero-tools>small{text-align:left}.profile-command-nav{position:static;grid-template-columns:repeat(2,1fr)}.profile-command-nav>a:last-child{grid-column:1/-1}.profile-section-heading{margin-top:20px}.planner-grid{grid-template-columns:1fr 1fr}.profile-account-console>header{display:grid}.profile-utility-links{grid-template-columns:1fr}.profile-route-console>header{display:grid}}@media(prefers-reduced-motion:reduce){.profile-sigil>i{animation:none!important}}
/* Player-profile challenge and Rank smoke aura */.profile-challenge-form{margin:0}.profile-challenge-button{display:grid!important;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:center;min-width:160px;border-color:rgba(244,63,94,.72)!important;background:linear-gradient(135deg,rgba(190,24,93,.52),rgba(109,40,217,.52))!important;color:#fff!important;box-shadow:0 0 18px rgba(244,63,94,.18)}.profile-challenge-button>.sli{width:23px;height:23px;color:#fda4af}.profile-challenge-button>span{display:grid;text-align:left}.profile-challenge-button small{color:#fda4af;font-size:.43rem;letter-spacing:.11em}.profile-challenge-button b{font-size:.72rem;letter-spacing:.1em}.profile-challenge-button:hover,.profile-challenge-button:focus-visible{border-color:#fff!important;box-shadow:0 0 24px rgba(244,63,94,.38),0 0 36px rgba(139,92,246,.2)}.challenge-response-note{max-width:175px;color:#7185ad;font-size:.5rem;text-align:right}.profile-current-character{position:relative;isolation:isolate}.profile-current-character::before,.profile-current-character::after{content:"";position:absolute;z-index:0;left:8%;right:8%;bottom:3%;height:66%;pointer-events:none;opacity:calc(.34 + var(--rank-power) * .42);filter:blur(calc(14px + 12px * var(--rank-power)));background:radial-gradient(ellipse at 22% 76%,color-mix(in srgb,var(--hunter-aura) 52%,transparent),transparent 34%),radial-gradient(ellipse at 55% 54%,color-mix(in srgb,var(--hunter-aura-2) 46%,transparent),transparent 39%),radial-gradient(ellipse at 79% 82%,color-mix(in srgb,var(--hunter-aura) 42%,transparent),transparent 31%);animation:rankSmokeLeft calc(5.8s - 1.8s * var(--rank-power)) ease-in-out infinite alternate}.profile-current-character::after{left:14%;right:4%;bottom:9%;height:72%;opacity:calc(.22 + var(--rank-power) * .35);background:radial-gradient(ellipse at 18% 65%,color-mix(in srgb,var(--hunter-aura-2) 50%,transparent),transparent 32%),radial-gradient(ellipse at 63% 78%,color-mix(in srgb,var(--hunter-aura) 45%,transparent),transparent 36%),radial-gradient(ellipse at 88% 46%,color-mix(in srgb,var(--hunter-aura-2) 38%,transparent),transparent 30%);animation-name:rankSmokeRight;animation-direction:alternate-reverse}.profile-current-character .official-hunter-art{z-index:1}.profile-current-character .official-hunter-art::before{display:none!important}.profile-current-character .official-hunter-art::after{display:none!important}@keyframes rankSmokeLeft{0%{transform:translate3d(-4%,8%,0) scale(.86);opacity:.25}45%{transform:translate3d(5%,-3%,0) scale(1.06);opacity:.66}100%{transform:translate3d(-1%,-13%,0) scale(.94);opacity:.36}}@keyframes rankSmokeRight{0%{transform:translate3d(6%,9%,0) scale(.9);opacity:.2}50%{transform:translate3d(-5%,-5%,0) scale(1.09);opacity:.58}100%{transform:translate3d(3%,-15%,0) scale(.96);opacity:.3}}body[data-reduced-motion="1"] .profile-current-character::before,body[data-reduced-motion="1"] .profile-current-character::after{animation:none!important;transform:none!important}@media(prefers-reduced-motion:reduce){.profile-current-character::before,.profile-current-character::after{animation:none!important;transform:none!important}}@media(max-width:600px){.profile-challenge-form,.profile-challenge-button{width:100%}.challenge-response-note{max-width:none;text-align:left}}
/* Player-profile visual Rank and gender markers */.identity-rank-chip,.identity-gender-chip{align-content:center;justify-items:center}.profile-identity-chips .identity-rank-chip>.rank-badge{display:grid;margin:3px auto 0;width:30px;height:34px;padding:0;font-size:.82rem;line-height:1}.gender-sprite{display:block!important;width:32px;height:32px;margin:3px auto 0;border:1px solid rgba(148,163,184,.22);border-radius:50%;background-color:#f4f4f4;background-image:url('assets/ui/gender-icons.png');background-repeat:no-repeat;background-size:200% 100%;box-shadow:0 0 10px rgba(56,225,255,.12);font-size:0!important}.gender-sprite.gender-female{background-position:left center;box-shadow:0 0 11px rgba(236,72,153,.28)}.gender-sprite.gender-male{background-position:right center;box-shadow:0 0 11px rgba(59,130,246,.3)}.current-form-label{display:flex!important;align-items:center;justify-content:space-between;gap:9px}.current-form-label .rank-badge{flex:none;width:28px;height:31px;padding:0;font-size:.72rem}@media(max-width:600px){.gender-sprite{width:29px;height:29px}.profile-identity-chips .identity-rank-chip>.rank-badge{width:28px;height:31px}}
/* System Arena challenge confirmation */.challenge-confirm-dialog[hidden]{display:none!important}.challenge-confirm-dialog{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;padding:16px;background:rgba(1,3,10,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.challenge-confirm-dialog>section{position:relative;width:min(520px,95vw);padding:27px 23px 22px;border:1px solid var(--cyan);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:radial-gradient(circle at 50% 0,rgba(56,225,255,.16),transparent 38%),linear-gradient(150deg,rgba(14,27,62,.99),rgba(3,6,16,.99));box-shadow:0 0 42px rgba(56,225,255,.25),inset 0 0 32px rgba(56,225,255,.06);text-align:center;animation:challengeDialogIn .28s ease-out}.challenge-confirm-dialog>section::after{content:"SYSTEM";position:absolute;right:-8px;bottom:-17px;color:rgba(56,225,255,.035);font:900 4.5rem/1 var(--font);pointer-events:none}.challenge-dialog-sigil{position:relative;width:64px;height:64px;margin:0 auto 16px;display:grid;place-items:center;border:1px solid var(--cyan);transform:rotate(45deg);color:var(--cyan);box-shadow:0 0 20px rgba(56,225,255,.25),inset 0 0 16px rgba(56,225,255,.08)}.challenge-dialog-sigil>.sli{width:31px;height:31px;transform:rotate(-45deg)}.challenge-dialog-sigil>i{position:absolute;inset:8px;border:1px dashed rgba(167,139,250,.5);border-radius:50%;animation:arenaSpin 10s linear infinite}.challenge-confirm-dialog h2{position:relative;z-index:1;margin:5px 26px 19px;color:#fff;font-size:clamp(1.15rem,4vw,1.55rem);line-height:1.4;text-shadow:0 0 13px rgba(56,225,255,.38)}.challenge-confirm-dialog h2 span{color:var(--cyan)}.challenge-rank-warning{position:relative;z-index:1;display:grid;gap:5px;margin:0 0 17px;padding:12px;border:1px solid rgba(244,63,94,.6);background:linear-gradient(90deg,rgba(127,29,29,.26),rgba(69,10,24,.12));text-align:left}.challenge-rank-warning[hidden]{display:none}.challenge-rank-warning b{color:#fb7185;font-size:.64rem;letter-spacing:.13em}.challenge-rank-warning span{color:#d5b7c0;font-size:.72rem;line-height:1.45}.challenge-rank-warning em{color:#fff;font-style:normal;font-weight:900}.challenge-dialog-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.challenge-dialog-send{border-color:var(--cyan)!important;background:linear-gradient(135deg,#1d4ed8,#6d28d9)!important;color:#fff!important}.challenge-confirm-dialog.rank-risk>section{border-color:var(--red);background:radial-gradient(circle at 50% 0,rgba(244,63,94,.2),transparent 38%),linear-gradient(150deg,rgba(55,8,24,.99),rgba(3,5,14,.99));box-shadow:0 0 46px rgba(244,63,94,.3),inset 0 0 35px rgba(127,29,29,.12)}.challenge-confirm-dialog.rank-risk .challenge-dialog-sigil{border-color:var(--red);color:#fb7185;box-shadow:0 0 24px rgba(244,63,94,.35),inset 0 0 18px rgba(127,29,29,.2)}.challenge-confirm-dialog.rank-risk h2 span{color:#fb7185}.challenge-confirm-dialog.rank-risk .challenge-dialog-send{border-color:#fb7185!important;background:linear-gradient(135deg,#be123c,#6d28d9)!important;box-shadow:0 0 17px rgba(244,63,94,.25)}@keyframes challengeDialogIn{from{opacity:0;transform:translateY(14px) scale(.96);filter:brightness(1.6)}to{opacity:1;transform:none;filter:none}}@media(max-width:480px){.challenge-confirm-dialog{padding:10px}.challenge-confirm-dialog>section{padding:24px 14px 17px}.challenge-dialog-actions{grid-template-columns:1fr}.challenge-dialog-send{grid-row:1}.challenge-confirm-dialog h2{margin-inline:20px}}@media(prefers-reduced-motion:reduce){.challenge-confirm-dialog>section,.challenge-dialog-sigil>i{animation:none!important}}body[data-reduced-motion="1"] .challenge-confirm-dialog>section,body[data-reduced-motion="1"] .challenge-dialog-sigil>i{animation:none!important}
/* Self-contained Player Profile gender symbols */.gender-sprite{display:grid!important;place-items:center;width:32px;height:32px;margin:3px auto 0;border-radius:50%;background-image:none!important;background:#07101f!important;font-size:0!important;font-family:Arial,sans-serif!important;font-weight:900!important;line-height:1!important}.gender-sprite::before{display:block;font-size:25px;line-height:1}.gender-sprite.gender-male{border:1px solid rgba(59,130,246,.72);color:#60a5fa;box-shadow:0 0 12px rgba(59,130,246,.38),inset 0 0 10px rgba(37,99,235,.12)}.gender-sprite.gender-male::before{content:"\2642"}.gender-sprite.gender-female{border:1px solid rgba(236,72,153,.72);color:#f472b6;box-shadow:0 0 12px rgba(236,72,153,.38),inset 0 0 10px rgba(190,24,93,.12)}.gender-sprite.gender-female::before{content:"\2640"}@media(max-width:600px){.gender-sprite{width:29px;height:29px}.gender-sprite::before{font-size:23px}}
/* Secret real-time world events */.secret-invite-dialog[hidden],.secret-invite-mini[hidden]{display:none!important}.secret-invite-dialog{position:fixed;inset:0;z-index:2147483635;display:grid;place-items:center;padding:16px;background:rgba(1,3,10,.9);backdrop-filter:blur(9px)}.secret-invite-dialog>section{position:relative;width:min(610px,96vw);padding:28px 24px 21px;border:1px solid var(--cyan);clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px);background:radial-gradient(circle at 50% 0,rgba(56,225,255,.18),transparent 36%),linear-gradient(150deg,rgba(11,25,59,.99),rgba(2,5,15,.99));box-shadow:0 0 52px rgba(56,225,255,.3),inset 0 0 42px rgba(37,99,235,.08);text-align:center;animation:secretAlertIn .55s cubic-bezier(.18,.78,.25,1)}.secret-invite-dialog>section::after{content:"EVENT";position:absolute;right:-8px;bottom:-22px;color:rgba(56,225,255,.035);font:900 6rem/1 var(--font);pointer-events:none}.secret-alert-sigil{position:relative;width:72px;height:72px;margin:0 auto 17px;display:grid;place-items:center;border:1px solid var(--cyan);transform:rotate(45deg);color:#fff;background:radial-gradient(circle,rgba(37,99,235,.5),rgba(5,8,22,.8));box-shadow:0 0 25px rgba(56,225,255,.4)}.secret-alert-sigil>.sli{width:34px;height:34px;transform:rotate(-45deg)}.secret-alert-sigil>i{position:absolute;inset:-9px;border:1px dashed rgba(167,139,250,.6);border-radius:50%;animation:arenaSpin 8s linear infinite}.secret-invite-dialog h2{margin:5px 0;color:#fff;font-size:clamp(1.35rem,5vw,2rem);letter-spacing:.08em;text-shadow:0 0 18px rgba(56,225,255,.6)}.secret-invite-dialog>section>p:not(.ov-kicker){color:#b8c8e8;line-height:1.55}.secret-invite-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0}.secret-invite-meta span{padding:10px 6px;border:1px solid rgba(56,225,255,.16);background:rgba(3,7,20,.58)}.secret-invite-meta small{display:block;color:#64748b;font-size:.45rem;letter-spacing:.1em}.secret-invite-meta b,.secret-invite-meta time{display:block;margin-top:4px;color:#fff;font:900 .72rem var(--font)}.secret-invite-meta time{color:var(--gold)}.secret-invite-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.secret-invite-dialog>section>small{display:block;margin-top:10px;color:#64748b}.secret-invite-mini{position:fixed;z-index:2147483001;right:12px;bottom:90px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;max-width:310px;padding:10px 12px;border:1px solid var(--cyan);background:rgba(3,8,24,.97);color:#fff;box-shadow:0 0 23px rgba(56,225,255,.23)}.secret-invite-mini>i{color:var(--cyan)}.secret-invite-mini span{display:grid}.secret-invite-mini b{font-size:.65rem}.secret-invite-mini small{color:#7f91b7;font-size:.52rem}.secret-invite-mini em{color:var(--gold);font-size:.53rem;font-style:normal;font-weight:900}.secret-event-hub{border-color:rgba(56,225,255,.35);background:linear-gradient(150deg,rgba(10,20,48,.97),rgba(3,6,16,.99))}.secret-event-hub>header{display:flex;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid rgba(56,225,255,.15)}.secret-event-card{display:grid;grid-template-columns:75px minmax(0,1fr) minmax(190px,.55fr);gap:14px;margin-top:12px;padding:15px;border:1px solid rgba(56,225,255,.2);background:rgba(3,7,20,.58)}.secret-event-rank{display:grid;place-items:center;align-content:center;border:1px solid rgba(56,225,255,.2);color:var(--cyan)}.secret-event-rank .sli{width:30px;height:30px}.secret-event-rank small{font-size:.5rem}.secret-event-main h2{margin:4px 0;color:#fff}.secret-event-main>small{color:var(--cyan)}.secret-event-main>p{color:#9fb0cf}.secret-event-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.secret-event-facts span{padding:7px;border:1px solid rgba(56,225,255,.11);font-size:.62rem}.secret-event-facts b{display:block;color:#64748b;font-size:.44rem}.secret-event-actions{align-self:center}.secret-event-actions form,.secret-task-form{display:grid;gap:7px}.secret-event-card>.event-safety{grid-column:2/-1}.secret-admin-note{display:grid;gap:4px;padding:11px;border-left:3px solid var(--gold);background:rgba(120,53,15,.1)}.secret-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:9px;padding:12px}.secret-template{display:grid;gap:6px;padding:11px;border:1px solid rgba(56,225,255,.16);background:rgba(3,7,20,.55)}.secret-template label{display:grid;gap:3px;font-size:.62rem}@keyframes secretAlertIn{0%{opacity:0;transform:scale(.94) translateY(-15px);filter:brightness(2)}55%{opacity:1;transform:scale(1.015);filter:brightness(1.25)}100%{transform:none;filter:none}}@media(max-width:700px){.secret-invite-meta{grid-template-columns:1fr 1fr}.secret-invite-actions{grid-template-columns:1fr}.secret-invite-actions .btn:last-child{grid-row:1}.secret-event-card{grid-template-columns:55px minmax(0,1fr)}.secret-event-actions{grid-column:1/-1}.secret-event-facts{grid-template-columns:1fr 1fr}.secret-event-card>.event-safety{grid-column:1/-1}.secret-event-hub>header{display:grid}}@media(prefers-reduced-motion:reduce){.secret-invite-dialog>section,.secret-alert-sigil>i{animation:none!important}}body[data-reduced-motion="1"] .secret-invite-dialog>section,body[data-reduced-motion="1"] .secret-alert-sigil>i{animation:none!important}
/* Easy Secret Event Authority */.easy-secret-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:13px;border-bottom:1px solid rgba(56,225,255,.16)}.easy-secret-head h1{margin:2px 0}.easy-secret-head p:not(.ov-kicker){color:#8fa2c9}.easy-secret-state{padding:6px 9px;border:1px solid;font-size:.55rem;font-weight:900;white-space:nowrap}.easy-secret-state.on{color:var(--green);border-color:var(--green)}.easy-secret-state.off{color:#fb7185;border-color:var(--red)}.easy-secret-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:13px 0}.easy-secret-kpis span{padding:10px;border:1px solid rgba(56,225,255,.14);background:rgba(3,7,20,.55);text-align:center}.easy-secret-kpis small{display:block;color:#64748b;font-size:.45rem}.easy-secret-kpis b{display:block;margin-top:3px;color:#fff;font-size:1.1rem}.easy-secret-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.easy-secret-steps article{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid rgba(56,225,255,.13);background:rgba(3,7,20,.45)}.easy-secret-steps i{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-style:normal;font-weight:900}.easy-secret-steps div{display:grid}.easy-secret-steps b{color:#fff;font-size:.6rem}.easy-secret-steps small{color:#64748b;font-size:.5rem}.easy-secret-start{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px;border:1px solid rgba(251,191,36,.4);background:rgba(120,53,15,.08);margin-bottom:13px}.easy-secret-start.active{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.07)}.easy-secret-start h2{margin:2px 0;color:#fff}.easy-secret-start p:not(.ov-kicker){color:#9badcc}.easy-secret-advanced{margin-top:13px;border:1px solid rgba(139,92,246,.25)}.easy-secret-advanced>summary{display:grid;grid-template-columns:1fr auto;padding:12px;cursor:pointer}.easy-secret-advanced>summary span{display:grid}.easy-secret-advanced>summary b{color:#e9e4ff}.easy-secret-advanced>summary small{color:#64748b}.easy-secret-advanced>summary i{color:#a78bfa;font-size:.55rem;font-style:normal}.easy-secret-help{margin:10px;padding:9px;border-left:3px solid var(--gold);background:rgba(120,53,15,.08);color:#aebdde}.easy-secret-section-head{margin-top:17px;padding:12px;border-bottom:1px solid rgba(56,225,255,.14);background:rgba(3,7,20,.42)}.easy-secret-section-head h2{margin:2px 0}.easy-secret-section-head p:not(.ov-kicker){margin:3px 0;color:#7f91b7}@media(max-width:700px){.easy-secret-head,.easy-secret-start{display:grid}.easy-secret-state{justify-self:start}.easy-secret-kpis{grid-template-columns:1fr 1fr}.easy-secret-steps{grid-template-columns:1fr}.easy-secret-start button{width:100%}}
/* Guide verification and Secret Events */.verification-path{margin:15px 0;padding:13px;border:1px solid rgba(52,211,153,.28);background:rgba(6,78,59,.07)}.verification-path h3{margin:0 0 10px;color:#d1fae5}.verification-guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:7px}.verification-guide-steps>a,.verification-guide-steps>span{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border:1px solid rgba(56,225,255,.14);background:rgba(3,7,20,.55);color:inherit}.verification-guide-steps i{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:.6rem;font-style:normal;font-weight:900}.verification-guide-steps span span,.verification-guide-steps a span{display:grid}.verification-guide-steps b{color:#e6efff;font-size:.62rem}.verification-guide-steps small{color:#7185ad;font-size:.53rem}.verification-guide-note{display:grid;gap:4px;margin-top:10px;padding:10px;border-left:3px solid var(--gold);background:rgba(120,53,15,.08)}.verification-guide-note b{color:var(--gold)}.verification-guide-note span{color:#aebdde;font-size:.7rem;line-height:1.5}.secret-guide-alert{display:grid;gap:5px;margin:11px 0;padding:13px;border:1px solid rgba(56,225,255,.35);background:rgba(3,7,20,.58)}.secret-guide-alert b{color:var(--cyan);letter-spacing:.1em}.secret-guide-alert span{color:#aebdde}.secret-event-guide .rules{margin-top:13px}@media(max-width:560px){.verification-guide-steps{grid-template-columns:1fr}}
/* Optional Hunter Assessment */.assessment-brief{border-color:rgba(52,211,153,.38);background:linear-gradient(150deg,rgba(8,30,39,.96),rgba(3,6,16,.99))}.assessment-brief>header{display:flex;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid rgba(52,211,153,.18)}.assessment-brief h1{margin:2px 0}.assessment-brief header p{color:#9fb4b0}.assessment-brief header>span{padding:5px 8px;border:1px solid var(--green);color:var(--green);font-size:.55rem;font-weight:900}.assessment-brief-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0}.assessment-brief-grid article{padding:10px;border:1px solid rgba(52,211,153,.14);background:rgba(3,7,20,.52)}.assessment-brief-grid b{color:#d1fae5;font-size:.62rem}.assessment-brief-grid p{color:#839c99;font-size:.67rem}.assessment-start-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;border:1px solid rgba(56,225,255,.2)}.assessment-start-form label{display:grid;gap:5px}.assessment-start-form .chk,.assessment-start-form button{grid-column:1/-1}.assessment-deadline{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:10px 0;padding:10px;border:1px solid rgba(251,191,36,.38)}.assessment-deadline span{color:var(--gold);font-size:.55rem;font-weight:900}.assessment-deadline time{color:#fff;font-weight:900}.assessment-deadline small{grid-column:1/-1;color:#a78b67}@media(max-width:650px){.assessment-brief>header{display:grid}.assessment-brief-grid,.assessment-start-form{grid-template-columns:1fr}.assessment-start-form .chk,.assessment-start-form button{grid-column:1}}
/* Campaign retired: header position now opens optional Hunter Assessment */.hud-assessment{color:#86efac!important;border-color:rgba(52,211,153,.38);background:rgba(6,78,59,.08)}.hud-assessment:hover,.hud-assessment.on{color:#fff!important;border-color:var(--green);background:rgba(52,211,153,.17);box-shadow:0 0 14px rgba(52,211,153,.25),inset 0 -2px 0 var(--green)}
/* Profile popup command centre */.profile-popup-nav>a{position:relative;grid-template-columns:28px minmax(0,1fr) auto}.profile-popup-nav>a>em{padding:4px 5px;border:1px solid rgba(56,225,255,.2);color:var(--cyan);font-size:.43rem;font-style:normal;font-weight:900;letter-spacing:.08em}.profile-primary-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:13px 0}.profile-popup-ready main.wrap>.profile-panel-source{display:none!important}.profile-settings-modal[hidden]{display:none!important}.profile-settings-modal{position:fixed;inset:0;z-index:2147483638;display:grid;place-items:center;padding:16px;background:rgba(1,3,10,.9);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.profile-settings-modal>section{width:min(1080px,96vw);max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--cyan);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:radial-gradient(circle at 100% 0,rgba(56,225,255,.13),transparent 35%),linear-gradient(150deg,rgba(11,22,52,.99),rgba(3,6,16,.99));box-shadow:0 0 48px rgba(56,225,255,.24);animation:profileModalIn .24s ease-out}.profile-settings-modal>section>header{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid rgba(56,225,255,.18)}.profile-settings-modal header h2{margin:2px 0;color:#fff}.profile-settings-modal header button{width:34px;height:34px;border:1px solid rgba(56,225,255,.4);background:rgba(3,7,20,.8);color:#dbe7ff;font-size:1.2rem;cursor:pointer}.profile-settings-modal header button:hover{border-color:var(--red);color:#fda4af}.profile-panel-modal-body{overflow:auto;padding:14px;overscroll-behavior:contain}.profile-popup-ready .profile-panel-modal-body>.profile-panel-source{display:block!important;margin-top:10px}.profile-panel-modal-body>.profile-section-heading{display:grid!important;margin-top:2px}.profile-panel-modal-body>.profile-section-heading+section,.profile-panel-modal-body>.profile-section-heading+details{margin-top:7px}.profile-panel-modal-body .mission-planner,.profile-panel-modal-body .program-console,.profile-panel-modal-body .power-console,.profile-panel-modal-body .feat-terminal-shell,.profile-panel-modal-body .profile-account-console,.profile-panel-modal-body .device-sessions,.profile-panel-modal-body .delete-account-zone,.profile-panel-modal-body .profile-signout{width:auto;max-width:none}.profile-panel-modal-body .delete-account-zone,.profile-panel-modal-body .profile-signout{margin-top:12px}@keyframes profileModalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:700px){.profile-popup-nav{grid-template-columns:1fr 1fr}.profile-popup-nav>a:last-child{grid-column:1/-1}.profile-settings-modal{padding:7px}.profile-settings-modal>section{width:100%;max-height:96vh}.profile-panel-modal-body{padding:8px}.profile-popup-nav>a>em{display:none}}@media(prefers-reduced-motion:reduce){.profile-settings-modal>section{animation:none!important}}body[data-reduced-motion="1"] .profile-settings-modal>section{animation:none!important}
/* Floating Arena matchmaking control */.floating-battle-button{position:fixed;z-index:2147483002;right:14px;bottom:calc(88px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:190px;padding:10px 12px;border:1px solid rgba(139,92,246,.72);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(135deg,rgba(29,78,216,.95),rgba(109,40,217,.95));color:#fff;box-shadow:0 0 24px rgba(139,92,246,.38);cursor:pointer}.floating-battle-button>i{display:grid;place-items:center;color:#fff}.floating-battle-button .sli{width:28px;height:28px}.floating-battle-button>span{display:grid;text-align:left}.floating-battle-button small{color:#c4b5fd;font-size:.45rem;letter-spacing:.12em}.floating-battle-button b{font-size:.7rem;letter-spacing:.09em}.floating-battle-button em{color:#7dd3fc;font-size:.48rem;font-style:normal;font-weight:900}.floating-battle-button:hover,.floating-battle-button:focus-visible{border-color:#fff;box-shadow:0 0 30px rgba(56,225,255,.4)}.floating-battle-button.is-searching{border-color:var(--gold);background:linear-gradient(135deg,rgba(180,83,9,.96),rgba(109,40,217,.95));box-shadow:0 0 26px rgba(251,191,36,.38);animation:battleSearchPulse 1.4s ease-in-out infinite}.floating-battle-button.is-searching>i{animation:playerSearchSpin 1.2s linear infinite}.floating-battle-button.is-searching em{color:var(--gold)}.matchmaking-popup[hidden]{display:none!important}.matchmaking-popup{position:fixed;inset:0;z-index:2147483637;display:grid;place-items:center;padding:15px;background:rgba(1,3,10,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.matchmaking-popup>section{position:relative;width:min(760px,96vw);max-height:90vh;overflow:auto}.matchmaking-popup .matchmaking-console{margin:0;padding-top:45px}.matchmaking-popup-close{position:absolute;z-index:30;right:10px;top:10px;width:33px;height:33px;display:grid;place-items:center;border:1px solid rgba(244,63,94,.48);border-radius:7px;background:rgba(22,4,11,.94);color:#fecdd3;font:800 1.2rem/1 sans-serif;cursor:pointer}.matchmaking-popup-close:hover,.matchmaking-popup-close:focus-visible{border-color:var(--red);background:rgba(127,29,29,.45);color:#fff}.matchmaking-popup .matchmaking-searching{margin-top:12px}@keyframes battleSearchPulse{50%{filter:brightness(1.25);transform:translateY(-2px)}}@media(max-width:620px){.floating-battle-button{right:8px;bottom:calc(82px + env(safe-area-inset-bottom,0px));min-width:0;width:58px;height:58px;padding:0;grid-template-columns:1fr;border-radius:50%;clip-path:none}.floating-battle-button>span,.floating-battle-button>em{display:none}.matchmaking-popup{padding:7px}.matchmaking-popup>section{width:100%;max-height:94vh}}@media(prefers-reduced-motion:reduce){.floating-battle-button.is-searching,.floating-battle-button.is-searching>i{animation:none!important}}body[data-reduced-motion="1"] .floating-battle-button.is-searching,body[data-reduced-motion="1"] .floating-battle-button.is-searching>i{animation:none!important}
/* Global floating Battle control alignment */.floating-battle-button{right:max(18px,env(safe-area-inset-right,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px));margin:0;min-height:58px;max-width:min(250px,calc(100vw - 36px));border-radius:12px;clip-path:none}.floating-battle-button.is-active{border-color:var(--red);background:linear-gradient(135deg,rgba(190,24,93,.96),rgba(109,40,217,.95));box-shadow:0 0 27px rgba(244,63,94,.35)}body:not(.page-arena) .floating-battle-button{bottom:calc(86px + env(safe-area-inset-bottom,0px))}.matchmaking-popup>section{margin:20px auto}.matchmaking-popup .matchmaking-console{box-sizing:border-box}@media(min-width:821px){.floating-battle-button{right:24px;bottom:24px}}@media(max-width:620px){.floating-battle-button{right:12px!important;bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;margin:0;width:56px;height:56px;min-height:56px;max-width:56px}.floating-battle-button .sli{width:26px;height:26px}}
/* Assessment game interface and top-layer toasts */.toasts{z-index:2147483647!important;top:max(14px,env(safe-area-inset-top,0px))!important;right:max(14px,env(safe-area-inset-right,0px))!important}.toasts .toast{pointer-events:auto;background:rgba(3,7,20,.99);box-shadow:0 0 0 1px rgba(56,225,255,.18),0 12px 36px rgba(0,0,0,.7),0 0 24px rgba(56,225,255,.28);animation:topToastIn .32s cubic-bezier(.2,.8,.2,1)}.toasts .toast.ok{border-color:var(--green);box-shadow:0 0 0 1px rgba(52,211,153,.2),0 12px 36px rgba(0,0,0,.7),0 0 25px rgba(52,211,153,.3)}@keyframes topToastIn{from{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:none}}.assessment-game-hero{position:relative;overflow:hidden;border-color:rgba(56,225,255,.4);background:radial-gradient(circle at 10% 20%,rgba(56,225,255,.14),transparent 30%),radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 34%),linear-gradient(150deg,rgba(10,20,48,.98),rgba(3,6,16,.99))}.assessment-game-hero::after{content:"ASSESS";position:absolute;right:-18px;bottom:-31px;color:rgba(56,225,255,.035);font:900 6.5rem/1 var(--font);pointer-events:none}.assessment-game-hero>header>span{border-color:rgba(148,163,184,.42)!important;background:rgba(100,116,139,.1)!important;color:#94a3b8!important;box-shadow:none!important}.assessment-game-hero>header>span:not(:last-child){color:#94a3b8!important}.assessment-system-core{position:relative;z-index:1;display:grid;grid-template-columns:65px minmax(0,1fr);gap:13px;align-items:center;margin:14px 0;padding:12px;border:1px solid rgba(56,225,255,.2);background:rgba(3,7,20,.58)}.assessment-core-sigil{position:relative;width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--cyan);transform:rotate(45deg);color:var(--cyan);box-shadow:0 0 18px rgba(56,225,255,.2)}.assessment-core-sigil .sli{width:28px;height:28px;transform:rotate(-45deg)}.assessment-core-sigil i{position:absolute;inset:7px;border:1px dashed rgba(167,139,250,.5);border-radius:50%;animation:arenaSpin 12s linear infinite}.assessment-system-core>div:last-child{display:grid}.assessment-system-core small{color:#64748b;font-size:.48rem;letter-spacing:.12em}.assessment-system-core b{color:#fff;font-size:1rem;letter-spacing:.1em}.assessment-system-core span{color:#8496bc;font-size:.68rem}.assessment-phase-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0}.assessment-phase-track>span{display:grid;grid-template-columns:29px 1fr;gap:1px 7px;align-items:center;padding:8px;border:1px solid rgba(148,163,184,.16);background:rgba(5,8,22,.56);opacity:.42}.assessment-phase-track>span.on{border-color:rgba(56,225,255,.38);opacity:1}.assessment-phase-track i{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:#64748b;font-size:.52rem;font-style:normal}.assessment-phase-track .on i{color:var(--cyan)}.assessment-phase-track b{color:#dbe7ff;font-size:.57rem}.assessment-phase-track small{color:#64748b;font-size:.48rem}.assessment-rank-intel{border-color:rgba(148,163,184,.28);background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(3,6,16,.99))}.assessment-objective-board .meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px}.assessment-objective-board .meter{border-radius:0}.assessment-run-console{position:relative;border-color:rgba(139,92,246,.4);background:radial-gradient(circle at 100% 0,rgba(139,92,246,.12),transparent 31%),linear-gradient(150deg,rgba(14,17,48,.98),rgba(3,5,15,.99))}.assessment-objective-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;margin:12px 0}.assessment-objective-status>span{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;align-items:center;padding:9px;border:1px solid rgba(244,63,94,.23);background:rgba(127,29,29,.06)}.assessment-objective-status>span.done{border-color:rgba(52,211,153,.35);background:rgba(6,78,59,.08)}.assessment-objective-status i{grid-row:1/3;color:#fb7185}.assessment-objective-status .done i{color:var(--green)}.assessment-objective-status b{color:#fff;font-size:.6rem}.assessment-objective-status small{color:#64748b;font-size:.48rem}.assessment-run-console details.trial{border-radius:0;border-color:rgba(139,92,246,.25);background:rgba(5,8,22,.68)}.assessment-run-console details.trial>summary{min-height:44px;background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(109,40,217,.08));letter-spacing:.04em}.assessment-run-console details.trial[open]>summary{color:#fff;border-bottom:1px solid rgba(56,225,255,.16)}.assessment-run-console .assess-actions{padding:12px;border:1px solid rgba(56,225,255,.18);background:rgba(3,7,20,.55)}.assessment-run-console .assess-actions .btn:disabled{opacity:.35}.rk-status.st-unassessed,.profile-assessment.unassessed{border-color:rgba(148,163,184,.4)!important;background:rgba(71,85,105,.12)!important;color:#94a3b8!important;box-shadow:none!important}@media(max-width:700px){.toasts{left:8px!important;right:8px!important;width:auto!important}.assessment-phase-track{grid-template-columns:1fr 1fr}.assessment-system-core{grid-template-columns:52px 1fr}.assessment-core-sigil{width:46px;height:46px}.assessment-brief-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.assessment-core-sigil i,.toasts .toast{animation:none!important}}
/* Landscape Main dock: always fixed to the viewport bottom */@media (orientation:landscape) and (max-height:620px){body.in-game{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))!important}.dock{box-sizing:border-box!important;position:fixed!important;display:flex!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100vw!important;max-width:100vw!important;height:auto!important;margin:0!important;transform:none!important;z-index:2147483000!important;padding:4px max(8px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:rgba(5,8,22,.98)!important;box-shadow:0 -7px 22px rgba(0,0,0,.42)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;justify-content:center!important;gap:3px!important}.dock a{box-sizing:border-box!important;min-width:0!important;max-width:150px!important;flex:1 1 20%!important;padding:4px 3px!important}.dock a i{font-size:1.08rem!important;line-height:1!important}.dock a span{font-size:.55rem!important;line-height:1.1!important;letter-spacing:.025em!important}.floating-battle-button{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}.secret-invite-mini,.day-offline{bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}}
/* Battle control link interaction hotfix */a.floating-battle-button{text-decoration:none;pointer-events:auto!important;touch-action:manipulation;user-select:none;-webkit-user-select:none}a.floating-battle-button:visited{color:#fff}a.floating-battle-button>*{pointer-events:none}
/* Arena challenge notification cards */.notice-list .notice-card{position:relative;grid-template-columns:54px minmax(0,1fr) auto;min-height:76px;padding:11px 12px;border:1px solid rgba(56,225,255,.13);border-left:3px solid #334155;background:linear-gradient(145deg,rgba(12,20,47,.78),rgba(3,6,16,.92));overflow:hidden}.notice-list .notice-card::after{content:"";position:absolute;right:-45px;bottom:-70px;width:130px;height:130px;border:1px solid rgba(56,225,255,.05);transform:rotate(45deg);pointer-events:none}.notice-list .notice-card.unread{border-left-color:var(--cyan)}.notice-signal{position:relative;width:45px;height:45px;display:grid;place-items:center;align-self:center;border:1px solid rgba(56,225,255,.28);color:var(--cyan);background:rgba(56,225,255,.055)}.notice-signal .sli{width:24px;height:24px}.notice-signal em{position:absolute;right:-8px;top:-8px;padding:2px 4px;border:1px solid #fecdd3;background:#be123c;color:#fff;font-size:.38rem;font-style:normal;font-weight:900}.notice-copy{position:relative;z-index:1;display:grid}.notice-copy>small{color:#64748b;font-size:.52rem;letter-spacing:.08em}.notice-copy>b{margin-top:2px;color:#fff;font-size:.8rem;letter-spacing:.04em}.notice-copy>p{margin:4px 0;color:#9fb0cf;line-height:1.45}.incoming-challenge{justify-self:start;margin-bottom:4px;padding:3px 6px;border:1px solid rgba(244,63,94,.45);background:rgba(127,29,29,.14);color:#fb7185;font-size:.45rem;font-weight:900;letter-spacing:.11em}.arena-challenge-notice{border-color:rgba(244,63,94,.35)!important;border-left-color:var(--red)!important;background:radial-gradient(circle at 0 50%,rgba(244,63,94,.12),transparent 23%),linear-gradient(145deg,rgba(49,8,25,.78),rgba(3,6,16,.94))!important;box-shadow:inset 0 0 25px rgba(127,29,29,.07)}.arena-challenge-notice .notice-signal{border-color:rgba(244,63,94,.65);color:#fb7185;background:rgba(127,29,29,.16);box-shadow:0 0 14px rgba(244,63,94,.18)}.notice-actions{position:relative;z-index:2}.notice-open{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(56,225,255,.35);color:var(--cyan);font-size:.55rem;font-weight:900;letter-spacing:.07em}.notice-open .sli{width:16px;height:16px}.notice-open.arena-open{border-color:rgba(244,63,94,.65);background:linear-gradient(135deg,rgba(190,24,93,.32),rgba(109,40,217,.28));color:#fff;box-shadow:0 0 12px rgba(244,63,94,.15)}.notice-open.arena-open:hover{border-color:#fff;box-shadow:0 0 18px rgba(244,63,94,.3)}.notice-clear{flex:none}@media(max-width:620px){.notice-list .notice-card{grid-template-columns:44px minmax(0,1fr);padding:10px}.notice-signal{width:38px;height:38px}.notice-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}.notice-open{justify-content:center}.notice-copy>b{font-size:.74rem}}
/* Floating Battle direct matchmaking action */.floating-battle-form{position:fixed;z-index:2147483002;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px));margin:0}.floating-battle-form .floating-battle-button{position:static!important;right:auto!important;bottom:auto!important}.floating-battle-form input[type=hidden]{display:none}@media(min-width:821px){.floating-battle-form{right:24px;bottom:24px}}@media(max-width:620px){.floating-battle-form{right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px))}.floating-battle-form .floating-battle-button{width:56px;height:56px;min-width:56px;max-width:56px}}@media(orientation:landscape) and (max-height:620px){.floating-battle-form{right:max(18px,env(safe-area-inset-right,0px));bottom:calc(64px + env(safe-area-inset-bottom,0px))}}.match-found-popup[hidden]{display:none!important}.match-found-popup{position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;padding:16px;background:rgba(1,3,10,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.match-found-popup>section{position:relative;width:min(560px,94vw);overflow:hidden;padding:28px;border:1px solid var(--cyan);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:radial-gradient(circle at 50% 0,rgba(56,225,255,.2),transparent 35%),linear-gradient(150deg,rgba(13,24,58,.99),rgba(3,6,16,.99));box-shadow:0 0 55px rgba(56,225,255,.3);text-align:center;animation:matchFoundIn .35s ease-out}.match-found-popup h2{margin:4px 0 18px;color:#fff;font-size:clamp(1.8rem,7vw,3rem);letter-spacing:.18em;text-shadow:0 0 22px var(--cyan)}.match-found-scan{position:absolute;inset:-40% 0 auto;height:35%;background:linear-gradient(transparent,rgba(56,225,255,.18),transparent);animation:matchFoundScan 2s linear 2;pointer-events:none}.match-found-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.match-found-versus>span{display:grid;gap:4px;padding:15px 8px;border:1px solid rgba(56,225,255,.25);background:rgba(5,8,22,.72)}.match-found-versus small{color:#7f91b7;font-size:.52rem;letter-spacing:.13em}.match-found-versus b{color:#fff}.match-found-versus em{color:var(--gold);font-size:.62rem;font-style:normal;font-weight:900}.match-found-versus>i{color:var(--red);font:900 1.2rem var(--font);font-style:normal;text-shadow:0 0 14px var(--red)}.match-found-popup>section>p:not(.ov-kicker){color:#aebdde;font-size:.65rem;font-weight:800;letter-spacing:.1em}.match-found-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}@keyframes matchFoundIn{from{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:none}}@keyframes matchFoundScan{from{top:-40%}to{top:110%}}@media(max-width:520px){.match-found-popup>section{padding:22px 14px}.match-found-versus{grid-template-columns:1fr}.match-found-versus>i{font-size:.8rem}.match-found-actions{display:grid}.match-found-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){.match-found-popup>section,.match-found-scan{animation:none!important}}body[data-reduced-motion="1"] .match-found-popup>section,body[data-reduced-motion="1"] .match-found-scan{animation:none!important}.match-found-versus strong{color:var(--green);font-size:.48rem;letter-spacing:.08em}.match-found-state{min-height:22px;padding:8px;border:1px solid rgba(56,225,255,.18);background:rgba(56,225,255,.05)}.match-found-actions .danger{border-color:var(--red);background:rgba(127,29,29,.55);color:#fff}.match-found-actions button:disabled{opacity:.55;cursor:wait}
/* System alert + confirmation popups (Solo Leveling System window) */.sys-js .toasts,.sys-js .toast{display:none!important}.sys-alert[hidden]{display:none!important}.sys-alert{--sa:#38e1ff;--sag:rgba(56,225,255,.34);position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,rgba(56,225,255,.09),transparent 55%),rgba(1,3,10,.84);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sys-alert.is-error{--sa:#f43f5e;--sag:rgba(244,63,94,.38);background:radial-gradient(circle at 50% 42%,rgba(244,63,94,.1),transparent 55%),rgba(6,1,5,.86)}.sys-alert.is-info{--sa:#a78bfa;--sag:rgba(139,92,246,.34)}.sys-alert-card,#confirmBox .overlay-card{position:relative;width:min(460px,94vw);box-sizing:border-box;padding:22px 22px 18px;border:1px solid var(--sa,#38e1ff);border-radius:0;background:linear-gradient(180deg,rgba(56,225,255,.05),transparent 30%),linear-gradient(160deg,rgba(10,22,52,.97),rgba(3,6,16,.99));box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 18px 60px rgba(0,0,0,.75),0 0 40px var(--sag,rgba(56,225,255,.3));overflow:visible;text-align:left}.sys-alert-card::before,.sys-alert-card::after,#confirmBox .overlay-card::before,#confirmBox .overlay-card::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--sa,#38e1ff);pointer-events:none;filter:drop-shadow(0 0 6px var(--sa,#38e1ff))}.sys-alert-card::before,#confirmBox .overlay-card::before{top:-6px;left:-6px;border-right:0;border-bottom:0}.sys-alert-card::after,#confirmBox .overlay-card::after{right:-6px;bottom:-6px;border-left:0;border-top:0}.sys-alert-card.in,#confirmBox .overlay-card.in{animation:sysAlertIn .45s cubic-bezier(.2,.9,.2,1) both}@keyframes sysAlertIn{0%{opacity:0;transform:scaleX(.55) scaleY(.03);filter:brightness(2.6)}55%{opacity:1;transform:scaleX(1) scaleY(1.04)}100%{transform:none;filter:none}}.sys-alert-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--sa),transparent);opacity:.75;pointer-events:none;animation:sysAlertScan 2.8s linear infinite}@keyframes sysAlertScan{from{top:0}to{top:calc(100% - 2px)}}.sys-alert-card>header{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.18)}.sys-alert-sigil{width:36px;height:36px;margin:5px;display:grid;place-items:center;border:1.5px solid var(--sa);transform:rotate(45deg);background:rgba(3,7,20,.8);box-shadow:0 0 16px var(--sag)}.sys-alert-sigil b{transform:rotate(-45deg);color:var(--sa);font-size:1.05rem;font-weight:900;line-height:1;text-shadow:0 0 10px var(--sa)}.sys-alert-kicker,#confirmBox .ov-kicker{margin:0;color:var(--sa,#38e1ff);font-size:.6rem;font-weight:900;letter-spacing:.24em}#confirmBox .ov-kicker::before{content:"[ "}#confirmBox .ov-kicker::after{content:" ]"}.sys-alert h2,#confirmBox h2{margin:4px 0 0;color:#fff;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 14px var(--sa,#38e1ff)}.sys-alert-count{color:#64748b;font-size:.6rem;font-style:normal;font-weight:900;letter-spacing:.12em}.sys-alert-msg,#confirmBox #cfText{margin:16px 0 18px;color:#dbe7ff;font-size:.92rem;line-height:1.6;white-space:pre-line}.sys-alert-card>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.sys-alert-timer{display:block;height:3px;background:rgba(148,163,184,.15);overflow:hidden}.sys-alert-timer[hidden]{display:block!important;visibility:hidden}.sys-alert-timer b{display:block;width:100%;height:100%;background:var(--sa);box-shadow:0 0 8px var(--sa);transform-origin:left}.sys-alert-timer.run b{animation:sysAlertTimer 6s linear forwards}@keyframes sysAlertTimer{from{transform:scaleX(1)}to{transform:scaleX(0)}}.sys-alert-ok{min-width:128px;border-color:var(--sa)!important;letter-spacing:.16em;font-weight:900}.sys-alert.is-error .sys-alert-ok{background:linear-gradient(135deg,rgba(190,24,93,.92),rgba(127,29,29,.92))!important;color:#fff!important}#confirmBox{z-index:2147483645;background:radial-gradient(circle at 50% 42%,rgba(56,225,255,.09),transparent 55%),rgba(1,3,10,.84);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#confirmBox .cf-btns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid rgba(148,163,184,.18)}#confirmBox .cf-btns .btn{min-width:120px;letter-spacing:.12em}@media(max-width:520px){.sys-alert-card,#confirmBox .overlay-card{padding:18px 16px 16px}.sys-alert-card>footer{grid-template-columns:1fr}.sys-alert-ok,#confirmBox .cf-btns .btn{width:100%}#confirmBox .cf-btns{flex-direction:column-reverse}}@media(prefers-reduced-motion:reduce){.sys-alert-card.in,#confirmBox .overlay-card.in,.sys-alert-scan{animation:none!important}}
/* ===== Arena Realm (battle.php): full-screen live battle UI ===== */
body.page-battle{background:#03040d;overflow-x:hidden}
body.page-battle .hud,body.page-battle .dock,body.page-battle .floating-battle-form,body.page-battle .floating-battle-button,body.page-battle .secret-invite-mini{display:none!important}
body.page-battle .wrap{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body.page-battle.in-game{padding:0!important}
.realm{--rc:#38e1ff;--rv:#8b5cf6;--rr:#ff3d5a;--rg:#f5c84b;position:relative;min-height:100vh;min-height:100dvh;padding:clamp(14px,2.4vw,28px) clamp(12px,3vw,40px) calc(40px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);grid-template-areas:"top top" "stage stage" "main feed" "foot foot";gap:clamp(14px,2vw,24px);color:#e6f1ff;isolation:isolate;animation:realmEnter .9s cubic-bezier(.2,.8,.2,1) both}
.realm-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 50% -10%,rgba(56,225,255,.16),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(139,92,246,.18),transparent 60%),radial-gradient(700px 420px at 0% 80%,rgba(255,61,90,.10),transparent 60%),linear-gradient(180deg,#040716 0%,#02030a 100%)}
.realm-grid{position:absolute;inset:-40% -10% 0;background-image:linear-gradient(rgba(56,225,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(56,225,255,.09) 1px,transparent 1px);background-size:56px 56px;transform:perspective(700px) rotateX(62deg);transform-origin:50% 100%;mask-image:linear-gradient(180deg,transparent 30%,#000 75%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 75%,transparent);animation:realmGrid 14s linear infinite}
.realm-rune{position:absolute;left:50%;top:34%;width:min(78vw,720px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px dashed rgba(56,225,255,.22);box-shadow:0 0 80px rgba(56,225,255,.08) inset;animation:realmSpin 60s linear infinite}
.realm-rune.r2{width:min(58vw,520px);border:2px solid transparent;border-top-color:rgba(139,92,246,.45);border-bottom-color:rgba(56,225,255,.35);animation-duration:24s;animation-direction:reverse}
.realm-beam{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.6%,rgba(56,225,255,.18) 50%,transparent 50.4%);opacity:.6}
.realm-top{grid-area:top;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}
.realm-return{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 18px 10px 14px;border:1px solid rgba(56,225,255,.45);background:linear-gradient(135deg,rgba(8,20,44,.92),rgba(4,8,22,.92));color:#dff8ff;text-decoration:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:transform .2s,box-shadow .2s,border-color .2s}
.realm-return span{grid-row:1/3;font-size:20px;color:var(--rc);text-shadow:0 0 12px var(--rc)}
.realm-return b{font-size:13px;letter-spacing:.24em}
.realm-return small{font-size:10px;letter-spacing:.12em;color:#7fa6c9;text-transform:uppercase}
.realm-return:hover,.realm-return:focus-visible{transform:translateX(-3px);border-color:var(--rc);box-shadow:0 0 24px rgba(56,225,255,.35)}
.realm-title{text-align:center}
.realm-title p{margin:0;font-size:11px;letter-spacing:.42em;color:var(--rc);text-shadow:0 0 10px rgba(56,225,255,.7)}
.realm-title h1{margin:4px 0 2px;font-size:clamp(24px,4.4vw,46px);letter-spacing:.14em;line-height:1;background:linear-gradient(180deg,#fff 20%,#9fe9ff 70%,#4cc3ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(56,225,255,.45))}
.realm-title small{font-size:11px;letter-spacing:.22em;color:#8aa4c8}
.realm-clock{min-width:150px;text-align:right;padding:10px 16px;border:1px solid rgba(255,61,90,.45);background:linear-gradient(135deg,rgba(40,6,16,.75),rgba(6,6,20,.85));clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.realm-clock small{display:block;font-size:10px;letter-spacing:.24em;color:#ff9aab}
.realm-clock time,.realm-clock b{display:block;font-size:clamp(20px,2.6vw,28px);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#fff;text-shadow:0 0 14px rgba(255,61,90,.8)}
.realm-clock.is-stopped{border-color:rgba(139,92,246,.5);background:linear-gradient(135deg,rgba(24,10,48,.8),rgba(6,6,20,.85))}
.realm-clock.is-stopped small{color:#c4b5fd}.realm-clock.is-stopped b{text-shadow:0 0 14px rgba(139,92,246,.8)}
.realm-stage{grid-area:stage;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(10px,3vw,40px);padding:clamp(18px,3vw,34px);border:1px solid rgba(56,225,255,.22);background:linear-gradient(90deg,rgba(56,225,255,.08),rgba(5,8,22,.55) 35%,rgba(5,8,22,.55) 65%,rgba(255,61,90,.08));position:relative;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
.realm-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(56,225,255,.06) 50%,transparent);height:30%;animation:realmScan 4.5s linear infinite;pointer-events:none}
.realm-fighter{display:grid;justify-items:start;gap:6px;animation:realmLeft .8s .15s cubic-bezier(.2,.8,.2,1) both}
.realm-fighter.is-foe{justify-items:end;text-align:right;animation-name:realmRight}
.realm-fighter small{font-size:10px;letter-spacing:.28em;color:#7fa6c9}
.realm-fighter b{font-size:clamp(18px,2.6vw,30px);letter-spacing:.06em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.realm-fighter.is-you b{color:#dff8ff;text-shadow:0 0 16px rgba(56,225,255,.55)}
.realm-fighter.is-foe b{color:#ffe1e6;text-shadow:0 0 16px rgba(255,61,90,.5)}
.realm-fighter p{margin:0;font-size:11px;letter-spacing:.16em;color:#8aa4c8}
.realm-fighter p strong{font-size:22px;color:#fff;margin-right:6px;letter-spacing:.04em}
.realm-fighter p em{display:block;font-style:normal;color:#6f86a8;margin-top:2px}
.realm-sigil{position:relative;width:clamp(64px,8vw,92px);aspect-ratio:1;display:grid;place-items:center}
.realm-sigil span{position:relative;z-index:1;font-size:clamp(26px,3.4vw,40px);font-weight:800;color:#fff}
.realm-sigil::before{content:"";position:absolute;inset:12%;transform:rotate(45deg);border:2px solid var(--rc);background:rgba(56,225,255,.1);box-shadow:0 0 22px rgba(56,225,255,.5),inset 0 0 18px rgba(56,225,255,.35)}
.realm-sigil i{position:absolute;inset:-4px;border-radius:50%;border:1px dashed rgba(56,225,255,.45);animation:realmSpin 12s linear infinite}
.is-foe .realm-sigil::before{border-color:var(--rr);background:rgba(255,61,90,.1);box-shadow:0 0 22px rgba(255,61,90,.5),inset 0 0 18px rgba(255,61,90,.35)}
.is-foe .realm-sigil i{border-color:rgba(255,61,90,.45);animation-direction:reverse}
.realm-power{width:min(100%,360px);height:10px;background:rgba(255,255,255,.06);border:1px solid rgba(56,225,255,.3);transform:skewX(-20deg);overflow:hidden}
.realm-power i{display:block;height:100%;min-width:2%;background:linear-gradient(90deg,#2563eb,var(--rc));box-shadow:0 0 14px var(--rc);transition:width 1s ease}
.is-foe .realm-power{border-color:rgba(255,61,90,.35);transform:skewX(20deg);display:flex;justify-content:flex-end}
.is-foe .realm-power i{background:linear-gradient(270deg,#9f1239,var(--rr));box-shadow:0 0 14px var(--rr)}
.realm-vs{position:relative;display:grid;place-items:center;width:clamp(70px,9vw,110px);aspect-ratio:1}
.realm-vs span{position:relative;z-index:1;font-size:clamp(28px,4vw,48px);font-weight:900;font-style:italic;letter-spacing:.04em;background:linear-gradient(180deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(139,92,246,.9));animation:realmPulse 2.2s ease-in-out infinite}
.realm-vs i{position:absolute;inset:0;transform:rotate(45deg);border:2px solid rgba(139,92,246,.7);box-shadow:0 0 30px rgba(139,92,246,.45),inset 0 0 20px rgba(139,92,246,.35);animation:realmSpin 18s linear infinite}
.realm-vs em{position:absolute;bottom:-22px;font-style:normal;font-size:10px;letter-spacing:.3em;color:#c4b5fd}
.realm.is-live .realm-vs em{color:#ff8fa0;text-shadow:0 0 10px var(--rr)}
.realm.is-live .realm-vs em::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rr);margin-right:6px;vertical-align:1px;box-shadow:0 0 8px var(--rr);animation:realmBlink 1.2s steps(2) infinite}
.realm-missions,.realm-result{grid-area:main;min-width:0}
.realm-missions>header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:14px}
.realm-missions h2,.realm-result h2{margin:2px 0 0;letter-spacing:.14em}
.realm-meter{display:grid;gap:6px;font-size:11px;letter-spacing:.2em;color:#8aa4c8;text-align:right}
.realm-meter b{font-size:18px;color:#fff}
.realm-meter i{display:block;width:180px;height:6px;background:rgba(255,255,255,.07)}
.realm-meter em{display:block;height:100%;background:linear-gradient(90deg,var(--rv),var(--rc));box-shadow:0 0 10px var(--rc)}
.realm-mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.realm-mission{position:relative;display:grid;gap:8px;align-content:start;padding:16px;border:1px solid rgba(56,225,255,.22);background:linear-gradient(160deg,rgba(10,22,48,.86),rgba(4,7,20,.92));clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));animation:realmRise .6s calc(.25s + var(--i,0)*.07s) cubic-bezier(.2,.8,.2,1) both;transition:border-color .2s,box-shadow .2s,transform .2s}
.realm-mission:hover{border-color:rgba(56,225,255,.6);box-shadow:0 0 26px rgba(56,225,255,.16);transform:translateY(-2px)}
.realm-mission-head{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.2em;color:#7fa6c9}
.realm-mission-head i{width:30px;height:30px;display:grid;place-items:center;margin-left:auto;order:2;color:var(--rc);border:1px solid rgba(56,225,255,.35);transform:rotate(45deg)}
.realm-mission-head i svg{width:16px;height:16px;transform:rotate(-45deg)}
.realm-mission-head em{font-style:normal;color:var(--rg)}
.realm-mission h3{margin:0;font-size:16px;letter-spacing:.06em}
.realm-mission p{margin:0;font-size:12.5px;line-height:1.45;color:#9db3d1}
.realm-target{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:8px 10px;background:rgba(56,225,255,.06);border-left:2px solid var(--rc)}
.realm-target small{width:100%;font-size:9.5px;letter-spacing:.22em;color:#7fa6c9}
.realm-target strong{font-size:26px;color:#fff;text-shadow:0 0 12px rgba(56,225,255,.6)}
.realm-target span{color:#bfe9ff;font-size:12px}
.realm-target em{margin-left:auto;font-style:normal;font-size:10.5px;color:#6f86a8}
.realm-engage summary{list-style:none;cursor:pointer;text-align:center;padding:10px;font-size:12px;font-weight:700;letter-spacing:.26em;color:#04121f;background:linear-gradient(90deg,#4cc3ff,var(--rc));box-shadow:0 0 18px rgba(56,225,255,.45);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:filter .2s}
.realm-engage summary::-webkit-details-marker{display:none}
.realm-engage summary:hover{filter:brightness(1.12)}
.realm-engage[open] summary{background:transparent;color:var(--rc);border:1px solid rgba(56,225,255,.5);box-shadow:none}
.realm-report{display:grid;gap:10px;margin-top:10px;animation:realmRise .35s both}
.realm-report label{display:grid;gap:4px;font-size:11px;letter-spacing:.12em;color:#9db3d1}
.realm-report input[type=number],.realm-report input[type=file]{width:100%;box-sizing:border-box;padding:9px 10px;background:rgba(2,6,18,.9);border:1px solid rgba(56,225,255,.3);color:#fff;font:inherit}
.realm-report input[type=number]:focus{outline:none;border-color:var(--rc);box-shadow:0 0 0 2px rgba(56,225,255,.25)}
.realm-consent{grid-template-columns:auto 1fr!important;align-items:center}
.realm-report button{padding:10px;border:0;cursor:pointer;font:inherit;font-weight:700;letter-spacing:.24em;color:#fff;background:linear-gradient(90deg,var(--rv),#2563eb);box-shadow:0 0 18px rgba(139,92,246,.45)}
.realm-lock{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:11px;letter-spacing:.16em;border:1px solid rgba(255,255,255,.12)}
.realm-lock.is-pending{border-color:rgba(245,200,75,.5);color:var(--rg);background:rgba(245,200,75,.06)}
.realm-lock.is-approved{border-color:rgba(52,211,153,.55);color:#6ee7b7;background:rgba(52,211,153,.07)}
.realm-lock.is-rejected{border-color:rgba(255,61,90,.5);color:#ff8fa0;background:rgba(255,61,90,.07)}
.realm-lock.is-missed{color:#6f86a8}
.realm-mission.is-approved{border-color:rgba(52,211,153,.45)}
.realm-mission.is-missed{opacity:.6}
.realm-feed{grid-area:feed;align-self:start;position:sticky;top:16px;padding:14px;border:1px solid rgba(139,92,246,.3);background:linear-gradient(180deg,rgba(16,10,40,.82),rgba(4,6,18,.9))}
.realm-feed header{display:flex;justify-content:space-between;align-items:center}
.realm-feed-dot{width:8px;height:8px;border-radius:50%;background:var(--rr);box-shadow:0 0 10px var(--rr);animation:realmBlink 1.2s steps(2) infinite}
.realm-feed-dot.off{background:#475569;box-shadow:none;animation:none}
.realm-feed ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.realm-feed li{display:grid;grid-template-columns:42px 1fr;column-gap:8px;padding:8px 10px;font-size:12px;border-left:2px solid rgba(56,225,255,.5);background:rgba(255,255,255,.025)}
.realm-feed li.is-foe{border-left-color:rgba(255,61,90,.6)}
.realm-feed li.is-system{border-left-color:rgba(139,92,246,.7)}
.realm-feed time{grid-row:1/3;color:#6f86a8;font-variant-numeric:tabular-nums}
.realm-feed b{font-size:11px;letter-spacing:.16em}
.realm-feed li span{color:#9db3d1;text-transform:none}
.realm-feed li.st-approved span{color:#6ee7b7}.realm-feed li.st-rejected span{color:#ff8fa0}
.realm-result{position:relative;display:grid;justify-items:center;text-align:center;gap:8px;padding:clamp(26px,5vw,56px) 20px;border:1px solid rgba(139,92,246,.4);background:radial-gradient(500px 220px at 50% 0,rgba(139,92,246,.22),transparent 70%),rgba(4,6,18,.9);animation:realmRise .7s .2s both}
.realm-result h2{font-size:clamp(40px,8vw,84px);letter-spacing:.18em;line-height:1;margin:6px 0;animation:realmSlam .8s .35s cubic-bezier(.2,1.4,.3,1) both}
.realm-result p{max-width:560px;margin:0;color:#b9c8e2}
.realm-result small{font-size:11px;letter-spacing:.2em;color:var(--rg)}
.realm-result-sigil{width:84px;height:84px;display:grid;place-items:center;color:#fff;transform:rotate(45deg);border:2px solid var(--rv);box-shadow:0 0 40px rgba(139,92,246,.6)}
.realm-result-sigil svg{width:36px;height:36px;transform:rotate(-45deg)}
.realm-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}
.realm-result.is-victory{border-color:rgba(245,200,75,.55);background:radial-gradient(520px 240px at 50% 0,rgba(245,200,75,.22),transparent 70%),rgba(6,6,16,.9)}
.realm-result.is-victory h2{background:linear-gradient(180deg,#fff7d6,var(--rg) 60%,#b7791f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(245,200,75,.55))}
.realm-result.is-victory .realm-result-sigil{border-color:var(--rg);box-shadow:0 0 46px rgba(245,200,75,.6);color:var(--rg)}
.realm-result.is-defeat{border-color:rgba(255,61,90,.5);background:radial-gradient(520px 240px at 50% 0,rgba(255,61,90,.2),transparent 70%),rgba(8,4,10,.92)}
.realm-result.is-defeat h2{color:#ff6b80;text-shadow:0 0 24px rgba(255,61,90,.6)}
.realm-result.is-defeat .realm-result-sigil{border-color:var(--rr);box-shadow:0 0 40px rgba(255,61,90,.55);color:#ff8fa0}
.realm-result.is-draw h2,.realm-result.is-pending h2,.realm-result.is-void h2{color:#e0d7ff;text-shadow:0 0 22px rgba(139,92,246,.6)}
.realm-dispute{margin-top:10px;width:min(100%,460px);text-align:left}
.realm-dispute summary{cursor:pointer;color:#c4b5fd;font-size:12px;letter-spacing:.14em}
.realm-dispute form{display:grid;gap:8px;margin-top:8px}
.realm-dispute textarea{min-height:80px;padding:10px;background:rgba(2,6,18,.9);border:1px solid rgba(139,92,246,.35);color:#fff;font:inherit}
.realm.is-defeat .realm-bg{filter:saturate(.6) hue-rotate(-30deg)}
.realm-foot{grid-area:foot;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:6px;border-top:1px solid rgba(56,225,255,.12)}
.realm-safety{display:flex;align-items:center;gap:10px;max-width:640px;font-size:12px;color:#8aa4c8}
.realm-safety i{flex:0 0 auto;color:var(--rc)}.realm-safety i svg{width:20px;height:20px}
.realm-safety b{color:#dff8ff;letter-spacing:.14em;margin-right:4px}
.realm-surrender button{display:inline-flex;align-items:center;gap:10px;padding:11px 22px;cursor:pointer;font:inherit;font-weight:700;letter-spacing:.3em;color:#ffd1d8;background:linear-gradient(135deg,rgba(60,6,18,.9),rgba(20,4,10,.95));border:1px solid rgba(255,61,90,.55);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:box-shadow .2s,color .2s,border-color .2s}
.realm-surrender button i{font-style:normal;font-size:16px;color:var(--rr)}
.realm-surrender button:hover,.realm-surrender button:focus-visible{color:#fff;border-color:var(--rr);box-shadow:0 0 26px rgba(255,61,90,.5)}
/* Floating button while a battle is live: becomes the ARENA portal */
.floating-battle-button.is-live{border-color:rgba(255,61,90,.75)!important;background:linear-gradient(135deg,rgba(60,6,24,.96),rgba(24,8,48,.96))!important;box-shadow:0 0 0 1px rgba(255,61,90,.35),0 0 28px rgba(255,61,90,.45),0 0 60px rgba(139,92,246,.25)!important;animation:realmLive 2.4s ease-in-out infinite}
.floating-battle-button.is-live i{color:#ff8fa0!important}
.floating-battle-button.is-live small{color:#ff9aab!important}
.floating-battle-button.is-live small::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#ff3d5a;box-shadow:0 0 8px #ff3d5a;vertical-align:1px;animation:realmBlink 1.2s steps(2) infinite}
.floating-battle-button.is-live b{color:#fff!important;letter-spacing:.24em!important;text-shadow:0 0 12px rgba(255,61,90,.8)}
.floating-battle-button.is-live em{color:#fff!important;background:#ff3d5a!important;border-color:#ff3d5a!important}
/* Arena lobby portal card shown while a battle is running */
.realm-portal{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:18px 0;padding:20px 22px;border:1px solid rgba(255,61,90,.45);background:radial-gradient(400px 160px at 0 50%,rgba(255,61,90,.16),transparent 70%),linear-gradient(135deg,rgba(14,8,32,.95),rgba(4,6,18,.95));clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.realm-portal h2{margin:2px 0 4px;letter-spacing:.14em}
.realm-portal p{margin:0;color:#b9c8e2}.realm-portal small{display:block;margin-top:6px;letter-spacing:.18em;color:#ff9aab}
.realm-portal-sigil{position:relative;width:64px;height:64px;display:grid;place-items:center;color:#ff8fa0}
.realm-portal-sigil svg{width:28px;height:28px;position:relative;z-index:1}
.realm-portal-sigil i{position:absolute;inset:6px;transform:rotate(45deg);border:2px solid rgba(255,61,90,.7);box-shadow:0 0 20px rgba(255,61,90,.45)}
.realm-portal-sigil i+i{inset:-2px;border:1px dashed rgba(139,92,246,.6);border-radius:50%;transform:none;box-shadow:none;animation:realmSpin 10s linear infinite}
.realm-portal-enter{display:grid;justify-items:center;padding:12px 24px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#be123c,#7c3aed);box-shadow:0 0 26px rgba(255,61,90,.45);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:filter .2s,transform .2s}
.realm-portal-enter span{font-size:10px;letter-spacing:.3em;opacity:.85}.realm-portal-enter b{font-size:20px;letter-spacing:.24em}
.realm-portal-enter:hover{filter:brightness(1.15);transform:translateY(-2px)}
@keyframes realmEnter{from{opacity:0;filter:brightness(2.2) blur(6px)}to{opacity:1;filter:none}}
@keyframes realmGrid{to{background-position:0 56px,0 0}}
@keyframes realmSpin{to{transform:rotate(360deg)}}
@keyframes realmScan{from{transform:translateY(-100%)}to{transform:translateY(400%)}}
@keyframes realmLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes realmRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes realmRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes realmSlam{0%{opacity:0;transform:scale(2.2);letter-spacing:.6em}60%{opacity:1}100%{transform:none}}
@keyframes realmPulse{50%{filter:drop-shadow(0 0 26px rgba(139,92,246,1))}}
@keyframes realmBlink{50%{opacity:.25}}
@keyframes realmLive{50%{box-shadow:0 0 0 1px rgba(255,61,90,.55),0 0 40px rgba(255,61,90,.65),0 0 80px rgba(139,92,246,.35)}}
@media (max-width:900px){.realm{grid-template-columns:1fr;grid-template-areas:"top" "stage" "main" "feed" "foot"}.realm-feed{position:static}}
@media (max-width:620px){.realm-top{grid-template-columns:auto 1fr;grid-template-areas:"ret clock" "title title"}.realm-return{grid-area:ret;justify-self:start}.realm-return small{display:none}.realm-clock{grid-area:clock;min-width:0;justify-self:end}.realm-title{grid-area:title}.realm-stage{grid-template-columns:1fr;justify-items:stretch;gap:18px}.realm-fighter,.realm-fighter.is-foe{justify-items:center;text-align:center}.realm-vs{justify-self:center;width:64px}.realm-power{width:100%}.realm-foot{flex-direction:column-reverse;align-items:stretch}.realm-surrender button{width:100%;justify-content:center}.realm-portal{grid-template-columns:auto 1fr}.realm-portal-enter{grid-column:1/-1}.realm-meter{text-align:left}.realm-meter i{width:140px}}
@media (prefers-reduced-motion:reduce){.realm,.realm *,.realm-bg *,.floating-battle-button.is-live{animation:none!important;transition:none!important}}
body[data-reduced-motion="1"] .realm,body[data-reduced-motion="1"] .realm *,body[data-reduced-motion="1"] .realm-bg *{animation:none!important}
/* Arena Realm alignment fix */
.realm-sigil,.realm-sigil[class*="rank-"]{background:none!important;box-shadow:none!important;clip-path:none!important;border:0!important;width:clamp(64px,8vw,92px)!important;height:auto!important;animation:none}
.realm-sigil span{line-height:1;text-shadow:0 0 14px rgba(56,225,255,.7)}
.is-foe .realm-sigil span{text-shadow:0 0 14px rgba(255,61,90,.7)}
.realm-vs em{white-space:nowrap}
.realm-top{align-items:stretch}
.realm-return,.realm-clock{display:flex;flex-direction:column;justify-content:center}
.realm-return{flex-direction:row;align-items:center;gap:10px}
.realm-return small{display:none}
@media (max-width:620px){
.realm-top{gap:10px 12px}
.realm-return{padding:8px 14px}
.realm-clock{padding:8px 14px}
.realm-clock time,.realm-clock b{font-size:22px}
.realm-stage{gap:22px;padding:22px 16px}
.realm-fighter{gap:8px;width:100%}
.realm-fighter b{max-width:90%}
.realm-power{width:88%;justify-self:center}
.realm-fighter p{display:grid;justify-items:center;gap:2px}
.realm-fighter p em{margin-top:0}
.realm-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;aspect-ratio:auto;gap:10px;margin:2px 0}
.realm-vs span{display:grid;place-items:center;width:64px;height:64px}
.realm-vs i{inset:auto;top:0;left:50%;width:64px;height:64px;margin-left:-32px}
.realm-vs em{position:static}
.realm-missions>header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}
.realm-meter{text-align:right;justify-items:end}
.realm-meter i{width:110px}
}
/* Exact squares: rotated frames and orbit rings stay 1:1 even inside taller hexagon emblems */
.trophy-rank-sigil>i,.trophy-rank-sigil>em,.guild-search-sigil>i,.key-counter-icon>i,.public-rank>i,.association-sigil>i,.guild-emblem>i,.profile-sigil>i,.rank-emblem::after,.rank-emblem>i{inset:auto!important;top:50%!important;left:50%!important;height:auto!important;aspect-ratio:1/1!important;translate:-50% -50%}
.public-rank>i,.profile-sigil>i,.rank-emblem>i{width:100%!important}
.rank-emblem::after{width:calc(100% - 4px)!important}
.association-sigil>i,.guild-emblem>i{width:calc(100% - 6px)!important}
.key-counter-icon>i{width:calc(100% - 12px)!important}
.guild-search-sigil>i{width:calc(100% - 14px)!important}
.trophy-rank-sigil>i{width:calc(100% - 16px)!important}
.trophy-rank-sigil>em{width:calc(100% - 30px)!important}
.key-counter-icon{width:54px;height:54px}@media(max-width:420px){.key-counter-icon{width:46px;height:46px}}
.battle-log strong.battle-log-result{text-align:right;font-size:.72rem;letter-spacing:.08em}.battle-log strong.battle-log-result em{display:block;font-style:normal;font-weight:600;color:#8494b8;font-size:.62rem;letter-spacing:.06em;margin-top:2px}.battle-log strong.win{color:#7dffb0}.battle-log strong.loss{color:#ff8a9a}.battle-log strong.draw{color:var(--gold)}.battle-log strong.void{color:#8494b8}@media(max-width:640px){.battle-log strong.battle-log-result{text-align:left}}
/* Secret Event chip: top-right, just below the HUD, never over the nav bar or the Find Match button */
.secret-invite-mini{top:calc(68px + env(safe-area-inset-top,0px))!important;bottom:auto!important;right:12px!important;left:auto!important;z-index:39!important;max-width:min(310px,calc(100vw - 24px))}
@media(max-width:820px){.secret-invite-mini{top:calc(116px + env(safe-area-inset-top,0px))!important;right:8px!important;max-width:calc(100vw - 16px);padding:8px 10px}}
/* Trophies moved under System: HUD now has 3 secondary tabs */
@media (max-width: 820px){.hud-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.notice-view-all{display:flex;justify-content:center;margin-top:10px;width:100%;letter-spacing:.14em}
/* Arena Realm auto-return notice */
.realm-autoreturn{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 0 0;color:#9aaac8;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.realm-autoreturn[hidden]{display:none}.realm-autoreturn b{color:var(--cyan);font-size:1rem}.realm-autoreturn button{padding:4px 10px;border:1px solid rgba(56,225,255,.45);background:transparent;color:var(--cyan);font:inherit;font-weight:900;cursor:pointer}
/* Secret Events hub (live-events.php) */
.seh{--se:#a78bfa;display:grid;gap:16px}
.seh-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;border:1px solid rgba(167,139,250,.28);background:radial-gradient(circle at 85% 30%,rgba(167,139,250,.18),transparent 45%),linear-gradient(150deg,rgba(13,20,48,.95),rgba(3,6,16,.96));clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.seh-head p:not(.ov-kicker){max-width:560px;color:#9aaac8;margin:6px 0 0}
.seh-radar{position:relative;flex:0 0 110px;width:110px;height:110px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(167,139,250,.35);background:radial-gradient(circle,rgba(167,139,250,.12),transparent 70%)}
.seh-radar i{position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(167,139,250,.25)}.seh-radar i:nth-child(2){inset:36%}
.seh-radar i:nth-child(3){inset:0;border:0;background:conic-gradient(from 0deg,rgba(167,139,250,.45),transparent 25%);animation:sehSweep 3.2s linear infinite}
.seh-radar b{position:relative;font-size:.55rem;letter-spacing:.2em;color:var(--se)}
.seh-radar.is-live{border-color:var(--gold);box-shadow:0 0 28px rgba(251,191,36,.3)}.seh-radar.is-live b{color:var(--gold)}.seh-radar.is-live i:nth-child(3){background:conic-gradient(rgba(251,191,36,.55),transparent 25%);animation-duration:1.4s}
@keyframes sehSweep{to{transform:rotate(360deg)}}
.seh-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.seh-stats span{position:relative;display:grid;gap:3px;padding:12px 14px;border:1px solid rgba(56,225,255,.14);background:rgba(5,8,22,.7);overflow:hidden}
.seh-stats small{font-size:.55rem;letter-spacing:.16em;color:#64748b}.seh-stats b{font-size:1.35rem;color:#fff}
.seh-stats i{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--se))}
.seh-focus{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px;padding:20px;border:1px solid rgba(167,139,250,.3);border-left:3px solid var(--se);background:linear-gradient(160deg,rgba(17,16,48,.92),rgba(3,6,16,.96));box-shadow:0 0 40px rgba(167,139,250,.1)}
.seh-focus.is-live{border-left-color:var(--gold);box-shadow:0 0 44px rgba(251,191,36,.12)}.seh-focus.is-cleared{border-left-color:#34d399}.seh-focus.is-missed{border-left-color:#f87171}
.seh-focus-main{display:grid;gap:14px;align-content:start}
.seh-tags{display:flex;flex-wrap:wrap;gap:6px}.seh-tags span{padding:4px 8px;border:1px solid rgba(148,163,184,.25);font-size:.55rem;letter-spacing:.14em;color:#9aaac8}
.seh-pill{display:inline-block;padding:4px 8px;font-size:.55rem;font-weight:900;letter-spacing:.14em;border:1px solid currentColor}
.seh-pill.is-live{color:var(--gold)}.seh-pill.is-cleared{color:#34d399}.seh-pill.is-missed{color:#f87171}.seh-pill.is-void{color:#94a3b8}
.seh-tags .seh-pill.is-live{color:var(--gold);border-color:var(--gold)}.seh-tags .seh-pill.is-cleared{color:#34d399;border-color:#34d399}.seh-tags .seh-pill.is-missed{color:#f87171;border-color:#f87171}
.seh-focus h2{margin:0;font-size:clamp(1.4rem,3.4vw,2.1rem);color:#fff;letter-spacing:.03em}
.seh-brief{margin:0;color:#c4cde4;line-height:1.55}
.seh-objective{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.seh-objective>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(56,225,255,.16);background:rgba(5,8,22,.6)}
.seh-objective i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;color:var(--cyan);border:1px solid rgba(56,225,255,.3)}
.seh-objective>div:last-child i{color:var(--gold);border-color:rgba(251,191,36,.35)}
.seh-objective span{display:grid}.seh-objective small{font-size:.55rem;letter-spacing:.16em;color:#64748b}.seh-objective b{color:#fff;font-size:1.05rem}
.seh-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.seh-steps li{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;font-size:.52rem;letter-spacing:.12em;color:#64748b}
.seh-steps li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:#1e293b;z-index:0}.seh-steps li:first-child::before{display:none}
.seh-steps li i{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;font-size:.75rem;border:1px solid #334155;background:#050816;border-radius:50%}
.seh-steps li.done{color:#c4b5fd}.seh-steps li.done::before{background:var(--se)}.seh-steps li.done i{border-color:var(--se);background:rgba(167,139,250,.2);color:#fff}
.seh-steps li.now{color:var(--gold)}.seh-steps li.now::before{background:linear-gradient(90deg,var(--se),var(--gold))}.seh-steps li.now i{border-color:var(--gold);color:var(--gold);box-shadow:0 0 14px rgba(251,191,36,.45);animation:sehPulse 1.6s ease-in-out infinite}
.seh-steps li.fail{color:#f87171}.seh-steps li.fail i{border-color:#f87171;color:#f87171}
@keyframes sehPulse{50%{box-shadow:0 0 2px rgba(251,191,36,.2)}}
.seh-action{padding:14px;border:1px dashed rgba(167,139,250,.3);background:rgba(5,8,22,.5)}
.seh-call{margin:0 0 10px;color:#e2e8f0}.seh-answer{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.seh-submit{display:grid;gap:10px;margin:0}
.seh-amount{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.seh-amount span{font-size:.55rem;letter-spacing:.16em;color:#64748b}.seh-amount input{font-size:1.4rem;font-weight:900;text-align:center;min-width:0}.seh-amount em{color:#9aaac8;font-style:normal}
.seh-quick{display:flex;gap:6px;flex-wrap:wrap}.seh-quick button{flex:1;padding:7px 10px;border:1px solid rgba(56,225,255,.3);background:transparent;color:var(--cyan);font:inherit;font-size:.65rem;font-weight:900;letter-spacing:.12em;cursor:pointer}.seh-quick button:hover{background:rgba(56,225,255,.1)}
.seh-clear{width:100%}
.seh-done{display:flex;align-items:center;gap:12px}.seh-done i{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid currentColor}
.seh-done span{display:grid;gap:3px}.seh-done b{letter-spacing:.14em}.seh-done small{color:#9aaac8}
.seh-done.is-cleared{color:#34d399}.seh-done.is-missed{color:#f87171}.seh-done.is-void{color:#94a3b8}
.seh-side{display:grid;gap:12px;align-content:start}
.seh-ring{--p:0;width:min(190px,100%);aspect-ratio:1/1;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--se) calc(var(--p)*1%),rgba(30,41,59,.8) 0)}
.seh-ring.is-live{background:conic-gradient(var(--gold) calc(var(--p)*1%),rgba(30,41,59,.8) 0);box-shadow:0 0 30px rgba(251,191,36,.18)}
.seh-ring>div{width:84%;aspect-ratio:1/1;display:grid;place-content:center;gap:4px;text-align:center;border-radius:50%;background:#050816}
.seh-ring small{font-size:.5rem;letter-spacing:.18em;color:#64748b}.seh-ring time,.seh-ring b{font-size:1.25rem;font-weight:900;color:#fff}
.seh-raid{display:grid;gap:8px;padding:12px;border:1px solid rgba(56,225,255,.14);background:rgba(5,8,22,.6)}
.seh-raid header{display:flex;justify-content:space-between;align-items:center}.seh-raid header small{font-size:.55rem;letter-spacing:.16em;color:#64748b}.seh-raid header b{font-size:.7rem;color:#fff;letter-spacing:.1em}
.seh-bar{height:6px;background:#1e293b;overflow:hidden}.seh-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--se),#34d399)}
.seh-raid p{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0;text-align:center}.seh-raid p span{display:grid;font-size:.5rem;letter-spacing:.14em;color:#64748b}.seh-raid p b{font-size:1rem;color:#fff}
.seh-finishers{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.seh-finishers li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:6px 8px;background:rgba(15,23,42,.6);font-size:.75rem}
.seh-finishers li i{font-style:normal;font-weight:900;color:var(--se);text-align:center}.seh-finishers li:first-child i{color:var(--gold)}
.seh-finishers li b{color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seh-finishers li span{color:#9aaac8}
.seh-finishers li.is-you{border-left:2px solid var(--cyan)}.seh-finishers li.is-empty{display:block;color:#64748b;text-align:center}
.seh-archive{display:grid;gap:12px}.seh-archive>header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.seh-archive h2{margin:2px 0 0;color:#fff}
.seh-filters{display:flex;gap:4px;flex-wrap:wrap}.seh-filters button{padding:6px 10px;border:1px solid #334155;background:transparent;color:#9aaac8;font:inherit;font-size:.6rem;font-weight:900;letter-spacing:.12em;cursor:pointer}
.seh-filters button em{font-style:normal;color:#64748b;margin-left:4px}.seh-filters button.on{border-color:var(--se);color:#fff;background:rgba(167,139,250,.15)}
.seh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.seh-card{display:grid;gap:5px;padding:13px;border:1px solid rgba(148,163,184,.16);border-top:2px solid #334155;background:rgba(5,8,22,.66);color:inherit;text-decoration:none;transition:transform .15s,border-color .15s}
.seh-card:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.45)}.seh-card[hidden]{display:none}
.seh-card.is-live{border-top-color:var(--gold)}.seh-card.is-cleared{border-top-color:#34d399}.seh-card.is-missed{border-top-color:#f87171}
.seh-card.is-focus{outline:1px solid var(--se);box-shadow:0 0 18px rgba(167,139,250,.2)}
.seh-card .seh-pill{justify-self:start}.seh-card b{color:#fff}.seh-card small{font-size:.55rem;letter-spacing:.14em;color:#64748b}.seh-card em{font-style:normal;color:#9aaac8;font-size:.75rem}.seh-card time{font-size:.6rem;color:#475569}
.seh-none{color:#64748b;text-align:center}.seh-none[hidden]{display:none}
.seh-empty{display:grid;justify-items:center;gap:8px;padding:30px 16px;text-align:center;border:1px dashed rgba(167,139,250,.3)}.seh-empty b{color:#fff;letter-spacing:.1em}.seh-empty span{max-width:440px;color:#9aaac8}
@media(max-width:820px){.seh-focus{grid-template-columns:1fr;padding:14px}.seh-head{padding:16px}.seh-radar{flex-basis:80px;width:80px;height:80px}.seh-steps li{font-size:.45rem}.seh-steps li i{width:24px;height:24px}.seh-steps li::before{top:12px}}
@media(max-width:480px){.seh-head{flex-direction:column;align-items:flex-start}.seh-head .seh-radar{display:none}}
/* Own profile is its own page (player.php, active=player) */
.page-player,.page-player-view{--arena:#8b5cf6;--arena2:#38e1ff;--enemy:#f43f5e}.page-player main.wrap,.page-player-view main.wrap{width:min(1180px,95vw);gap:14px}
/* Hide the floating Secret Event chip while already on the Secret Events page */
body.page-live-events .secret-invite-mini{display:none!important}
/* Sticky social tabs: Arena / Search / Association / Rankings / Apex stay under the HUD while scrolling */
.social-tabs{position:sticky;top:calc(68px + env(safe-area-inset-top,0px));z-index:35;align-self:start;background:rgba(5,8,22,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(0,0,0,.35)}
@media(max-width:820px){.social-tabs{top:calc(114px + env(safe-area-inset-top,0px))}}
body.in-game:has(.social-tabs){overflow-y:visible}
/* Admin Secret Events - simplified control page (admin-live-events.php) */
.sea-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.sea-pill{padding:8px 16px;border:1px solid;font-weight:900;letter-spacing:.14em;border-radius:999px}.sea-pill.on{color:#4ade80;border-color:#4ade80;box-shadow:0 0 16px rgba(74,222,128,.35)}.sea-pill.off{color:#fb7185;border-color:#fb7185}
.sea-h{font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;margin:22px 0 10px;color:#7dd3fc}.sea-sub{color:#94a3b8;margin:-4px 0 10px;font-size:.9rem}
.sea-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sea-flow li{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid rgba(56,225,255,.18);background:rgba(3,10,26,.6);border-radius:10px}.sea-flow i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(56,225,255,.15);color:#38e1ff;font-weight:900}.sea-flow span{color:#b6c4dc;font-size:.86rem;line-height:1.45}
.sea-control{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sea-card{padding:14px 16px;border:1px solid rgba(56,225,255,.2);border-radius:10px;background:rgba(3,10,26,.6)}.sea-card .sea-h{margin-top:0}.sea-card p{color:#b6c4dc;font-size:.88rem}
.sea-check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.sea-check li{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:rgba(3,10,26,.55)}.sea-check li>b{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:900}.sea-check span{display:flex;flex-direction:column;font-weight:700}.sea-check small{font-weight:400;color:#94a3b8;font-size:.78rem}.sea-check .ok>b{background:rgba(74,222,128,.15);color:#4ade80}.sea-check .warn>b{background:rgba(251,191,36,.15);color:#fbbf24}.sea-check .bad>b{background:rgba(251,113,133,.15);color:#fb7185}.sea-check .live>b{background:rgba(56,225,255,.2);color:#38e1ff}
.sea-st{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em;border:1px solid}.sea-st.live{color:#38e1ff;border-color:#38e1ff}.sea-st.done{color:#4ade80;border-color:#4ade80}.sea-st.bad{color:#fb7185;border-color:#fb7185}.sea-st.muted{color:#94a3b8;border-color:#475569}.sea-cancel{display:flex;gap:6px;flex-wrap:wrap}.sea-cancel input{min-width:120px}
.sea-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.sea-tpl{padding:14px;border-radius:10px;border:1px solid rgba(56,225,255,.22);background:rgba(3,10,26,.6)}.sea-tpl.off{opacity:.6}.sea-tpl header{display:flex;justify-content:space-between;align-items:center;gap:8px}.sea-tpl p{color:#b6c4dc;font-size:.86rem}.sea-tg{cursor:pointer;min-width:56px;padding:5px 10px;border-radius:999px;border:1px solid #475569;background:#0b1222;color:#94a3b8;font-weight:900}.sea-tg.on{border-color:#4ade80;color:#4ade80;background:rgba(74,222,128,.12)}
.sea-meta{display:flex;gap:6px;flex-wrap:wrap}.sea-meta span{display:flex;flex-direction:column;padding:6px 9px;border-radius:8px;background:rgba(56,225,255,.07);font-weight:700;font-size:.85rem}.sea-meta small{font-size:.65rem;color:#7dd3fc;letter-spacing:.1em}
.sea-edit summary,.sea-more summary{cursor:pointer;color:#7dd3fc;margin-top:8px;font-weight:700}.sea-box{margin-top:16px;padding:12px 14px;border:1px solid rgba(56,225,255,.2);border-radius:10px;background:rgba(3,10,26,.55)}.sea-box>summary{cursor:pointer;display:flex;flex-direction:column}.sea-box>summary small{color:#94a3b8;font-weight:400}
.sea-form{display:flex;flex-direction:column;gap:9px;margin-top:10px}.sea-form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.sea-form label.chk{flex-direction:row;align-items:center}.sea-form label small{color:#94a3b8}.sea-form fieldset{display:flex;flex-wrap:wrap;gap:10px;border:1px solid rgba(148,163,184,.2);border-radius:8px}.sea-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sea-reset{margin-top:8px}
.sea-log{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.sea-log li{display:grid;grid-template-columns:150px 170px 1fr;gap:8px;font-size:.82rem;padding:6px 0;border-bottom:1px solid rgba(148,163,184,.12)}.sea-log time{color:#94a3b8}.sea-log span{color:#b6c4dc}
@media(max-width:820px){.sea-flow{grid-template-columns:1fr 1fr}.sea-control{grid-template-columns:1fr}.sea-log li{grid-template-columns:1fr}.sea-head{flex-direction:column}}
@media(max-width:480px){.sea-flow,.sea-row{grid-template-columns:1fr}}
/* Step 183: Search merged into Association (4 icon tabs) + Arena battle protocols + Guild War button */.social-tabs.social-icon-tabs{grid-template-columns:repeat(4,1fr)!important}#network-search{scroll-margin-top:140px}#network-search .association-section-head{margin-bottom:12px}.guild-war-form{display:inline-block;margin:8px 8px 0 0}.guild-war-form button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid rgba(255,93,122,.55);border-radius:9px;background:linear-gradient(135deg,rgba(255,93,122,.22),rgba(130,40,255,.18));color:#ffd6de;font:800 .66rem/1 inherit;letter-spacing:.1em;cursor:pointer}.guild-war-form button:hover{border-color:#ff5d7a;box-shadow:0 0 14px rgba(255,93,122,.35)}.guild-war-form .sli{width:14px;height:14px}.guild-war-own{display:inline-block;margin:8px 8px 0 0;padding:6px 10px;border:1px solid var(--line);border-radius:9px;color:var(--cyan);font-size:.62rem;font-weight:800;letter-spacing:.1em}.arena-protocol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.arena-protocol{display:grid;gap:4px;align-content:start;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(8,14,34,.72);color:inherit;text-decoration:none;transition:.15s}.arena-protocol i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(56,225,255,.12);color:var(--cyan)}.arena-protocol i .sli{width:18px;height:18px}.arena-protocol b{font-size:.78rem;letter-spacing:.1em}.arena-protocol small{color:var(--muted);font-size:.7rem;line-height:1.4}.arena-protocol em{margin-top:4px;color:var(--cyan);font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.12em}a.arena-protocol:hover{border-color:var(--cyan);box-shadow:0 0 16px rgba(56,225,255,.18);transform:translateY(-1px)}@media(max-width:700px){.arena-protocol-grid{grid-template-columns:1fr}.arena-protocol{grid-template-columns:34px 1fr;column-gap:10px}.arena-protocol i{grid-row:span 3}}/* Settings sub-tabs + profile tabs */.settings-subtabs,.profile-main-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px;margin:12px 0}.profile-main-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-subtabs>a,.profile-main-tabs>a{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid rgba(56,225,255,.16);background:rgba(4,10,24,.6);color:#cbd5e1;text-decoration:none;transition:border-color .2s,background .2s}.settings-subtabs>a>i,.profile-main-tabs>a>i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(56,225,255,.25);color:var(--cyan);font-style:normal}.settings-subtabs svg,.profile-main-tabs svg{width:17px;height:17px}.settings-subtabs>a>span,.profile-main-tabs>a>span{display:grid;min-width:0}.settings-subtabs b,.profile-main-tabs b{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#e2f7ff}.settings-subtabs small,.profile-main-tabs small{font-size:.58rem;color:#7c8aa5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-subtabs>a:hover,.profile-main-tabs>a:hover{border-color:rgba(56,225,255,.45)}.settings-subtabs>a.on,.profile-main-tabs>a.on{border-color:var(--cyan);background:linear-gradient(135deg,rgba(56,225,255,.16),rgba(4,10,24,.7));box-shadow:inset 0 -2px 0 var(--cyan)}.settings-subtabs>a.on>i,.profile-main-tabs>a.on>i{background:rgba(56,225,255,.14)}.battlefield-stat-grid,.profile-account-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin-top:10px}.battlefield-stat-grid>div,.profile-account-facts>div{display:grid;gap:3px;padding:10px 11px;border:1px solid rgba(56,225,255,.14);background:rgba(4,10,24,.55)}.battlefield-stat-grid small,.profile-account-facts small{font-size:.56rem;letter-spacing:.1em;color:#7c8aa5}.battlefield-stat-grid b{font-size:1.15rem;color:#e2f7ff}.profile-account-facts b{font-size:.82rem;color:#e2f7ff;overflow-wrap:anywhere}.battlefield-stat-grid .win b{color:#34d399}.battlefield-stat-grid .loss b{color:#fb7185}.profile-account-tab .profile-utility-links{margin-top:12px}.guide-tutorial-link{align-self:center;white-space:nowrap}.settings-controls-console,.settings-privacy-console{margin-bottom:12px}@media(max-width:700px){.settings-subtabs>a,.profile-main-tabs>a{flex-direction:column;justify-content:center;text-align:center;padding:8px 3px;gap:5px}.settings-subtabs small,.profile-main-tabs small{display:none}.settings-subtabs b,.profile-main-tabs b{font-size:.54rem;letter-spacing:.04em}.settings-subtabs{gap:4px;padding:4px}}/* Find Match inside the bottom navigation bar */.dock .dock-battle{display:flex;flex:1 1 20%;min-width:0;max-width:150px;justify-content:center;align-items:stretch}.dock .floating-battle-form{position:static!important;inset:auto!important;display:flex;flex:1;margin:0!important;z-index:auto}.dock .floating-battle-button{position:static!important;inset:auto!important;display:flex!important;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;width:100%!important;height:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0 2px 3px!important;border:0!important;border-radius:12px!important;clip-path:none!important;background:none!important;box-shadow:none!important;animation:none!important;color:var(--text);font:inherit;cursor:pointer;text-decoration:none}.dock .floating-battle-button>i{display:grid;place-items:center;width:48px;height:48px;margin-top:-22px;border:2px solid rgba(196,181,253,.9);border-radius:50%;background:linear-gradient(135deg,#6d28d9,#1d4ed8);box-shadow:0 0 0 4px rgba(5,8,22,.97),0 0 20px rgba(139,92,246,.65);color:#fff;font-style:normal}.dock .floating-battle-button .sli{width:24px;height:24px}.dock .floating-battle-button>span{display:block!important;text-align:center}.dock .floating-battle-button>span small,.dock .floating-battle-button>em{display:none!important}.dock .floating-battle-button>span b{display:block;font-size:.58rem;letter-spacing:.06em;line-height:1.1;color:#e9ddff;white-space:nowrap;text-shadow:none!important}.dock .floating-battle-button:hover>i,.dock .floating-battle-button:focus-visible>i{border-color:#fff;box-shadow:0 0 0 4px rgba(5,8,22,.97),0 0 26px rgba(56,225,255,.6)}.dock .floating-battle-button.is-searching>i{border-color:var(--gold);background:linear-gradient(135deg,#b45309,#6d28d9);box-shadow:0 0 0 4px rgba(5,8,22,.97),0 0 22px rgba(251,191,36,.55);animation:battleSearchPulse 1.4s ease-in-out infinite}.dock .floating-battle-button.is-searching>span b{color:var(--gold)}.dock .floating-battle-button.is-active>i,.dock .floating-battle-button.is-live>i{border-color:#ff3d5a;background:linear-gradient(135deg,#9f1239,#4c1d95);box-shadow:0 0 0 4px rgba(5,8,22,.97),0 0 24px rgba(255,61,90,.6);animation:realmLive 2.4s ease-in-out infinite}.dock .floating-battle-button.is-live>span b{color:#ff9aab!important;letter-spacing:.06em!important}body[data-reduced-motion="1"] .dock .floating-battle-button>i{animation:none!important}@media(prefers-reduced-motion:reduce){.dock .floating-battle-button>i{animation:none!important}}@media(max-width:620px){.dock .floating-battle-button>i{width:42px;height:42px;margin-top:-18px}.dock .floating-battle-button>span b{font-size:.5rem}}
/* Orientation prompt */.orient-hint[hidden]{display:none!important}.orient-hint{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:20px;background:rgba(1,3,10,.94);backdrop-filter:blur(6px)}.orient-hint>section{display:grid;justify-items:center;gap:8px;max-width:340px;padding:22px 18px;text-align:center;border:1px solid rgba(56,225,255,.35);background:linear-gradient(160deg,rgba(9,15,41,.98),rgba(5,8,22,.98));box-shadow:0 0 40px rgba(56,225,255,.18)}.orient-hint h2{margin:0;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.orient-hint p{margin:0;color:#94a3b8;font-size:.82rem}.orient-hint>section>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.orient-hint-device{display:block;width:34px;height:56px;margin-bottom:6px;border:3px solid var(--cyan);border-radius:7px;box-shadow:0 0 16px rgba(56,225,255,.5);animation:orientTurn 2.2s ease-in-out infinite}body[data-orientation="portrait"] .orient-hint-device{animation-name:orientTurnBack}@keyframes orientTurn{0%,25%{transform:rotate(0)}55%,100%{transform:rotate(-90deg)}}@keyframes orientTurnBack{0%,25%{transform:rotate(-90deg)}55%,100%{transform:rotate(0)}}body[data-reduced-motion="1"] .orient-hint-device{animation:none}.orientation-picks small{display:block;margin-top:6px;font-size:.66rem}/* Locked Hunter model */.model-locked{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:10px 12px;margin:6px 0;border:1px dashed rgba(56,225,255,.25);background:rgba(4,10,24,.5)}.model-locked>span{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:.78rem}.model-locked>span .sli{width:15px;height:15px}.model-locked>b{justify-self:end;color:#e2f7ff;font-size:.74rem;letter-spacing:.08em}.model-locked>small{grid-column:1/-1;color:#7c8aa5;font-size:.6rem}.model-permanent-note{margin:2px 0 8px;color:var(--gold);font-size:.7rem}/* Settings icon polish */.btn .sli{width:1.05em;height:1.05em;flex:none;vertical-align:-.17em;margin-right:.32em;transition:transform .15s}.btn:hover .sli{transform:scale(1.12)}.frame h2 .sli,.profile-section-heading h2 .sli{width:.95em;height:.95em;vertical-align:-.12em;margin-right:.38em;color:var(--cyan);filter:drop-shadow(0 0 6px rgba(56,225,255,.55))}.profile-danger-console h2 .sli,.account-delete-dialog h2 .sli{color:var(--red);filter:drop-shadow(0 0 6px rgba(244,63,94,.5))}.btn.danger .sli{color:inherit}.profile-status-strip small .sli{width:11px;height:11px;margin-right:4px;vertical-align:-1px;color:var(--cyan);opacity:.85}.profile-hero-tools .sli{width:13px;height:13px;vertical-align:-2px;margin-right:4px;color:var(--cyan)}.orientation-picks legend .sli,.system-drawer summary span .sli{width:14px;height:14px;vertical-align:-2px;margin-right:6px;color:var(--cyan)}.orientation-picks .pick span .sli{width:17px;height:17px;vertical-align:-4px;margin-right:6px}.orientation-picks .pick input:checked+span .sli{color:var(--cyan);filter:drop-shadow(0 0 5px rgba(56,225,255,.6))}.model-locked small .sli{width:11px;height:11px;vertical-align:-1px;margin-right:3px;color:var(--gold)}.profile-compact-drawer summary i .sli{width:13px;height:13px;vertical-align:-2px;margin-right:3px}.settings-subtabs a i .sli{width:20px;height:20px}.settings-subtabs a.on i .sli{color:var(--cyan);filter:drop-shadow(0 0 6px rgba(56,225,255,.6))}
/* Step 189: HUD Leaderboards button, right-side social menu, Friends page, Get Assessed */
.hud-leaderboards{color:#fde68a!important;border-color:rgba(251,191,36,.38);background:rgba(120,80,0,.08)}.hud-leaderboards:hover,.hud-leaderboards.on{color:#fff!important;border-color:var(--gold);background:rgba(251,191,36,.16);box-shadow:0 0 14px rgba(251,191,36,.25),inset 0 -2px 0 var(--gold)}
.side-nav{--sn-w:224px;position:fixed;top:50%;right:0;z-index:2147482900;display:flex;align-items:center;transform:translate(var(--sn-w),-50%);transition:transform .38s cubic-bezier(.22,1,.36,1);pointer-events:none;padding-right:env(safe-area-inset-right,0px)}.side-nav.open{transform:translate(0,-50%)}
.side-nav-handle{pointer-events:auto;position:relative;width:34px;height:76px;display:grid;place-items:center;margin:0;padding:0;border:1px solid var(--line);border-right:0;border-radius:12px 0 0 12px;background:rgba(5,8,22,.94);color:var(--cyan);cursor:pointer;box-shadow:-6px 0 18px rgba(0,0,0,.35),0 0 12px rgba(56,225,255,.15)}.side-nav-handle:hover,.side-nav-handle:focus-visible{color:#fff;box-shadow:-6px 0 18px rgba(0,0,0,.35),0 0 16px rgba(56,225,255,.4)}
.side-nav-handle i{display:grid;width:20px;height:20px;transition:transform .38s cubic-bezier(.22,1,.36,1)}.side-nav-handle svg{width:20px;height:20px}.side-nav.open .side-nav-handle i{transform:rotate(180deg)}
.side-nav-dot{position:absolute;top:8px;left:7px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red)}
.side-nav-panel{pointer-events:auto;box-sizing:border-box;width:var(--sn-w);max-height:calc(100vh - 140px);overflow:auto;display:flex;flex-direction:column;gap:6px;padding:12px 10px;border:1px solid var(--line);border-right:0;border-radius:14px 0 0 14px;background:linear-gradient(160deg,rgba(10,18,48,.97),rgba(5,8,22,.97));box-shadow:-10px 0 30px rgba(0,0,0,.45)}.side-nav-panel .ov-kicker{margin:0 4px 4px}
.side-nav-panel a{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:10px;color:var(--text);text-decoration:none}.side-nav-panel a i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line);border-radius:9px;color:var(--cyan);background:rgba(56,225,255,.06)}.side-nav-panel a i svg{width:18px;height:18px}
.side-nav-panel a span{display:flex;flex-direction:column;min-width:0}.side-nav-panel a b{font-size:.92rem;letter-spacing:.04em}.side-nav-panel a small{font-size:.7rem;color:var(--muted)}.side-nav-panel a:hover,.side-nav-panel a:focus-visible{border-color:var(--line);background:rgba(56,225,255,.07)}.side-nav-panel a.on{border-color:var(--cyan);background:rgba(56,225,255,.12);box-shadow:inset 3px 0 0 var(--cyan)}
.side-nav-badge{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:10px;background:var(--red);color:#fff;font-style:normal;font-size:.7rem;font-weight:700;text-align:center}
body[data-reduced-motion="1"] .side-nav,body[data-reduced-motion="1"] .side-nav-handle i{transition:none}@media (prefers-reduced-motion:reduce){.side-nav,.side-nav-handle i{transition:none}}
@media (max-height:420px){.side-nav-handle{height:58px}.side-nav-panel{max-height:calc(100vh - 96px);padding:8px}.side-nav-panel a{padding:6px 8px}}@media print{.side-nav{display:none}}
.friends-hero{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.friends-hero-sigil{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--line);border-radius:14px;color:var(--cyan);background:rgba(56,225,255,.07)}.friends-hero-sigil svg{width:32px;height:32px}
.friends-add{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin:0}.friends-add input{flex:1 1 220px;min-width:0}.friends-section{margin-top:14px}.friends-section h2 small{color:var(--muted);font-size:.8em}
.friends-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.friend-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(10,18,48,.55)}
.friend-id{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0;color:var(--text);text-decoration:none}.friend-id b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-id small{flex-basis:100%;color:var(--muted);font-size:.72rem}
.friend-unassessed{display:inline-grid;place-items:center;min-width:24px;height:20px;border:1px dashed var(--muted);border-radius:5px;color:var(--muted);font-size:.7rem}.friend-actions{display:flex;gap:6px;flex-shrink:0;margin:0}
.profile-get-assessed{border-color:var(--green)!important;color:#bbf7d0!important;box-shadow:0 0 12px rgba(52,211,153,.2)}
body.page-association .hud,body.page-association .dock,body.page-association .side-nav,body.page-association .dock-battle,body.page-association .floating-battle-form{display:none!important}html body.in-game.page-association{padding:0!important}html body.page-association main.wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}
.assoc-screen{position:relative;z-index:1;box-sizing:border-box;display:grid;grid-template-columns:minmax(140px,190px) minmax(0,1fr) minmax(220px,270px);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top top top" "tabs main side";gap:10px 16px;height:100vh;height:100dvh;padding:8px calc(14px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px));color:#dce8ff;background:radial-gradient(ellipse at 8% 105%,rgba(0,200,255,.28),transparent 42%),radial-gradient(ellipse at 90% 0,rgba(90,120,255,.16),transparent 40%),linear-gradient(180deg,#0d1b3d,#0a1530 55%,#0c1d44);overflow:hidden;animation:assocIn .35s ease-out}
@keyframes assocIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
.assoc-top{grid-area:top;display:flex;align-items:center;gap:16px;min-height:46px}.assoc-back{display:grid;place-items:center;width:62px;height:42px;flex:none;color:#f1d08a;border-radius:10px;filter:drop-shadow(0 0 6px rgba(241,208,138,.35));transition:transform .15s,color .15s}.assoc-back svg{width:46px;height:34px}.assoc-back:hover,.assoc-back:focus-visible{color:#fff3cf;transform:translateX(-3px)}
.assoc-top h1{margin:0;font:700 clamp(1.3rem,2.6vw,1.9rem)/1 Georgia,"Times New Roman",serif;letter-spacing:.02em;background:linear-gradient(180deg,#fbe7b5,#c9a15a);-webkit-background-clip:text;background-clip:text;color:transparent}
.assoc-help{position:relative}.assoc-help summary{list-style:none;display:grid;place-items:center;width:26px;height:26px;cursor:pointer;color:#9fb4d8;font-weight:700;border:2px solid #6c81a8;transform:rotate(45deg);border-radius:4px}.assoc-help summary::-webkit-details-marker{display:none}.assoc-help summary{font-size:0}.assoc-help summary::after{content:"?";font-size:.85rem;transform:rotate(-45deg)}.assoc-help div{position:absolute;top:36px;left:-10px;z-index:30;width:min(320px,80vw);padding:12px 14px;border:1px solid rgba(110,170,255,.45);background:rgba(8,18,42,.97);box-shadow:0 12px 30px rgba(0,0,0,.5);font-size:.82rem}.assoc-help div b{color:#7cc8ff;letter-spacing:.08em}.assoc-help div p{margin:6px 0 0;color:#c8d6f0}
.assoc-res{margin-left:auto;display:flex;gap:8px;min-width:0}.assoc-chip{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 12px 5px 8px;border-radius:999px;background:linear-gradient(90deg,rgba(40,70,130,.85),rgba(25,45,90,.6));color:#fff;text-decoration:none;font-size:.85rem;white-space:nowrap}.assoc-chip small{color:#8fb3e8;font-weight:700}.assoc-chip b{overflow:hidden;text-overflow:ellipsis}
.assoc-tabs{grid-area:tabs;display:flex;flex-direction:column;gap:4px;align-self:stretch;padding-top:4px;border-right:1px solid rgba(120,170,255,.28)}.assoc-tabs a{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px 12px 10px;color:#9cc4ff;text-decoration:none;text-align:right;font:700 1.02rem/1.15 Georgia,"Times New Roman",serif;transition:background .2s,color .2s}.assoc-tabs a i{display:grid;opacity:.75}.assoc-tabs a i svg{width:18px;height:18px}.assoc-tabs a::after{content:"";position:absolute;right:-5px;top:50%;width:7px;height:7px;margin-top:-4px;background:#3c6bb0;transform:rotate(45deg)}.assoc-tabs a:hover{color:#d9ecff}.assoc-tabs a.on{color:#fff;background:linear-gradient(90deg,rgba(120,190,255,.08),rgba(170,220,255,.5));text-shadow:0 1px 3px rgba(0,30,70,.8)}.assoc-tabs a.on::after{background:#cfe9ff;box-shadow:0 0 8px #9fd6ff}.assoc-count{min-width:18px;padding:1px 6px;border-radius:9px;background:#e0475b;color:#fff;font:700 .7rem/16px system-ui,sans-serif;text-align:center}
.assoc-main{grid-area:main;display:flex;flex-direction:column;min-height:0;min-width:0}.assoc-thead,.assoc-row{display:grid;grid-template-columns:54px minmax(0,1.8fr) repeat(4,minmax(0,.8fr)) minmax(0,1.1fr);align-items:center;column-gap:10px}.assoc-thead{padding:0 14px 6px;border-bottom:1px solid rgba(120,170,255,.25);margin-bottom:8px}.assoc-thead button,.assoc-thead span{padding:4px 0;border:0;background:none;color:#c6d7f3;font:500 .98rem system-ui,sans-serif;text-align:left;cursor:pointer;white-space:nowrap}.assoc-thead span{cursor:default}.assoc-thead .assoc-th-name{grid-column:span 2;padding-left:64px}.assoc-thead button i{font-style:normal;color:#8aa5d0}.assoc-thead button[data-dir] i{color:#f1d08a}
.assoc-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:2px 4px 6px 2px;scrollbar-width:thin}.assoc-row{min-height:70px;padding:8px 14px;color:#c9d6f2;text-decoration:none;background:linear-gradient(90deg,rgba(32,56,104,.7),rgba(24,42,82,.55));border:1px solid rgba(120,160,230,.25);transition:border-color .15s,box-shadow .15s,transform .15s}.assoc-row:hover{border-color:rgba(160,200,255,.55)}.assoc-row.on{border:2px solid #f0c97a;box-shadow:0 0 0 2px rgba(240,201,122,.18),inset 0 0 24px rgba(240,201,122,.1)}.assoc-emblem{display:grid;place-items:center;width:50px;height:50px}.assoc-emblem .rank-badge{transform:scale(1.15)}.assoc-name{display:grid;min-width:0}.assoc-name b{color:#f1cf86;font-weight:600}.assoc-name span,.assoc-num{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assoc-tags em{display:inline-block;padding:3px 9px;font-style:normal;font-size:.85rem;background:rgba(120,150,230,.28);color:#dbe6ff}.assoc-tags em.mine{background:rgba(240,201,122,.22);color:#f6d995}.assoc-tags em.full{background:rgba(224,71,91,.22);color:#ffb3bd}
.assoc-bottom{display:flex;align-items:center;gap:14px;padding-top:10px;border-top:1px solid rgba(120,170,255,.25)}.assoc-refresh{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#2c66c9;color:#fff;font-size:1.15rem;text-decoration:none;box-shadow:0 0 10px rgba(60,140,255,.45)}.assoc-search{position:relative;flex:0 1 270px;min-width:150px}.assoc-search input{box-sizing:border-box;width:100%;padding:8px 38px 8px 10px;border:1px solid rgba(120,160,230,.4);border-radius:2px;background:rgba(20,35,70,.85);color:#fff;font-size:.92rem}.assoc-search button{position:absolute;right:4px;top:50%;display:grid;place-items:center;width:30px;height:30px;margin-top:-15px;padding:0;border:0;background:none;color:#c8d8f5;cursor:pointer}.assoc-search button svg{width:18px;height:18px}.assoc-check{margin-left:auto;display:flex;align-items:center;gap:10px;color:#dce8ff;font-size:.92rem;cursor:pointer}.assoc-check input{position:absolute;opacity:0;width:1px;height:1px}.assoc-check i{width:16px;height:16px;flex:none;border:2px solid #5d7298;background:#1b2b4f;transform:rotate(45deg)}.assoc-check input:checked+i{background:#49b6ff;border-color:#bfe6ff;box-shadow:0 0 8px #49b6ff}.assoc-check input:focus-visible+i{outline:2px solid #fff;outline-offset:3px}
.assoc-side{grid-area:side;min-height:0;overflow:auto;scrollbar-width:thin}.assoc-detail{display:flex;flex-direction:column;gap:10px}.assoc-detail[hidden]{display:none!important}.assoc-detail-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 14px 30px;text-align:center;background:linear-gradient(180deg,#1d5a8c,#133561 55%,#10284f);clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);box-shadow:inset 0 0 30px rgba(120,210,255,.18)}.assoc-crest{display:grid;place-items:center;width:clamp(64px,9vw,96px);aspect-ratio:1/1;margin-bottom:8px;border-radius:50%;border:2px solid #e9c77d;background:radial-gradient(circle,rgba(170,230,255,.35),rgba(10,30,70,.9) 70%);box-shadow:0 0 18px rgba(120,210,255,.45)}.assoc-crest .rank-badge{transform:scale(1.5)}.assoc-tag{color:#f1cf86}.assoc-detail-card h2{margin:0;color:#fff;font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}.assoc-detail-card small{display:block;color:#9fb4d8;font-size:.8rem}.assoc-lv{display:inline-block;margin-top:8px;padding:4px 12px;border:1px solid rgba(240,201,122,.55);background:rgba(10,25,55,.55);color:#f6e7c2;font:700 .95rem Georgia,"Times New Roman",serif}
.assoc-req{padding:8px 12px;border-left:3px solid #4aa8ff;background:rgba(20,40,80,.75)}.assoc-req>b{color:#fff;font-weight:500}.assoc-req ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:3px}.assoc-req li{display:flex;align-items:center;gap:8px;color:#b9c8e4;font-size:.88rem}.assoc-req li::before{content:"";width:7px;height:7px;flex:none;border:1px solid #6f8fc0;transform:rotate(45deg)}.assoc-req li span{flex:1}.assoc-req li.ok::after{content:"✓";color:#5fe08a;font-weight:700}.assoc-req li.no::after{content:"✕";color:#ff6b7d;font-weight:700}.assoc-req li.info{color:#6fc3ff}.assoc-req li.info::before{background:#6fc3ff}
.assoc-apply{display:block;box-sizing:border-box;width:100%;padding:11px;border:0;text-align:center;text-decoration:none;cursor:pointer;color:#fff;font:700 1.1rem Georgia,"Times New Roman",serif;text-shadow:0 1px 2px rgba(80,50,0,.8);background:linear-gradient(180deg,#f1cf76,#c8962e 60%,#a87920);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 14px rgba(240,190,80,.25)}.assoc-apply:hover{filter:brightness(1.08)}.assoc-apply.war{background:linear-gradient(180deg,#f0606f,#b8243b)}.assoc-apply:disabled{filter:grayscale(.85);opacity:.6;cursor:not-allowed}
.assoc-pane{grid-column:2/4;grid-row:2;min-height:0;min-width:0;overflow:auto;display:grid;align-content:start;gap:14px;padding-right:4px;scrollbar-width:thin}.assoc-pane-head h2{margin:2px 0 0;font:700 1.3rem Georgia,"Times New Roman",serif;color:#f1d08a}.assoc-empty{margin:12px 0;padding:18px;border:1px dashed rgba(120,170,255,.35);color:#9fb4d8;text-align:center}
@media(max-height:480px) and (min-width:761px){.assoc-screen{gap:6px 12px;padding-top:4px}.assoc-top{min-height:38px}.assoc-row{min-height:54px;padding:5px 12px}.assoc-emblem{width:40px;height:40px}.assoc-tabs a{padding:9px 14px 9px 8px;font-size:.92rem}.assoc-detail-card{padding:10px 10px 22px}.assoc-apply{padding:8px}.assoc-res .assoc-chip:first-child{display:none}}
@media(max-width:760px){.assoc-screen{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"top" "tabs" "main" "side";height:auto;min-height:100dvh;overflow:visible;padding-left:calc(10px + env(safe-area-inset-left,0px))}.assoc-res .assoc-chip:not(:last-child){display:none}.assoc-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(120,170,255,.28);padding:0}.assoc-tabs a{flex:none;padding:10px 12px;white-space:nowrap;font-size:.9rem}.assoc-tabs a::after{display:none}.assoc-tabs a.on{background:linear-gradient(180deg,rgba(120,190,255,.08),rgba(170,220,255,.45))}.assoc-pane{grid-column:1;grid-row:auto;overflow:visible}.assoc-thead{display:flex;flex-wrap:wrap;gap:4px 12px;padding:0 4px 6px}.assoc-thead span,.assoc-thead .assoc-th-name{padding-left:0}.assoc-thead button{font-size:.82rem}.assoc-row{grid-template-columns:44px minmax(0,1fr) auto auto}.assoc-row .assoc-num{display:none}.assoc-row .assoc-num.assoc-mem{display:block}.assoc-emblem{width:40px;height:40px}.assoc-list{overflow:visible}.assoc-bottom{flex-wrap:wrap}.assoc-search{flex:1 1 180px}.assoc-check{margin-left:0}.assoc-side{overflow:visible}}
@media(prefers-reduced-motion:reduce){.assoc-screen{animation:none}.assoc-back,.assoc-row{transition:none}}
/* Association tabs: icon-only rail (labels kept for screen readers and shown as tooltips) */
.assoc-screen{grid-template-columns:64px minmax(0,1fr) minmax(220px,270px)}.assoc-tabs{align-items:center;gap:10px;padding-top:6px}.assoc-tabs a{justify-content:center;width:48px;height:48px;padding:0;box-sizing:border-box;border:1px solid rgba(120,170,255,.25);border-radius:10px;background:rgba(25,45,90,.45)}.assoc-tabs a i{opacity:.85}.assoc-tabs a i svg{width:24px;height:24px}.assoc-tabs a::after{right:-13px}.assoc-tabs a.on{border-color:#cfe9ff;background:linear-gradient(135deg,rgba(120,190,255,.25),rgba(170,220,255,.55));box-shadow:0 0 12px rgba(150,210,255,.45)}.assoc-tabs a.on i{opacity:1}.assoc-tabs a:focus-visible{outline:2px solid #f1d08a;outline-offset:2px}.assoc-tab-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.assoc-count{position:absolute;top:-6px;right:-6px;min-width:16px;padding:0 4px;font-size:.62rem;line-height:16px;box-shadow:0 0 0 2px #0d1b3d}
@media(hover:hover){.assoc-tabs a:hover::before{content:attr(title);position:absolute;left:calc(100% + 16px);top:50%;z-index:40;transform:translateY(-50%);padding:5px 9px;white-space:nowrap;border:1px solid rgba(110,170,255,.45);background:rgba(8,18,42,.97);color:#dce8ff;font:600 .78rem system-ui,sans-serif;pointer-events:none}}
@media(max-height:480px) and (min-width:761px){.assoc-tabs{gap:6px}.assoc-tabs a{width:40px;height:40px;padding:0}.assoc-tabs a i svg{width:20px;height:20px}}
@media(max-width:760px){.assoc-screen{grid-template-columns:minmax(0,1fr)}.assoc-tabs{flex-direction:row;justify-content:flex-start;gap:8px;padding:2px 0 8px;overflow:visible}.assoc-tabs a{flex:none;width:44px;height:44px;padding:0}.assoc-tabs a.on{background:linear-gradient(135deg,rgba(120,190,255,.25),rgba(170,220,255,.55))}.assoc-tabs a:hover::before{display:none}}
/* Association: Guild details become a slide-out overlay that only opens when a Guild is selected */
.assoc-screen{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"top top" "tabs main"}.assoc-pane{grid-column:2/3}
.assoc-side{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(300px,86vw);box-sizing:border-box;padding:54px calc(14px + env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) 14px;overflow:auto;background:linear-gradient(180deg,rgba(13,27,61,.98),rgba(9,20,46,.98));border-left:1px solid rgba(120,170,255,.45);box-shadow:-16px 0 40px rgba(0,0,0,.55);transform:translateX(105%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}.assoc-side.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.assoc-side-close{position:absolute;top:10px;right:calc(12px + env(safe-area-inset-right,0px));display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(120,170,255,.5);border-radius:50%;background:rgba(25,45,90,.85);color:#dce8ff;font-size:1.35rem;line-height:1;text-decoration:none}.assoc-side-close:hover,.assoc-side-close:focus-visible{color:#fff;border-color:#f1d08a;outline:none;box-shadow:0 0 10px rgba(241,208,138,.45)}
.assoc-scrim{position:fixed;inset:0;z-index:55;background:rgba(3,8,20,.55);cursor:pointer;animation:assocFade .25s ease-out}.assoc-scrim[hidden]{display:none}@keyframes assocFade{from{opacity:0}}
@media(max-height:480px) and (min-width:761px){.assoc-side{padding-top:48px;width:min(270px,60vw)}}
@media(max-width:760px){.assoc-screen{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "tabs" "main"}.assoc-pane{grid-column:1}.assoc-side{overflow:auto}}
@media(prefers-reduced-motion:reduce){.assoc-side,.assoc-side.open{transition:none}.assoc-scrim{animation:none}}
/* ===== System Return Portal: secondary pages show no navigation bar; the Return button floats over the page and reserves no space ===== */
html:root body.in-game.sys-portal{padding-top:calc(12px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}
.sys-return{position:fixed;z-index:50;top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));display:grid;place-items:center;width:46px;height:46px;box-sizing:border-box;margin:0;border-radius:50%;color:#bdf3ff;text-decoration:none;background:radial-gradient(circle at 50% 38%,rgba(20,60,130,.62),rgba(5,8,22,.78) 72%);border:1px solid rgba(56,225,255,.55);box-shadow:inset 0 0 0 1px rgba(37,99,235,.35),0 0 12px rgba(56,225,255,.28),0 4px 12px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}
.sys-return-rune,.sys-return svg{display:block;width:26px;height:26px}.sys-return svg{transition:transform .35s ease}
.sys-return:hover{color:#fff;border-color:#38e1ff;box-shadow:inset 0 0 0 1px rgba(56,225,255,.4),0 0 20px rgba(56,225,255,.5),0 4px 12px rgba(0,0,0,.45)}.sys-return:hover svg{transform:rotate(-24deg)}
.sys-return:focus-visible{outline:2px solid #38e1ff;outline-offset:3px}
.sys-return:active,.sys-return[aria-busy="true"]{transform:scale(.92);border-color:#7df0ff;box-shadow:0 0 24px rgba(56,225,255,.65)}
.sys-portal-fx{position:fixed;z-index:49;top:calc(33px + env(safe-area-inset-top,0px));left:calc(33px + env(safe-area-inset-left,0px));width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(5,8,22,.2) 0,rgba(37,99,235,.45) 38%,rgba(56,225,255,.25) 48%,rgba(5,8,22,.97) 68%)}
.sys-returning .sys-portal-fx{animation:sysPortal .32s ease-in forwards}
@keyframes sysPortal{0%{opacity:0;transform:scale(1)}30%{opacity:1}100%{opacity:1;transform:scale(220)}}
.sys-battle-alert{position:fixed;z-index:48;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px))}.sys-battle-alert .dock-battle{position:static!important;margin:0!important}
@media (orientation:landscape) and (max-height:500px){html:root body.in-game.sys-portal{padding-top:calc(8px + env(safe-area-inset-top,0px))!important}.sys-return{top:calc(6px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));width:44px;height:44px}.sys-portal-fx{top:calc(28px + env(safe-area-inset-top,0px));left:calc(30px + env(safe-area-inset-left,0px))}}
@media (prefers-reduced-motion:reduce){.sys-return,.sys-return svg{transition:none}.sys-return:hover svg{transform:none}.sys-returning .sys-portal-fx{animation:none;opacity:0}}
body[data-reduced-motion="1"] .sys-return,body[data-reduced-motion="1"] .sys-return svg{transition:none}body[data-reduced-motion="1"] .sys-return:hover svg{transform:none}
/* ===== Player profile: Match History / Battlefield Statistics / Account as an icon-only left-docked bar ===== */
html:root .profile-main-tabs{position:fixed;z-index:45;left:calc(10px + env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%);display:flex!important;flex-direction:column;gap:8px;width:auto;margin:0!important;padding:8px 6px;overflow:visible!important;clip-path:none;border:1px solid rgba(56,225,255,.4);border-radius:14px;background:linear-gradient(180deg,rgba(10,28,64,.82),rgba(5,8,22,.86));box-shadow:0 0 16px rgba(56,225,255,.16),0 6px 18px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html:root .profile-main-tabs>a{position:relative;display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;min-width:0;padding:0;gap:0;box-sizing:border-box;border-radius:10px;border:1px solid rgba(56,225,255,.18);background:rgba(4,10,24,.55);color:#bdf3ff;text-align:center;box-shadow:none;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s}
html:root .profile-main-tabs>a>i{flex:none;width:30px;height:30px;border:0;background:none;color:inherit}
html:root .profile-main-tabs svg{width:22px;height:22px}
.profile-main-tabs .profile-tab-label{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html:root .profile-main-tabs>a:hover{border-color:rgba(56,225,255,.55);color:#fff}
html:root .profile-main-tabs>a:active{transform:scale(.94)}
html:root .profile-main-tabs>a:focus-visible{outline:2px solid #38e1ff;outline-offset:2px}
html:root .profile-main-tabs>a.on{border-color:#38e1ff;color:#fff;background:linear-gradient(135deg,rgba(56,225,255,.24),rgba(37,99,235,.22));box-shadow:0 0 14px rgba(56,225,255,.4),inset 0 0 0 1px rgba(56,225,255,.25)}
html:root .profile-main-tabs>a.on::before{content:"";position:absolute;left:-7px;top:10px;bottom:10px;width:3px;border-radius:2px;background:#38e1ff;box-shadow:0 0 8px #38e1ff}
@media (hover:hover){.profile-main-tabs>a::after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(-4px);padding:5px 9px;border:1px solid rgba(56,225,255,.4);background:rgba(5,10,26,.95);color:#e2f7ff;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s}.profile-main-tabs>a:hover::after,.profile-main-tabs>a:focus-visible::after{opacity:1;transform:translateY(-50%)}}
@media (max-width:1340px){html:root body:has(.profile-main-tabs) main.wrap{width:auto!important;max-width:1180px!important;margin-left:calc(74px + env(safe-area-inset-left,0px))!important;margin-right:calc(10px + env(safe-area-inset-right,0px))!important}}
@media (orientation:landscape) and (max-height:500px){html:root .profile-main-tabs{left:calc(8px + env(safe-area-inset-left,0px));gap:6px;padding:6px 5px}html:root .profile-main-tabs>a{width:44px;height:44px}html:root body:has(.profile-main-tabs) main.wrap{margin-left:calc(70px + env(safe-area-inset-left,0px))!important}}
@media (prefers-reduced-motion:reduce){html:root .profile-main-tabs>a,.profile-main-tabs>a::after{transition:none}}
body[data-reduced-motion="1"] .profile-main-tabs>a,body[data-reduced-motion="1"] .profile-main-tabs>a::after{transition:none}
/* ===== Mail (notifications.php): System / Inbox / Report Mail folders reuse the icon-only left dock ===== */
.mail-tabs>a .mail-tab-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#2563eb;border:1px solid #38e1ff;color:#fff;font:700 .58rem/16px system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 8px rgba(56,225,255,.55);pointer-events:none}
/* ===== Side rail v2: every left dock (Profile, Mail, Leaderboards, Quests, Settings, Guide) now looks like the Association rail; Return uses the Association gold arrow ===== */
html:root .profile-main-tabs{position:fixed;z-index:44;top:0;bottom:0;left:0;transform:none;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;width:calc(72px + env(safe-area-inset-left,0px));box-sizing:border-box;margin:0!important;padding:calc(70px + env(safe-area-inset-top,0px)) 0 calc(14px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px);overflow-x:visible!important;overflow-y:auto;clip-path:none;border:0;border-right:1px solid rgba(120,170,255,.28);border-radius:0;background:linear-gradient(180deg,rgba(6,14,34,.92),rgba(4,10,26,.82));box-shadow:4px 0 18px rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);scrollbar-width:none}
html:root .profile-main-tabs::-webkit-scrollbar{display:none}
html:root .profile-main-tabs::before,html:root .profile-main-tabs::after{display:none}
html:root .profile-main-tabs>a{position:relative;display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;padding:0;margin:0;box-sizing:border-box;border-radius:10px;border:1px solid rgba(120,170,255,.25);background:rgba(25,45,90,.45);color:#9cc4ff;box-shadow:none;transform:none;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
html:root .profile-main-tabs>a>i{display:grid;place-items:center;width:auto;height:auto;border:0;background:none;color:inherit;opacity:.85}
html:root .profile-main-tabs>a svg{width:24px;height:24px}
html:root .profile-main-tabs>a::before{content:"";position:absolute;left:auto;right:-15px;top:50%;bottom:auto;width:7px;height:7px;margin-top:-4px;border-radius:0;background:#3c6bb0;box-shadow:none;transform:rotate(45deg)}
html:root .profile-main-tabs>a:hover{color:#d9ecff;border-color:rgba(160,205,255,.55)}
html:root .profile-main-tabs>a:active{transform:scale(.95)}
html:root .profile-main-tabs>a:focus-visible{outline:2px solid #f1d08a;outline-offset:2px}
html:root .profile-main-tabs>a.on{color:#fff;border-color:#cfe9ff;background:linear-gradient(135deg,rgba(120,190,255,.25),rgba(170,220,255,.55));box-shadow:0 0 12px rgba(150,210,255,.45);text-shadow:0 1px 3px rgba(0,30,70,.8)}
html:root .profile-main-tabs>a.on>i{opacity:1}
html:root .profile-main-tabs>a.on::before{background:#cfe9ff;box-shadow:0 0 8px #9fd6ff}
html:root .profile-main-tabs>a::after{left:calc(100% + 22px);z-index:46;border-color:rgba(110,170,255,.45);background:rgba(8,18,42,.97);color:#dce8ff;font:600 .78rem system-ui,sans-serif;letter-spacing:0;text-transform:none}
html:root body:has(.profile-main-tabs) main.wrap{width:auto!important;max-width:1180px!important;margin-left:max(calc(86px + env(safe-area-inset-left,0px)),calc((100vw - 1180px) / 2))!important;margin-right:max(calc(10px + env(safe-area-inset-right,0px)),calc((100vw - 1180px) / 2 - 86px))!important}
.sys-return{top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));width:52px;height:44px;border-radius:10px;border:0;color:#f1d08a;background:rgba(6,14,34,.55);box-shadow:none;filter:drop-shadow(0 0 6px rgba(241,208,138,.35));transition:transform .15s,color .15s,background .15s}
.sys-return-rune,.sys-return svg{width:40px;height:29px}
.sys-return svg{transition:none}
body:has(.profile-main-tabs) .sys-return{background:none}
.sys-return:hover,.sys-return:focus-visible{color:#fff3cf;border:0;box-shadow:none;transform:translateX(-3px)}
.sys-return:hover svg{transform:none}
.sys-return:focus-visible{outline:2px solid #f1d08a;outline-offset:2px}
.sys-return:active,.sys-return[aria-busy="true"]{transform:scale(.93);color:#fff3cf;border:0;box-shadow:none}
@media (max-width:640px),(max-height:500px) and (orientation:landscape){html:root .profile-main-tabs{width:calc(62px + env(safe-area-inset-left,0px));gap:7px;padding-top:calc(60px + env(safe-area-inset-top,0px))}html:root .profile-main-tabs>a{width:42px;height:42px}html:root .profile-main-tabs>a svg{width:21px;height:21px}html:root .profile-main-tabs>a::before{right:-14px}html:root body:has(.profile-main-tabs) main.wrap{margin-left:calc(70px + env(safe-area-inset-left,0px))!important;margin-right:calc(8px + env(safe-area-inset-right,0px))!important}.sys-return{top:calc(6px + env(safe-area-inset-top,0px));left:calc(5px + env(safe-area-inset-left,0px));width:52px;height:44px}.sys-return-rune,.sys-return svg{width:36px;height:26px}}
@media (hover:none){html:root .profile-main-tabs>a::after{display:none}}
@media (prefers-reduced-motion:reduce){html:root .profile-main-tabs>a,.sys-return{transition:none}.sys-return:hover,.sys-return:focus-visible{transform:none}}
body[data-reduced-motion="1"] .profile-main-tabs>a,body[data-reduced-motion="1"] .sys-return{transition:none}
body[data-reduced-motion="1"] .sys-return:hover,body[data-reduced-motion="1"] .sys-return:focus-visible{transform:none}
/* ===== Return v3: Solo Leveling System blue arrow + System-window label (also the Association back arrow and the dock name labels) ===== */
.sys-return,.assoc-back{color:#5fe8ff;filter:drop-shadow(0 0 4px rgba(56,225,255,.75)) drop-shadow(0 0 10px rgba(37,99,235,.55))}
.sys-return:hover,.sys-return:focus-visible,.assoc-back:hover,.assoc-back:focus-visible{color:#e6fbff;filter:drop-shadow(0 0 6px rgba(56,225,255,.95)) drop-shadow(0 0 16px rgba(37,99,235,.7))}
.sys-return:active,.sys-return[aria-busy="true"]{color:#e6fbff}
.sys-return:focus-visible,.assoc-back:focus-visible{outline:2px solid #38e1ff;outline-offset:2px}
.sys-return::after{content:"RETURN";position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(-4px);padding:4px 10px;border:1px solid rgba(56,225,255,.6);background:linear-gradient(180deg,rgba(10,30,70,.95),rgba(4,10,26,.95));color:#c9f6ff;font:700 .66rem/1.2 system-ui,sans-serif;letter-spacing:.22em;text-shadow:0 0 6px rgba(56,225,255,.8);box-shadow:0 0 10px rgba(56,225,255,.35),inset 0 0 8px rgba(37,99,235,.35);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s}
.sys-return:hover::after,.sys-return:focus-visible::after{opacity:1;transform:translateY(-50%)}
html:root .profile-main-tabs>a::after,.assoc-tabs a:hover::before{border-color:rgba(56,225,255,.6);background:linear-gradient(180deg,rgba(10,30,70,.95),rgba(4,10,26,.95));color:#c9f6ff;font:700 .66rem/1.2 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 6px rgba(56,225,255,.8);box-shadow:0 0 10px rgba(56,225,255,.35),inset 0 0 8px rgba(37,99,235,.35)}
html:root .profile-main-tabs>a:focus-visible{outline-color:#38e1ff}
@media (hover:none){.sys-return::after{display:none}}
@media (prefers-reduced-motion:reduce){.sys-return::after{transition:none}}
body[data-reduced-motion="1"] .sys-return::after{transition:none}
/* Step 203: HUD secondary links are empty once Arena moved to the dock; Hero panel inside My Profile */
.hud-links:empty{display:none}
.profile-hero-panel{scroll-margin-top:72px}
.dock a i .sli{width:1.15em;height:1.15em;vertical-align:-.15em}
/* Step 204: no text selection in the game UI. Typing fields stay usable; System Authority (admin) pages stay selectable for copying review links. */
html,body,body *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
img,svg,a{-webkit-user-drag:none;user-drag:none}
input,textarea,select,[contenteditable="true"],[contenteditable=""],.selectable,.selectable *,.admin,.admin *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}
input[type="button"],input[type="submit"],input[type="reset"],input[type="checkbox"],input[type="radio"],input[type="range"],input[type="color"],input[type="file"]{-webkit-user-select:none;user-select:none}
/* Step 205: one combined Player Profile header (character shown once) */
.player-profile-identity .profile-hero-extras{display:grid;gap:12px;margin-top:14px;max-width:460px}
.profile-hero-extras .chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.profile-hero-extras .title-tag{margin:0}
.profile-hero-extras .attr-bars{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.profile-hero-panel>.hero-frame{display:none}
@media(max-width:600px){.player-profile-identity .profile-hero-extras{margin-left:auto;margin-right:auto;width:100%}.profile-hero-extras .chips{justify-content:center}}
/* Step 206: no empty gap above main on phones. The HUD's second row (old link bar) is empty, so it collapses to one row and main starts right under it, centred. */
@media (max-width:820px),(orientation:landscape) and (max-height:620px){
html:root .hud:has(.hud-links:empty){height:auto!important;min-height:52px;grid-template-rows:auto!important;row-gap:0!important;padding-bottom:4px!important}
html:root body.in-game:not(.sys-portal):not(.page-association):not(.page-battle){padding-top:calc(var(--hud-h,60px) + 8px)!important}
html:root body.in-game main.wrap{margin-top:0!important;margin-left:auto;margin-right:auto;padding-top:0!important}
html:root body.in-game main.wrap>:first-child{margin-top:0!important}
html:root .toasts{top:calc(var(--hud-h,60px) + 8px)!important}}
/* Step 207: Rank trial console (game HUD style) */
.trial-console{position:relative;overflow:hidden;display:grid;gap:14px;padding:18px;border:1px solid rgba(56,225,255,.35);background:radial-gradient(circle at 0 0,rgba(56,225,255,.12),transparent 40%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.14),transparent 45%),linear-gradient(160deg,rgba(8,18,44,.97),rgba(3,6,16,.98));box-shadow:0 0 28px rgba(56,225,255,.12),inset 0 0 0 1px rgba(255,255,255,.03)}
.trial-console::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(56,225,255,.035) 0 1px,transparent 1px 4px);opacity:.6}
.trial-console>*{position:relative}
.tc-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.tc-title h2{margin:2px 0 0;font-size:1.35rem;letter-spacing:.18em;color:#fff;text-shadow:0 0 14px rgba(56,225,255,.55)}
.tc-gate{display:flex;align-items:center;gap:10px}.tc-gate .rank-badge{transform:scale(1.15)}
.tc-gate>i{position:relative;width:54px;height:2px;background:linear-gradient(90deg,rgba(56,225,255,.2),var(--cyan));box-shadow:0 0 8px var(--cyan)}
.tc-gate>i::after{content:"";position:absolute;right:-2px;top:-4px;width:8px;height:8px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);transform:rotate(45deg)}
.tc-state{justify-self:end;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(56,225,255,.35);background:rgba(4,12,30,.75);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.tc-state b{font-size:.74rem;letter-spacing:.14em;color:var(--cyan)}.tc-state small{grid-column:2;color:var(--muted);font-size:.66rem}
.tc-pulse{grid-row:span 2;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:tcPulse 1.6s ease-in-out infinite}
.phase-ready .tc-state{border-color:rgba(52,211,153,.55)}.phase-ready .tc-state b{color:var(--green)}.phase-ready .tc-pulse{background:var(--green);box-shadow:0 0 10px var(--green)}
.phase-review .tc-state{border-color:rgba(251,191,36,.55)}.phase-review .tc-state b{color:var(--gold)}.phase-review .tc-pulse{background:var(--gold);box-shadow:0 0 10px var(--gold)}
.phase-review{border-color:rgba(251,191,36,.4)}
@keyframes tcPulse{50%{transform:scale(.6);opacity:.5}}
.tc-progress{display:grid;gap:6px}.tc-progress>div{height:10px;border:1px solid rgba(56,225,255,.35);background:rgba(2,6,18,.8);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.tc-progress>div>span{display:block;height:100%;width:var(--pct);background:repeating-linear-gradient(90deg,var(--cyan) 0 14px,rgba(56,225,255,.55) 14px 16px);box-shadow:0 0 12px var(--cyan);transition:width .6s}
.phase-ready .tc-progress>div>span{background:repeating-linear-gradient(90deg,var(--green) 0 14px,rgba(52,211,153,.55) 14px 16px);box-shadow:0 0 12px var(--green)}
.tc-progress small{font-size:.66rem;letter-spacing:.14em;color:var(--muted)}.tc-progress b{color:#fff}
.tc-objectives{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.tc-objectives li{display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(148,163,184,.22);background:rgba(4,10,24,.6)}
.tc-objectives li i{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(148,163,184,.15);color:#94a3b8}
.tc-objectives li i .sli{width:17px;height:17px}.tc-objectives li b{font-size:.72rem;line-height:1.2;color:#e2e8f0}.tc-objectives li small{font-size:.58rem;letter-spacing:.14em;color:var(--muted)}
.tc-objectives li.done{border-color:rgba(52,211,153,.45);background:rgba(6,40,30,.45)}.tc-objectives li.done i{background:rgba(52,211,153,.2);color:var(--green);box-shadow:0 0 10px rgba(52,211,153,.35)}.tc-objectives li.done small{color:var(--green)}
.tc-objectives li.open{border-color:rgba(56,225,255,.4)}.tc-objectives li.open i{background:rgba(56,225,255,.16);color:var(--cyan)}.tc-objectives li.open small{color:var(--cyan)}
.tc-objectives li.active{border-color:rgba(251,191,36,.55);background:rgba(60,40,0,.35)}.tc-objectives li.active i{background:rgba(251,191,36,.2);color:var(--gold);animation:tcPulse 1.8s ease-in-out infinite}.tc-objectives li.active small{color:var(--gold)}
.tc-objectives li.locked{opacity:.6}
.tc-review{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding:16px;border:1px solid rgba(251,191,36,.35);background:linear-gradient(120deg,rgba(60,40,0,.3),rgba(4,8,20,.6))}
.tc-review h3{margin:2px 0 6px;color:#fff;font-size:1.1rem}.tc-review p{margin:0 0 10px;color:#cbd5e1;font-size:.86rem}
.tc-seal{position:relative;width:110px;height:110px;display:grid;place-items:center;color:var(--gold)}
.tc-seal i,.tc-seal em{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(251,191,36,.55);animation:tcSpin 9s linear infinite}
.tc-seal em{inset:14px;border:1px solid rgba(251,191,36,.4);border-top-color:var(--gold);box-shadow:0 0 18px rgba(251,191,36,.35);animation-duration:2.4s;animation-direction:reverse}
.tc-seal .sli{width:38px;height:38px;filter:drop-shadow(0 0 8px var(--gold))}
@keyframes tcSpin{to{transform:rotate(360deg)}}
.tc-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tc-timeline li{display:grid;justify-items:center;text-align:center;gap:2px;padding:8px 4px;border-top:2px solid rgba(148,163,184,.3);color:var(--muted)}
.tc-timeline li i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid currentColor}.tc-timeline li i .sli{width:15px;height:15px}
.tc-timeline li b{font-size:.7rem;color:#e2e8f0}.tc-timeline li small{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}
.tc-timeline li.done{border-color:var(--green);color:var(--green)}.tc-timeline li.active{border-color:var(--gold);color:var(--gold)}.tc-timeline li.active i{animation:tcPulse 1.6s ease-in-out infinite}
.tc-locker{border:1px solid rgba(56,225,255,.28);background:rgba(3,8,20,.7)}
.tc-locker>header{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid rgba(56,225,255,.2);color:var(--cyan);font-size:.72rem;letter-spacing:.14em}.tc-locker>header small{margin-left:auto;color:var(--muted);letter-spacing:.04em}
.tc-loot{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:10px}
.tc-loot article{display:grid;gap:3px;align-content:start;padding:10px;border:1px solid rgba(148,163,184,.2);background:rgba(6,14,34,.7);min-width:0}
.tc-loot article.wide{grid-column:span 2}
.tc-loot article>i{color:var(--cyan)}.tc-loot article>i .sli{width:18px;height:18px}
.tc-loot small{font-size:.6rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.tc-loot b{font-size:1.3rem;color:#fff}.tc-loot span{font-size:.68rem;color:#94a3b8}
.tc-loot article.met{border-color:rgba(52,211,153,.4)}.tc-loot article.met b{color:var(--green)}
.tc-loot a,.tc-current a{color:var(--cyan);font-weight:700}
.tc-url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;color:#7f93b8;-webkit-user-select:text;user-select:text}
.tc-id-status{font-style:normal;font-size:.66rem;letter-spacing:.06em;padding:2px 7px;border:1px solid rgba(148,163,184,.35);color:#cbd5e1;justify-self:start}
.tc-id-status.st-verified{border-color:var(--green);color:var(--green)}.tc-id-status.st-pending{border-color:var(--gold);color:var(--gold)}.tc-id-status.st-rejected,.tc-id-status.st-expired{border-color:var(--red);color:var(--red)}
.tc-ready{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(52,211,153,.5);background:linear-gradient(90deg,rgba(6,60,40,.45),rgba(4,10,24,.4));box-shadow:0 0 16px rgba(52,211,153,.15)}
.tc-ready>i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(52,211,153,.25);color:var(--green)}
.tc-ready b{display:block;color:var(--green);letter-spacing:.1em;font-size:.8rem;text-transform:uppercase}.tc-ready span{font-size:.8rem;color:#cbd5e1}
.trial-console .tc-mission{border:1px solid rgba(56,225,255,.25);background:rgba(4,10,24,.65);padding:0}
.trial-console .tc-mission>summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:11px 14px;cursor:pointer;list-style:none;font-weight:700;letter-spacing:.06em;color:#e2f7ff}
.trial-console .tc-mission>summary::-webkit-details-marker{display:none}
.trial-console .tc-mission>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(45deg);transition:transform .2s}
.trial-console .tc-mission[open]>summary::after{transform:rotate(-135deg)}
.trial-console .tc-mission>summary small{flex-basis:100%;font-weight:400;color:var(--muted);font-size:.7rem}
.trial-console .tc-mission>:not(summary){margin:0 14px 12px}
.tc-chip{font-style:normal;font-size:.58rem;letter-spacing:.14em;padding:3px 7px;border:1px solid var(--cyan);color:var(--cyan)}
.tc-mission.cleared{border-color:rgba(52,211,153,.35)}.tc-mission.cleared .tc-chip{border-color:var(--green);color:var(--green);background:rgba(52,211,153,.1)}
.tc-intel{border-left:2px solid rgba(56,225,255,.35);padding:4px 10px;background:rgba(56,225,255,.04)}.tc-intel>summary{cursor:pointer;color:var(--cyan);font-size:.74rem}.tc-intel ul{margin:6px 0 2px;padding-left:18px;font-size:.76rem;color:#b6c3dc}
.tc-id-line{font-size:.8rem;color:#cbd5e1}
.tc-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tc-submit{padding:12px 22px;letter-spacing:.14em;font-weight:800}
.phase-ready .tc-submit{border-color:var(--green);color:#03140d;background:linear-gradient(90deg,#34d399,#38e1ff);box-shadow:0 0 18px rgba(52,211,153,.45);animation:tcGlow 2s ease-in-out infinite}
.tc-submit:disabled{opacity:.5;cursor:not-allowed}
@keyframes tcGlow{50%{box-shadow:0 0 30px rgba(52,211,153,.75)}}
body[data-reduced-motion="1"] .trial-console *,body[data-reduced-motion="1"] .trial-console *::before,body[data-reduced-motion="1"] .trial-console *::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.trial-console *,.trial-console *::before,.trial-console *::after{animation:none!important}}
@media(max-width:700px){.tc-head{grid-template-columns:1fr auto}.tc-state{grid-column:1/-1;justify-self:stretch}.tc-review{grid-template-columns:1fr;justify-items:center;text-align:center}.tc-seal{width:90px;height:90px}.tc-loot article.wide{grid-column:1/-1}.tc-objectives{grid-template-columns:1fr 1fr}.tc-actions .btn{width:100%}.tc-actions form{flex:1 1 100%}}
/* Step 208: Assessment header Hunter-status chip (replaces the stretched UNASSESSED box) */
.assessment-game-hero>header{align-items:flex-start}
.assessment-game-hero>header>span.assess-state{--st:#94a3b8;flex:0 0 auto;align-self:flex-start;display:grid!important;grid-template-columns:30px auto;grid-template-rows:auto auto auto;column-gap:9px;align-items:center;min-width:150px;padding:8px 13px 8px 9px!important;border:1px solid color-mix(in srgb,var(--st) 55%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--st) 16%,transparent),rgba(3,7,20,.75))!important;color:var(--st)!important;box-shadow:0 0 14px color-mix(in srgb,var(--st) 22%,transparent)!important;font-size:inherit!important;font-weight:400!important;line-height:1.15;white-space:nowrap;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.assess-state>i{grid-row:1/4;display:grid;place-items:center;width:30px;height:30px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:color-mix(in srgb,var(--st) 22%,transparent);color:var(--st)}
.assess-state>i .sli{width:15px;height:15px}
.assess-state>small{font-size:.5rem;letter-spacing:.18em;color:#7f93b8}
.assess-state>b{font-size:.78rem;letter-spacing:.16em;font-weight:900;color:var(--st);text-shadow:0 0 10px color-mix(in srgb,var(--st) 50%,transparent)}
.assess-state>em{font-style:normal;font-size:.6rem;color:#cbd5e1;letter-spacing:.04em}
.assess-state.st-none{--st:#94a3b8}.assess-state.st-trial{--st:#38e1ff}.assess-state.st-review{--st:#fbbf24}.assess-state.st-verified{--st:#34d399}
.assess-state.st-review>i,.assess-state.st-trial>i{animation:tcPulse 2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.assess-state>i{animation:none!important}}
body[data-reduced-motion="1"] .assess-state>i{animation:none!important}
@media(max-width:600px){.assessment-game-hero>header{flex-direction:column;gap:10px}.assessment-game-hero>header>span.assess-state{min-width:0}}
/* Step 209: start-up gate (loading screen) redesign, fits phones in portrait and landscape */
.gate{z-index:2147483600;overflow:hidden;box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 45%,rgba(37,99,235,.3),transparent 60%),radial-gradient(circle at 50% 50%,#0a1230,#02040c 78%);cursor:pointer}
.gate.show{display:grid;place-items:center;animation:gateExit .5s cubic-bezier(.6,0,.8,.3) 1.8s forwards}
@keyframes gateExit{to{opacity:0;visibility:hidden;transform:scale(1.12);filter:blur(6px)}}
.gate-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(56,225,255,.05) 0 1px,transparent 1px 3px)}
.gate-scan::after{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(180deg,transparent,rgba(56,225,255,.14),transparent);animation:gateSweep 1.7s linear infinite}
@keyframes gateSweep{to{top:100%}}
.gate-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,3vmin,24px);max-width:100%;max-height:100%}
.gate-core{position:relative;flex:none;aspect-ratio:1/1;width:clamp(100px,min(54vw,34vh),220px);width:clamp(100px,min(54vw,34dvh),220px)}
.gate .gate-core svg{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 0 16px rgba(56,225,255,.55));animation:gateIn .8s cubic-bezier(.2,.9,.3,1.25) both}
@keyframes gateIn{from{opacity:0;transform:scale(.4) rotate(-90deg)}}
.gate-core::before{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(56,225,255,.5),rgba(37,99,235,.15) 55%,transparent 72%);animation:gateCore 1.1s ease-in-out infinite alternate}
@keyframes gateCore{from{transform:scale(.85);opacity:.6}to{transform:scale(1.15);opacity:1}}
.gate-wave{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(56,225,255,.7);opacity:0;animation:gateWave 1.6s ease-out .4s infinite}
.gate-wave.w2{animation-delay:1.2s;border-color:rgba(139,92,246,.7)}
@keyframes gateWave{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.gate-info{display:grid;justify-items:center;gap:clamp(5px,1.4vmin,10px);width:min(320px,82vw);text-align:center}
.gate-kicker{margin:0;font-size:clamp(.55rem,1.7vmin,.72rem);letter-spacing:.34em;color:var(--muted);white-space:nowrap;animation:gateRise .5s ease .2s both}
.gate .gate-text{margin:0;padding-left:.3em;font-size:clamp(1rem,4.4vmin,1.6rem);line-height:1.1;letter-spacing:.3em;white-space:nowrap;animation:gateType .8s steps(13) .35s both,pulse 1s 1.2s infinite}
@keyframes gateType{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes gateRise{from{opacity:0;transform:translateY(8px)}}
.gate-bar{width:100%;height:5px;border-radius:5px;overflow:hidden;background:rgba(56,225,255,.1);box-shadow:inset 0 0 0 1px rgba(56,225,255,.3)}
.gate-bar>i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#2563eb,var(--cyan),#fff);box-shadow:0 0 12px var(--cyan);animation:gateLoad 1.5s cubic-bezier(.45,0,.2,1) .25s forwards}
@keyframes gateLoad{60%{transform:scaleX(.72)}to{transform:scaleX(1)}}
.gate-log{position:relative;width:100%;height:1.4em;margin:0;font-size:clamp(.58rem,1.8vmin,.74rem);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.gate-log>span{position:absolute;inset:0;white-space:nowrap;opacity:0}
.gate-log>span:nth-child(1){animation:gateBlink .55s ease .3s both}
.gate-log>span:nth-child(2){animation:gateBlink .55s ease .85s both}
.gate-log>span:nth-child(3){color:#fff;text-shadow:0 0 10px var(--cyan);animation:gateRise .4s ease 1.4s both;opacity:1}
@keyframes gateBlink{0%{opacity:0;transform:translateY(6px)}30%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
.gate-skip{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:.6}
@media (orientation:landscape) and (max-height:620px){.gate-stage{flex-direction:row;gap:clamp(16px,5vw,44px)}.gate-core{width:clamp(84px,52vh,200px);width:clamp(84px,52dvh,200px)}.gate-info{justify-items:start;text-align:left;width:min(320px,48vw)}.gate .gate-text{padding-left:0;font-size:clamp(.95rem,6vh,1.5rem)}.gate-kicker,.gate-log{font-size:clamp(.52rem,2.8vh,.7rem)}}
@media (max-height:300px){.gate-skip,.gate-kicker{display:none}}
@media (prefers-reduced-motion:reduce){.gate *,.gate *::before,.gate *::after{animation:none!important}.gate-bar>i{transform:none}.gate-log>span{opacity:0}.gate-log>span:nth-child(3){opacity:1}}
/* Step 211: smaller double-chevron return icon on every page */
.sys-return{width:40px;height:36px}
.sys-return svg.ret-ico,.assoc-back svg.ret-ico,.gate-back svg.ret-ico{display:block;width:22px;height:22px;overflow:visible;transform:none}
.assoc-back{width:40px;height:36px}
.gate-back{display:inline-grid;place-items:center;width:36px;height:36px;color:#5fe8ff;filter:drop-shadow(0 0 4px rgba(56,225,255,.75))}
.ret-ico .ret-trail{opacity:.45;animation:retTrail 1.8s ease-in-out infinite}
.ret-ico .ret-head{animation:retHead 1.8s ease-in-out infinite}
@keyframes retTrail{0%,100%{transform:translateX(0);opacity:.45}50%{transform:translateX(-2px);opacity:.8}}
@keyframes retHead{0%,100%{transform:translateX(0)}50%{transform:translateX(-2.5px)}}
.sys-return:hover .ret-ico,.assoc-back:hover .ret-ico,.gate-back:hover .ret-ico{transform:translateX(-2px)}
@media(max-width:600px),(orientation:landscape) and (max-height:620px){.sys-return,.assoc-back{width:38px;height:34px}.sys-return svg.ret-ico,.assoc-back svg.ret-ico,.gate-back svg.ret-ico{width:20px;height:20px}}
@media (prefers-reduced-motion:reduce){.ret-ico path{animation:none!important}}
body[data-reduced-motion="1"] .ret-ico path{animation:none!important}
/* Step 213: compact top HUD and bottom dock; all dock icons share one size, colour and alignment */
html:root .hud{height:48px;gap:10px;padding-left:12px;padding-right:12px}
html:root .hud .hud-id{gap:6px;font-size:.86rem}
html:root .hud .lv{font-size:.8rem}
html:root .hud .xpbar{height:7px}
html:root .hud .xp-num{font-size:.7rem}
html:root .hud .hud-actions{gap:4px!important;padding-left:6px}
html:root .hud .hud-actions .icon-btn{width:32px!important;min-width:32px!important;height:32px!important;border-radius:8px}
html:root .hud .hud-actions .sli{width:16px;height:16px}
html:root body .dock{gap:2px;padding:3px 4px;border-radius:14px}
html:root body .dock a{min-width:58px;padding:4px 6px;gap:2px;border-radius:9px;font-size:.6rem;letter-spacing:.05em}
html:root body .dock a>i{display:grid!important;place-items:center;width:20px;height:20px;font-size:17px!important;line-height:1!important;font-style:normal;font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",system-ui,sans-serif;font-variant-emoji:text;color:inherit}
html:root body .dock a>i .sli{display:block;width:17px!important;height:17px!important;vertical-align:0!important;color:inherit;stroke-width:2;filter:none!important}
html:root body .dock a.on>i .sli{filter:drop-shadow(0 0 6px currentColor)!important}
html:root body .dock .floating-battle-button>i{width:38px;height:38px;margin-top:-14px}
html:root body .dock .floating-battle-button .sli{width:19px;height:19px}
html:root body .dock .floating-battle-button>span b{font-size:.52rem}
@media(max-width:820px){html:root .hud{min-height:44px!important;height:auto!important;padding:3px 8px 3px!important;gap:3px 8px!important;grid-template-rows:auto!important}
html:root .hud .hud-actions .icon-btn{width:29px!important;min-width:29px!important;height:29px!important}
html:root .hud .hud-actions .sli{width:15px;height:15px}
html:root body .dock{padding:2px 3px calc(2px + env(safe-area-inset-bottom,0px))!important;border-radius:0}
html:root body .dock a{padding:3px 2px!important}
html:root body .dock a span{font-size:.54rem!important;letter-spacing:.03em!important;line-height:1.1!important}
html:root body.in-game.page-dashboard{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))!important}}
@media(orientation:landscape) and (max-height:620px){html:root .hud{min-height:38px!important;padding-top:2px!important;padding-bottom:2px!important}
html:root .hud .hud-actions .icon-btn{width:27px!important;min-width:27px!important;height:27px!important}
html:root body .dock a{padding:2px 2px!important}
html:root body .dock a>i{width:17px;height:17px;font-size:15px!important}
html:root body .dock a>i .sli{width:15px!important;height:15px!important}
html:root body .dock a span{font-size:.5rem!important}
html:root body .dock .floating-battle-button>i{width:32px;height:32px;margin-top:-10px}
html:root body .dock .floating-battle-button .sli{width:17px;height:17px}
html:root body.in-game.page-dashboard{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))!important}}
/* Step 214: profile identity chips removed; level shown as a compact tag beside the player code */
.profile-code-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0}
.profile-level-tag{display:inline-flex;align-items:baseline;gap:3px;padding:2px 8px;border:1px solid rgba(251,191,36,.45);border-radius:6px;background:rgba(251,191,36,.08);color:var(--gold);line-height:1.2}
.profile-level-tag small{font-size:.55rem;letter-spacing:.12em;font-weight:800}
.profile-level-tag b{font-size:.85rem}
.profile-assessment.assessed .rank-badge{margin-left:4px;vertical-align:middle}
/* Step 215: bottom dock matches the top bar: flat icons and labels, no glow; active tab = soft fill + cyan underline */
html:root body .dock{box-shadow:none!important}
html:root body .dock a,html:root body .dock a.on,html:root body .dock a:hover,html:root body .dock a span{text-shadow:none!important}
html:root body .dock a>i,html:root body .dock a>i .sli,html:root body .dock a.on>i .sli{filter:none!important;text-shadow:none!important}
html:root body .dock a.on{color:var(--cyan);background:linear-gradient(180deg,rgba(56,225,255,.16),rgba(37,99,235,.1));box-shadow:inset 0 -2px 0 var(--cyan)!important}
html:root body .dock a.glow{animation:none!important;color:#c4b5fd;text-shadow:none!important}
html:root body .dock .floating-battle-button,html:root body .dock .floating-battle-button>span b{text-shadow:none!important;filter:none!important}
html:root body .dock .floating-battle-button>i{box-shadow:0 0 0 3px rgba(5,8,22,.97)!important}
html:root body .dock .floating-battle-button:hover>i,html:root body .dock .floating-battle-button:focus-visible>i{border-color:#fff;box-shadow:0 0 0 3px rgba(5,8,22,.97)!important}
html:root body .dock .floating-battle-button.is-searching>i,html:root body .dock .floating-battle-button.is-active>i,html:root body .dock .floating-battle-button.is-live>i{box-shadow:0 0 0 3px rgba(5,8,22,.97)!important}
/* ===== Compact left rails: every left dock (Profile, Mail, Leaderboards, Quests, Settings, Guide) and the Association rail are smaller ===== */
html:root .profile-main-tabs{width:calc(56px + env(safe-area-inset-left,0px))!important;gap:7px!important;padding-top:calc(62px + env(safe-area-inset-top,0px))!important}
html:root .profile-main-tabs>a{width:38px!important;height:38px!important;border-radius:9px!important}
html:root .profile-main-tabs>a svg{width:18px!important;height:18px!important}
html:root .profile-main-tabs>a::before{right:-12px!important;width:6px!important;height:6px!important;margin-top:-3px!important}
html:root .profile-main-tabs>a::after{left:calc(100% + 16px)!important}
html:root body:has(.profile-main-tabs) main.wrap{margin-left:max(calc(68px + env(safe-area-inset-left,0px)),calc((100vw - 1180px) / 2))!important}
html:root .assoc-tabs a{width:38px!important;height:38px!important;border-radius:9px!important}
html:root .assoc-tabs a i svg{width:18px!important;height:18px!important}
@media (min-width:761px){html:root .assoc-screen{grid-template-columns:52px minmax(0,1fr)!important}html:root .assoc-tabs{gap:7px!important}}
@media (max-width:640px),(max-height:500px) and (orientation:landscape){html:root .profile-main-tabs{width:calc(48px + env(safe-area-inset-left,0px))!important;gap:6px!important;padding-top:calc(56px + env(safe-area-inset-top,0px))!important}html:root .profile-main-tabs>a{width:34px!important;height:34px!important;border-radius:8px!important}html:root .profile-main-tabs>a svg{width:16px!important;height:16px!important}html:root .profile-main-tabs>a::before{right:-10px!important}html:root body:has(.profile-main-tabs) main.wrap{margin-left:calc(56px + env(safe-area-inset-left,0px))!important}html:root .assoc-tabs a{width:34px!important;height:34px!important}html:root .assoc-tabs a i svg{width:16px!important;height:16px!important}}
/* ===== Quest Done: System training panel with stat + EXP progress bars (no confirmation, closes by itself) ===== */
.qg-panel{position:fixed;z-index:2147483000;left:50%;top:calc(16vh + env(safe-area-inset-top,0px));transform:translateX(-50%);width:min(380px,calc(100vw - 24px));cursor:pointer;animation:qgIn .45s cubic-bezier(.22,1,.36,1) both}
.qg-panel.is-out{animation:qgOut .4s ease-in forwards}
.qg-card{position:relative;overflow:hidden;padding:14px 16px 12px;border:1px solid rgba(56,225,255,.65);background:linear-gradient(180deg,rgba(8,22,52,.96),rgba(3,9,24,.96));box-shadow:inset 0 0 0 1px rgba(56,225,255,.12),0 0 26px rgba(56,225,255,.35),0 18px 40px rgba(0,0,0,.55);color:#dcefff;font-family:system-ui,sans-serif;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.qg-card::before,.qg-card::after{content:"";position:absolute;width:16px;height:16px;border:2px solid #5fe8ff;pointer-events:none}
.qg-card::before{top:4px;right:4px;border-left:0;border-bottom:0}
.qg-card::after{bottom:4px;left:4px;border-right:0;border-top:0}
.qg-scan{position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(180deg,transparent,rgba(95,232,255,.16),transparent);animation:qgScan 1.6s linear .2s 2;pointer-events:none}
.qg-head{display:grid;gap:2px;margin-bottom:8px;text-align:center}
.qg-head small{color:#5fe8ff;font:700 .64rem/1.2 system-ui,sans-serif;letter-spacing:.24em;text-shadow:0 0 8px rgba(56,225,255,.8)}
.qg-head b{font:800 1.1rem/1.2 Georgia,serif;letter-spacing:.04em;color:#fff;text-shadow:0 0 10px rgba(150,220,255,.6)}
.qg-head em{font-style:normal;color:#9cc4ff;font-size:.78rem}
.qg-row{margin-top:9px}
.qg-top{display:flex;align-items:baseline;gap:8px;font-size:.78rem}
.qg-name{letter-spacing:.18em;font-weight:700;color:#9cc4ff}
.qg-val{position:relative;color:#fff;font-weight:800}
.qg-gain{margin-left:auto;font-style:normal;font-weight:800;color:#5fe8ff;text-shadow:0 0 6px rgba(56,225,255,.7)}
.qg-exp .qg-gain{color:#f1d08a;text-shadow:0 0 6px rgba(241,208,138,.7)}
.qg-bar{position:relative;height:10px;margin:5px 3px 0;border:1px solid rgba(95,232,255,.45);background:rgba(4,12,30,.9);overflow:hidden;transform:skewX(-18deg)}
.qg-bar>i{position:absolute;top:0;bottom:0;left:0;width:0;background:rgba(95,232,255,.16)}
.qg-bar>span{position:absolute;top:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,#1d6fff,#38e1ff 70%,#e6fbff);box-shadow:0 0 12px rgba(56,225,255,.8)}
.qg-bar>span::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(3,9,24,.5) 10px 12px)}
.qg-exp .qg-bar{border-color:rgba(241,208,138,.5)}
.qg-exp .qg-bar>i{background:rgba(241,208,138,.14)}
.qg-exp .qg-bar>span{background:linear-gradient(90deg,#a8742a,#f1d08a 70%,#fff6dc);box-shadow:0 0 12px rgba(241,208,138,.75)}
.qg-row.is-up .qg-val::after{content:attr(data-up);position:absolute;left:calc(100% + 8px);bottom:0;white-space:nowrap;color:#fff;font-size:.62rem;letter-spacing:.16em;padding:1px 6px;border:1px solid #5fe8ff;background:rgba(29,111,255,.4);box-shadow:0 0 10px rgba(56,225,255,.7);animation:qgPop .5s cubic-bezier(.22,1,.36,1)}
.qg-exp.is-up .qg-val::after{border-color:#f1d08a;background:rgba(168,116,42,.45);box-shadow:0 0 10px rgba(241,208,138,.7)}
.qg-row.is-up .qg-bar{animation:qgFlash .6s ease-out}
.qg-note,.qg-extra{margin:8px 0 0;font-size:.74rem;color:#9cc4ff;text-align:center}
.qg-extra{color:#f1d08a}
@keyframes qgIn{from{opacity:0;transform:translateX(-50%) translateY(-12px) scaleY(.6)}}
@keyframes qgOut{to{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.96)}}
@keyframes qgScan{to{top:110%}}
@keyframes qgPop{from{opacity:0;transform:translateY(6px) scale(.8)}}
@keyframes qgFlash{30%{box-shadow:0 0 22px #5fe8ff;filter:brightness(1.8)}}
@media (orientation:landscape) and (max-height:620px){.qg-panel{top:calc(8px + env(safe-area-inset-top,0px));width:min(360px,calc(100vw - 24px))}.qg-card{padding:10px 14px 9px}.qg-head{margin-bottom:5px}.qg-row{margin-top:6px}}
@media (prefers-reduced-motion:reduce){.qg-panel,.qg-panel.is-out,.qg-scan,.qg-row.is-up .qg-bar,.qg-row.is-up .qg-val::after{animation:none}}
body[data-reduced-motion="1"] .qg-panel,body[data-reduced-motion="1"] .qg-scan,body[data-reduced-motion="1"] .qg-row.is-up .qg-bar,body[data-reduced-motion="1"] .qg-row.is-up .qg-val::after{animation:none}
/* ===== Secret Events: no result entry, CLEAR EVENT sits under the honesty line ===== */
html:root .seh-submit{display:flex!important;flex-direction:column;align-items:stretch;gap:10px}
html:root .seh-submit .seh-clear{width:100%}
/* ===== Step 220: Return = bare arrow only on every page (no box, no glow, no label) ===== */
html:root .sys-return,html:root .sys-return:hover,html:root .sys-return:focus,html:root .sys-return:focus-visible,html:root .sys-return:active,html:root .sys-return[aria-busy="true"],html:root body:has(.profile-main-tabs) .sys-return,html:root .assoc-back,html:root .assoc-back:hover,html:root .assoc-back:focus-visible,html:root .gate-back,html:root .gate-back:hover,html:root .gate-back:focus-visible{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;outline:0!important;text-shadow:none!important;-webkit-tap-highlight-color:transparent}
html:root .sys-return::before,html:root .sys-return::after,html:root .sys-return:hover::after,html:root .sys-return:focus-visible::after{content:none!important;display:none!important}
html:root .sys-return-rune{background:none!important;border:0!important;box-shadow:none!important;filter:none!important}
html:root .sys-return:focus-visible .ret-ico,html:root .assoc-back:focus-visible .ret-ico,html:root .gate-back:focus-visible .ret-ico{color:#e6fbff}
html:root .sys-portal-fx{display:none!important}
/* ===== Step 222: mobile polish for the loading screen (gate), start screen and login ===== */
html:root body.out-game{box-sizing:border-box;min-height:100vh;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 0 max(14px,env(safe-area-inset-bottom))}
html:root body.out-game .orient-hint{display:none!important}
html:root .title-screen{box-sizing:border-box;width:100%;min-height:calc(100vh - 28px);min-height:calc(100dvh - 28px);padding:10px max(16px,env(safe-area-inset-left)) 10px max(16px,env(safe-area-inset-right));gap:clamp(8px,2.2vh,14px)}
html:root .logo-ring svg{width:clamp(96px,min(42vw,26vh),180px);height:auto;aspect-ratio:1/1}
html:root .title-screen .logo{font-size:clamp(2.4rem,12vw,6rem);letter-spacing:.2em;padding-left:.2em}
html:root .title-screen .tagline{max-width:34ch;font-size:clamp(.7rem,2.9vw,.9rem);line-height:1.55;letter-spacing:.12em}
html:root .title-screen .cta{width:min(420px,100%);margin-top:4px}
html:root .title-screen .cta .btn{flex:1 1 160px;justify-content:center;text-align:center}
html:root .title-screen .icons-row{gap:10px 18px;margin-top:8px;font-size:.66rem;letter-spacing:.06em}
html:root .title-screen .icons-row i{font-size:1.25rem}
@media (max-width:480px){html:root .title-screen .icons-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(320px,100%)}}
html:root .card-sm{box-sizing:border-box;width:min(440px,calc(100vw - 24px));margin:clamp(12px,7vh,64px) auto 0;padding:clamp(18px,5vw,28px)}
html:root .card-sm .ttl{font-size:clamp(1.15rem,5.4vw,1.6rem);letter-spacing:.12em;overflow-wrap:anywhere}
html:root .card-sm .form{display:grid;gap:12px}
html:root .card-sm .form input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),html:root .card-sm .form select{box-sizing:border-box;width:100%;min-height:46px;font-size:16px}
html:root .card-sm .form>.btn{width:100%;min-height:48px;justify-content:center}
html:root .card-sm .sub-link{display:block;margin-top:12px;padding:8px;text-align:center}
@media (max-width:380px){html:root .gate-info{width:88vw}html:root .gate-kicker{letter-spacing:.2em}html:root .gate .gate-text{letter-spacing:.2em;font-size:clamp(.9rem,5.4vw,1.2rem)}html:root .gate-log{letter-spacing:.08em}}
@media (orientation:landscape) and (max-height:620px){
html:root body.out-game{padding:max(8px,env(safe-area-inset-top)) 0 max(8px,env(safe-area-inset-bottom))}
html:root .title-screen{display:grid;grid-template-columns:auto minmax(0,440px);column-gap:clamp(18px,5vw,48px);row-gap:6px;align-content:center;justify-content:center;justify-items:start;text-align:left;min-height:calc(100dvh - 16px);padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
html:root .title-screen>.logo-ring{grid-column:1;grid-row:1/span 4;align-self:center}
html:root .title-screen>:not(.logo-ring){grid-column:2}
html:root .logo-ring svg{width:clamp(80px,44vh,170px)}
html:root .title-screen .logo{font-size:clamp(1.9rem,13vh,3.6rem);padding-left:0}
html:root .title-screen .tagline{max-width:40ch}
html:root .title-screen .cta{justify-content:flex-start}
html:root .title-screen .cta .btn{flex:0 1 auto;min-height:42px;padding-top:8px;padding-bottom:8px}
html:root .title-screen .icons-row{display:flex;justify-content:flex-start;margin-top:2px}
html:root .card-sm{width:min(560px,calc(100vw - 32px));margin-top:clamp(6px,4vh,24px);padding:14px 20px}
html:root .card-sm .ttl{margin-bottom:8px}
html:root .card-sm .login-form{grid-template-columns:1fr 1fr;gap:10px}
html:root .card-sm .login-form>.btn{grid-column:1/-1;min-height:44px}
html:root .card-sm .sub-link{margin-top:6px;padding:4px}}
@media (orientation:landscape) and (max-height:360px){html:root .gate-core{width:clamp(70px,44vh,140px)}html:root .gate-info{gap:4px}html:root .title-screen .icons-row{display:none}}
@property --vf-a{syntax:'<angle>';inherits:false;initial-value:0deg}
html:root .player-profile-command.is-verified{--va:#cbd5e1;--va2:#64748b;--vp:.25;--vs:7s;position:relative;border-color:color-mix(in srgb,var(--va) 55%,transparent)!important;box-shadow:0 0 26px color-mix(in srgb,var(--va) 22%,transparent),inset 0 0 46px color-mix(in srgb,var(--va) 9%,transparent)!important}
html:root .player-profile-command.is-verified.rank-art-d{--va:#4ade80;--va2:#15803d;--vp:.4;--vs:6.2s}
html:root .player-profile-command.is-verified.rank-art-c{--va:#38bdf8;--va2:#2563eb;--vp:.55;--vs:5.4s}
html:root .player-profile-command.is-verified.rank-art-b{--va:#a78bfa;--va2:#7c3aed;--vp:.7;--vs:4.8s}
html:root .player-profile-command.is-verified.rank-art-a{--va:#f87171;--va2:#b91c1c;--vp:.85;--vs:4.2s}
html:root .player-profile-command.is-verified.rank-art-s{--va:#fbbf24;--va2:#b45309;--vp:1;--vs:3.6s}
html:root .player-profile-command.is-verified.rank-art-apex{--va:#f0c35a;--va2:#a855f7;--vp:1;--vs:3.2s}
.player-profile-command .verified-frame{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit}
.player-profile-command .verified-frame::before{content:"";position:absolute;inset:0;padding:calc(1px + 1.5px * var(--vp));border-radius:inherit;background:conic-gradient(from var(--vf-a),transparent 0 60%,var(--va2) 72%,var(--va) 80%,#fff 82%,var(--va) 84%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:calc(.5 + .5 * var(--vp));animation:vfSpin var(--vs) linear infinite}
.player-profile-command .verified-frame i{position:absolute;width:calc(14px + 18px * var(--vp));height:calc(14px + 18px * var(--vp));border:2px solid var(--va);filter:drop-shadow(0 0 6px var(--va));animation:vfCorner 2.6s ease-in-out infinite alternate}
.player-profile-command .verified-frame i:nth-child(1){top:6px;left:6px;border-right:0;border-bottom:0}
.player-profile-command .verified-frame i:nth-child(2){top:6px;right:6px;border-left:0;border-bottom:0}
.player-profile-command .verified-frame i:nth-child(3){bottom:6px;left:6px;border-right:0;border-top:0}
.player-profile-command .verified-frame i:nth-child(4){bottom:6px;right:6px;border-left:0;border-top:0}
@keyframes vfSpin{to{--vf-a:360deg}}
@keyframes vfCorner{from{opacity:.5}to{opacity:1}}
.player-profile-command.is-verified .profile-current-character{border-color:color-mix(in srgb,var(--va) 32%,transparent)!important}
.player-profile-command.is-verified .profile-current-character .official-hunter-art{position:relative;z-index:1}
.player-profile-command .hero-smoke{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.player-profile-command .hero-smoke::before{content:"";position:absolute;left:18%;right:18%;bottom:4%;height:12%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--va) 55%,transparent),transparent 70%);filter:blur(8px);animation:heroBase 3s ease-in-out infinite alternate}
.player-profile-command .hero-smoke::after{content:"";position:absolute;left:30%;right:30%;bottom:0;height:85%;background:linear-gradient(to top,color-mix(in srgb,var(--va2) 30%,transparent),transparent);filter:blur(18px);opacity:calc(.25 + .45 * var(--vp));animation:heroBase 4.4s ease-in-out infinite alternate-reverse}
.player-profile-command .hero-smoke i{position:absolute;bottom:-14%;left:var(--x);width:var(--w);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--va) 68%,transparent),color-mix(in srgb,var(--va2) 34%,transparent) 45%,transparent 70%);filter:blur(calc(10px + 8px * var(--vp)));mix-blend-mode:screen;opacity:0;animation:heroSmoke var(--vs) ease-out infinite;animation-delay:var(--d)}
.player-profile-command .hero-smoke i:nth-child(1){--x:12%;--w:34%;--dx:-18%;--d:calc(var(--vs) * -0.05)}
.player-profile-command .hero-smoke i:nth-child(2){--x:52%;--w:30%;--dx:22%;--d:calc(var(--vs) * -0.55)}
.player-profile-command .hero-smoke i:nth-child(3){--x:32%;--w:38%;--dx:-8%;--d:calc(var(--vs) * -0.3)}
.player-profile-command .hero-smoke i:nth-child(4){--x:62%;--w:26%;--dx:-24%;--d:calc(var(--vs) * -0.8)}
.player-profile-command .hero-smoke i:nth-child(5){--x:4%;--w:28%;--dx:26%;--d:calc(var(--vs) * -0.42)}
.player-profile-command .hero-smoke i:nth-child(6){--x:42%;--w:24%;--dx:14%;--d:calc(var(--vs) * -0.68)}
.player-profile-command .hero-smoke i:nth-child(7){--x:22%;--w:22%;--dx:-28%;--d:calc(var(--vs) * -0.18)}
.player-profile-command .hero-smoke i:nth-child(8){--x:70%;--w:22%;--dx:-12%;--d:calc(var(--vs) * -0.92)}
.player-profile-command.rank-art-e .hero-smoke i:nth-child(n+5),.player-profile-command.rank-art-d .hero-smoke i:nth-child(n+6),.player-profile-command.rank-art-c .hero-smoke i:nth-child(n+7),.player-profile-command.rank-art-b .hero-smoke i:nth-child(n+8){display:none}
@keyframes heroSmoke{0%{opacity:0;transform:translate3d(0,0,0) scale(.45)}18%{opacity:calc(.35 + .5 * var(--vp))}60%{opacity:calc(.18 + .3 * var(--vp))}100%{opacity:0;transform:translate3d(var(--dx),-260%,0) scale(1.7)}}
@keyframes heroBase{from{opacity:.45;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1.08)}}
html:root .profile-assessment-under-name{gap:8px;flex-wrap:wrap}
html:root .profile-rank-out{display:inline-grid!important;place-items:center;flex:0 0 auto;width:34px!important;height:34px!important;min-width:34px!important;line-height:1!important;font-size:.95rem!important;margin:0!important;filter:drop-shadow(0 0 8px var(--va,#38e1ff))}
@media(prefers-reduced-motion:reduce){.player-profile-command .verified-frame::before,.player-profile-command .verified-frame i,.player-profile-command .hero-smoke::before,.player-profile-command .hero-smoke::after{animation:none!important}.player-profile-command .hero-smoke i{animation:none!important;opacity:.3;transform:translateY(-60%)}}
html:root .sys-pane-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:10px;padding:12px 16px;border:1px solid rgba(56,225,255,.5);background:linear-gradient(180deg,rgba(10,30,62,.92),rgba(3,10,26,.95));box-shadow:0 0 18px rgba(56,225,255,.18),inset 0 0 22px rgba(56,225,255,.08);overflow:hidden}
html:root .sys-pane-head::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(56,225,255,.05) 0 1px,transparent 1px 3px);pointer-events:none}
html:root .sys-pane-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#38e1ff,#fff,#38e1ff,transparent);background-size:200% 100%;animation:sysSweep 3.2s linear infinite}
@keyframes sysSweep{from{background-position:200% 0}to{background-position:-200% 0}}
html:root .sys-pane-head .ov-kicker{margin:0;color:#7dd3fc;letter-spacing:.22em;font-size:.58rem}
html:root .sys-pane-head h2{margin:2px 0 0!important;font:800 1.35rem/1.1 "Rajdhani","Orbitron",system-ui,sans-serif!important;color:#eafcff!important;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 10px rgba(56,225,255,.75),0 0 22px rgba(56,225,255,.35)}
html:root .sys-pane-alert{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid #38e1ff;color:#eafcff;font:900 1.1rem/1 system-ui,sans-serif;text-shadow:0 0 8px #38e1ff;box-shadow:0 0 12px rgba(56,225,255,.45),inset 0 0 10px rgba(56,225,255,.25);animation:sysBlink 2.4s ease-in-out infinite}
@keyframes sysBlink{0%,100%{opacity:1}50%{opacity:.55}}
html:root .sys-count{display:grid;justify-items:center;padding:4px 10px;border:1px solid rgba(56,225,255,.4);background:rgba(56,225,255,.07)}
html:root .sys-count small{font-size:.5rem;letter-spacing:.18em;color:#7dd3fc}
html:root .sys-count b{font-size:1.1rem;color:#fff;text-shadow:0 0 8px #38e1ff}
html:root .sys-empty{border-color:rgba(56,225,255,.35)!important;background:rgba(3,12,30,.6)}
html:root .sys-empty b{display:block;margin-bottom:4px;color:#38e1ff;letter-spacing:.2em;font-size:.72rem;text-shadow:0 0 8px rgba(56,225,255,.6)}
html:root .association-invite{border-color:rgba(56,225,255,.55)!important;background:radial-gradient(circle at 0 50%,rgba(56,225,255,.14),transparent 24%),linear-gradient(145deg,rgba(8,24,52,.94),rgba(3,7,20,.96))!important;box-shadow:0 0 20px rgba(56,225,255,.16),inset 0 0 24px rgba(56,225,255,.06)!important}
html:root .association-invite .invite-rune{border-color:#38e1ff;color:#38e1ff;box-shadow:0 0 12px rgba(56,225,255,.45)}
html:root .association-invite h2{font-family:"Rajdhani","Orbitron",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px rgba(56,225,255,.5)}
html:root .association-invite p{color:#9fb4d8!important}
@media(max-width:600px){html:root .sys-pane-head{padding:10px 12px;gap:10px}html:root .sys-pane-head h2{font-size:1.1rem!important;letter-spacing:.14em}html:root .association-invite{grid-template-columns:44px minmax(0,1fr)}html:root .association-invite .cf-btns{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html:root .sys-pane-head::after,html:root .sys-pane-alert{animation:none}}
html:root .player-search-console.live-enabled .player-search-submit{display:none!important}
html:root .network-search-console .association-section-head p:empty{display:none}
@property --gpr{syntax:'<number>';inherits:false;initial-value:0}
html:root .gpr-wrap{display:grid;justify-items:center;gap:10px}
html:root .guild-progress-ring{--gc:#38e1ff;--gpr:var(--p);background:conic-gradient(from 0deg,color-mix(in srgb,var(--gc) 55%,#1d4ed8) 0,var(--gc) calc(var(--gpr)*1%),rgba(56,225,255,.07) 0)!important;box-shadow:0 0 calc(10px + var(--gpr) * .3px) color-mix(in srgb,var(--gc) 40%,transparent),inset 0 0 18px rgba(56,225,255,.08)!important;animation:gprFill 1.6s cubic-bezier(.2,.8,.2,1) both}
@keyframes gprFill{from{--gpr:0}to{--gpr:var(--p)}}
html:root .guild-progress-ring .gpr-ticks{position:absolute;inset:0;z-index:0;border-radius:50%;background:repeating-conic-gradient(from -1.2deg,#050916 0 2.4deg,transparent 2.4deg 25.714deg);pointer-events:none}
html:root .guild-progress-ring::before{z-index:0;background:radial-gradient(circle at 50% 40%,rgba(14,32,66,.95),#060b1c 70%)!important;border-color:rgba(56,225,255,.3)!important;box-shadow:inset 0 0 20px rgba(56,225,255,.1)}
html:root .guild-progress-ring::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px dashed rgba(56,225,255,.25);animation:gprOrbit 22s linear infinite;pointer-events:none}
@keyframes gprOrbit{to{transform:rotate(360deg)}}
html:root .guild-progress-ring>div b{font-family:"Rajdhani","Orbitron",system-ui,sans-serif;text-shadow:0 0 12px var(--gc)}
html:root .guild-progress-ring>span{letter-spacing:.2em!important;text-shadow:0 0 8px rgba(56,225,255,.5)}
html:root .guild-progress-ring.is-full{--gc:#f0c35a}
html:root .guild-progress-ring.is-full>span{color:#f0c35a!important}
html:root .gpr-pips{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;width:min(100%,186px);margin:0;padding:0;list-style:none}
html:root .gpr-pips li{height:8px;transform:skewX(-20deg);background:rgba(56,225,255,.08);border:1px solid rgba(56,225,255,.22)}
html:root .gpr-pips li.on{background:linear-gradient(180deg,#bff4ff,#38e1ff);border-color:#38e1ff;box-shadow:0 0 6px rgba(56,225,255,.7)}
html:root .gpr-pips li.next{border-color:#38e1ff;animation:gprNext 1.2s ease-in-out infinite alternate}
@keyframes gprNext{from{background:rgba(56,225,255,.08)}to{background:rgba(56,225,255,.45);box-shadow:0 0 8px rgba(56,225,255,.6)}}
html:root .gpr-status{display:grid;justify-items:center;gap:2px;margin:0;text-align:center}
html:root .gpr-status b{font-size:.62rem;letter-spacing:.16em;color:#38e1ff}
html:root .gpr-status small{font-size:.62rem;color:#9fb4d8}
html:root .gpr-status.ok b{color:#4ade80}html:root .gpr-status.rest b{color:#a78bfa}html:root .gpr-status.full b{color:#f0c35a}
@media(max-width:600px){html:root .foundry-grid{grid-template-columns:1fr!important;justify-items:center}}
@media(prefers-reduced-motion:reduce){html:root .guild-progress-ring,html:root .guild-progress-ring::after,html:root .gpr-pips li.next{animation:none!important}}
html:root .assoc-top h1{position:relative;margin:0;padding:0 2px 6px;font:900 clamp(1.25rem,2.6vw,1.85rem)/1 "Rajdhani","Orbitron","Segoe UI",system-ui,sans-serif!important;text-transform:uppercase;letter-spacing:.24em!important;background:linear-gradient(180deg,#ffffff 0%,#d6f7ff 38%,#38e1ff 72%,#1d8bff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 0 6px rgba(56,225,255,.75)) drop-shadow(0 0 18px rgba(56,225,255,.35));animation:assocTitleGlow 3.4s ease-in-out infinite}
html:root .assoc-top h1::after{content:"";position:absolute;left:0;right:.24em;bottom:0;height:2px;background:linear-gradient(90deg,#38e1ff,rgba(56,225,255,.15) 70%,transparent);box-shadow:0 0 8px rgba(56,225,255,.7)}
@keyframes assocTitleGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(56,225,255,.75)) drop-shadow(0 0 18px rgba(56,225,255,.35))}50%{filter:drop-shadow(0 0 9px rgba(56,225,255,.95)) drop-shadow(0 0 26px rgba(56,225,255,.5))}}
html:root .assoc-back{color:#38e1ff!important;filter:drop-shadow(0 0 6px rgba(56,225,255,.45))!important}
html:root .assoc-back:hover,html:root .assoc-back:focus-visible{color:#eafcff!important}
@media(max-width:480px){html:root .assoc-top h1{letter-spacing:.16em!important}}
@media(prefers-reduced-motion:reduce){html:root .assoc-top h1{animation:none}}
/* ===== Step 229: Quests - Solo Leveling System quest tiles, intensity gauge, Clear / Reject icons ===== */
html:root .tile.qx{--qa:#38e1ff;position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:6px;padding:14px 14px 12px!important;border:1px solid color-mix(in srgb,var(--qa) 28%,transparent)!important;border-left-width:1px!important;border-radius:3px!important;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--qa) 70%,transparent),transparent) top/100% 1px no-repeat,linear-gradient(180deg,rgba(9,24,52,.9),rgba(3,9,24,.94))!important;box-shadow:0 0 16px color-mix(in srgb,var(--qa) 8%,transparent),inset 0 0 22px rgba(56,225,255,.04)!important;overflow:hidden;clip-path:none!important}
html:root .tile.qx.q-strength{--qa:#f87171}html:root .tile.qx.q-endurance{--qa:#fbbf24}html:root .tile.qx.q-agility{--qa:#4ade80}html:root .tile.qx.q-recovery{--qa:#a78bfa}html:root .tile.qx.q-discipline{--qa:#38e1ff}
html:root .tile.qx::before,html:root .tile.qx::after{content:""!important;position:absolute;inset:auto;width:10px;height:10px;border:1px solid var(--qa);background:none!important;border-radius:0;box-shadow:none;opacity:.85;pointer-events:none;animation:none;transform:none}
html:root .tile.qx::before{top:4px;left:4px;border-right:0;border-bottom:0}
html:root .tile.qx::after{bottom:4px;right:4px;border-left:0;border-top:0}
html:root .tile.qx>.tile-top{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0!important}
html:root .tile.qx .ico{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid color-mix(in srgb,var(--qa) 50%,transparent)!important;border-radius:0!important;background:color-mix(in srgb,var(--qa) 10%,transparent)!important;color:var(--qa);box-shadow:0 0 10px color-mix(in srgb,var(--qa) 25%,transparent);font-size:1rem}
html:root .tile.qx .ico svg{width:17px;height:17px}
html:root .tile.qx .chip{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--qa)!important;font:700 .64rem/1 system-ui,sans-serif;letter-spacing:.22em}
html:root .q-int{--qc:#5eead4;display:inline-flex;align-items:center;gap:6px;margin-left:auto}
html:root .q-int.i2{--qc:#fbbf24}html:root .q-int.i3{--qc:#f87171}
html:root .q-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
html:root .q-bars i{display:block;width:5px;height:5px;background:rgba(148,163,184,.22);transform:skewX(-14deg)}
html:root .q-bars i:nth-child(2){height:8px}html:root .q-bars i:nth-child(3){height:12px}
html:root .q-int.i1 .q-bars i:nth-child(-n+1),html:root .q-int.i2 .q-bars i:nth-child(-n+2),html:root .q-int.i3 .q-bars i{background:var(--qc);box-shadow:0 0 6px var(--qc)}
html:root .q-int small{color:var(--qc);font:700 .56rem/1 system-ui,sans-serif;letter-spacing:.16em}
html:root .tile.qx .quest-help{top:12px;right:10px;width:22px;height:22px;border-width:1px!important;font-size:.72rem}
html:root .tile.qx>h3{grid-column:1/-1;margin:4px 0 0!important;color:#eafcff;font:700 1rem/1.25 system-ui,sans-serif;letter-spacing:.02em}
html:root .tile.qx>.goal{grid-column:1;margin:0!important;color:#9fb4d8;font-size:.8rem}
html:root .tile.qx>.goal b{color:#fff;font-size:1.45rem;font-weight:800;text-shadow:0 0 10px color-mix(in srgb,var(--qa) 60%,transparent)}
html:root .tile.qx>.xp-chip{grid-column:2;justify-self:end;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#f1d08a!important;font:800 .74rem/1 system-ui,sans-serif;letter-spacing:.12em;text-shadow:0 0 8px rgba(241,208,138,.45)}
html:root .tile.qx>.tile-act{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:6px 0 0!important;padding:10px 0 0!important;border:0!important;border-top:1px solid rgba(56,225,255,.12)!important;background:none!important}
html:root .q-act{display:grid!important;place-items:center;width:100%!important;min-width:0!important;height:40px!important;margin:0!important;padding:0!important;border:1px solid rgba(56,225,255,.55)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(56,225,255,.18),rgba(29,111,255,.1))!important;color:#e6fbff!important;box-shadow:none!important;cursor:pointer;font-size:1.1rem;line-height:1;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:background .15s,color .15s,filter .15s;-webkit-tap-highlight-color:transparent}
html:root .q-act svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
html:root .q-act:hover,html:root .q-act:focus-visible{background:rgba(56,225,255,.3)!important;filter:drop-shadow(0 0 8px rgba(56,225,255,.55))}
html:root .q-act:focus-visible{outline:0!important;box-shadow:inset 0 0 0 2px #e6fbff!important}
html:root .q-act.q-no{border-color:rgba(248,113,113,.4)!important;background:rgba(248,113,113,.06)!important;color:#fca5a5!important}
html:root .q-act.q-no:hover,html:root .q-act.q-no:focus-visible{background:rgba(248,113,113,.18)!important;color:#fecaca!important;filter:drop-shadow(0 0 8px rgba(248,113,113,.45))}
html:root .q-act:disabled{opacity:.5;cursor:default;filter:none}
html:root .tile.qx>.quest-achieved,html:root .tile.qx>.q-rejected{grid-column:1/-1}
html:root .q-rejected{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:10px;border-top:1px solid rgba(248,113,113,.2);color:#fca5a5;font-size:.72rem}
html:root .q-rejected b{letter-spacing:.18em}html:root .q-rejected em{margin-left:auto;font-style:normal;color:#94a3b8}
html:root .tile.qx.s-rejected{opacity:.6}
html:root .q-log li{border:1px solid rgba(56,225,255,.16)!important;border-left-width:1px!important;background:linear-gradient(180deg,rgba(9,24,52,.7),rgba(3,9,24,.8))!important;border-radius:2px!important}
html:root .q-log-cleared li>b{color:#f1d08a;text-shadow:0 0 8px rgba(241,208,138,.4)}
html:root .q-log-missed li{display:flex;align-items:center;gap:10px;border-color:rgba(248,113,113,.18)!important}
html:root .q-log-missed li>span{flex:1 1 auto;min-width:0;opacity:.8}
html:root .q-tag{flex:0 0 auto;padding:3px 7px;border:1px solid rgba(148,163,184,.35);color:#94a3b8;font:700 .56rem/1 system-ui,sans-serif;font-style:normal;letter-spacing:.18em}
html:root .is-rejected .q-tag{border-color:rgba(248,113,113,.45);color:#fca5a5}
html:root .q-restore{margin:0;flex:0 0 auto}
html:root .q-act.q-undo{width:36px!important;height:32px!important}
@media (prefers-reduced-motion:reduce){html:root .q-act{transition:none}}
/* Step 233: Account facts - grouped System tiles */
.acct-facts{display:grid;gap:12px;margin-top:10px}.af-group{min-width:0}.af-head{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:.58rem;font-weight:800;letter-spacing:.22em;color:var(--cyan)}.af-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(56,225,255,.35),transparent)}.af-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.af{--af:#38e1ff;position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 11px 10px 13px;border:1px solid rgba(56,225,255,.14);background:linear-gradient(135deg,rgba(13,25,60,.55),rgba(4,10,24,.6));overflow:hidden}.af::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;background:var(--af);opacity:.75;box-shadow:0 0 8px var(--af)}.af>i{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.18);background:rgba(56,225,255,.06);color:var(--af);font-style:normal}.af>i .sli{width:17px;height:17px}.af>span{display:grid;gap:2px;min-width:0;flex:1}.af small{font-size:.54rem;letter-spacing:.14em;color:#7c8aa5}.af b{font-size:.86rem;letter-spacing:.03em;color:#e2f7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-copy,.af-link{flex:0 0 auto;padding:4px 8px;border:1px solid rgba(56,225,255,.3);background:rgba(56,225,255,.06);color:var(--cyan);font:inherit;font-size:.55rem;font-weight:800;letter-spacing:.14em;text-decoration:none;cursor:pointer;transition:background .2s,box-shadow .2s}.af-copy:hover,.af-link:hover,.af-copy:focus-visible,.af-link:focus-visible{background:rgba(56,225,255,.16);box-shadow:0 0 10px rgba(56,225,255,.25);outline:none}.af-rank.r-e{--af:#cbd5e1}.af-rank.r-d{--af:#34d399}.af-rank.r-c{--af:#38e1ff}.af-rank.r-b{--af:#a78bfa}.af-rank.r-a{--af:#fbbf24}.af-rank.r-s{--af:#fb7185}.af-rank.r-apex{--af:#f0abfc}.af-rank.r-none{--af:#64748b}.af-rank b{color:var(--af);font-weight:900;letter-spacing:.1em}.af-vis.is-public{--af:#34d399}.af-vis.is-private{--af:#fbbf24}.af-vis b{display:flex;align-items:center;gap:6px}.af-vis em{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--af);box-shadow:0 0 6px var(--af)}@media(max-width:520px){.af-grid{grid-template-columns:1fr}.af{padding:9px 10px 9px 12px}}
/* Step 238: visitor Hunter profile - rank watermark, scanlines and Hunter intel strip */
.player-profile-command.is-visitor{position:relative;isolation:isolate;background:linear-gradient(115deg,rgba(2,6,18,.92),rgba(6,14,32,.82) 55%,color-mix(in srgb,var(--hunter-aura) 10%,rgba(2,6,18,.9))),repeating-linear-gradient(0deg,rgba(56,225,255,.025) 0 1px,transparent 1px 4px)}
.player-profile-command.is-visitor::after{content:attr(data-rank-mark);position:absolute;right:-10px;bottom:-60px;z-index:-1;font-size:clamp(9rem,22vw,17rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--hunter-aura) 30%,transparent);opacity:.55;pointer-events:none}
.player-profile-command.is-visitor .profile-current-character{border-color:color-mix(in srgb,var(--hunter-aura) 30%,transparent);box-shadow:inset 0 -60px 70px -40px color-mix(in srgb,var(--hunter-aura) 30%,transparent)}
.profile-rank-out{min-width:30px;height:30px;font-size:.9rem}
.hunter-intel{--hr:#cbd5e1;display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin-top:14px}
.hunter-intel>span{position:relative;display:grid;gap:2px;padding:8px 10px 8px 12px;border:1px solid rgba(148,163,184,.14);background:rgba(2,6,18,.55);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.hunter-intel>span::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--cyan);opacity:.6}
.hunter-intel i{position:absolute;right:8px;top:8px;color:#475569}.hunter-intel i .sli{width:14px;height:14px}
.hunter-intel small{color:#64748b;font-size:.5rem;font-weight:900;letter-spacing:.14em}
.hunter-intel b{color:#fff;font-size:1.05rem;font-weight:900;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.hunter-intel .hi-rank{grid-column:1/-1;border-color:color-mix(in srgb,var(--hr) 40%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--hr) 14%,transparent),rgba(2,6,18,.55) 70%)}
.hunter-intel .hi-rank::before{background:var(--hr);opacity:1;box-shadow:0 0 10px var(--hr)}
.hunter-intel .hi-rank b{color:var(--hr);font-size:1.35rem;letter-spacing:.12em;text-shadow:0 0 14px color-mix(in srgb,var(--hr) 55%,transparent)}
.hunter-intel .hi-rank em{color:#94a3b8;font-size:.52rem;font-style:normal;font-weight:800;letter-spacing:.12em}
.hunter-intel .hr-d{--hr:#4ade80}.hunter-intel .hr-c{--hr:#38bdf8}.hunter-intel .hr-b{--hr:#a78bfa}.hunter-intel .hr-a{--hr:#f87171}.hunter-intel .hr-s{--hr:#fbbf24}.hunter-intel .hr-apex{--hr:#f0abfc}
.hunter-intel .hi-private b{color:#fbbf24;font-size:.85rem}
@media(max-width:600px){.hunter-intel{grid-template-columns:repeat(2,1fr)}.player-profile-command.is-visitor::after{bottom:-30px;font-size:8rem}}
/* Step 240: Hunter card seal - smaller and moved right so the rotated frame keeps >=20px clear on the left */
.card-identity .card-system-seal,.slvl-id-card .card-system-seal{width:66%;max-width:calc(100% - 20px);margin-left:calc(14% + 20px);justify-self:start}
.card-print .card-identity .card-system-seal{margin-left:calc(14% + 5mm)}
/* Compact type scale (step 244): section titles (.ttl) are h4-size; body text sits below that to save space. Icons, rank badges and big numbers are unchanged. */
body{font-size:14px;line-height:1.4}h1{font-size:1.2rem}h2{font-size:1rem}h3{font-size:.92rem}h4{font-size:.88rem}h1,h2,h3,h4{margin:0 0 6px}html:root body .ttl{font-size:1rem!important;letter-spacing:.06em;gap:6px;margin-bottom:6px}html:root body .ttl::before{font-size:.6em}html:root body .ttl .count{font-size:.78rem}html:root body .card-sm .ttl{font-size:clamp(1.15rem,5.4vw,1.6rem)!important;letter-spacing:.12em;margin-bottom:8px}:where(p,li,dd,dt,td,th,label,summary,blockquote){font-size:.875rem}:where(.section-hint,.muted,.hint,.lead){font-size:.82rem}html:root body :is(.admin h2,.gv-card h2,.arena-invasion h2,.quest-dialog-card h2,.system-view-card h2,.console-head h2,.sys-alert h2,#confirmBox h2,.orient-hint h2,.assoc-detail-card h2,.tc-title h2,.sys-pane-head h2,.rift-data h2,.card-identity h2,.profile-section-heading h2,.profile-signout h2,.quick-start-once>summary h2){font-size:1rem}html:root body :is(.threshold-head h1,.dungeon-run-head h1,.tc-review h3,.mission-slot h3,.hunter-directory-info h3,.realm-mission h3){font-size:.95rem}html:root body :is(.apex-profile h2,.public-character-data h2,.guild-identity h2){font-size:1.2rem}html:root body :is(.rest-note,.empty){font-size:.9rem}
/* Guild founding ring (step 245): bigger dashed orbit ring; 0 / 14 in one font, smaller, centred. */
html:root .gpr-wrap{padding-top:8px}html:root .guild-progress-ring{margin:8px}html:root .guild-progress-ring::after{inset:-12px!important;border:2px dashed rgba(56,225,255,.4)!important}html:root .guild-progress-ring>div{position:absolute!important;inset:0;z-index:1;display:flex;align-items:baseline;justify-content:center;align-content:center;flex-wrap:wrap;gap:3px;margin:0;padding:0;text-align:center;font-family:"Rajdhani","Orbitron",system-ui,sans-serif;line-height:1}html:root .guild-progress-ring>div b{font-family:inherit!important;font-size:2.1rem!important;line-height:1}html:root .guild-progress-ring>div small{font-family:inherit!important;font-size:1.05rem!important;font-weight:700;line-height:1;color:#9fb4d8!important;text-shadow:0 0 8px rgba(56,225,255,.35)}
/* Friends header (step 246): one compact row - title + add form; no sigil, kicker or explainer. */
html:root .friends-hero{display:flex!important;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:10px 12px}html:root .friends-hero .ttl{margin:0;flex:0 0 auto}html:root .friends-hero .friends-add{flex:1 1 260px;display:flex;flex-wrap:nowrap;gap:6px;margin:0;min-width:0}html:root .friends-hero .friends-add input{flex:1 1 auto;min-width:0;padding:8px 10px}html:root .friends-hero .friends-add .btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:8px 12px;white-space:nowrap}html:root .friends-hero .friends-add .btn svg{width:16px;height:16px}
/* Leaderboard list (step 247): every Hunter in one ranked strip list (#, Hunter, Hunter Rank, Elo); top 3 keep the podium energy emblem in gold / silver / bronze. */
html:root .lb-list{--lbc:66px minmax(0,1fr) 130px 86px;display:grid;gap:6px;margin:14px 0 4px}
html:root .lb-head{display:grid;grid-template-columns:var(--lbc);gap:10px;padding:0 12px 5px;border-bottom:1px solid rgba(56,225,255,.14);color:#64748b;font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}html:root .lb-head span:first-child{text-align:center}html:root .lb-head span:last-child{text-align:right}
html:root .lb-row{--pc:#38e1ff;position:relative;display:grid;grid-template-columns:var(--lbc);gap:10px;align-items:center;min-height:58px;padding:7px 12px;border:1px solid rgba(56,225,255,.16);border-left:3px solid rgba(56,225,255,.4);background:linear-gradient(90deg,rgba(56,225,255,.06),rgba(5,8,22,.72) 45%);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);animation:podiumRise .45s ease-out both}
html:root .lb-row::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);pointer-events:none}
html:root .lb-1{--pc:#fbbf24}html:root .lb-2{--pc:#cbd5e1}html:root .lb-3{--pc:#e08a3c}
html:root .lb-top{min-height:72px;border-color:color-mix(in srgb,var(--pc) 45%,transparent);border-left-color:var(--pc);background:radial-gradient(circle at 34px 50%,color-mix(in srgb,var(--pc) 22%,transparent),transparent 70px),linear-gradient(90deg,color-mix(in srgb,var(--pc) 16%,rgba(17,27,61,.92)),rgba(4,7,17,.95) 60%);box-shadow:inset 0 0 26px color-mix(in srgb,var(--pc) 9%,transparent)}
html:root .lb-row.is-me{border-color:rgba(56,225,255,.65);box-shadow:inset 0 0 0 1px rgba(56,225,255,.35),inset 0 0 22px rgba(56,225,255,.1)}
html:root .lb-place{display:grid;place-items:center}html:root .lb-place>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.28);border-radius:50%;background:rgba(56,225,255,.05);color:#9fb4d8;font:900 .95rem/1 "Rajdhani",var(--font)}
html:root .lb-place .podium-energy{grid-row:auto;width:58px;height:58px;margin:0}html:root .lb-place .podium-energy::after{inset:9px}html:root .lb-place .podium-energy>em{inset:14px}html:root .lb-place .podium-energy>span{font-size:1.45rem}html:root .lb-1 .lb-place .podium-energy{width:62px;height:62px}html:root .lb-1 .lb-place .podium-energy>span{font-size:1.65rem}
html:root .lb-who{position:relative;display:flex;align-items:center;gap:10px;min-width:0}html:root .lb-who>div{display:grid;gap:1px;min-width:0}
html:root .lb-ava{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--pc) 60%,transparent);border-radius:8px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--pc) 26%,transparent),#060b1c 75%);color:#fff;font:900 1.15rem/1 "Rajdhani",var(--font);text-shadow:0 0 8px var(--pc)}
html:root .lb-title{color:var(--pc);font-size:.52rem;font-weight:900;letter-spacing:.15em}
html:root .lb-who b{overflow:hidden;color:#fff;font-size:.95rem;white-space:nowrap;text-overflow:ellipsis}html:root .lb-who b a{color:inherit}html:root .lb-who b a:hover{color:var(--cyan);text-shadow:0 0 10px rgba(56,225,255,.5)}
html:root .lb-you{display:inline-block;padding:1px 5px;border:1px solid rgba(56,225,255,.5);color:var(--cyan);font-size:.5rem;font-style:normal;letter-spacing:.12em;vertical-align:middle}
html:root .lb-sub{color:#7185ad;font-size:.64rem}
html:root .lb-rank{position:relative;display:flex;align-items:center;gap:7px;min-width:0}html:root .lb-rank .rank-badge{flex:0 0 auto;width:30px;height:34px;font-size:.85rem}html:root .lb-rank span{display:grid;line-height:1.15;min-width:0}html:root .lb-rank span b{color:#e2e8f0;font-size:.74rem}html:root .lb-rank span small{color:#7185ad;font-size:.62rem}
html:root .lb-score{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:6px}html:root .lb-score i{width:16px;height:13px;background:linear-gradient(180deg,#e0fbff,#38e1ff 55%,#1d4ed8);clip-path:polygon(22% 0,78% 0,100% 36%,50% 100%,0 36%);filter:drop-shadow(0 0 4px rgba(56,225,255,.7))}html:root .lb-score b{color:#bff4ff;font:800 1.08rem/1 "Rajdhani",var(--font);text-shadow:0 0 8px rgba(56,225,255,.35)}html:root .lb-top .lb-score b{color:#fff}
@media(max-width:560px){html:root .lb-list{--lbc:48px minmax(0,1fr) auto 62px}html:root .lb-head,html:root .lb-row{gap:8px;padding-left:8px;padding-right:8px}html:root .lb-rank span{display:none}html:root .lb-ava{width:34px;height:34px;font-size:1rem}html:root .lb-place .podium-energy,html:root .lb-1 .lb-place .podium-energy{width:46px;height:46px}html:root .lb-place .podium-energy>span,html:root .lb-1 .lb-place .podium-energy>span{font-size:1.15rem}html:root .lb-place .podium-energy>em{inset:11px}html:root .lb-place .podium-energy::after{inset:7px}html:root .lb-score b{font-size:.95rem}}
@media(max-width:360px){html:root .lb-ava{display:none}}
@media(prefers-reduced-motion:reduce){html:root .lb-row{animation:none!important}}body[data-reduced-motion="1"] .lb-row{animation:none!important}
/* Invitations alert badge (step 249): only rendered when invitations are pending; own class so it never inherits the full-screen .sys-alert popup. */
html:root .sys-pane-alert{position:relative;flex:0 0 auto;border-color:#f0c35a!important;color:#fff7e0!important;text-shadow:0 0 8px #f0c35a!important;box-shadow:0 0 12px rgba(240,195,90,.5),inset 0 0 10px rgba(240,195,90,.25)!important;cursor:default}
/* Rank header (step 250): assessment application status sits on its own line under the Assessed status. */
html:root .rank-apply-line{display:flex;align-items:center;gap:7px;margin:6px 0 0}@media(max-width:420px){html:root .rank-apply-line{justify-content:center}}
/* Cleared quest strip (step 252): just the ✓ seal and +EXP; time is in the tooltip. */
html:root .quest-achieved{display:flex!important;align-items:center;justify-content:space-between;gap:10px}html:root .quest-achieved .achieved-exp{margin-left:auto}
/* Guide evolution (step 253): locked forms shown as a dark silhouette with a lock, so players can't preview future looks. */
html:root .g-evo figure{position:relative;overflow:hidden}html:root .g-evo figure.off{opacity:1;border-color:rgba(100,116,139,.35);background:radial-gradient(circle at 50% 38%,rgba(56,225,255,.06),rgba(3,6,16,.6) 70%)}html:root .g-evo figure.off .official-hunter-art{filter:brightness(0) drop-shadow(0 0 1px rgba(148,163,184,.55)) drop-shadow(0 0 8px rgba(56,225,255,.18))!important;animation:none!important;pointer-events:none;user-select:none;-webkit-user-select:none}html:root .g-evo figure.off .official-hunter-art *{animation:none!important}html:root .g-evo figure.off figcaption{opacity:.7}html:root .g-evo .evo-lock{position:absolute;left:50%;top:42%;z-index:3;width:38px;height:38px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(56,225,255,.45);border-radius:50%;background:rgba(3,6,16,.85);color:#9fdcff;box-shadow:0 0 14px rgba(56,225,255,.3)}html:root .g-evo .evo-lock .sli{width:18px;height:18px}html:root .g-evo .apex-evo-preview.off .evo-lock{border-color:rgba(251,191,36,.55);color:#f0c35a;box-shadow:0 0 14px rgba(251,191,36,.3)}
/* Player lookup dropdown (step 254) */
html:root .has-player-suggest{position:relative}html:root .player-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;display:grid;max-height:260px;overflow:auto;border:1px solid rgba(56,225,255,.35);border-radius:8px;background:rgba(5,10,24,.97);box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 12px rgba(56,225,255,.12)}html:root .player-suggest[hidden]{display:none}html:root .player-suggest.loading{opacity:.6}html:root .player-suggest button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-bottom:1px solid rgba(56,225,255,.1);background:none;color:#dbeafe;font:inherit;font-size:.85rem;text-align:left;cursor:pointer}html:root .player-suggest button:last-child{border-bottom:0}html:root .player-suggest button:hover,html:root .player-suggest button:focus-visible{background:rgba(56,225,255,.1);outline:none}html:root .player-suggest small{color:#7185ad;font-size:.72rem;white-space:nowrap}html:root .player-suggest-empty{margin:0;padding:10px 12px;color:#7185ad;font-size:.8rem}html:root #guildListResults[aria-busy="true"]{opacity:.5;transition:opacity .15s}
/* Leaderboard Points (step 256): score column shows verified Points (Elo moved to the sub-line), diamond removed, smaller Solo Leveling System font (Orbitron). */
html:root .lb-score{gap:4px;align-items:baseline}html:root .lb-score i{display:none!important}html:root .lb-score b{font:700 .82rem/1 "Orbitron","Rajdhani",var(--font)!important;letter-spacing:.06em;color:#bff4ff;text-shadow:0 0 6px rgba(56,225,255,.45)}html:root .lb-score small{font:500 .5rem/1 "Orbitron","Rajdhani",var(--font);letter-spacing:.18em;color:#5fb8d6;text-transform:uppercase}html:root .lb-top .lb-score b{color:#fff}html:root .lb-head span:last-child{font-family:"Orbitron","Rajdhani",var(--font);letter-spacing:.14em}
@media(max-width:560px){html:root .lb-score b{font-size:.74rem!important}html:root .lb-score small{font-size:.45rem}}
/* Battle Statistics panel (step 257): System combat-analysis window on the Arena page. */
html:root .battle-stats{position:relative;margin:14px 0;padding:14px 16px 12px;border:1px solid rgba(56,225,255,.28);border-radius:6px;background:linear-gradient(160deg,rgba(10,22,48,.94),rgba(4,9,22,.96));box-shadow:inset 0 0 0 1px rgba(56,225,255,.05),0 0 22px rgba(30,120,255,.12)}
html:root .battle-stats::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(56,225,255,.025) 0 1px,transparent 1px 4px)}
html:root .bs-head{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px}html:root .bs-head>div:first-child{flex:1 1 180px}html:root .bs-head h2{margin:2px 0 0;font:700 1rem/1.1 "Orbitron","Rajdhani",var(--font);letter-spacing:.14em;color:#eafcff;text-shadow:0 0 10px rgba(56,225,255,.45)}
html:root .bs-period{display:flex;border:1px solid rgba(56,225,255,.3);border-radius:4px;overflow:hidden}html:root .bs-period a{padding:6px 11px;font-size:.7rem;color:#9fb4d8;text-decoration:none;background:rgba(8,16,34,.8);white-space:nowrap}html:root .bs-period a small{font-size:.58rem;color:#5f7aa6;margin-left:3px}html:root .bs-period a.on{background:linear-gradient(180deg,#2a6fd6,#1b4c9e);color:#fff}html:root .bs-period a.on small{color:#cfe6ff}
html:root .bs-type{position:relative}html:root .bs-type summary{list-style:none;cursor:pointer;min-width:126px;padding:6px 28px 6px 10px;border:1px solid rgba(56,225,255,.3);border-radius:4px;background:rgba(8,16,34,.85);font-size:.7rem;color:#dbe7ff;position:relative}html:root .bs-type summary::-webkit-details-marker{display:none}html:root .bs-type summary::after{content:"";position:absolute;right:9px;top:50%;width:6px;height:6px;border:solid #38e1ff;border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg)}html:root .bs-type[open] summary::after{transform:translateY(-20%) rotate(-135deg)}html:root .bs-type>div{position:absolute;right:0;top:calc(100% + 4px);z-index:20;display:grid;min-width:100%;padding:4px;border:1px solid rgba(56,225,255,.35);border-radius:4px;background:#07112a;box-shadow:0 10px 24px rgba(0,0,0,.5)}html:root .bs-type>div a{padding:6px 8px;font-size:.7rem;color:#9fb4d8;text-decoration:none;border-radius:3px}html:root .bs-type>div a:hover,html:root .bs-type>div a.on{background:rgba(56,225,255,.12);color:#eafcff}
html:root .bs-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:14px;align-items:center}
html:root .bs-rings{display:flex;justify-content:center;gap:clamp(10px,3vw,26px);margin-bottom:14px}html:root .bs-ring{--rc:#c86bff;position:relative;width:clamp(78px,11vw,96px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#0c1834 0 62%,#081024 63%);box-shadow:inset 0 0 0 3px var(--rc),0 0 14px color-mix(in srgb,var(--rc) 40%,transparent)}html:root .bs-ring b{font:700 clamp(.85rem,2vw,1.05rem)/1 "Orbitron","Rajdhani",var(--font);color:#f2f7ff;letter-spacing:.02em}html:root .bs-ring span{margin-top:4px;font-size:.6rem;letter-spacing:.08em;color:var(--rc);text-transform:uppercase}html:root .bs-ring.r-rate{--rc:#f5c451;background:radial-gradient(circle,#0c1834 0 61%,transparent 62%),conic-gradient(var(--rc) calc(var(--p,0)*1%),rgba(245,196,81,.14) 0);box-shadow:0 0 14px rgba(245,196,81,.3)}html:root .bs-ring.r-elo{--rc:#3ee08f}
html:root .bs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin:0}html:root .bs-grid>div{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:8px;align-items:baseline;padding:3px 0;border-bottom:1px solid rgba(56,225,255,.06)}html:root .bs-grid dt{text-align:right;font-size:.68rem;color:#7f97c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:root .bs-grid dd{margin:0;font:600 .74rem/1 "Orbitron","Rajdhani",var(--font);color:#eaf2ff;letter-spacing:.03em}
html:root .bs-radar{margin:0;display:grid;justify-items:center;gap:8px}html:root .bs-radar svg{width:100%;max-width:300px;height:auto;overflow:visible}html:root .bs-web polygon{fill:rgba(56,225,255,.03);stroke:rgba(120,170,255,.28);stroke-width:1}html:root .bs-web line{stroke:rgba(120,170,255,.2);stroke-width:1}html:root .bs-shape{fill:rgba(56,180,255,.42);stroke:#7fd8ff;stroke-width:1.5;filter:drop-shadow(0 0 6px rgba(56,225,255,.45))}html:root .bs-dot{fill:#eafcff}html:root .bs-ax{fill:#c9d8f5;font:600 11px "Rajdhani",var(--font);letter-spacing:.04em}html:root .bs-av{fill:#38e1ff;font:600 9px "Orbitron",var(--font)}
html:root .bs-details{display:inline-block;padding:7px 22px;border:1px solid rgba(56,225,255,.45);border-radius:4px;background:linear-gradient(180deg,rgba(42,111,214,.55),rgba(20,60,130,.55));color:#eafcff;font-size:.72rem;letter-spacing:.06em;text-decoration:none}html:root .bs-details:hover{box-shadow:0 0 12px rgba(56,225,255,.4)}
html:root .bs-note{position:relative;z-index:1;margin:10px 0 0;font-size:.6rem;line-height:1.45;color:#5f7aa6}
@media(max-width:820px){html:root .bs-body{grid-template-columns:1fr}html:root .bs-radar svg{max-width:280px}}
@media(max-width:480px){html:root .battle-stats{padding:12px 10px}html:root .bs-head{gap:8px}html:root .bs-period{flex:1 1 auto}html:root .bs-period a{flex:1;text-align:center;padding:6px 6px}html:root .bs-type{flex:1 1 100%}html:root .bs-type summary{width:100%;box-sizing:border-box}html:root .bs-grid{gap:2px 10px}html:root .bs-grid>div{grid-template-columns:minmax(0,1fr) 48px;gap:6px}html:root .bs-grid dt{font-size:.6rem}html:root .bs-grid dd{font-size:.66rem}}
@media(max-width:340px){html:root .bs-grid{grid-template-columns:1fr}}

/* Step 258: Evidence switch (Video link / Upload video), System vault chips, Evidence Storage admin */
html:root .ev-switch{display:grid;gap:10px;margin:6px 0 10px}
html:root .ev-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(56,225,255,.3);border-radius:5px;overflow:hidden}
html:root .ev-tabs button{appearance:none;-webkit-appearance:none;border:0;background:rgba(8,16,34,.85);color:#9fb4d8;padding:9px 10px;min-height:40px;font:600 .74rem/1.1 inherit;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
html:root .ev-tabs button+button{border-left:1px solid rgba(56,225,255,.25)}
html:root .ev-tabs button.on{background:linear-gradient(180deg,#2a6fd6,#1b4c9e);color:#fff;box-shadow:inset 0 -2px 0 #38e1ff}
html:root .ev-tabs button svg{width:16px;height:16px}
html:root .ev-switch.ev-busy .ev-tabs button{opacity:.55;cursor:wait}
html:root .ev-pane[hidden]{display:none!important}
html:root .ev-pane{display:grid;gap:8px}
html:root .ev-drop{position:relative;display:grid;place-items:center;gap:4px;padding:18px 12px;border:1px dashed rgba(56,225,255,.45);border-radius:6px;background:rgba(56,225,255,.04);text-align:center;cursor:pointer;margin:0}
html:root .ev-drop:hover,html:root .ev-drop:focus-within{background:rgba(56,225,255,.09);border-color:#38e1ff}
html:root .ev-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
html:root .ev-drop b{font-weight:700;font-size:.8rem;letter-spacing:.1em;color:#eafcff}
html:root .ev-drop small{font-size:.66rem;color:#7f97c2}
html:root .ev-progress{display:grid;gap:6px}
html:root .ev-progress[hidden]{display:none}
html:root .ev-progress>span{display:block;height:6px;border-radius:3px;background:rgba(56,225,255,.12);overflow:hidden}
html:root .ev-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#38e1ff,#7a5cff);box-shadow:0 0 10px rgba(56,225,255,.6);transition:width .25s}
html:root .ev-progress b{font-size:.7rem;color:#bfe9ff;font-weight:600}
html:root .ev-progress[data-state=done] b{color:#3ee08f}
html:root .ev-progress[data-state=done] i{background:#3ee08f;box-shadow:0 0 10px rgba(62,224,143,.55)}
html:root .ev-progress[data-state=error] b{color:#ff6b7a}
html:root .ev-notice{margin:0;font-size:.62rem;line-height:1.45;color:#7f97c2;display:flex;gap:6px;align-items:flex-start}
html:root .ev-notice svg{width:13px;height:13px;flex:none;margin-top:1px}
html:root .vault-ok,html:root .vault-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid rgba(62,224,143,.45);border-radius:999px;background:rgba(62,224,143,.08);color:#3ee08f;font-size:.62rem;font-weight:600;line-height:1.2;letter-spacing:.08em}
/* Step 259: Google publishing - legal pages + repaired Evidence Storage admin styles (previous cell hit the 32,767-character limit) */
html:root .drive-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}
html:root .drive-status>*{padding:12px 14px;border:1px solid rgba(56,225,255,.22);border-radius:10px;background:rgba(8,16,40,.6)}
html:root .drive-guide{margin:16px 0;padding:14px 16px;border:1px solid rgba(56,225,255,.2);border-radius:10px;background:rgba(5,12,32,.55);line-height:1.6}
html:root .drive-guide ol{margin:6px 0;padding-left:20px}html:root .drive-guide li{margin:5px 0}
html:root .drive-copy{display:flex;gap:8px;align-items:center;margin:6px 0;flex-wrap:wrap}html:root .drive-copy input{flex:1 1 220px;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:.8rem}
html:root .drive-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
html:root .drive-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}html:root .drive-form label{display:flex;flex-direction:column;gap:5px}
html:root .drive-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}html:root .drive-uses{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0}
html:root .drive-table-wrap{overflow-x:auto;margin:10px 0;border:1px solid rgba(56,225,255,.16);border-radius:10px}html:root .drive-table-wrap table{width:100%;border-collapse:collapse;font-size:.84rem}html:root .drive-table-wrap th,html:root .drive-table-wrap td{padding:8px 10px;border-bottom:1px solid rgba(56,225,255,.1);text-align:left;white-space:nowrap}
html:root .drive-st{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:.7rem;letter-spacing:.06em}
html:root .drive-admin .sec-title{margin:22px 0 8px;font-size:.8rem;letter-spacing:.16em;color:#38e1ff;text-transform:uppercase}
html:root .legal{max-width:820px;margin:18px auto;padding:26px 24px;line-height:1.65}
html:root .legal h2{margin:22px 0 8px;font-family:Orbitron,system-ui,sans-serif;font-size:.84rem;font-weight:700;letter-spacing:.14em;color:#38e1ff;text-transform:uppercase}
html:root .legal p,html:root .legal li{color:#c8d6f2;font-size:.94rem}html:root .legal ul{margin:6px 0 10px;padding-left:20px}html:root .legal li{margin:4px 0}html:root .legal a{color:#7dd3fc}
html:root .legal-back{margin-top:26px}
html:root .legal-links{margin:22px 0 0;font-size:.78rem;letter-spacing:.06em;color:#64748b;text-align:center}html:root .legal-links a{color:#94a3b8;text-decoration:none}html:root .legal-links a:hover,html:root .legal-links a:focus-visible{color:#38e1ff;text-decoration:underline}
@media (max-width:560px){html:root .legal{margin:10px;padding:20px 16px}html:root .legal p,html:root .legal li{font-size:.9rem}}
/* ===== Step 277: Gates page - Solo Leveling System theme tinted by the player's Hunter Rank ===== */
html:root body.page-dungeon{--rk:#38e1ff;--rk2:#2563eb;--rkc:56,225,255;--rkd:30,58,138;--rift:var(--rk2);--rift2:var(--rk)}
html:root body.page-dungeon.hunter-rank-e{--rk:#cbd5e1;--rk2:#64748b;--rkc:203,213,225;--rkd:51,65,85}
html:root body.page-dungeon.hunter-rank-d{--rk:#34d399;--rk2:#059669;--rkc:52,211,153;--rkd:6,78,59}
html:root body.page-dungeon.hunter-rank-c{--rk:#38e1ff;--rk2:#2563eb;--rkc:56,225,255;--rkd:30,58,138}
html:root body.page-dungeon.hunter-rank-b{--rk:#a78bfa;--rk2:#6d28d9;--rkc:167,139,250;--rkd:76,29,149}
html:root body.page-dungeon.hunter-rank-a{--rk:#fbbf24;--rk2:#d97706;--rkc:251,191,36;--rkd:120,53,15}
html:root body.page-dungeon.hunter-rank-s{--rk:#fb7185;--rk2:#be123c;--rkc:251,113,133;--rkd:127,29,29}
html:root body.page-dungeon.apex-certified{--rk:#fbbf24;--rk2:#8b5cf6;--rkc:251,191,36;--rkd:76,29,149}
html:root body.page-dungeon main.wrap::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 50% -5%,rgba(var(--rkd),.55),transparent 70%),radial-gradient(circle at 12% 85%,rgba(var(--rkc),.07),transparent 35%),radial-gradient(circle at 90% 60%,rgba(var(--rkd),.25),transparent 40%),repeating-linear-gradient(0deg,rgba(var(--rkc),.025) 0 1px,transparent 1px 4px);animation:rkAmbient 7s ease-in-out infinite alternate}
@keyframes rkAmbient{from{opacity:.75}to{opacity:1}}
html:root body.page-dungeon .gate-network,html:root body.page-dungeon .gate-threshold,html:root body.page-dungeon .dungeon-log,html:root body.page-dungeon .dungeon-run{position:relative;border:1px solid rgba(var(--rkc),.38);border-radius:2px;background:linear-gradient(90deg,transparent,rgba(var(--rkc),.85),transparent) top/100% 1px no-repeat,radial-gradient(ellipse at 50% -20%,rgba(var(--rkd),.6),transparent 55%),linear-gradient(165deg,rgba(8,12,30,.96),rgba(2,3,10,.99));box-shadow:inset 0 0 60px rgba(var(--rkd),.28),0 0 34px rgba(var(--rkc),.12),0 18px 40px rgba(0,0,0,.45)}
html:root body.page-dungeon .gate-network::before,html:root body.page-dungeon .gate-threshold::before,html:root body.page-dungeon .dungeon-log::before,html:root body.page-dungeon .dungeon-run::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(var(--rk),var(--rk)) top left/16px 2px,linear-gradient(var(--rk),var(--rk)) top left/2px 16px,linear-gradient(var(--rk),var(--rk)) top right/16px 2px,linear-gradient(var(--rk),var(--rk)) top right/2px 16px,linear-gradient(var(--rk),var(--rk)) bottom left/16px 2px,linear-gradient(var(--rk),var(--rk)) bottom left/2px 16px,linear-gradient(var(--rk),var(--rk)) bottom right/16px 2px,linear-gradient(var(--rk),var(--rk)) bottom right/2px 16px;background-repeat:no-repeat;filter:drop-shadow(0 0 4px rgba(var(--rkc),.8))}
html:root body.page-dungeon .gate-network>header,html:root body.page-dungeon .threshold-head,html:root body.page-dungeon .dungeon-run-head,html:root body.page-dungeon .dungeon-log>header{border-bottom-color:rgba(var(--rkc),.18)}
html:root body.page-dungeon .gate-network h1,html:root body.page-dungeon .gate-threshold h1,html:root body.page-dungeon .dungeon-run-head h1,html:root body.page-dungeon .dungeon-log h2{color:#fff;letter-spacing:.14em;text-shadow:0 0 6px rgba(var(--rkc),.9),0 0 22px rgba(var(--rkc),.45)}
html:root body.page-dungeon .ov-kicker{color:var(--rk);letter-spacing:.2em;text-shadow:0 0 10px rgba(var(--rkc),.5)}
html:root body.page-dungeon .ov-kicker::before{content:"[ ";opacity:.6}html:root body.page-dungeon .ov-kicker::after{content:" ]";opacity:.6}
html:root body.page-dungeon .realm-rank{display:inline-flex;align-items:center;gap:9px;margin-top:9px;padding:5px 12px 5px 5px;border:1px solid rgba(var(--rkc),.4);background:linear-gradient(90deg,rgba(var(--rkd),.55),rgba(2,3,10,.4));box-shadow:0 0 16px rgba(var(--rkc),.18)}
html:root body.page-dungeon .realm-rank>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--rk);color:var(--rk);font-size:1.05rem;font-weight:900;text-shadow:0 0 10px var(--rk);box-shadow:inset 0 0 10px rgba(var(--rkc),.35);transform:skewX(-8deg)}
html:root body.page-dungeon .realm-rank>span{display:grid;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.1em}html:root body.page-dungeon .realm-rank small{color:rgba(var(--rkc),.75);font-size:.5rem;letter-spacing:.18em}
html:root body.page-dungeon .rift-card{border-color:rgba(var(--rkc),.2);background:linear-gradient(90deg,rgba(var(--rkc),.5),transparent 60%) top/100% 1px no-repeat,linear-gradient(135deg,rgba(var(--rkd),.32),rgba(3,5,14,.97) 65%)}
html:root body.page-dungeon .rift-card:hover,html:root body.page-dungeon .rift-card:focus-visible{border-color:var(--rk);box-shadow:0 0 26px rgba(var(--rkc),.25),inset 0 0 22px rgba(var(--rkc),.08)}
html:root body.page-dungeon .rift-card::after{border-color:rgba(var(--rkc),.1)}
html:root body.page-dungeon .rift-visual>svg,html:root body.page-dungeon .run-portal>svg{filter:drop-shadow(0 0 14px rgba(var(--rkc),.6))}
html:root body.page-dungeon .portal-core>svg{filter:drop-shadow(0 0 28px rgba(var(--rkc),.7))}
html:root body.page-dungeon .rift-card>strong,html:root body.page-dungeon .threshold-portal>p{color:var(--rk)}
html:root body.page-dungeon .rift-data span,html:root body.page-dungeon .rift-data em,html:root body.page-dungeon .rift-data b{border-color:rgba(var(--rkc),.18);background:rgba(2,3,10,.4)}
html:root body.page-dungeon .rift-data em{color:var(--rk)}
html:root body.page-dungeon .rift-card.state-warning{border-color:rgba(244,63,94,.55);background:linear-gradient(135deg,rgba(69,10,24,.5),rgba(3,5,14,.96))}
html:root body.page-dungeon .gate-back,html:root body.page-dungeon .gate-info summary,html:root body.page-dungeon .info-orb{border-color:var(--rk);color:var(--rk);box-shadow:0 0 12px rgba(var(--rkc),.25)}
html:root body.page-dungeon .gate-hud>div,html:root body.page-dungeon .run-hud span{border-color:rgba(var(--rkc),.2);background:linear-gradient(180deg,rgba(var(--rkd),.25),rgba(2,3,10,.6))}
html:root body.page-dungeon .gate-hud small{color:rgba(var(--rkc),.7)}
html:root body.page-dungeon .gate-missions{border-color:rgba(var(--rkc),.22);background:rgba(var(--rkd),.12)}
html:root body.page-dungeon .gate-missions li{border-left-color:var(--rk);background:linear-gradient(90deg,rgba(var(--rkc),.09),transparent)}
html:root body.page-dungeon .gate-missions li>i,html:root body.page-dungeon .floor-rune{color:var(--rk)}
html:root body.page-dungeon .gate-consequence>summary{border-color:rgba(var(--rkc),.2)}
html:root body.page-dungeon .gate-entry-actions button:not(.danger){border-color:var(--rk);background:linear-gradient(90deg,var(--rk2),rgb(var(--rkd)));box-shadow:0 0 18px rgba(var(--rkc),.3);text-shadow:0 0 8px rgba(0,0,0,.6)}
html:root body.page-dungeon .dungeon-floor{border-color:rgba(var(--rkc),.22);background:linear-gradient(90deg,transparent,rgba(var(--rkc),.6),transparent) top/100% 1px no-repeat,linear-gradient(160deg,rgba(var(--rkd),.3),rgba(3,5,14,.97) 60%)}
html:root body.page-dungeon .dungeon-floor.st-approved{border-color:var(--green);box-shadow:inset 0 0 22px rgba(52,211,153,.1)}
html:root body.page-dungeon .floor-rune i{border-color:rgba(var(--rkc),.3)}
html:root body.page-dungeon .floor-target{border-left-color:var(--rk);background:rgba(var(--rkc),.06)}
html:root body.page-dungeon .floor-lock .btn{border-color:var(--rk);background:linear-gradient(90deg,rgba(var(--rkd),.95),var(--rk2));color:#fff;box-shadow:0 0 14px rgba(var(--rkc),.22)}
html:root body.page-dungeon .dungeon-log article{border-left-color:var(--rk);background:linear-gradient(90deg,rgba(var(--rkc),.07),rgba(15,23,55,.3))}
html:root body.page-dungeon .key-counter{box-shadow:inset 0 0 14px rgba(251,191,36,.1),0 0 14px rgba(251,191,36,.12)}
body[data-reduced-motion="1"].page-dungeon main.wrap::before{animation:none}
@media (prefers-reduced-motion:reduce){html:root body.page-dungeon main.wrap::before{animation:none}}
@media (max-width:650px){html:root body.page-dungeon .realm-rank{margin-top:6px}html:root body.page-dungeon .gate-network::before,html:root body.page-dungeon .gate-threshold::before,html:root body.page-dungeon .dungeon-log::before,html:root body.page-dungeon .dungeon-run::before{background-size:12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px}}
/* Step 260: Video Upload Vault console */
html:root .dv{max-width:1180px;margin-inline:auto}html:root .dv .sli{width:1.1em;height:1.1em;flex:none;vertical-align:-.18em}
html:root .dv-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}html:root .dv-hero .ttl{margin:2px 0 0}html:root .dv-back{display:inline-flex;align-items:center;gap:6px}
html:root .dv-core{--dv:#3ee08f;--dv-a:rgba(62,224,143,.14);--dv-b:rgba(62,224,143,.45);position:relative;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--dv-b);border-radius:14px;background:linear-gradient(110deg,var(--dv-a),rgba(8,16,34,.88) 55%);box-shadow:0 12px 30px -20px var(--dv);overflow:hidden}
html:root .dv-core.dv-warn{--dv:#fbbf24;--dv-a:rgba(251,191,36,.14);--dv-b:rgba(251,191,36,.45)}html:root .dv-core.dv-off{--dv:#f87171;--dv-a:rgba(248,113,113,.12);--dv-b:rgba(248,113,113,.4)}
html:root .dv-core::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px);pointer-events:none}
html:root .dv-orb{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:var(--dv);background:radial-gradient(circle,var(--dv-a),transparent 70%);border:2px solid var(--dv-b);flex:none}html:root .dv .dv-orb .sli{width:26px;height:26px}
html:root .dv-orb i{position:absolute;inset:-7px;border-radius:50%;border:1px dashed var(--dv-b);animation:dvSpin 14s linear infinite}html:root .dv-ok .dv-orb::after{content:"";position:absolute;inset:-2px;border-radius:50%;animation:dvPulse 2.4s ease-out infinite}
@keyframes dvSpin{to{transform:rotate(360deg)}}@keyframes dvPulse{0%{box-shadow:0 0 0 0 var(--dv-b)}100%{box-shadow:0 0 0 16px transparent}}
html:root .dv-core-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}
html:root .dv-core-txt small,html:root .dv-kpi small,html:root .dv-nums small,html:root .dv-sub,html:root .dv-copy small{font-size:.66rem;letter-spacing:.16em;color:#7f93b8;font-weight:700}
html:root .dv-core-txt b{font-family:Orbitron,sans-serif;font-size:1.25rem;letter-spacing:.08em;color:var(--dv);text-shadow:0 0 14px var(--dv-b)}html:root .dv-core-txt span{color:#c8d6f2;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root .dv-core-act{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}html:root .dv-core-act form{margin:0}
html:root .dv-act{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(56,225,255,.28);background:rgba(10,22,44,.85);color:#dbeafe;font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s,color .15s}
html:root .dv-act:hover,html:root .dv-act:focus-visible{border-color:#38e1ff;color:#fff;box-shadow:0 0 14px -4px #38e1ff;transform:translateY(-1px)}
html:root .dv-act-main{background:linear-gradient(135deg,#38e1ff,#2563eb);border-color:transparent;color:#04101f}html:root .dv-act-main:hover,html:root .dv-act-main:focus-visible{color:#04101f}
html:root .dv-act-bad{border-color:rgba(248,113,113,.35);color:#fca5a5}html:root .dv-act-bad:hover,html:root .dv-act-bad:focus-visible{border-color:#f87171;color:#fff;box-shadow:0 0 14px -4px #f87171}
html:root .dv-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
html:root .dv-kpi{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px 16px 14px 64px;border-radius:12px;border:1px solid rgba(56,225,255,.16);background:linear-gradient(160deg,rgba(14,28,56,.85),rgba(6,12,26,.85))}
html:root .dv-kpi-ic{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(56,225,255,.1);color:#38e1ff}html:root .dv-kpi.on .dv-kpi-ic{background:rgba(62,224,143,.12);color:#3ee08f}
html:root .dv-kpi b{font-family:Orbitron,sans-serif;font-size:1.15rem;letter-spacing:.04em;color:#f1f5ff}html:root .dv-kpi.on b{color:#3ee08f;text-shadow:0 0 12px rgba(62,224,143,.4)}html:root .dv-kpi b em{font-style:normal;font-size:.7rem;color:#7f93b8;letter-spacing:0}
html:root .dv-kpi>span:last-child{font-size:.8rem;color:#94a3c4;overflow:hidden;text-overflow:ellipsis}html:root .dv-kpi a{color:#7dd3fc}
html:root .dv-meter{height:7px;margin:4px 0 2px;border-radius:99px;background:rgba(148,163,184,.16);overflow:hidden}html:root .dv-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38e1ff,#2563eb);box-shadow:0 0 10px #38e1ff}
html:root .dv-meter.warn i{background:linear-gradient(90deg,#fbbf24,#d97706);box-shadow:0 0 10px #fbbf24}html:root .dv-meter.bad i{background:linear-gradient(90deg,#f87171,#b91c1c);box-shadow:0 0 10px #f87171}
html:root .dv-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}html:root .dv-side{display:flex;flex-direction:column;gap:14px;min-width:0}
html:root .dv-panel{margin:0;padding:16px;border-radius:14px;border:1px solid rgba(56,225,255,.16);background:rgba(7,14,30,.78)}
html:root .dv-h,html:root .dv-panel>summary{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-family:Orbitron,sans-serif;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;color:#e2ecff}html:root .dv-h .sli,html:root .dv-panel>summary .sli{color:#38e1ff}
html:root .dv-h em,html:root .dv-panel>summary em,html:root .dv-cred>summary em{margin-left:auto;padding:3px 9px;border-radius:99px;background:rgba(56,225,255,.1);color:#7dd3fc;font-style:normal;font-size:.62rem;letter-spacing:.14em}
html:root .dv-panel>summary,html:root .dv-cred>summary{cursor:pointer;list-style:none}html:root .dv details>summary::-webkit-details-marker{display:none}html:root details.dv-panel:not([open])>summary{margin:0}
html:root .dv-panel>summary::after,html:root .dv-cred>summary::after{content:"";width:7px;height:7px;margin:0 2px 3px 10px;border-right:2px solid #7f93b8;border-bottom:2px solid #7f93b8;transform:rotate(45deg);transition:transform .2s}html:root .dv details[open]>summary::after{transform:rotate(-135deg);margin-bottom:-3px}
html:root .dv-switch{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(56,225,255,.16);background:rgba(14,28,56,.6);cursor:pointer}
html:root .dv-switch input,html:root .dv-chip input{position:absolute;width:1px;height:1px;opacity:0}
html:root .dv-switch i{position:relative;flex:none;width:50px;height:28px;border-radius:99px;background:#1e293b;border:1px solid #334155;transition:.2s}html:root .dv-switch i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#64748b;transition:.2s}
html:root .dv-switch input:checked+i{background:rgba(62,224,143,.22);border-color:#3ee08f;box-shadow:0 0 12px -2px #3ee08f}html:root .dv-switch input:checked+i::after{left:25px;background:#3ee08f}html:root .dv-switch input:focus-visible+i{outline:2px solid #38e1ff;outline-offset:2px}
html:root .dv-switch span{display:flex;flex-direction:column;gap:2px}html:root .dv-switch b{color:#f1f5ff;letter-spacing:.04em}html:root .dv-switch b::after{content:" · OFF";color:#94a3b8}html:root .dv-switch input:checked~span b::after{content:" · ON";color:#3ee08f}html:root .dv-switch small{color:#94a3c4;font-size:.78rem}
html:root .dv-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
html:root .dv-nums label{display:flex;flex-direction:column;gap:6px;margin:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(56,225,255,.14);background:rgba(14,28,56,.5)}html:root .dv-nums label:focus-within{border-color:#38e1ff;box-shadow:0 0 0 3px rgba(56,225,255,.15)}
html:root .dv-nums label>span{display:flex;align-items:baseline;gap:6px}html:root .dv .dv-nums input{width:100%;min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none;outline:none;color:#f1f5ff;font-family:Orbitron,sans-serif;font-size:1.3rem}
html:root .dv-nums em{font-style:normal;color:#7f93b8;font-size:.78rem;white-space:nowrap}html:root .dv-nums i{font-style:normal;font-size:.7rem;color:#64748b}
html:root .dv-sub{margin:0 0 8px}html:root .dv-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}html:root .dv-chip{position:relative;margin:0;cursor:pointer}
html:root .dv-chip span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid #334155;background:rgba(14,28,56,.5);color:#94a3c4;font-size:.85rem;transition:.15s}
html:root .dv-chip span::before{content:"";width:8px;height:8px;border-radius:50%;background:#334155}html:root .dv-chip input:checked+span{border-color:#38e1ff;background:rgba(56,225,255,.12);color:#e0f7ff;box-shadow:0 0 12px -4px #38e1ff}html:root .dv-chip input:checked+span::before{background:#38e1ff;box-shadow:0 0 8px #38e1ff}html:root .dv-chip input:focus-visible+span{outline:2px solid #38e1ff;outline-offset:2px}
html:root .dv-cred{margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(56,225,255,.2);background:rgba(4,10,22,.5)}html:root .dv-cred>summary{display:flex;align-items:center;gap:8px;color:#c8d6f2;font-size:.85rem;font-weight:600;letter-spacing:.06em}html:root .dv-cred[open]>summary{margin-bottom:12px}
html:root .dv-cred>summary em.ok{background:rgba(62,224,143,.12);color:#3ee08f}html:root .dv-cred>summary em.bad{background:rgba(251,191,36,.12);color:#fbbf24}
html:root .dv-cred label,html:root .dv-copy label{display:flex;flex-direction:column;gap:5px;margin:0 0 10px;color:#94a3c4;font-size:.78rem}
html:root .dv .dv-cred input,html:root .dv .dv-copy input{width:100%;box-sizing:border-box;min-height:40px;margin:0;padding:8px 11px;border-radius:9px;border:1px solid #23314d;background:#060d1c;color:#e2ecff;font-size:.88rem}html:root .dv .dv-cred input:focus,html:root .dv .dv-copy input:focus{border-color:#38e1ff;outline:none;box-shadow:0 0 0 3px rgba(56,225,255,.15)}
html:root .dv-save{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px}
html:root .dv-list{display:flex;flex-direction:column;gap:8px;max-height:420px;margin:0;padding:0;list-style:none;overflow:auto}
html:root .dv-up{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(56,225,255,.1);background:rgba(14,28,56,.45)}html:root .dv-up-ic{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:rgba(56,225,255,.1);color:#38e1ff}
html:root .dv-up-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}html:root .dv-up-main b{color:#e2ecff;font-size:.88rem}html:root .dv-up-main small{color:#7f93b8;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:root .dv-up-main a{color:#7dd3fc}
html:root .dv-up-act{display:flex;align-items:center;gap:6px;flex:none}html:root .dv-up-act form{margin:0}
html:root .dv-ib{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;border:1px solid #23314d;background:transparent;color:#94a3c4;cursor:pointer;text-decoration:none}html:root .dv-ib:hover,html:root .dv-ib:focus-visible{border-color:#38e1ff;color:#38e1ff}html:root .dv-ib.bad:hover,html:root .dv-ib.bad:focus-visible{border-color:#f87171;color:#f87171}
html:root .dv-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 10px;border:1px dashed rgba(56,225,255,.16);border-radius:12px;color:#7f93b8;text-align:center}html:root .dv .dv-empty .sli{width:34px;height:34px;color:#38e1ff;opacity:.55}html:root .dv-empty b{color:#c8d6f2;font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:.12em}html:root .dv-empty small{font-size:.78rem}
html:root .dv-steps{display:flex;flex-direction:column;gap:9px;margin:0 0 14px;padding:0;list-style:none;counter-reset:dv}html:root .dv-steps li{position:relative;padding:2px 0 2px 36px;color:#c8d6f2;font-size:.85rem;line-height:1.45;counter-increment:dv}
html:root .dv-steps li::before{content:counter(dv);position:absolute;left:0;top:0;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:1px solid rgba(56,225,255,.3);background:rgba(56,225,255,.12);color:#38e1ff;font-family:Orbitron,sans-serif;font-size:.72rem}html:root .dv-steps code{color:#7dd3fc;font-size:.8rem}
html:root .dv-copy{display:flex;align-items:flex-end;gap:8px}html:root .dv-copy label{flex:1;min-width:0}html:root .dv-copy .btn{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px}
@media (max-width:900px){html:root .dv-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){html:root .dv-kpis{grid-template-columns:minmax(0,1fr)}html:root .dv-core{padding:14px}html:root .dv-core-act{width:100%}html:root .dv-core-act form{flex:1 1 calc(50% - 4px)}html:root .dv-act{width:100%;justify-content:center}html:root .dv-nums{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html:root .dv-nums label:last-child{grid-column:1/-1}}
@media (max-width:380px){html:root .dv-nums{grid-template-columns:minmax(0,1fr)}html:root .dv-nums label:last-child{grid-column:auto}html:root .dv-up{flex-wrap:wrap}html:root .dv-core-act form{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){html:root .dv-orb i,html:root .dv-ok .dv-orb::after{animation:none}}body[data-reduced-motion="1"] .dv-orb i,body[data-reduced-motion="1"] .dv-ok .dv-orb::after{animation:none}
/* ===== Step 262: Cleared quests - remove from list, Clear all, latest 10 + View all ===== */
html:root .qc-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:4px 0 10px;padding:8px 12px;border:1px solid rgba(56,225,255,.22);border-radius:4px;background:linear-gradient(90deg,rgba(56,225,255,.08),rgba(3,9,24,.6))}
html:root .qc-count{font-family:Orbitron,sans-serif;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#9fb6d6}
html:root .qc-count b{color:#38e1ff;text-shadow:0 0 8px rgba(56,225,255,.5)}
html:root .qc-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
html:root .qc-tools form{margin:0}
html:root .btn.qc-clear{border-color:rgba(248,113,113,.45)!important;color:#fca5a5!important}
html:root .btn.qc-clear:hover{background:rgba(248,113,113,.14)!important;color:#fff!important}
html:root .q-log-cleared li{display:flex!important;align-items:center;gap:10px}
html:root .q-log-cleared li>span{flex:1 1 auto;min-width:0}
html:root .q-del{margin:0;flex:0 0 auto;display:inline-flex}
html:root .q-act.q-del-btn{width:32px;height:32px;padding:0;display:inline-grid;place-items:center;border-radius:4px;border:1px solid rgba(248,113,113,.3);background:rgba(248,113,113,.06);color:#fca5a5;cursor:pointer;opacity:.75;transition:opacity .15s,background .15s,border-color .15s}
html:root .q-act.q-del-btn:hover,html:root .q-act.q-del-btn:focus-visible{opacity:1;background:rgba(248,113,113,.2);border-color:#f87171;color:#fff}
html:root .q-act.q-del-btn svg{width:16px;height:16px}
html:root .qc-more{display:flex;justify-content:center;margin-top:12px}
/* Step 263: Game hold (SLVL System Changes) */
html:root .game-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:18px 20px;border:1px solid rgba(62,224,143,.4);border-radius:16px;background:linear-gradient(135deg,rgba(62,224,143,.08),rgba(5,8,22,.6))}
html:root .game-status.is-hold{border-color:rgba(251,191,36,.55);background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(5,8,22,.6))}
html:root .gs-state{display:flex;align-items:center;gap:14px}
html:root .gs-state>i{flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:#3ee08f;box-shadow:0 0 12px #3ee08f;animation:gsPulse 1.8s ease-in-out infinite}
html:root .game-status.is-hold .gs-state>i{background:#fbbf24;box-shadow:0 0 12px #fbbf24}
html:root .gs-state small{display:block;font:700 10px Orbitron,sans-serif;letter-spacing:.2em;color:#8aa0c8}
html:root .gs-state b{display:block;font:700 22px Orbitron,sans-serif;letter-spacing:.08em;color:#3ee08f}
html:root .game-status.is-hold .gs-state b{color:#fbbf24}
html:root .gs-state em{font-style:normal;font-size:13px;color:#9fb3d9}
html:root .game-status form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0}
html:root .game-status form label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:12px;color:#9fb3d9}
html:root .game-status form input{min-width:0}
html:root .game-status .gs-hold{border-color:#fbbf24;color:#fbbf24;background:rgba(251,191,36,.12)}
html:root .game-status .gs-live{border-color:#3ee08f;color:#3ee08f;background:rgba(62,224,143,.12)}
@keyframes gsPulse{50%{opacity:.45}}
html:root .maint-banner{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:9000;padding:6px 14px;border:1px solid rgba(251,191,36,.6);border-radius:999px;background:rgba(20,14,2,.92);color:#fbbf24;font:700 10px Orbitron,sans-serif;letter-spacing:.14em;text-decoration:none;white-space:nowrap;box-shadow:0 0 16px rgba(251,191,36,.25)}
@media(max-width:600px){html:root .game-status form{width:100%}html:root .game-status form label{flex:1 1 100%}html:root .game-status form .btn{flex:1}html:root .maint-banner{font-size:9px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){html:root .gs-state>i{animation:none}}
/* Step 264: loading screen fix. The Gate page's info-popup rule (.gate-info>div) was also styling the loading bar, turning it into a black box (fixed across the screen on phones / landscape). Reset it for the loading screen only. */
html:root #gate .gate-info{position:static;z-index:auto}
html:root #gate .gate-info>.gate-bar{position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;z-index:auto;display:block;width:100%;max-width:100%;height:5px;margin:0;padding:0;border:0;border-radius:5px;overflow:hidden;color:inherit;background:rgba(56,225,255,.1);box-shadow:inset 0 0 0 1px rgba(56,225,255,.3)}
html:root #gate .gate-info>.gate-bar>i{display:block;height:100%}
/* Step 266: Continue with Google */
html:root .g-or{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:#8aa0c8;font:600 11px Orbitron,sans-serif;letter-spacing:3px}
html:root .g-or::before,html:root .g-or::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(56,225,255,.45),transparent)}
html:root a.g-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;background:#fff;background-image:none;color:#1f1f1f;border:1px solid #dadce0;box-shadow:0 0 0 1px rgba(56,225,255,.25),0 0 18px rgba(56,225,255,.18);text-transform:none;letter-spacing:.2px;font-family:Roboto,"Segoe UI",Arial,sans-serif;font-weight:600;text-decoration:none}
html:root a.g-btn:hover,html:root a.g-btn:focus-visible{background:#f2f6ff;color:#1f1f1f}
html:root a.g-btn svg{width:20px;height:20px;flex:none}
html:root .g-admin select{min-height:40px}
html:root .g-admin em a{color:#38e1ff}html:root .g-admin .g-adv{flex-basis:100%;margin-top:10px;font-size:13px;color:#8aa0c8}html:root .g-admin .g-adv summary{cursor:pointer}html:root .g-admin .g-adv form{margin-top:10px}html:root .g-admin button[disabled]{opacity:.45;cursor:not-allowed}
/* Step 269: compact Awakening setup wizard (all screens, phone landscape) */
html:root .wizard .ability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
html:root .wizard .calibration-metric{--gc:#38e1ff;margin:0;padding:8px 9px}
html:root .wizard .calibration-metric.group-conditioning{--gc:#34d399}
html:root .wizard .calibration-metric.group-gym{--gc:#a78bfa}
html:root .wizard .calibration-metric>small{display:block}
html:root .wizard .calibration-metric>input{min-height:26px}
html:root .wizard .step{gap:10px}
html:root .wizard .step-help{margin:0;font-size:.72rem}
html:root .wizard .picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
html:root .wizard .fair-mission-note{margin:0}
html:root .wizard.js .step.center>p:last-child{display:none}
html:root .wizard.js .wiz-nav{align-items:center;gap:10px;margin-top:14px}
html:root .wizard.js .wiz-nav .btn{min-width:130px;min-height:44px}
html:root .wizard.js .wiz-nav .wiz-finish{background:linear-gradient(135deg,#fbbf24,#d97706);color:#140d00;border-color:#fbbf24;box-shadow:0 0 14px rgba(251,191,36,.35)}
html:root .wiz-count{color:#7185ad;font:800 .66rem var(--mono);letter-spacing:.14em}
@media (max-width:820px),(orientation:landscape) and (max-height:620px){
html:root .wizard.js{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
html:root .wizard.js .wiz-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:rgba(3,6,16,.96);border-top:1px solid rgba(56,225,255,.25);box-shadow:0 -8px 24px rgba(0,0,0,.5)}
html:root .wizard.js .wiz-nav .btn{min-width:0;flex:0 1 160px}
html:root .wizard .calibration-metric>em{display:none}
}
@media (max-width:560px){
html:root .wizard .ability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
html:root .wizard .picks{grid-template-columns:repeat(2,minmax(0,1fr))}
html:root .setup-frame .setup-intro{font-size:.74rem;margin:-4px 0 10px}
}
@media (max-width:340px){html:root .wizard .ability-grid{grid-template-columns:1fr}}
@media (orientation:landscape) and (max-height:500px){
html:root .setup-frame{padding:10px 14px!important}
html:root .setup-frame .ov-kicker{margin:0;font-size:.56rem}
html:root .setup-frame h1.ttl{font-size:1rem;margin:2px 0 6px}
html:root .setup-frame .setup-intro{display:none}
html:root .setup-frame .steps-dots{margin:0 0 8px}
html:root .setup-frame .steps-dots li{height:4px}
html:root .wizard .step{gap:8px}
html:root .wizard .step>h3.ttl{font-size:.8rem;margin:0}
html:root .wizard .ability-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}
html:root .wizard .calibration-metric{padding:6px 8px;gap:2px 6px!important}
html:root .wizard .picks{grid-template-columns:repeat(4,minmax(0,1fr))}
html:root .wizard.js .step.on:has(.fair-mission-note){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
html:root .wizard.js .step.on:has(.fair-mission-note)>h3{grid-column:1/-1}
html:root .wizard .pick.oath{max-width:560px}
html:root .wizard.js{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}
html:root .wizard.js .wiz-nav{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}
html:root .wizard.js .wiz-nav .btn{min-height:40px}
}
/* Step 270: calm System Briefing (tutorial.php) */
html:root .sys-brief{width:min(880px,94vw);margin:3vh auto;padding:28px 26px 22px;border:1px solid rgba(56,225,255,.22);background:radial-gradient(circle at 50% -10%,rgba(56,225,255,.12),transparent 45%),linear-gradient(160deg,rgba(13,20,45,.97),rgba(3,5,13,.99))}
html:root .sys-brief-head{text-align:center;margin-bottom:20px}
html:root .sys-brief-head h1{margin:4px 0 6px;color:#fff;font-size:clamp(1.3rem,3.4vw,1.9rem);letter-spacing:.06em}
html:root .sys-brief-head>p:last-child{margin:0 auto;max-width:520px;color:#8da0c7;font-size:.8rem;line-height:1.55}
html:root .sys-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html:root .sys-brief-grid article{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(56,225,255,.12);background:rgba(4,8,22,.6);animation:briefIn .5s ease-out both;animation-delay:calc(var(--d,0) * 70ms)}
html:root .sys-brief-grid article>i{flex:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(56,225,255,.3);border-radius:50%;color:var(--cyan);font-style:normal}
html:root .sys-brief-grid article>i .sli{width:19px;height:19px}
html:root .sys-brief-grid b{display:block;color:#fff;font-size:.78rem;letter-spacing:.06em}
html:root .sys-brief-grid p{margin:4px 0 0;color:#8494b8;font-size:.7rem;line-height:1.5}
html:root .sys-brief-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(56,225,255,.12)}
html:root .sys-brief-foot small{color:#64748b;font-size:.66rem}
html:root .sys-brief-foot small .sli{width:13px;height:13px;vertical-align:-2px;margin-right:4px;color:var(--cyan)}
html:root .sys-brief-foot form{margin:0}
html:root .sys-brief-foot .btn{min-width:190px;min-height:44px}
@keyframes briefIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body[data-reduced-motion="1"] .sys-brief-grid article{animation:none}
@media (prefers-reduced-motion:reduce){html:root .sys-brief-grid article{animation:none}}
@media (max-width:760px){html:root .sys-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){html:root .sys-brief{padding:20px 14px 16px}html:root .sys-brief-grid{grid-template-columns:1fr;gap:8px}html:root .sys-brief-grid article{padding:11px}html:root .sys-brief-foot{flex-direction:column-reverse;align-items:stretch;text-align:center}html:root .sys-brief-foot .btn{width:100%}}
@media (orientation:landscape) and (max-height:500px){html:root .sys-brief{margin:1vh auto;padding:14px 16px}html:root .sys-brief-head{margin-bottom:10px}html:root .sys-brief-head h1{font-size:1.1rem;margin:2px 0}html:root .sys-brief-head>p:last-child{font-size:.7rem}html:root .sys-brief-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}html:root .sys-brief-grid article{padding:8px 10px;gap:9px}html:root .sys-brief-grid article>i{width:30px;height:30px}html:root .sys-brief-grid p{font-size:.64rem}html:root .sys-brief-foot{margin-top:10px;padding-top:10px}}
/* Step 271: Battle Records scoreboard */
html:root .bl-board{display:grid;gap:4px;margin-top:8px;width:100%}
html:root .bl-side{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(148,163,184,.14);background:rgba(3,7,20,.55)}
html:root .bl-side .bl-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;font-size:.72rem;font-weight:700}
html:root .bl-side.is-me .bl-name{color:#fff}
html:root .bl-side.is-win{border-color:rgba(52,211,153,.45);background:rgba(6,78,59,.14)}
html:root .bl-side u{flex:none;padding:1px 5px;border:1px solid currentColor;font-size:.5rem;font-weight:900;letter-spacing:.08em;text-decoration:none}
html:root .bl-side u.me{color:var(--cyan)}
html:root .bl-side u.w{color:#34d399}
html:root .bl-side u.q{color:#f87171}
html:root .bl-side>b{margin-left:auto;color:#fff;font:900 .9rem var(--mono)}
html:root .bl-side>b small{margin-left:3px;color:#64748b;font-size:.5rem;font-weight:700}
html:root .bl-board .bl-note{color:#7f91b7;font-size:.6rem;line-height:1.4}
/* Step 273: Arena victory popup */
html:root .realm-pop{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));background:radial-gradient(circle at 50% 40%,rgba(245,200,75,.14),rgba(2,3,10,.86) 60%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:realmPopFade .3s ease-out both}
html:root .realm-pop>.realm-result{width:min(560px,100%);max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 0 0 1px rgba(245,200,75,.35),0 0 70px rgba(245,200,75,.3),0 30px 80px rgba(0,0,0,.6);animation:realmPopIn .45s cubic-bezier(.2,1.3,.3,1) both}
html:root .realm-pop-x{position:absolute;top:8px;right:8px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(245,200,75,.45);border-radius:50%;background:rgba(6,6,16,.85);color:#fde68a;font-size:1.3rem;line-height:1;cursor:pointer}
html:root .realm-pop-x:hover,html:root .realm-pop-x:focus-visible{border-color:#fff;color:#fff;box-shadow:0 0 14px rgba(245,200,75,.5)}
body.realm-pop-open{overflow:hidden}
@keyframes realmPopFade{from{opacity:0}to{opacity:1}}
@keyframes realmPopIn{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
body[data-reduced-motion="1"] .realm-pop,body[data-reduced-motion="1"] .realm-pop>.realm-result{animation:none}
@media (prefers-reduced-motion:reduce){html:root .realm-pop,html:root .realm-pop>.realm-result{animation:none}}
@media (orientation:landscape) and (max-height:500px){html:root .realm-pop>.realm-result{padding:14px 18px;gap:4px}html:root .realm-pop .realm-result h2{font-size:clamp(28px,7vh,44px);margin:2px 0}html:root .realm-pop .realm-result-sigil{width:52px;height:52px}html:root .realm-pop .realm-result-sigil svg{width:24px;height:24px}html:root .realm-pop .realm-result-actions{margin-top:4px}}
/* Step 274: Gate floors - one-tap LOCK RESULT */
html:root .floor-lock{display:flex;margin-top:10px}
html:root .floor-lock .btn{width:100%;justify-content:center;gap:6px}
/* Step 276: Mark Gate Completed */
html:root .gate-complete{display:flex;justify-content:center;margin:14px 0 4px}
html:root .gate-complete .btn{width:min(420px,100%);justify-content:center;gap:8px;background:linear-gradient(135deg,#fbbf24,#d97706);color:#160c00;border-color:#fbbf24;box-shadow:0 0 22px rgba(251,191,36,.35);font-weight:800;letter-spacing:.08em}
html:root .gate-complete .btn:hover{filter:brightness(1.08);box-shadow:0 0 30px rgba(251,191,36,.5)}
/* Step 279: New Player Path - glowing floating START HERE button + popup (dashboard). Hidden once the first mission is cleared. */
.qs-fab{position:fixed;right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:9px;padding:7px 16px 7px 7px;border:1px solid rgba(52,211,153,.75);border-radius:999px;background:linear-gradient(145deg,rgba(8,40,44,.96),rgba(4,9,20,.97));color:#eafff6;font:inherit;cursor:pointer;animation:qsGlow 1.8s ease-in-out infinite}.qs-fab>i{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.35),rgba(52,211,153,.08));color:#34d399;font-style:normal}.qs-fab>i::after{content:"";position:absolute;inset:-4px;border:2px solid rgba(52,211,153,.7);border-radius:50%;animation:qsRing 1.8s ease-out infinite}.qs-fab .sli{width:20px;height:20px}.qs-fab>span{display:grid;text-align:left;line-height:1.15}.qs-fab small{font-size:.55rem;letter-spacing:.14em;color:#7fe7c0}.qs-fab b{font-size:.82rem;letter-spacing:.08em;color:#fff}.qs-fab:hover,.qs-fab:focus-visible{outline:none;border-color:#6ee7b7;animation-play-state:paused;box-shadow:0 0 0 3px rgba(52,211,153,.35),0 0 28px rgba(52,211,153,.75)}@keyframes qsGlow{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.5),0 0 12px rgba(52,211,153,.35);opacity:1}50%{box-shadow:0 0 0 9px rgba(52,211,153,0),0 0 30px rgba(52,211,153,.8);opacity:.8}}@keyframes qsRing{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.5);opacity:0}}.qs-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px;background:rgba(2,5,12,.74);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.qs-modal[hidden]{display:none!important}.qs-card{position:relative;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;margin:0!important;padding:22px 20px 18px!important;border-color:rgba(52,211,153,.55)!important;background:radial-gradient(circle at 95% 0,rgba(52,211,153,.14),transparent 40%),linear-gradient(145deg,rgba(8,34,41,.97),rgba(4,7,17,.98))!important;box-shadow:0 0 40px rgba(52,211,153,.25);animation:qsPop .25s ease-out}.qs-card h2{margin:2px 0;font-size:1.15rem}.qs-sub{display:block;margin-bottom:12px;color:#7f96b8;font-size:.66rem}.qs-card>p:not(.ov-kicker){color:#a9bad8;line-height:1.55;margin:12px 0}.qs-x{position:absolute;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(148,163,184,.35);border-radius:50%;background:rgba(5,10,22,.85);color:#dbe7ff;font-size:1.25rem;line-height:1;cursor:pointer}.qs-x:hover,.qs-x:focus-visible{outline:none;border-color:#34d399;color:#34d399}body.qs-open{overflow:hidden}body.qs-open .qs-fab{visibility:hidden}@keyframes qsPop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}@media(max-width:650px){.qs-fab{right:12px}.qs-fab b{font-size:.74rem}}@media(max-height:500px) and (orientation:landscape){.qs-fab{bottom:calc(64px + env(safe-area-inset-bottom,0px));padding:5px 12px 5px 5px}.qs-fab>i{width:30px;height:30px}.qs-card{padding:14px 16px 12px!important}.qs-card>p:not(.ov-kicker){margin:8px 0;font-size:.78rem}.qs-card .quick-steps{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.qs-fab,.qs-fab>i::after,.qs-card{animation:none!important}.qs-fab{box-shadow:0 0 18px rgba(52,211,153,.55)}}
/* Leaderboard Elo + EXP columns (step 281): #, Hunter, Hunter Rank, Elo, EXP. */
html:root .lb-list{--lbc:66px minmax(0,1fr) 120px 72px 92px}html:root .lb-head span:nth-child(4){text-align:right;font-family:"Orbitron","Rajdhani",var(--font);letter-spacing:.14em}html:root .lb-elo b{color:#fde68a!important;text-shadow:0 0 6px rgba(251,191,36,.4)!important}html:root .lb-elo small{color:#d4a64a!important}html:root .lb-top .lb-elo b{color:#fff7d6!important}
@media(max-width:560px){html:root .lb-list{--lbc:40px minmax(0,1fr) auto 46px 60px}html:root .lb-head,html:root .lb-row{gap:6px}}
/* Continue with Facebook (step 282): Facebook blue button under the Google button. */
html:root a.fb-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;margin-top:10px;background:#1877F2;background-image:none;color:#fff;border:1px solid #1877F2;box-shadow:0 0 0 1px rgba(56,225,255,.25),0 0 18px rgba(56,225,255,.18);text-transform:none;letter-spacing:.2px;font-family:Roboto,"Segoe UI",Arial,sans-serif;font-weight:600;text-decoration:none}html:root a.fb-btn:hover,html:root a.fb-btn:focus-visible{background:#166FE5;color:#fff}html:root a.fb-btn svg{width:20px;height:20px;flex:none}
/* Step 283: viewport-level setup navigation, outside .frame clip-path. */
html:root body.setup-mobile-nav .dock{display:none!important}
html:root body.setup-mobile-nav .wizard.js{padding-bottom:var(--setup-nav-space,96px)!important}
html:root body>.setup-wiz-nav{box-sizing:border-box;display:flex!important;position:fixed!important;inset:auto 0 0!important;width:100%;z-index:2147483001!important;align-items:center;justify-content:space-between;gap:10px;margin:0!important;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#030610;border-top:1px solid rgba(56,225,255,.3);box-shadow:0 -8px 24px rgba(0,0,0,.5);clip-path:none!important;transform:none!important;pointer-events:auto!important}
html:root body>.setup-wiz-nav .btn{box-sizing:border-box;flex:0 1 160px;min-width:0;min-height:44px;white-space:normal;text-align:center}
html:root body>.setup-wiz-nav .wiz-count{flex:none;color:#b8c9e6;white-space:nowrap}
html:root body>.setup-wiz-nav .wiz-finish{background:linear-gradient(135deg,#fbbf24,#d97706);color:#140d00;border-color:#fbbf24;box-shadow:0 0 14px rgba(251,191,36,.35)}
html:root body>.setup-wiz-nav .btn:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Step 285: opt-in dashboard shell; all other pages retain native document scrolling. */
html:root.dashboard-shell-active{height:100%;overflow:hidden!important}
html:root body.page-dashboard.dashboard-shell-active{height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:0!important}
html:root body.page-dashboard .dashboard-shell{display:contents}
html:root body.page-dashboard.dashboard-shell-active .dashboard-shell{display:block;position:fixed;left:max(5px,env(safe-area-inset-left,0px));right:max(5px,env(safe-area-inset-right,0px));box-sizing:border-box;z-index:2;min-height:0}
html:root body.page-dashboard.dashboard-shell-active .dashboard-shell>main.wrap{position:relative!important;box-sizing:border-box;width:100%!important;max-width:1080px!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:5px 5px 16px!important;overflow-y:auto!important;overflow-x:hidden!important;display:grid!important;align-content:start;grid-auto-rows:max-content;gap:14px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:10px;scrollbar-width:thin;scrollbar-color:#446080 #080f22}
html:root body.page-dashboard.dashboard-shell-active .dashboard-shell>main.wrap>*{min-width:0}
html:root body.page-dashboard.dashboard-shell-active .dashboard-shell>main.wrap:focus-visible{outline:2px solid #38e1ff;outline-offset:-2px}
html:root body.page-dashboard.dashboard-shell-active .dashboard-shell.is-modal-open>main.wrap{overflow:hidden!important}
html:root body.page-dashboard.dashboard-shell-active>.qs-fab{bottom:calc(var(--dashboard-dock-gap,76px) + 12px);z-index:2147483001}
html:root body.page-dashboard>.qs-modal{z-index:2147483100}
html:root body.page-dashboard>.qs-modal .qs-card{box-sizing:border-box;max-height:calc(100dvh - 32px);overflow-y:auto}
html:root body.page-dashboard.dashboard-shell-active:has(>.qs-fab) .dashboard-shell>main.wrap{padding-bottom:90px!important}
@media print{html:root.dashboard-shell-active,html:root body.page-dashboard.dashboard-shell-active{height:auto!important;overflow:visible!important}html:root body.page-dashboard.dashboard-shell-active .dashboard-shell{position:static!important;display:block;height:auto!important}html:root body.page-dashboard.dashboard-shell-active .dashboard-shell>main.wrap{height:auto!important;overflow:visible!important}html:root body.page-dashboard>.qs-fab{display:none!important}}

/* Dashboard popups remain above both the dock and Start Here button. */
html:root body.page-dashboard>[aria-modal="true"]{z-index:2147483646!important}
html:root body.page-dashboard.dashboard-modal-open>.qs-fab{visibility:hidden!important}

/* Step 286: original shadow-System dock skin. Geometry and interaction logic unchanged. */
html:root body .dock{background:radial-gradient(ellipse at 50% 0,rgba(68,49,144,.38),transparent 68%),repeating-linear-gradient(90deg,transparent 0 31px,rgba(92,154,235,.035) 31px 32px),linear-gradient(180deg,#101b36 0%,#080e20 55%,#040814 100%)!important;border-top-color:rgba(104,192,255,.65)!important;box-shadow:inset 0 1px 0 rgba(182,225,255,.12),inset 0 -1px 0 rgba(111,76,220,.24),0 -3px 18px rgba(46,115,217,.18),0 -12px 32px rgba(0,0,0,.55)!important;isolation:isolate}
html:root body .dock::before{content:"";position:absolute;inset:0 0 auto;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 2%,#6753c9 18%,#5bdcff 42%,#d4f7ff 50%,#5bdcff 58%,#6753c9 82%,transparent 98%);box-shadow:0 0 10px rgba(75,201,255,.5)}
html:root body .dock::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent 35%,rgba(137,211,255,.09) 49%,transparent 63%);background-size:250% 100%;animation:slvlDockSweep 3s ease-in-out 2;opacity:0}
html:root body .dock>a{position:relative;color:#a8bdd9;background:linear-gradient(180deg,rgba(63,99,153,.06),transparent);box-shadow:inset 0 0 0 1px rgba(101,146,213,.08);transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}
html:root body .dock>a>i{color:#9fbce4;text-shadow:0 0 9px rgba(100,166,255,.35)!important}
html:root body .dock>a>i .sli{filter:drop-shadow(0 0 3px rgba(92,172,255,.35))!important}
html:root body .dock>a::after{content:"";position:absolute;left:28%;right:28%;bottom:0;height:2px;border-radius:2px;background:#58d9ff;opacity:0;pointer-events:none;box-shadow:0 0 8px rgba(56,225,255,.85)}
html:root body .dock>a.on,html:root body .dock>a[aria-current="page"]{color:#edfbff;background:radial-gradient(ellipse at 50% 100%,rgba(56,225,255,.22),transparent 78%),linear-gradient(180deg,rgba(53,87,150,.2),rgba(30,75,135,.18));box-shadow:inset 0 0 0 1px rgba(96,207,255,.28),inset 0 -2px 0 #58d9ff,0 0 12px rgba(56,170,255,.1)!important}
html:root body .dock>a.on>i,html:root body .dock>a[aria-current="page"]>i{color:#98eeff;text-shadow:0 0 10px rgba(56,225,255,.8)!important}
html:root body .dock>a.on>span{color:#edfbff;text-shadow:0 0 7px rgba(56,225,255,.5)!important}
html:root body .dock>a.on::after,html:root body .dock>a[aria-current="page"]::after{opacity:1}
html:root body .dock>a.glow:not(.on){color:#d6c8ff;box-shadow:inset 0 0 0 1px rgba(173,139,250,.25)!important}
html:root body .dock>a.glow>i{color:#d6c8ff;text-shadow:0 0 9px rgba(167,139,250,.6)!important}
@media(hover:hover){html:root body .dock>a:hover{color:#fff;background-color:rgba(70,143,211,.14);box-shadow:inset 0 0 0 1px rgba(130,213,255,.4),0 0 12px rgba(70,160,255,.16)!important}html:root body .dock>a:hover::after{opacity:.65}}
html:root body .dock>a:focus-visible,html:root body .dock .floating-battle-button:focus-visible{outline:2px solid #b7f0ff!important;outline-offset:-2px}
html:root body .dock .floating-battle-button>i{position:relative;border-color:#bba8ff;background:radial-gradient(circle at 35% 25%,#6687df,#44308c 55%,#141e47);box-shadow:0 0 0 3px #080e20,0 0 0 4px rgba(173,151,255,.35),inset 0 0 12px rgba(161,163,255,.3),0 0 18px rgba(133,91,255,.5)!important}
html:root body .dock .floating-battle-button>i::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(172,152,255,.42);border-left-color:transparent;border-right-color:transparent;border-radius:50%;pointer-events:none;animation:slvlDockOrbit 4s linear 2}
html:root body .dock .floating-battle-button>span b{color:#e3d9ff;text-shadow:0 0 7px rgba(155,122,255,.55)!important}
html:root body .dock .floating-battle-button.is-searching>i,html:root body .dock .floating-battle-button.is-finding>i{border-color:#ffe2a0;background:radial-gradient(circle at 35% 25%,#b88235,#66421d 55%,#251333);box-shadow:0 0 0 3px #080e20,inset 0 0 12px rgba(255,211,103,.2),0 0 19px rgba(251,191,36,.55)!important;animation:none!important}
html:root body .dock .floating-battle-button.is-searching>i::after,html:root body .dock .floating-battle-button.is-finding>i::after{border-top-color:#fbbf24;border-bottom-color:#fbbf24}
html:root body .dock .floating-battle-button.is-active>i,html:root body .dock .floating-battle-button.is-live>i{border-color:#ff8ca6;background:radial-gradient(circle at 35% 25%,#a94074,#681d42 55%,#20102f);box-shadow:0 0 0 3px #080e20,inset 0 0 12px rgba(255,103,137,.25),0 0 20px rgba(255,61,90,.55)!important;animation:none!important}
html:root body .dock .floating-battle-button.is-active>i::after,html:root body .dock .floating-battle-button.is-live>i::after{border-top-color:#ff728f;border-bottom-color:#ff728f}
html:root body .dock .floating-battle-button:hover>i,html:root body .dock .floating-battle-button:focus-visible>i{border-color:#fff;filter:brightness(1.15)!important}
@keyframes slvlDockSweep{0%{background-position:100% 0;opacity:0}20%,65%{opacity:1}100%{background-position:0 0;opacity:0}}
@keyframes slvlDockOrbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html:root body .dock::after,html:root body .dock .floating-battle-button>i::after{animation:none!important}html:root body .dock>a{transition:none!important}}
html:root body[data-reduced-motion="1"] .dock::after,html:root body[data-reduced-motion="1"] .dock .floating-battle-button>i::after{animation:none!important}
html:root body[data-reduced-motion="1"] .dock>a{transition:none!important}

/* Step 289: restore secondary-page scrolling ONLY; no Return or header redesign. */
html:root.content-scroll-active{height:100%;overflow:hidden!important}
html:root body.content-scroll-active{height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:0!important}
html:root body.content-scroll-ready .content-scroll-shell{display:contents}
html:root body.content-scroll-active .content-scroll-shell{display:block;position:fixed;right:max(5px,env(safe-area-inset-right,0px));min-height:0;box-sizing:border-box;z-index:2}
html:root body.content-scroll-ready.content-scroll-active .content-scroll-shell>main.wrap{position:relative!important;box-sizing:border-box;width:100%!important;max-width:1180px!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:5px 5px max(18px,env(safe-area-inset-bottom,0px))!important;display:grid!important;align-content:start;grid-auto-rows:max-content;overflow-y:auto!important;overflow-x:hidden!important;gap:14px;overscroll-behavior-y:contain;scroll-padding-block:12px;scrollbar-width:thin;scrollbar-color:#486782 #080f22;-webkit-overflow-scrolling:touch}
html:root body.content-scroll-ready .content-scroll-shell>main.wrap>*{min-width:0}
html:root body.content-scroll-active .content-scroll-shell.is-modal-open>main.wrap{overflow:hidden!important}
html:root body.content-scroll-ready .content-scroll-shell>main.wrap:focus-visible{outline:2px solid #7bdfff;outline-offset:-2px}
html:root body.content-scroll-ready>[aria-modal="true"]{z-index:2147483646!important}
html:root body.content-scroll-active:has(.sys-battle-alert) .content-scroll-shell>main.wrap{padding-bottom:100px!important}
@media print{html:root.content-scroll-active,html:root body.content-scroll-active{height:auto!important;overflow:visible!important;padding:0!important}html:root body.content-scroll-active .content-scroll-shell{position:static!important;display:block;height:auto!important}html:root body.content-scroll-active .content-scroll-shell>main.wrap{height:auto!important;overflow:visible!important;margin:0!important}}