.site-header{position:relative;z-index:10}.nav-explore{position:relative}.nav-explore>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px 0;font-size:13px;color:#66695f;white-space:nowrap}.nav-explore>summary::-webkit-details-marker{display:none}.nav-explore>summary>span{transition:transform .2s}.nav-explore[open]>summary>span{transform:rotate(180deg)}.nav-explore.current-section>summary{color:var(--ink)}.nav-explore.current-section>summary:after{content:'';position:absolute;width:4px;height:4px;background:var(--orange);border-radius:50%;left:45%;bottom:1px}.nav-explore-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;border:1px solid var(--line);background:#fffdf6;padding:9px;border-radius:8px;box-shadow:0 12px 35px #1d2b2226}.desktop-nav .nav-explore-panel>a{display:block;padding:12px 14px;border-radius:4px;font-size:12px}.desktop-nav .nav-explore-panel>a:hover,.desktop-nav .nav-explore-panel>a.active{background:#efeadc}.desktop-nav .nav-explore-panel>a.active:after{display:none}.nav-explore summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.footer-nav{flex-wrap:wrap}
.topic-section{padding:55px 0;border-bottom:1px solid var(--line)}.topic-heading{max-width:780px;margin-bottom:29px}.topic-heading h2{font-size:34px;margin:17px 0 18px}.topic-heading>p{font-size:14px;line-height:1.95;color:var(--muted);margin:0}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.concept-card{background:#edeee5;border:1px solid #e0e2d6;padding:28px;border-radius:7px}.concept-kanji{font-family:Georgia,serif;font-size:34px;color:#a67d55}.concept-card h3{font:650 22px var(--heading);letter-spacing:-.7px;margin:18px 0 13px}.concept-card p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 22px}.concept-card small{display:block;font-size:10px;color:#7b805f;border-top:1px solid #d9ddca;padding-top:15px}
.chakra-art{height:420px;position:relative;overflow:hidden;border-radius:9px;margin:0;display:grid;place-items:center;background:#2d4039;color:#e2e6d9;background-image:linear-gradient(#c7dac50a 1px,transparent 1px),linear-gradient(90deg,#c7dac50a 1px,transparent 1px);background-size:32px 32px}.chakra-orbit{position:absolute;border:1px solid #d2dfce32;border-radius:50%;width:280px;height:280px}.orbit-two{width:345px;height:345px;border-style:dashed;transform:rotate(18deg)}.orbit-three{width:200px;height:200px;border:1px solid #e8b48b70;box-shadow:0 0 0 18px #d2dfce06}.chakra-core{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.chakra-core>span{font-family:Georgia,serif;font-size:70px;color:#e5b88f;line-height:1.1}.chakra-core>strong{font:500 11px var(--font);letter-spacing:5px;padding-left:5px}.chakra-core>small{font-size:6px;letter-spacing:1.6px;color:#aabca9}.orbit-label{position:absolute;padding:6px 9px;background:#2d4039;color:#c6d4c0;font-size:8px;letter-spacing:2px}.orbit-top{top:58px;left:50%;transform:translateX(-50%)}.orbit-left{left:9%;top:62%}.orbit-right{right:8%;top:62%}.chakra-art figcaption{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#adbea7}
.element-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.element-tile{border-radius:6px;padding:24px 12px;text-align:center;border:1px solid #e1dfd3;background:#eae6da}.element-tile>span{font-family:Georgia,serif;font-size:35px;line-height:1}.element-tile h3{font-size:15px;font-weight:600;margin:16px 0 7px}.element-tile>small{font-size:11px;color:#676f60}.element-tile.fire{background:#f0e1d4;color:#a3532f}.element-tile.wind{background:#e3e9dc;color:#627851}.element-tile.lightning{background:#e9e4ef;color:#7a628e}.element-tile.earth{background:#eae2d5;color:#8e7250}.element-tile.water{background:#dde7e7;color:#4e7f85}
.knowledge-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin:30px 0 20px}.knowledge-filters{display:flex;gap:8px;flex-wrap:wrap}.knowledge-filter{font:500 11px var(--font);padding:11px 17px;background:transparent;border:1px solid var(--line);border-radius:5px}.knowledge-filter.active{background:var(--ink);border-color:var(--ink);color:white}.knowledge-filter:not(.active):hover{background:#e8eadf}.knowledge-result{font-size:11px;color:var(--muted);margin:0 0 20px}.jutsu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:start}.jutsu-card{padding:25px;border:1px solid var(--line);background:#fffdf6;border-radius:7px}.jutsu-card[hidden]{display:none}.jutsu-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.jutsu-card-top>span{font-family:Georgia,serif;color:#ac7d57;font-size:32px}.jutsu-card-top>small{font-size:8px;letter-spacing:1.2px;padding:5px 8px;background:#eceee3;border-radius:3px;color:#70785f}.jutsu-card h3{font:650 18px var(--heading);letter-spacing:-.5px;line-height:1.5;margin:17px 0 8px}.technique-theme{font-size:10px;color:#ab744c}.jutsu-card>p{font-size:12px;color:var(--muted);line-height:1.95;margin:17px 0 20px}.jutsu-card details{border-top:1px solid var(--line)}.jutsu-card summary{display:flex;list-style:none;justify-content:space-between;align-items:center;font-size:11px;padding:15px 0 0;cursor:pointer;gap:20px}.jutsu-card summary::-webkit-details-marker{display:none}.jutsu-card summary>span{font-size:19px;color:#858c74}.jutsu-card details[open] summary>span{transform:rotate(45deg)}.jutsu-card details p{font-size:12px;color:var(--muted);line-height:1.9;margin:16px 0 14px}.jutsu-card details a{font-size:10px;color:var(--orange-dark);text-decoration:underline;text-underline-offset:3px}
.history-timeline{margin:35px 0 0;padding:0;list-style:none;max-width:1000px}.history-timeline>li{display:grid;grid-template-columns:65px 1fr;gap:30px;position:relative;padding:0 0 40px}.history-timeline>li:not(:last-child):before{content:'';position:absolute;top:47px;left:22px;bottom:5px;width:1px;background:#d9ddce}.timeline-index{border:1px solid #d6dac9;background:#eeeee1;border-radius:50%;height:46px;width:46px;display:grid;place-items:center;font-size:12px;color:#9a754f}.history-timeline .eyebrow{color:#9a7957;font-size:9px;letter-spacing:1px}.history-timeline h3{font:600 25px var(--heading);letter-spacing:-.8px;margin:14px 0 15px}.history-timeline p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 16px;max-width:790px}.history-timeline a{font-size:10px;color:var(--orange-dark)}.hokage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hokage-grid>article{border:1px solid var(--line);border-radius:6px;padding:23px;background:#efeee4}.hokage-grid article>span{display:block;font-family:Georgia,serif;font-size:28px;color:#ad8862;margin-bottom:25px}.hokage-grid article>small{display:block;font-size:8px;letter-spacing:1.5px;color:#85846f}.hokage-grid h3{font:600 17px var(--heading);letter-spacing:-.4px;margin:12px 0 0}.source-inline{font-size:11px;color:var(--orange-dark);margin-top:23px}.topic-section .tips-grid a{font-size:11px;margin-top:18px;color:var(--orange-dark)}
.curriculum-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.curriculum-grid>article{padding:27px;border:1px solid var(--line);border-radius:6px}.curriculum-grid article>span{font-size:11px;color:#a87e54}.curriculum-grid h3{font:600 19px var(--heading);letter-spacing:-.4px;margin:17px 0 13px}.curriculum-grid p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.learning-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.learning-path>article{padding-top:24px;border-top:2px solid #d7dcc8}.learning-path article>span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e5e8d8;font-size:10px;color:#858a6b;margin-bottom:19px}.learning-path h3{font:600 19px var(--heading);margin:0 0 12px}.learning-path p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.rank-list{margin-top:30px;max-width:1000px}.rank-list>article{display:grid;grid-template-columns:220px 1fr;gap:35px;border-top:1px solid var(--line);padding:22px 0}.rank-list small{font-size:8px;letter-spacing:1.2px;color:#8a8e75}.rank-list h3{font:650 21px var(--heading);letter-spacing:-.5px;margin:10px 0 0}.rank-list p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;align-self:center}.section-footnote{font-size:11px;color:#8a8d79;line-height:1.9;margin:25px 0 0;max-width:850px}.academy-visit{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:60px 0}.academy-visit>img{width:100%;height:380px;object-fit:cover;border-radius:8px}.academy-visit>div>p:not(.small-note){font-size:14px;color:var(--muted);line-height:1.95;margin:22px 0}.academy-visit .button{font-size:11px;margin:0 0 12px}
.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.technology-grid>article{background:#2f433a;color:#f5f2e7;padding:29px;border-radius:7px}.tech-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.tech-card-top>span{font-family:Georgia,serif;font-size:29px;color:#dcaf82}.tech-card-top>small{font-size:7px;letter-spacing:1.4px;color:#b7c2ae}.technology-grid h3{font:600 21px var(--heading);letter-spacing:-.5px;margin:0 0 18px}.technology-grid p{font-size:13px;line-height:1.95;color:#c2ccba;margin:0}.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.equipment-grid>article{padding:25px 0;border-top:1px solid var(--line)}.equipment-symbol{font-family:Georgia,serif;font-size:35px;color:#b18860}.equipment-grid h3{font:600 20px var(--heading);letter-spacing:-.5px;margin:18px 0 14px}.equipment-grid p{font-size:13px;line-height:1.95;color:var(--muted);margin:0 0 20px}.equipment-grid small{font-size:10px;line-height:1.8;color:#8a8d78}.comparison-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:7px;background:#fffdf6}.world-comparison{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.85}.world-comparison caption{font-size:11px;padding:18px 20px;text-align:left;color:var(--muted)}.world-comparison th,.world-comparison td{padding:18px 20px;vertical-align:top;border-top:1px solid var(--line)}.world-comparison thead{background:#e9ecdf}.world-comparison th{font-weight:600;color:#435242}.world-comparison td{color:var(--muted)}.world-comparison tbody th{width:15%;background:#f0f1e7}
.reference-panel{display:grid;grid-template-columns:1fr 1.7fr;gap:45px;padding:38px 0;margin-bottom:35px}.reference-panel h2{font-size:26px;margin:15px 0}.reference-panel ul{list-style:none;margin:0;padding:0}.reference-panel li{padding:12px 0;border-bottom:1px solid var(--line)}.reference-panel a{font-size:12px;color:#8f6846;line-height:1.8}.reference-panel a:hover{text-decoration:underline;text-underline-offset:4px}.world-hub{padding:65px 0}.world-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:30px}.world-hub-card{display:block;border:1px solid var(--line);border-radius:6px;padding:25px;transition:background .2s,transform .2s}.world-hub-card:hover{background:#eeeddf;transform:translateY(-3px)}.hub-kanji{display:block;font-family:Georgia,serif;font-size:31px;color:#a87e55}.world-hub-card h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font:650 20px var(--heading);letter-spacing:-.5px;margin:20px 0 13px}.world-hub-card h3>span{font:400 20px var(--font);color:#8c9478}.world-hub-card p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}
@media(max-width:1100px){.nav-explore>summary{font-size:12px}.desktop-nav{gap:22px}.topic-heading h2{font-size:30px}.concept-card{padding:23px}.jutsu-card{padding:22px}.hokage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.academy-visit{gap:40px}.academy-visit>img{height:350px}.world-hub-grid{gap:15px}.world-hub-card{padding:22px}.technology-grid>article{padding:24px}.technology-grid h3{font-size:19px}}
@media(max-width:900px){.site-header{height:80px;padding-inline:28px}.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;background:none;border:1px solid #d7dacd;border-radius:5px;width:38px;height:36px}.menu-toggle span{width:17px;height:1px;background:var(--ink)}.desktop-nav{display:none;position:absolute;top:70px;left:22px;right:22px;padding:16px 22px;z-index:12;border:1px solid var(--line);background:var(--paper);border-radius:8px;box-shadow:0 12px 25px #1b2d2029;max-height:calc(100dvh - 95px);overflow-y:auto}.desktop-nav.open{display:flex;flex-wrap:wrap;gap:12px 26px}.desktop-nav>a{font-size:12px}.nav-explore{width:100%;border-top:1px solid var(--line);padding-top:5px}.nav-explore>summary{font-size:12px;justify-content:space-between;padding-block:13px}.nav-explore.current-section>summary:after{display:none}.nav-explore-panel{position:static;box-shadow:none;min-width:0;margin-top:4px;background:#efeee3;border:0;padding:7px}.desktop-nav .nav-explore-panel>a{font-size:12px;min-height:44px}.nav-explore.current-section>summary{color:var(--orange-dark)}}
@media(max-width:800px){.concept-grid,.jutsu-grid,.curriculum-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-card h3{font-size:21px}.topic-section{padding:42px 0}.topic-heading>p{font-size:13px}.element-grid{gap:10px}.element-tile{padding:23px 10px}.knowledge-toolbar{gap:20px}.knowledge-filter{font-size:10px;padding:10px 13px}.knowledge-toolbar .destination-search{min-width:190px}.history-timeline>li{gap:20px;grid-template-columns:50px 1fr}.history-timeline h3{font-size:23px}.history-timeline p{font-size:13px}.hokage-grid{gap:15px}.hokage-grid>article{padding:20px}.hokage-grid h3{font-size:16px}.learning-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.rank-list>article{grid-template-columns:170px 1fr;gap:25px}.academy-visit{gap:30px}.academy-visit h2{font-size:28px}.academy-visit>div>p:not(.small-note){font-size:13px}.academy-visit>img{height:330px}.technology-grid{grid-template-columns:1fr;gap:18px}.tech-card-top{margin-bottom:20px}.technology-grid h3{font-size:22px}.equipment-grid{gap:20px}.equipment-grid h3{font-size:18px}.equipment-grid p{font-size:12px}.world-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reference-panel{grid-template-columns:1fr 1.5fr;gap:30px}.reference-panel a{font-size:11px}.chakra-art{height:360px}.orbit-two{width:310px;height:310px}.orbit-one{width:255px;height:255px}.orbit-three{width:175px;height:175px}.chakra-core>span{font-size:60px}.orbit-label{font-size:7px;letter-spacing:1.4px}.orbit-left{left:3%}.orbit-right{right:3%}.orbit-top{top:45px}}
@media(max-width:560px){.site-header{height:74px;padding-inline:21px}.desktop-nav{top:65px;left:16px;right:16px;padding:15px 23px;gap:10px 23px}.nav-explore-panel>a{font-size:12px}.topic-section{padding:35px 0}.topic-heading{margin-bottom:24px}.topic-heading h2{font-size:28px}.topic-heading>p{font-size:13px}.concept-grid,.jutsu-grid,.curriculum-grid{grid-template-columns:1fr;gap:18px}.concept-card{padding:25px}.concept-card h3{font-size:23px}.concept-card p{font-size:13px}.element-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.element-tile{padding:22px 10px}.element-tile>span{font-size:31px}.element-tile h3{font-size:14px}.element-tile>small{font-size:10px}.knowledge-toolbar{display:block}.knowledge-filters{gap:7px}.knowledge-filter{font-size:10px;padding:10px 13px}.knowledge-toolbar .destination-search{margin-top:20px}.jutsu-card{padding:25px}.jutsu-card h3{font-size:20px}.jutsu-card>p{font-size:13px}.jutsu-card summary{font-size:12px}.history-timeline>li{grid-template-columns:33px 1fr;gap:15px;padding-bottom:33px}.timeline-index{width:31px;height:31px;font-size:9px}.history-timeline>li:not(:last-child):before{left:15px;top:39px}.history-timeline .eyebrow{font-size:7px;letter-spacing:.7px;line-height:1.8}.history-timeline h3{font-size:23px;margin-top:12px}.history-timeline p{font-size:13px}.hokage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hokage-grid>article{padding:20px 17px}.hokage-grid article>span{font-size:26px;margin-bottom:20px}.hokage-grid article>small{font-size:7px;letter-spacing:1px}.hokage-grid h3{font-size:16px;line-height:1.6}.curriculum-grid>article{padding:25px}.curriculum-grid h3{font-size:20px}.learning-path{gap:25px 20px}.learning-path h3{font-size:17px}.learning-path p{font-size:12px}.rank-list>article{grid-template-columns:1fr;gap:16px;padding:22px 0}.rank-list h3{font-size:22px}.rank-list p{font-size:13px}.section-footnote{font-size:10px}.academy-visit{grid-template-columns:1fr;gap:27px;padding:40px 0}.academy-visit>img{height:260px}.academy-visit h2{font-size:30px}.academy-visit .button{font-size:11px}.technology-grid>article{padding:27px}.technology-grid p{font-size:13px}.equipment-grid{grid-template-columns:1fr;gap:15px}.equipment-grid h3{font-size:21px}.equipment-grid p{font-size:13px}.equipment-grid small{font-size:11px}.world-comparison{min-width:570px;font-size:11px}.world-comparison th,.world-comparison td{padding:15px}.world-comparison caption{font-size:10px;padding:15px}.reference-panel{grid-template-columns:1fr;gap:14px;padding-block:28px;margin-bottom:20px}.reference-panel h2{font-size:25px}.reference-panel a{font-size:11px}.world-hub{padding:42px 0}.world-hub-grid{gap:13px}.world-hub-card{padding:21px 17px}.hub-kanji{font-size:28px}.world-hub-card h3{font-size:18px;margin-top:18px}.world-hub-card p{font-size:11px}.chakra-art{height:310px}.orbit-two{width:270px;height:270px}.orbit-one{width:225px;height:225px}.orbit-three{width:160px;height:160px}.chakra-core>span{font-size:56px}.chakra-core>strong{font-size:10px}.chakra-core>small{font-size:5px}.orbit-top{top:35px}.orbit-left{left:5%;top:60%}.orbit-right{right:4%;top:60%}.orbit-label{font-size:7px;letter-spacing:1.3px}.chakra-art figcaption{font-size:6px;letter-spacing:1.4px;bottom:19px}}