.dj{--dj-red:#ef5a48;--dj-red-solid:#c8352a;--dj-gold:#e8b653;--dj-ink:#f1e6cf;--dj-wood-a:#2d1c11;--dj-wood-b:#170e08;--dj-wood-line:#00000059;--dj-wood-grain:#ffcd960d;--dj-on-wood:#f6ecd8;--dj-on-wood-2:#cdbb9b;--dj-panel:linear-gradient(180deg, #ffecc80f, #ffecc806);--dj-panel-solid:#141b2b;--dj-edge:#e8b65338;--dj-edge-strong:#e8b65380;--dj-shoji:#ffebc812;--dj-shadow:0 10px 30px #00000073;font-family:var(--font-body);--dj-kanji-font:"Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", "MS Mincho", "Songti SC", serif}:root[data-theme=light] .dj{--dj-red:#b3261e;--dj-red-solid:#b3261e;--dj-gold:#8a5a00;--dj-ink:#2a1a0e;--dj-wood-a:#e0c096;--dj-wood-b:#c99f6c;--dj-wood-line:#5a320f38;--dj-wood-grain:#5a320f0f;--dj-on-wood:#2a1708;--dj-on-wood-2:#5a3d22;--dj-panel:linear-gradient(180deg, #fffaf0, #fbf3e0);--dj-panel-solid:#fffaf0;--dj-edge:#78501e38;--dj-edge-strong:#78501e80;--dj-shoji:#78501e1f;--dj-shadow:0 8px 22px #5a320f2e}.dj *{box-sizing:border-box}.dj-kanji{font-family:var(--dj-kanji-font);-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:900;line-height:1}.dj-eyebrow{font-family:var(--font-display);font-size:var(--t-eyebrow,.75rem);letter-spacing:.14em;text-transform:uppercase;color:var(--dj-red);font-weight:600}.dj-eyebrow [lang]{letter-spacing:.08em;font-family:var(--dj-kanji-font);margin-left:6px}.dj-note{color:var(--text-2);max-width:70ch;margin:var(--s-2) 0 var(--s-5);font-size:var(--fs-sm);line-height:1.6}.dj-fine{color:var(--text-3);font-size:var(--t-micro);margin-top:var(--s-3)}.dj-h2{font-size:var(--fs-2xl);margin:4px 0 var(--s-2);line-height:1.15}.dj-link{color:var(--accent);font:inherit;font-size:var(--fs-sm);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-weight:600;text-decoration:underline}.dj-section{margin-top:var(--s-12)}.dj-ink{width:100%;height:14px;color:var(--dj-red);margin-top:-6px;display:block}.dj-pill{font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-2);align-items:center;gap:4px;padding:3px 8px;font-weight:700;display:inline-flex}.dj-pill--next{background:var(--dj-red-solid);color:#fff}.dj-hanko{font-family:var(--dj-kanji-font);color:#fff;background:var(--dj-red-solid);letter-spacing:0;border-radius:4px;place-items:center;padding:2px 6px;font-size:15px;font-weight:900;line-height:1.1;display:inline-grid;transform:rotate(-6deg);box-shadow:inset 0 0 0 2px #ffffff59}.dj-hero{isolation:isolate;border-radius:var(--r-xl);padding:var(--s-8) var(--s-6);gap:var(--s-6);color:var(--dj-on-wood);background:linear-gradient(160deg, var(--dj-wood-a), var(--dj-wood-b));border:1px solid var(--dj-edge-strong);box-shadow:var(--dj-shadow);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}.dj-hero__scrim{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0e0804b8,#0e080447 70%,#0e08041a);position:absolute;inset:0}:root[data-theme=light] .dj-hero__scrim{background:linear-gradient(90deg,#fbf3e0d1,#fbf3e066 70%,#fbf3e01f)}.dj-hero:after{content:"";z-index:1;background:linear-gradient(90deg, var(--dj-red-solid), var(--dj-gold), var(--dj-red-solid));opacity:.9;height:6px;position:absolute;inset:auto 0 0}.dj-hero__kanji{z-index:1;color:var(--dj-on-wood);opacity:.06;letter-spacing:-.08em;writing-mode:vertical-rl;font-size:clamp(220px,40vw,440px);position:absolute;top:-14%;right:-2%}.dj-hero__copy,.dj-belt{z-index:1;position:relative}.dj-title{margin:6px 0 var(--s-3);color:var(--dj-on-wood);letter-spacing:-.01em;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;line-height:1}.dj-title span{z-index:1;position:relative}.dj-hero .dj-ink{max-width:280px;color:var(--dj-red);opacity:.95}.dj-lede{color:var(--dj-on-wood-2);max-width:52ch;margin:0 0 var(--s-5);line-height:1.6}.dj-hero__cta{gap:var(--s-3);flex-wrap:wrap;display:flex}.dj-hero .ui-btn--secondary{color:var(--dj-on-wood);background:#ffffff14;border-color:#ffebc84d}:root[data-theme=light] .dj-hero .ui-btn--secondary{background:#fff9;border-color:#5a320f59}.dj-hero .dj-eyebrow{color:var(--dj-gold)}:root[data-theme=light] .dj-hero .dj-eyebrow{color:var(--dj-red)}.dj-belt{gap:var(--s-3);padding:var(--s-5);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#00000052,#0003);border:1px solid #ffdca038;flex-direction:column;display:flex}:root[data-theme=light] .dj-belt{background:#fffaeed1;border-color:#5a320f40}.dj-belt__top{align-items:center;gap:var(--s-4);display:flex}.dj-belt__name{font-size:var(--fs-xl);color:var(--dj-on-wood);font-weight:700;line-height:1.1}.dj-belt__lv{color:var(--dj-on-wood-2);font-size:var(--fs-sm)}.dj-belt__line{color:var(--dj-on-wood-2);font-size:var(--fs-sm);margin:0;line-height:1.5}.dj-belt__next{font-size:var(--fs-sm);color:var(--dj-on-wood);margin:0}.dj-belt__stats{gap:var(--s-4);font-size:var(--t-micro);color:var(--dj-on-wood-2);padding-top:var(--s-2);border-top:1px solid #ffdca029;flex-wrap:wrap;display:flex}.dj-belt__stats b{color:var(--dj-on-wood);font-size:var(--fs-md)}@media (width>=900px){.dj-hero{padding:var(--s-12) var(--s-10);grid-template-columns:1.3fr .9fr;align-items:center}}.dj-ladder{gap:var(--s-2);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.dj-ladder{gap:var(--s-3);grid-template-columns:1fr 1fr}.dj-ladder>.dj-exam{grid-column:1/-1}}.dj-row{align-items:center;gap:var(--s-3);min-height:64px;padding:10px var(--s-3) 10px var(--s-4);background:var(--dj-panel), var(--surface);border:1px solid var(--dj-edge);border-radius:var(--r-md);grid-template-columns:44px minmax(0,1fr) auto auto;display:grid;position:relative;overflow:hidden}.dj-row__stripe{background:var(--belt);width:5px;position:absolute;top:0;bottom:0;left:0}.dj-row__art{object-fit:contain;width:44px;height:44px}.dj-row img[data-locked]{filter:brightness(0)contrast(.8);opacity:.5}.dj-row__body{min-width:0}.dj-row__name{font-size:var(--t-body,1rem);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;line-height:1.2;overflow:hidden}.dj-row__sub{font-size:var(--t-small,.875rem);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;overflow:hidden}.dj-row__sub b{color:var(--text)}.dj-row__lock{width:36px;height:36px;color:var(--text-3);place-items:center;display:grid}.dj-row--locked{opacity:.72}.dj-row--passed{border-color:color-mix(in srgb, var(--dj-gold) 45%, var(--dj-edge))}.dj-exam{gap:var(--s-4);padding:var(--s-4) var(--s-4) var(--s-4) var(--s-5);background:var(--dj-panel), var(--surface);border:1px solid var(--dj-edge);border-radius:var(--r-lg);grid-template-columns:88px 1fr;display:grid;position:relative;overflow:hidden}.dj-exam__stripe{background:var(--belt);width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 #00000040}.dj-exam__art{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--belt) 35%, var(--surface-2)), var(--surface-2));border:2px solid var(--belt);border-radius:50%;align-self:start;place-items:center;width:88px;height:88px;display:grid;overflow:hidden}.dj-exam__art img{object-fit:contain;width:88%;height:88%}.dj-exam__body{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.dj-exam__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dj-exam__name{font-size:var(--t-h3,1.25rem);margin:0;line-height:1.2}.dj-exam__master{color:var(--text-2);font-size:var(--t-small,.875rem);margin:0;line-height:1.4}.dj-exam__team{align-items:center;gap:4px;display:flex}.dj-exam__team img{object-fit:contain;background:var(--surface-2);border-radius:10px;width:40px;height:40px;padding:2px}.dj-exam__team img.is-master{box-shadow:0 0 0 2px var(--dj-gold)}.dj-exam__diff{align-items:flex-end;gap:2px;margin-left:auto;display:inline-flex}.dj-exam__diff i{background:var(--surface-3);border-radius:2px;width:4px;height:10px}.dj-exam__diff i[data-on]{background:var(--dj-red)}.dj-exam__foot{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-top:2px;display:flex}.dj-exam__meta{font-size:var(--t-small,.875rem);color:var(--text-2)}.dj-exam__meta b{color:var(--text)}.dj-exam--next{border-color:var(--dj-red);box-shadow:inset 0 0 0 1px var(--dj-red)}.dj-kata{margin-top:var(--s-12);padding:var(--s-8) var(--s-6);border-radius:var(--r-xl);color:var(--dj-on-wood);gap:var(--s-6);background:linear-gradient(90deg, transparent 0 calc(100% - 1px), var(--dj-shoji) 0) 0 0 / 80px 100%, repeating-linear-gradient(0deg, var(--dj-wood-grain) 0 1px, transparent 1px 5px), linear-gradient(200deg, var(--dj-wood-a), var(--dj-wood-b));border:1px solid var(--dj-edge-strong);box-shadow:var(--dj-shadow);display:grid;position:relative;overflow:hidden}.dj-kata__copy{z-index:1;position:relative}.dj-kata .dj-eyebrow{color:var(--dj-gold)}:root[data-theme=light] .dj-kata .dj-eyebrow{color:var(--dj-red)}.dj-kata .dj-note{color:var(--dj-on-wood-2)}.dj-kata__cta{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.dj-kata__best{color:var(--dj-on-wood-2);font-size:var(--fs-sm)}.dj-kata__best b{color:var(--dj-on-wood)}.dj-kata__list{z-index:1;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid;position:relative}.dj-kata__list li{background:#00000047;border:1px solid #ffdca029;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;padding:8px 10px;display:grid}:root[data-theme=light] .dj-kata__list li{background:#fffaeeb3;border-color:#5a320f33}.dj-kata__list li>.num{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--dj-on-wood-2);grid-row:span 2;font-weight:700}.dj-kata__list li [lang]{font-family:var(--dj-kanji-font);font-size:.875rem;font-weight:700}.dj-kata__list li em{font-style:normal;font-size:var(--t-micro);color:var(--dj-on-wood-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dj-kata__list li[data-done]{border-color:var(--dj-gold);background:#e8b65324}.dj-kata__list li[data-done]>.num{color:var(--dj-gold)}:root[data-theme=light] .dj-kata__list li[data-done]>.num{color:var(--dj-red)}@media (width>=960px){.dj-kata{padding:var(--s-10);grid-template-columns:1fr 1fr;align-items:center}}.dj-masters{gap:var(--s-3);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter,16px);margin-inline:calc(var(--gutter,16px) * -1);padding:4px var(--gutter,16px) var(--s-3);scrollbar-width:thin;display:flex;overflow-x:auto}.dj-masters:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.dj-master{scroll-snap-align:start;border-radius:var(--r-lg);background:var(--dj-panel), var(--surface);border:1px solid var(--dj-edge);flex-direction:column;flex:0 0 260px;display:flex;position:relative;overflow:hidden}.dj-master__art{background:radial-gradient(70% 80% at 50% 70%, color-mix(in srgb, var(--mt) 30%, transparent), transparent 70%), linear-gradient(180deg, var(--surface-2), var(--surface));place-items:end center;height:190px;padding-bottom:14px;display:grid;position:relative;overflow:hidden}.dj-master__ground{background:radial-gradient(closest-side,#00000080,#0000);border-radius:50%;height:16px;position:absolute;bottom:10px;left:20%;right:20%}.dj-master__art img{aspect-ratio:1;object-fit:contain;width:auto;height:100%;filter:drop-shadow(0 18px 18px #0006) drop-shadow(0 0 28px color-mix(in srgb, var(--mt) 32%, transparent));transition:transform var(--dur-3) var(--ease-out);position:relative}@media (hover:hover) and (pointer:fine){.dj-master:hover .dj-master__art img{transform:translateY(-2px)}}.dj-master__body{padding:var(--s-4);flex-direction:column;flex:1;gap:8px;display:flex}.dj-master__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dj-master__top h3{font-size:var(--t-h3,1.25rem);margin:0}.dj-master__art-name{font-weight:600;font-size:var(--t-small,.875rem);margin:0}.dj-master__art-name span{font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-family:var(--font-display);display:block}.dj-master__note{color:var(--text-2);font-size:var(--t-small,.875rem);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.dj-master__note.is-open{display:block}.dj-master__say{border-left:3px solid var(--dj-red);background:color-mix(in srgb, var(--dj-red) 8%, transparent);font-style:italic;font-size:var(--t-small,.875rem);border-radius:0 10px 10px 0;margin:4px 0 0;padding:8px 12px;line-height:1.45}.dj-master__say span{font-style:normal;font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-weight:700;font-family:var(--font-display);display:block}.dj-master__where{color:var(--text-3);font-size:var(--t-micro);margin:auto 0 0;padding-top:4px}.dj-master__where b{color:var(--text-2)}@media (width>=900px){.dj-masters{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:0;padding:0;display:grid;overflow:visible}.dj-master{flex:none}.dj-master__art{height:220px}}.dj-words{border:1px solid var(--dj-edge);border-radius:var(--r-lg);background:var(--dj-panel), var(--surface)}.dj-words summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4);min-height:64px;list-style:none;display:flex}.dj-words summary::-webkit-details-marker{display:none}.dj-words__label{flex-direction:column;gap:2px;display:flex}.dj-words__title{font-size:var(--t-h3,1.25rem)}.dj-words summary svg{color:var(--text-2);transition:transform var(--dur-2) var(--ease-out);flex:none}.dj-words[open] summary svg{transform:rotate(180deg)}.dj-words .dj-gloss,.dj-words .dj-fine{margin-inline:var(--s-4)}.dj-words .dj-fine{margin-bottom:var(--s-4)}.dj-gloss{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;margin:0;display:grid}.dj-gloss__item{padding:var(--s-4);border-radius:var(--r-md);background:var(--dj-panel), var(--surface);border:1px solid var(--dj-edge);position:relative;overflow:hidden}.dj-gloss__item dt{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.dj-gloss__kanji{font-family:var(--dj-kanji-font);color:var(--dj-red);text-align:center;grid-row:span 2;min-width:2.4ch;font-size:2rem;font-weight:900;line-height:1}.dj-gloss__term{font-size:var(--t-body,1rem);font-weight:700}.dj-gloss__kana{font-size:var(--t-micro);color:var(--text-3)}.dj-gloss__item dd{color:var(--text-2);font-size:var(--fs-sm);margin:8px 0 0;line-height:1.5}@media (width<=520px){.dj-hero,.dj-kata{padding:var(--s-5) var(--s-4);border-radius:var(--r-lg);gap:var(--s-4)}.dj-title{margin-bottom:var(--s-2);font-size:2.5rem}.dj-lede{margin-bottom:var(--s-4);font-size:var(--t-small,.875rem)}.dj-hero__cta .ui-btn{flex:100%;justify-content:center}.dj-belt{padding:var(--s-4);gap:var(--s-2)}.dj-belt__line{display:none}.dj-exam{padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);grid-template-columns:64px 1fr}.dj-exam__art{width:64px;height:64px}.dj-section,.dj-kata{margin-top:var(--s-8)}.dj-kata .dj-note{display:none}.dj-kata__list{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:112px;grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.dj-kata__list li{scroll-snap-align:start}}