/* Direct navigation, a distinct premium arena, and a shared DOJO camera. */
@media(min-width:1000px){
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47:has(.dojo243) .main.scene188::before{background-size:var(--dojo-scene-width245,auto) var(--dojo-scene-height245,100%)!important;background-position:var(--dojo-scene-left-anchor,50%) var(--dojo-scene-top245,0px)!important;mask-image:var(--dojo-scene-fade-anchor,none)!important}
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 .desktop-nav124 .desktop-inner125{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;min-width:0!important}
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 .desktop-nav124 .desktop-brand124{flex:0 0 auto!important;margin-right:0!important}
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 .desktop-nav124 .desktop-inner125>nav{flex:1 1 0!important;min-width:0!important;gap:5px!important;flex-wrap:nowrap!important;justify-content:center!important}
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 .desktop-nav124 :is(nav>button,.desktop-nav-group124){flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:108px!important}
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 .desktop-nav124 .desktop-nav-group124>summary{width:100%!important;min-width:0!important;max-width:108px!important}
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 .desktop-nav124 button[data-go="skillboard"]{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:1px!important;line-height:1.15!important}
 .nav-premium245{font:600 8px/1.1 system-ui,sans-serif;letter-spacing:.12em;color:#f4d69a}
}
@media(width < 1000px){
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 .mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(max-width:380px){
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 .mobile-nav>.navlink>span:not(.mobile-more-mark){font-size:10px!important}
}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 :is(.navlink,.desktop-nav124 button)[data-go="skillboard"]{color:#fff3d2!important;background:linear-gradient(135deg,#713ecd,#3e226e)!important;border:1px solid #d7b56b!important;box-shadow:inset 0 1px #ffffff2b,0 0 12px #9150d933!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47 :is(.navlink,.desktop-nav124 button)[data-go="skillboard"][aria-current="page"]{background:linear-gradient(135deg,#8a4fe8,#532d91)!important;box-shadow:inset 0 -3px #f4ce7f,0 0 16px #9866e34d!important}

/* These surfaces exist only on the skillboard page. No DOJO panel is restyled. */
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app{background:#0d0917!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app::before,:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app>.main::before,:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app>.main::after{display:none!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app>.main{background:radial-gradient(ellipse at 20% 0%,#3d1d693d,transparent 55%),linear-gradient(150deg,#0e0b19,#161024 65%,#0e0b19)!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-directory244{--arena-violet:#ba91ff;--arena-gold:#edcb8c;color:#f4f0ff!important;font-family:Rajdhani,system-ui,sans-serif!important;padding:28px!important;background:linear-gradient(120deg,#25183b80,transparent 55%),repeating-linear-gradient(90deg,#bfa0ff04 0 1px,transparent 1px 72px),#110d1d!important;border:1px solid #a47fdb30!important;border-radius:24px!important;box-shadow:0 24px 70px #0004!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-heading244{padding:4px 0 24px!important;border-bottom:1px solid #c5a7f22b!important;gap:20px!important;margin-bottom:22px!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-heading244 h1{font:700 clamp(30px,5vw,48px)/1.1 Rajdhani,system-ui!important;letter-spacing:.05em!important;color:#f2e8ff!important;margin:14px 0 8px!important;text-shadow:none!important}
.skill-premium245{display:inline-flex;padding:6px 12px;border:1px solid #d9b77e88;border-radius:100px;color:#efd3a1;background:#d0a25d14;font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.17em}
.skill-metrics245{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.skill-metrics245>div{display:grid;gap:8px;min-width:0;padding:22px;border:1px solid #c4a3ff35;border-radius:16px;background:linear-gradient(140deg,#2c1d42,#1a1429)}.skill-metrics245 span{font:600 11px/1.4 system-ui,sans-serif;letter-spacing:.08em;color:#baa8d2;overflow-wrap:anywhere}.skill-metrics245 strong{font:700 38px/1.15 Rajdhani,system-ui;color:#f0d29d}.skill-metrics245>div:first-child strong{color:#c29dff}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-rules244>span{background:#1e172a!important;border:1px solid #c4a3ff24!important;border-radius:12px!important}.skill-directory244 .skill-rules244 b{color:#ccb1f8}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-directory244 :is(input,select){font-family:Rajdhani,system-ui!important;background:#100c1b!important;border:1px solid #9b7dbd6b!important;border-radius:10px!important;color:#f3eafa!important;box-shadow:none!important;min-height:48px!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-directory244 .btn{font:600 15px/1.3 Rajdhani,system-ui!important;border:1px solid #aa85d280!important;border-radius:10px!important;background:#342244!important;color:#efe4ff!important;box-shadow:none!important;padding:12px 16px!important;min-height:46px!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-directory244 .btn:hover{background:#4d3066!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-directory244 .skill-row244{background:linear-gradient(100deg,#21172e,#181222)!important;border:1px solid #c3a2ec2e!important;border-radius:14px!important;box-shadow:none!important;font-family:Rajdhani,system-ui!important;min-height:94px!important;transition:border-color .15s ease,background-color .15s ease}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-directory244 .skill-row244:hover{border-color:#bd94ef99!important;background:linear-gradient(100deg,#302040,#21172e)!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-directory244 .skill-row244.is-own244{border-color:#e0ba72bb!important;background:linear-gradient(100deg,#3c2a42,#23192e)!important;box-shadow:inset 3px 0 #e0ba72!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-row244 :is(.skill-name244 strong,.skill-stat244 b){font-family:Rajdhani,system-ui!important;font-size:21px!important}.skill-directory244 .skill-total244 b{color:#efd09b}.skill-directory244 .skill-position244{color:#c5a4f6}.skill-directory244 .skill-columns244{color:#bca7d3}.skill-directory244 .skill-patch244 img{filter:drop-shadow(0 2px 8px #0006)}
@media(max-width:760px){
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-directory244{padding:18px 12px!important;border-radius:18px!important}
 .skill-metrics245{gap:8px}.skill-metrics245>div{padding:14px 10px;border-radius:12px}.skill-metrics245 span{font-size:9px;letter-spacing:.02em}.skill-metrics245 strong{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.skill-row244{transition:none!important}}

:root body#sensei-app.tactical166 .skill-dialog244{background:linear-gradient(135deg,#291c3c,#15101f)!important;border-color:#bc95ec88!important;color:#f3ebff!important;font-family:Rajdhani,system-ui,sans-serif!important}
:root body#sensei-app.tactical166 .skill-dialog244 .skill-detail-stats244>span{background:#2f2140!important;border-color:#bc95ec44!important}.skill-dialog244 .skill-history244 li>b{color:#efd09b}

/* Original arena artwork and a cinematic first entrance. */
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-heading244.skill-hero245{position:relative!important;min-height:340px!important;box-sizing:border-box!important;padding:40px!important;margin:0 0 22px!important;border:1px solid #d8b77870!important;border-radius:20px!important;overflow:hidden!important;isolation:isolate!important;background:linear-gradient(90deg,#0d0918ed 0%,#160b22b0 38%,#160b2210 72%),url('./assets/skillzone245/arena.6c7f6f30c49d7886.png') 64% center/cover no-repeat!important;box-shadow:inset 0 1px #fae0b24d,0 18px 40px #0005!important}
.skill-hero245::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 70px #0005}
.skill-hero-copy245{position:relative;z-index:1;max-width:56%}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-hero245 h1{font-size:clamp(42px,5.5vw,74px)!important;letter-spacing:.03em!important;margin:18px 0 10px!important;line-height:1!important}
:root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-hero245 .skill-motto245{font:600 clamp(20px,2.2vw,28px)/1.25 Rajdhani,system-ui!important;color:#f4d79e!important;margin:0 0 14px!important}
.skill-hero245>button{position:absolute!important;right:22px!important;top:22px!important;z-index:2}
.skill-metrics245>div{position:relative;overflow:hidden}.skill-metrics245>div::before{content:'';height:2px;position:absolute;top:0;inset-inline:20px;background:linear-gradient(90deg,transparent,#c39bfa,transparent)}.skill-metrics245>div:nth-child(2)::before{background:linear-gradient(90deg,transparent,#f0cf8f,transparent)}
@media(max-width:760px){
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-heading244.skill-hero245{min-height:330px!important;padding:76px 18px 28px!important;background-position:70% center!important;background-image:linear-gradient(90deg,#0e0919df,#130a20a8),url('./assets/skillzone245/arena.6c7f6f30c49d7886.png')!important}
 .skill-hero-copy245{max-width:100%}.skill-hero245>button{right:14px!important;top:14px!important}
 :root body#sensei-app.tactical166 #root#root#root#root#root .app.online47.skillboard244-app #content .skill-hero245 h1{font-size:clamp(34px,8vw,48px)!important}
}
.skill-welcome245{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:#0a0710!important;color:#fff6e6!important;overflow-x:hidden!important;overflow-y:auto!important;font-family:Rajdhani,system-ui,sans-serif!important;isolation:isolate}
.skill-welcome245::backdrop{background:#08060f}
.welcome-art245,.welcome-shade245,.welcome-sparks245{position:absolute;inset:0;pointer-events:none}
.welcome-art-clip245{position:absolute;inset:0;overflow:hidden;z-index:-3;pointer-events:none}
.welcome-art245{z-index:-3;background:url('./assets/skillzone245/arena.6c7f6f30c49d7886.png') 64% center/cover no-repeat;animation:welcome-camera245 7.6s cubic-bezier(.1,.4,.2,1) both;transform-origin:70% 50%}
.welcome-shade245{z-index:-2;background:radial-gradient(ellipse at center,#0a07102b,#080610b3 75%),linear-gradient(0deg,#080510d9,transparent 35%,#08051066)}
.welcome-brand245{position:absolute;top:26px;left:30px;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.18em;color:#d9c8e8}.welcome-brand245 span{display:inline-block;margin-left:12px;font-size:9px;padding:5px 9px;border:1px solid #e4c48377;border-radius:100px;color:#efd4a4}
.skill-welcome245 .welcome-skip245{position:absolute;top:20px;right:24px;z-index:3;min-height:44px;padding:10px 14px;border:1px solid #dec8ef66;border-radius:8px;color:#f3e9ff;background:#170c25b8;font:600 13px/1.3 Rajdhani,system-ui;cursor:pointer}
.welcome-stage245{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;min-height:100%;box-sizing:border-box;padding:88px 24px 70px}
.welcome-seal245{width:140px;height:140px;flex:none;color:#f0cc80;filter:drop-shadow(0 0 18px #f5be5870);animation:welcome-seal245 1.6s cubic-bezier(.15,.7,.2,1) both}
.welcome-draw245{stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:center;animation:welcome-draw245 1.6s .2s ease-out forwards}
.skill-welcome245 h2{font:700 clamp(34px,6vw,88px)/1.02 Rajdhani,system-ui,sans-serif!important;letter-spacing:.04em!important;margin:0!important;max-width:100%;color:#fff5df!important;text-shadow:0 3px 24px #000c;animation:welcome-title245 1s .65s ease-out both}
.skill-welcome245 h2 span{display:block;color:#f1ce87;background:linear-gradient(100deg,#b98a43,#ffedbc 45%,#d4a151);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.skill-welcome245 #skill-welcome-line245{font:600 clamp(20px,2.5vw,32px)/1.3 Rajdhani,system-ui!important;letter-spacing:.04em;margin:4px 0 8px;color:#eee3fc;text-shadow:0 2px 12px #000;animation:welcome-title245 1s 1.55s ease-out both}
.skill-welcome245 .welcome-enter245{min-height:48px;border:1px solid #f8d898;border-radius:10px;padding:14px 28px;background:linear-gradient(120deg,#795137,#bc8b46,#795137);color:#fff4da;font:700 17px/1.3 Rajdhani,system-ui;letter-spacing:.025em;box-shadow:0 0 24px #c9933c44,inset 0 1px #fff4c188;cursor:pointer;animation:welcome-title245 .7s 2.1s ease-out both}
.welcome-progress245{position:absolute;bottom:24px;left:50%;width:min(240px,50%);height:2px;background:#c8aed42b;transform:translateX(-50%);overflow:hidden}.welcome-progress245 i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#8456b5,#f3d08a);animation:welcome-progress245 7.6s linear both}
.welcome-sparks245{overflow:hidden;z-index:-1}.welcome-sparks245 i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#f3ce81;box-shadow:0 0 12px #f7cb77;opacity:0;animation:welcome-spark245 3.4s var(--delay) ease-out both}
@keyframes welcome-camera245{from{transform:scale(1.14);filter:brightness(.35)}25%{filter:brightness(.9)}to{transform:scale(1);filter:brightness(.8)}}
@keyframes welcome-seal245{from{opacity:0;transform:scale(.55) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes welcome-draw245{to{stroke-dashoffset:0}}
@keyframes welcome-title245{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes welcome-spark245{0%{opacity:0;transform:translateY(90px) scale(.3)}25%{opacity:.85}to{opacity:0;transform:translate(var(--drift),-100px) scale(1)}}
@keyframes welcome-progress245{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.welcome-brand245{top:18px;left:18px;font-size:9px;letter-spacing:.1em}.welcome-brand245 span{display:block;margin:6px 0 0;width:max-content}.skill-welcome245 .welcome-skip245{right:14px;top:14px;font-size:12px}.welcome-stage245{gap:18px;padding:90px 20px 62px}.welcome-seal245{width:110px;height:110px}.welcome-art245{background-position:70% center}.welcome-shade245{background:linear-gradient(#0b071455,#0b0714b3 40%,#0b0714c9)}}
@media(max-height:500px){.welcome-stage245{gap:10px;padding:52px 20px 42px}.welcome-seal245{width:64px;height:64px}.skill-welcome245 h2{font-size:clamp(28px,4.5vw,44px)!important}.skill-welcome245 #skill-welcome-line245{font-size:20px!important;margin:0}.skill-welcome245 .welcome-enter245{font-size:14px;padding:10px 20px;min-height:42px}.welcome-progress245{bottom:14px}}
@media(prefers-reduced-motion:reduce){.skill-welcome245 *{animation:none!important;filter:none!important}.welcome-draw245{stroke-dashoffset:0}.welcome-art245{filter:brightness(.7)!important}.welcome-progress245{display:none}}