/* Deliberately scoped: no DOJO geometry, fonts or card styling is changed. */
.skill-directory244{--skill-accent244:#c9afea;max-width:1200px;margin:0 auto;color:#eef1fa;min-width:0;font-family:inherit}
.skill-directory244 *,.skill-dialog244 *,.skill-award244 *{box-sizing:border-box}
.skill-heading244{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.skill-heading244 h1{color:var(--skill-accent244);text-align:left;margin:4px 0;font-size:clamp(26px,4vw,38px)}.skill-heading244 p{margin:6px 0;line-height:1.4}.skill-heading244 small{letter-spacing:.13em}
.skill-rules244,.skill-filters244,.skill-detail-stats244{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}.skill-rules244>span{flex:1 1 220px;padding:14px 18px;border:1px solid #b8c8e533;border-radius:12px;background:#111c30c9}.skill-rules244 b{display:block;color:#c9afea}
.skill-filters244{align-items:end}.skill-filters244 label{display:grid;gap:6px;flex:1 1 210px;min-width:0}.skill-directory244 :is(input,select){width:100%;min-width:0;min-height:48px;font:inherit}.skill-directory244 button{font:inherit;cursor:pointer}.skill-count244{color:#c4cde0}
.skill-columns244,.skill-row244{display:grid;grid-template-columns:65px minmax(150px,1.8fr) minmax(65px,.6fr) minmax(65px,.6fr) minmax(130px,1fr) minmax(105px,.8fr);gap:12px;align-items:center;text-align:center}.skill-columns244{padding:10px 16px;color:#bdc8dd;font-size:14px}.skill-columns244>span:nth-child(2){text-align:left}
.skill-list244{display:grid;gap:10px}.skill-directory244 .skill-row244{width:100%;padding:14px 16px;min-height:90px;color:inherit;border:1px solid #b9c8e433;border-radius:14px;background:linear-gradient(110deg,#162338ed,#121b2ee8);font:inherit;box-shadow:inset 0 1px #ffffff08}.skill-directory244 .skill-row244:hover{border-color:#c9afea88}.skill-directory244 .skill-row244.is-own244{border-color:#c9afea;background:linear-gradient(110deg,#352746e8,#17253bed)}.skill-row244:focus-visible{outline:3px solid #e8d5ff;outline-offset:3px}
.skill-name244{display:grid;gap:3px;text-align:left;overflow-wrap:anywhere;min-width:0}.skill-name244 strong{font-size:19px}.skill-name244 small{color:#cbd4e4}.skill-position244{font-size:22px;color:#d5c3ef}.skill-stat244 b{font-size:22px}.skill-stat244>small{display:none}.skill-total244{display:grid;gap:3px;color:#e2cef9}.skill-total244 b{font-size:27px;line-height:1.2}.skill-total244 small{font-size:13px}.skill-patch244{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:14px}.skill-patch244 img{object-fit:contain;flex:none}.skill-latest244{font-size:14px}.skill-pages244{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}
.skill-dialog244{font-family:inherit;color:#f2f3fb;background:linear-gradient(135deg,#1b2438,#161b2c);border:1px solid #c9afea80;border-radius:18px;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-shadow:0 20px 70px #0008}.skill-dialog244::backdrop{background:#060a14c9}.skill-dialog244 header{display:flex;justify-content:space-between;align-items:center;gap:14px}.skill-dialog244 h2{margin:0;font:inherit;font-weight:700;font-size:26px;overflow-wrap:anywhere}.skill-detail-stats244>span{display:grid;gap:6px;flex:1 1 110px;padding:12px;border:1px solid #a8b9d540;border-radius:10px;text-align:center}.skill-history244{padding:0;list-style:none}.skill-history244 li{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #ffffff20}.skill-history244 li span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.skill-history244 small{color:#bfcbdf}.skill-history244 li>b{white-space:nowrap}
.skill-celebration244{text-align:center}.skill-celebration-art244{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:24px 0}.skill-celebration-art244>div{display:grid;gap:10px;animation:skill-reveal244 .8s ease-out both}.skill-celebration-art244>div:nth-child(2){animation-delay:.2s}.skill-celebration-art244>div:nth-child(3){animation-delay:.4s}.skill-celebration-art244 .skill-patch244{display:grid}.skill-celebration-art244 img{width:88px;height:88px}.skill-xp-gain244{font-size:46px;color:#e1c6ff;font-weight:700;margin:12px 0;animation:skill-reveal244 .8s ease-out}.skill-celebration244 details{margin:18px 0;text-align:left}.skill-celebration244>.btn{margin:6px;min-height:48px}.is-summary244 *{animation:none!important}.skill-award244{padding:20px;border:1px solid #c9afea60;border-radius:14px;background:#211d33a6;margin:18px 0}.skill-award244 form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skill-award244 label{display:grid;gap:6px;min-width:0}.skill-award244 :is(input,select){width:100%;min-width:0;min-height:48px;font:inherit}.skill-award244 [role=status]{grid-column:1/-1}
:root #root .app [data-go="skillboard"]{color:#e0c7ff!important;border-color:#c9afea90!important;background:linear-gradient(125deg,#49325d88,#27304988)!important}
@keyframes skill-reveal244{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.skill-columns244{display:none}.skill-directory244 .skill-row244{grid-template-columns:36px 1fr 1fr 1fr;gap:12px 8px;padding:14px 12px}.skill-name244{grid-column:2/5}.skill-position244{grid-column:1;grid-row:1}.skill-stat244{display:grid;gap:4px}.skill-stat244:nth-child(3){grid-column:2}.skill-stat244>small{display:block;font-size:13px;color:#bdc9df}.skill-total244{grid-column:4;grid-row:2}.skill-latest244{grid-column:2/5;grid-row:3}.skill-total244 b{font-size:24px}.skill-heading244{align-items:start}.skill-heading244>.btn{padding:10px!important}.skill-filters244 label{flex-basis:100%}.skill-award244 form{grid-template-columns:1fr}.skill-dialog244{padding:18px}.skill-pages244{gap:10px}.skill-pages244 .btn{padding:10px!important}}
@media(prefers-reduced-motion:reduce){.skill-celebration244 *{animation:none!important}}

:root body#sensei-app.tactical166 #root#root .app.online47.skillboard244-app #content.wrap{width:100%!important;max-width:1232px!important;margin-inline:auto!important;min-width:0!important}
:root body#sensei-app.tactical166 #root#root .app.online47.skillboard244-app #content .skill-directory244{width:100%!important;max-width:none!important}
:root body#sensei-app.tactical166 #root#root .app.online47.skillboard244-app #content .skill-directory244 .skill-row244{display:grid!important;grid-template-columns:65px minmax(150px,1.8fr) minmax(65px,.6fr) minmax(65px,.6fr) minmax(130px,1fr) minmax(105px,.8fr)!important;gap:12px!important;text-align:center!important;padding:14px 16px!important;height:auto!important;min-height:90px!important;border-radius:14px!important;background:linear-gradient(110deg,#162338ed,#121b2ee8)!important;border:1px solid #b9c8e433!important;font-family:inherit!important;white-space:normal!important}
:root body#sensei-app.tactical166 #root#root .app.online47.skillboard244-app #content .skill-directory244 .skill-row244.is-own244{border-color:#c9afea!important;background:linear-gradient(110deg,#352746e8,#17253bed)!important}
:root body#sensei-app.tactical166 #root#root .app.online47.skillboard244-app #content .skill-row244 .skill-name244{text-align:left!important}
:root body#sensei-app.tactical166 #root#root .app.online47.skillboard244-app #content .skill-heading244 h1{color:#c9afea!important}
:root body#sensei-app.tactical166 #root#root .app.online47 :is(.navlink,.desktop-nav124 button)[data-go="skillboard"]{color:#eedfff!important;border-color:#c9afea90!important;background:linear-gradient(125deg,#503864,#29334e)!important}
@media(max-width:760px){:root body#sensei-app.tactical166 #root#root .app.online47.skillboard244-app #content .skill-directory244 .skill-row244{grid-template-columns:36px 1fr 1fr 1fr!important;gap:12px 8px!important;padding:14px 12px!important}}

.skill-dialog244 [hidden]{display:none!important}

/* Popup action spacing: preserve the existing artwork, fonts and DOJO layout. */
:root body#sensei-app.tactical166 .reward-celebration149 section>.reward-continue150{display:block!important;margin:24px auto 0!important;max-width:100%!important;min-height:46px!important;padding:12px 18px!important;line-height:1.4!important;white-space:normal!important}
:root body#sensei-app.tactical166 .reward-celebration149 .reward-message150{line-height:1.5!important;overflow-wrap:anywhere}
:root body#sensei-app.tactical166 :is(.confirm-dialog,.quiz-dialog241,.notice145-dialog,.release109-dialog,.skill-dialog244) :is(.btnrow,.quiz-reset-confirm241,.release109-footer){display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin-top:20px!important}
:root body#sensei-app.tactical166 :is(.skill-dialog244>header,.quiz-dialog-head241,.release109-header){gap:16px!important;flex-wrap:wrap!important;align-items:center!important}
:root body#sensei-app.tactical166 :is(.skill-dialog244>header,.quiz-dialog-head241,.release109-header)>:first-child{min-width:0!important;flex:1 1 180px!important;overflow-wrap:anywhere}
:root body#sensei-app.tactical166 :is(.skill-dialog244>header,.quiz-dialog-head241,.release109-header)>button{flex:0 0 auto!important}
:root body#sensei-app.tactical166 :is(.confirm-dialog,.quiz-dialog241,.notice145-dialog,.release109-dialog,.skill-dialog244) .btn{min-height:44px!important;line-height:1.4!important;white-space:normal!important;padding:11px 16px!important}
:root body#sensei-app.tactical166 :is(.confirm-dialog,.notice145-dialog)>.btn,:root body#sensei-app.tactical166 :is(.confirm-dialog,.notice145-dialog,.skill-dialog244) p+.btn{margin-top:20px!important}
:root body#sensei-app.tactical166 .quiz-controls241{flex-wrap:wrap!important;gap:16px!important;padding-top:16px!important}
:root body#sensei-app.tactical166 .skill-celebration244>.btn{margin:12px 6px 0!important}