:root{--bg:#09070a;--panel:#151014;--panel2:#211218;--line:#552631;--red:#c92e43;--red2:#ff7180;--gold:#e4b353;--ink:#f4eae3;--muted:#b4a2a7;--green:#5dbb8b;--blue:#6fb7e5;--shadow:0 20px 60px #0008}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 5%,#370b17 0,#09070a 43%);color:var(--ink);font:15px Inter,"Segoe UI",Arial,sans-serif;min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}button,input,select{font:inherit}button{cursor:pointer}.side{height:100vh;position:sticky;top:0;padding:26px 14px;border-right:1px solid #3a2028;background:#070608eF;display:flex;flex-direction:column;gap:24px}.profile{display:flex;align-items:center;gap:10px;padding:0 7px}.profile img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--red)}.profile b{font-size:15px}.profile small,.eyebrow{color:var(--red2);font-size:10px;letter-spacing:1.6px;font-weight:900}.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;color:#b8a5aa;text-align:left;padding:12px;border-radius:9px;font-weight:800}.nav button:hover,.nav button.active{background:linear-gradient(90deg,#4d1722,transparent);color:white;border-left:2px solid var(--red)}.nav i{font-style:normal;display:inline-block;width:27px;font-size:17px}.side-note{margin-top:auto;color:#857277;font-size:11px;line-height:1.5;padding:12px}.main{padding:25px clamp(16px,4vw,56px);max-width:1580px;width:100%;margin:auto}.hud{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:23px}.hud-title h1{font-size:clamp(25px,3.5vw,42px);margin:3px 0}.hud-title h1 span{color:var(--red2)}.will-panel{width:min(510px,42vw)}.will-line{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:900;margin-bottom:7px}.bar{height:12px;background:#2e151b;border:1px solid #70313d;border-radius:100px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#a91631,var(--red2));transition:width .28s}.resources{display:flex;gap:7px}.resource{border:1px solid #4d2931;background:#160d11;border-radius:8px;min-width:58px;padding:6px 8px;text-align:center}.resource b{display:block;font-size:13px;color:#ffe0a4}.resource small{font-size:8px;color:#ad969a;letter-spacing:.7px}.view{display:none}.view.active{display:block}.card{position:relative;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#1d1217ee,#0f0c0feE);box-shadow:var(--shadow)}.btn{border:1px solid #a93345;background:linear-gradient(135deg,#cc344a,#8c162a);color:#fff;border-radius:9px;padding:11px 14px;font-weight:900;box-shadow:0 7px 20px #40091480}.btn:hover{filter:brightness(1.13)}.btn.secondary{background:#251b20;border-color:#67424a;box-shadow:none}.btn.gold{background:linear-gradient(135deg,#d99b36,#75511a);border-color:#ffc96d}.btn.disabled{opacity:.45;cursor:not-allowed}.home-duel{min-height:calc(100vh - 138px);display:grid;grid-template-columns:1fr minmax(220px,.48fr) 1fr;gap:14px;align-items:stretch}.fighter{min-height:520px;overflow:hidden;background:#0c080b;border:1px solid var(--line);border-radius:18px;position:relative}.fighter img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center top;opacity:.93}.fighter:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080507eF,transparent 55%)}.fighter-copy{position:absolute;z-index:2;bottom:18px;left:18px;right:18px}.fighter-copy h2{margin:4px 0;font-size:clamp(26px,3.5vw,44px)}.fighter-copy small{color:#e3cdd0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:13px}.stat{border-top:1px solid #73323d;background:#10090be8;padding:8px;font-size:10px}.stat b{display:block;color:#ffdadc;font-size:14px;margin-top:3px}.clash{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.clash .timer{font-size:12px;color:#bba6aa}.clash .timer b{display:block;font-size:17px;color:#f2d3d6;margin-top:3px}.versus{font-size:42px;font-weight:1000;color:var(--gold);text-shadow:0 0 24px #ed523e}.will-orbs{display:flex;align-items:center;gap:9px}.orb{width:82px;height:82px;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,#f35968,#66121d 65%,#17070a);border:2px solid #ff99a4;box-shadow:0 0 24px #e63c5288;font-size:23px;font-weight:950}.orb.boss{background:radial-gradient(circle,#6a1a28,#27080d 65%,#100507);border-color:#a64c58;box-shadow:none}.orb small{font-size:8px;letter-spacing:1px;display:block}.clash .gap{color:#c5adb1;font-size:12px}.clash .gap b{color:#ffb1b8}.home-actions{display:grid;gap:9px;width:100%;max-width:260px}.scene{padding:20px}.scene h2{margin:4px 0 9px;font-size:clamp(28px,4vw,45px)}.scene p{color:var(--muted);line-height:1.5}.mission-stage{min-height:410px;overflow:hidden;background-position:center;background-size:cover;padding:28px;display:flex;flex-direction:column;justify-content:end}.mission-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080608df 10%,#08060852 80%),linear-gradient(0deg,#080608dc,transparent 70%)}.mission-stage>*{position:relative}.mission-stage h2{font-size:clamp(34px,5vw,62px);margin:5px 0}.mission-stage p{max-width:530px;color:#ead9da;line-height:1.5}.mission-select{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.mission-choice{min-height:145px;position:relative;overflow:hidden;text-align:left;border:1px solid #63303a;border-radius:13px;background-position:center;background-size:cover;color:white;padding:14px;display:flex;flex-direction:column;justify-content:end}.mission-choice:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090609e9,transparent 80%)}.mission-choice>*{position:relative}.mission-choice b{font-size:18px}.mission-choice small{color:#f4dfe0;margin-top:5px}.mission-choice.active{outline:2px solid var(--red2);transform:translateY(-3px)}.character{min-height:calc(100vh - 130px);display:grid;grid-template-columns:minmax(210px,.65fr) minmax(310px,1fr) minmax(260px,.72fr);gap:15px}.character-stats,.item-panel{padding:18px}.character-stats h3,.item-panel h3{margin:5px 0 16px}.stat-row{margin:13px 0}.stat-row>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.stat-row .mini{height:8px}.character-portrait{min-height:600px;overflow:hidden;position:relative;background:#0d090b}.character-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.character-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080608e6,transparent 45%)}.character-portrait .caption{position:absolute;z-index:2;bottom:17px;left:18px;right:18px}.character-portrait .caption b{font-size:24px}.equip-list{display:grid;gap:8px}.equip{display:grid;grid-template-columns:56px 1fr auto;align-items:center;text-align:left;color:#eee;border:1px solid #573039;background:#160d12;border-radius:10px;padding:7px}.equip.active{border-color:#bd9450;background:#24170e}.equip img{width:48px;height:48px;object-fit:cover;border-radius:5px;background:#080608}.equip small{color:var(--muted);display:block;margin-top:3px}.equip em{font-style:normal;color:var(--gold);font-size:11px}.tree-wrap{height:calc(100vh - 155px);min-height:560px;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 50%,#35121d70,transparent 40%),#08080a;border:1px solid #4b2932;border-radius:17px;touch-action:none}.tree-map{position:absolute;inset:0;min-width:1200px;transform-origin:0 0}.tree-map svg{position:absolute;width:100%;height:100%}.tree-map path{stroke:#55363c;stroke-width:3;fill:none}.tree-map path.on{stroke:#d29b3c;filter:drop-shadow(0 0 4px #c78323)}.node{position:absolute;width:110px;min-height:84px;border-radius:12px;border:1px solid #552e37;background:#170d12;color:#bda7aa;padding:7px;display:grid;place-content:center;gap:2px;text-align:center}.node i{font-style:normal;font-size:25px}.node b{font-size:10px}.node small{font-size:8px;color:#8e797d}.node.unlocked{border-color:#d6a341;color:#ffe4a6;background:radial-gradient(circle,#5d3c0c,#201409 72%);box-shadow:0 0 19px #d9952988}.node.available{border-color:#ec606f;color:#ffe2e4}.skill-detail{position:absolute;right:15px;bottom:15px;z-index:3;max-width:340px;padding:15px;background:#130c10f5;border:1px solid #825247;border-radius:12px}.skill-detail h3{margin:0 0 6px}.skill-detail p{color:#c7b2b5;font-size:12px;line-height:1.45}.tree-hint{position:absolute;top:14px;left:16px;z-index:2;color:#bda7aa;font-size:11px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.list-card{padding:18px}.list-card h3{margin:3px 0 10px}.quest-row,.mastery-row,.title-row,.boss-row{padding:13px 0;border-bottom:1px solid #40242b}.quest-row:last-child,.mastery-row:last-child,.title-row:last-child,.boss-row:last-child{border:0}.quest-row p,.mastery-row p{color:var(--muted);font-size:12px;line-height:1.45;margin:5px 0}.row-actions{display:flex;gap:8px;align-items:center;margin-top:9px}.pill{font-size:9px;letter-spacing:1px;padding:5px 7px;border:1px solid #70404a;border-radius:50px;color:#e2b9be}.pill.done{border-color:#43926c;color:#9ce2bd}.pill.lock{opacity:.65}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.item-card{padding:16px}.item-card img{width:100%;height:190px;object-fit:cover;border-radius:10px;background:#0d080a}.item-card h3{margin:11px 0 5px}.item-card p{font-size:12px;color:var(--muted);min-height:38px}.calendar{padding:18px}.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal-day{min-height:76px;padding:7px;border:1px solid #322027;background:#100c0f;border-radius:9px;color:#a79598;font-size:11px}.cal-day.today{border-color:var(--red2)}.cal-day.active{background:#251018;border-color:#a63949;color:#fff}.cal-day.grace{border-color:#777;background:#202024;color:#aaa}.cal-day .marks{display:block;margin-top:7px;font-size:13px}.chronicle{max-width:800px;margin:auto;padding:16px 25px}.chronicle .event{padding:18px 0 18px 30px;border-left:2px solid #70303b;position:relative}.chronicle .event:before{content:"";width:10px;height:10px;background:var(--red);border-radius:50%;position:absolute;left:-6px;top:23px}.chronicle p{color:var(--muted);margin:5px 0;font-size:13px}.modal-back{position:fixed;z-index:20;inset:0;background:#000b;display:grid;place-items:center;padding:16px}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#24131a,#0e0a0d);border:1px solid #823441;border-radius:17px;padding:22px;box-shadow:var(--shadow)}.modal h2{margin:2px 0 8px}.modal p{color:var(--muted);line-height:1.45}.modal label{display:block;font-size:12px;font-weight:800;margin:13px 0 5px}.modal select,.modal input{width:100%;border:1px solid #663541;background:#0e090c;color:#fff;padding:10px;border-radius:8px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;right:18px;bottom:18px;background:#214b3d;border:1px solid #6ec89a;color:#e4fff0;padding:12px 15px;border-radius:10px;font-weight:800;z-index:30;box-shadow:var(--shadow)}
@media(max-width:960px){.app-shell{grid-template-columns:1fr}.side{height:auto;position:sticky;z-index:10;padding:8px 10px;display:flex;flex-direction:row;align-items:center;gap:10px}.profile{padding:0}.profile small{display:none}.nav{display:flex;overflow:auto;gap:3px}.nav button{white-space:nowrap;padding:9px;font-size:12px}.nav i{width:auto;margin-right:4px}.side-note{display:none}.main{padding:16px}.hud{align-items:flex-start;flex-wrap:wrap}.will-panel{order:3;width:100%}.home-duel{min-height:0;grid-template-columns:1fr 130px 1fr}.fighter{min-height:430px}.character{grid-template-columns:1fr 1fr}.character-portrait{grid-column:1/3;min-height:500px}.item-panel{grid-column:1/3}.shop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.resources{display:none}.hud-title h1{font-size:23px}.home-duel{grid-template-columns:1fr;gap:10px}.fighter{min-height:360px}.clash{min-height:250px;order:2}.home-duel .fighter:first-child{order:1}.home-duel .fighter:last-child{order:3}.mission-select{grid-template-columns:1fr 1fr 1fr;gap:7px}.mission-choice{min-height:104px;padding:9px}.mission-choice b{font-size:13px}.mission-choice small{font-size:10px}.character{grid-template-columns:1fr}.character-portrait,.item-panel{grid-column:auto}.character-portrait{min-height:430px}.tree-wrap{height:600px}.grid2,.shop-grid{grid-template-columns:1fr}.cal-day{min-height:54px}.cal-grid{gap:4px}.stat{padding:6px}.fighter-copy h2{font-size:27px}}
.rpg-stat{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #3a252b}.rpg-stat i{font-style:normal;font-size:27px;width:34px;text-align:center}.rpg-stat small{display:block;letter-spacing:1px;color:#b5a0a4;font-size:10px}.rpg-stat b{font-size:25px}.rpg-stat.speed i{color:#e2c668}.rpg-stat.chakra i{color:#80bff0;text-shadow:0 0 15px #518ec9}.chakra-readout{margin-top:16px;padding:10px;border-left:2px solid #669dcc;background:#0d141d;color:#b9d7ee;font-size:11px}.constellation{background:radial-gradient(circle at 48% 44%,#211521 0,transparent 26%),radial-gradient(circle at 14% 84%,#111d2b 0,transparent 29%),#08080a}.constellation .node{border-radius:50%;width:94px;min-height:94px;background:#110e13}.constellation .node.key{width:132px;min-height:132px;background:radial-gradient(circle,#44240c,#17100c 70%);border-color:#c79135}.constellation .node:nth-of-type(4n+2){border-color:#a46739}.constellation .node:nth-of-type(4n+3){border-color:#496d93}.constellation .node:nth-of-type(4n){border-color:#8a3946}.development-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.development-card{overflow:hidden;padding:16px;min-height:320px}.dev-image{height:115px;margin:-16px -16px 14px;background:linear-gradient(110deg,#17131a,#07080b);display:grid;place-items:center;position:relative;overflow:hidden}.dev-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50%,#d3a74c44,transparent 56%)}.dev-image span{font-size:62px;position:relative;z-index:1}.development-card.vocal .dev-image{background:linear-gradient(110deg,#1e0d17,#09080d)}.development-card.piano .dev-image{background:linear-gradient(110deg,#15131d,#08090d)}.development-card.dance .dev-image{background:linear-gradient(110deg,#1a1410,#08090d)}.development-card.czech .dev-image{background:linear-gradient(110deg,#0c1720,#08090d)}.development-card h2{margin:6px 0}.development-card p{color:#c2afb2;font-size:12px;line-height:1.45}.dev-quest{min-height:50px}.other-quests{margin-top:16px;padding:18px}.challenge-hero{min-height:570px;overflow:hidden;background:radial-gradient(circle at 78% 38%,#f07d1748,transparent 29%),linear-gradient(105deg,#09090bdc 26%,#09090b58 70%),url('yan-level-background.png') center/cover;display:flex;align-items:end;padding:clamp(22px,5vw,60px)}.challenge-copy{max-width:510px;position:relative;z-index:2}.challenge-copy h2{font-size:clamp(38px,6vw,70px);margin:7px 0}.challenge-copy p{line-height:1.5;color:#eddcce}.challenge-spirit{position:absolute;right:8%;top:14%;font-size:min(28vw,250px);line-height:.8;opacity:.82;filter:drop-shadow(0 0 26px #e15d18)}.challenge-spirit small{display:block;font-size:11px;letter-spacing:2px;color:#ffd5a2;text-align:center;margin-top:15px}.cal-day.active{background:#121425;border-color:#59678d;color:#e5e7f7;box-shadow:inset 0 0 15px #58638c33}.cal-day.today{border-color:#c4c8dc}.cal-day.grace{border-color:#777;background:#202024;color:#aaa}.chronicle .event:nth-child(3n):before{background:#6f9dcc}.chronicle .event:nth-child(4n):before{background:#df9f42}.chronicle .event:nth-child(5n):before{background:#c93d4e}@media(max-width:620px){.development-grid{grid-template-columns:1fr}.challenge-hero{min-height:500px}.challenge-spirit{right:2%;top:7%;font-size:170px;opacity:.45}}
.core-stats{grid-template-columns:repeat(2,1fr)}.core-stats .chakra-stat{border-color:#456b91;background:#0c1520}.chakra-stat b{color:#9cccf5}.test-toggle{margin-left:auto;border:1px dashed #d7a43f;background:#20180c;color:#f6d88d;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:900}.test-toggle.on{background:#713517;color:#fff0c9;border-color:#ffbd54}.development-card .dev-image{background-position:center;background-size:cover}.development-card.vocal .dev-image{background-image:linear-gradient(100deg,#100611aa,#10061155),url('mission-life.png')}.development-card.piano .dev-image{background-image:linear-gradient(100deg,#0c0c13cc,#0c0c1355),url('mission-book.png')}.development-card.dance .dev-image{background-image:linear-gradient(100deg,#160d0daa,#160d0d55),url('training-ground.png')}.development-card.czech .dev-image{background-image:linear-gradient(100deg,#07131ccc,#07131c44),url('uchiha-district-wide.png')}.development-card .dev-image span{font-size:28px;align-self:start;justify-self:start;padding:10px}.cal-day.active{background:#121425;border-color:#59678d;color:#e5e7f7;box-shadow:inset 0 0 15px #58638c55}.cal-day.today{border-color:#c4c8dc}
.test-panel{position:fixed;z-index:50;right:12px;bottom:12px;width:178px;padding:10px;background:#21150bd9;border:1px solid #d59b36;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:5px;box-shadow:0 15px 50px #000}.test-panel b{grid-column:1/3;color:#ffd888;font-size:11px;letter-spacing:1px}.test-panel button{border:1px solid #745329;background:#15100b;color:#ecdab3;border-radius:5px;padding:6px;font-size:9px}.core-stats{grid-template-columns:repeat(2,1fr)}.core-stats .chakra-stat{border-color:#456b91;background:#0c1520}.chakra-stat b{color:#9cccf5}
.skill-detail{display:none}.fit-tree{position:sticky;z-index:7;float:right;right:15px;top:14px;margin:14px 15px -45px 0;border:1px solid #637895;background:#111923;color:#cfe0f0;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:800}.tree-hint{position:sticky;left:16px;top:14px;width:max-content;z-index:6}.tree-hint span{display:inline-block;margin-right:33px;color:#d8c7c9;font-weight:900}.tree-wrap{overflow:auto;cursor:grab}.tree-wrap:active{cursor:grabbing}.tree-map{padding:18px 70px 60px 15px}
.challenge-art-slot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.95}.challenge-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09090beb 14%,#09090b75 53%,#09090b10 100%);z-index:1}.challenge-copy{z-index:2}
.skill-points{border-color:#7660a1;background:#171223}.skill-points b{color:#e6d7ff}.skills-topline{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.skills-topline h2{margin:3px 0}.skills-topline>b{border:1px solid #7b5ea4;background:#171123;border-radius:9px;padding:10px 13px;font-size:12px}.skills-topline span{color:#f0dfff;font-size:18px}.battle-readout,.battle-note{border-left:2px solid #d5a145;background:#17110e;padding:10px 12px;line-height:1.6;font-size:12px}.equip-action{display:block;width:100%;margin-top:10px}.equipped-card{border-color:#cda24e;box-shadow:0 0 20px #a8752830}.battle-modal{width:min(760px,100%);padding:30px}.battle-bars{display:grid;gap:11px;margin:20px 0}.battle-bars small{font-size:10px;font-weight:900;letter-spacing:1px}.battle-bars .bar{margin-top:5px}.chakra-bar i{background:linear-gradient(90deg,#3278af,#9ed8ff)}.boss-bar i{background:linear-gradient(90deg,#68202a,#dd5261)}.battle-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.battle-choice{min-height:104px;text-align:left;border:1px solid #693842;background:#170d12;color:#f3e5e7;border-radius:11px;padding:11px;display:flex;flex-direction:column;gap:5px}.battle-choice:hover{border-color:#df9e50;background:#25150e}.battle-choice i{font-style:normal;font-size:23px}.battle-choice small{color:#bba4a9;line-height:1.25}.battle-start{width:100%;font-size:16px}.battle-result{text-align:center;padding:38px}.battle-result h2{font-size:34px}.victory h2{color:#f0c86c}.defeat h2{color:#e87683}.test-panel{bottom:80px}.toast{bottom:18px;right:205px;max-width:min(390px,calc(100vw - 230px))}@media(max-width:620px){.toast{right:12px;bottom:72px;max-width:calc(100vw - 24px)}.battle-options{grid-template-columns:1fr 1fr}.skills-topline{align-items:flex-start;gap:8px;flex-direction:column}}
.skills-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.skills-workspace{min-width:0}.skill-controls{height:44px;display:flex;align-items:center;gap:8px;border:1px solid #30252b;background:#0e0c10;border-radius:10px;padding:7px 10px;margin-bottom:10px}.skill-controls button{border:1px solid #4b3941;background:#171217;color:#e4d9da;border-radius:7px;padding:6px 10px;font-weight:800}.skill-controls span{min-width:44px;text-align:center;font-size:12px}.skill-viewport{height:min(72vh,790px);min-height:600px;overflow:hidden;position:relative;border:1px solid #472a33;border-radius:13px;background:radial-gradient(circle at 50% 43%,#24121c 0,transparent 34%),radial-gradient(circle at 7% 90%,#102031 0,transparent 28%),#09090c;touch-action:none}.structured-tree{position:absolute!important;inset:0!important;width:1400px!important;height:860px!important;min-width:0!important;padding:0!important;transform-origin:0 0;will-change:transform}.structured-tree svg{inset:0;width:1400px;height:860px}.structured-tree path{stroke-width:2.4;stroke:#4b3941}.structured-tree path.red{stroke:#9c3a42}.structured-tree path.violet{stroke:#79419a}.structured-tree path.scarlet{stroke:#a43b41}.structured-tree path.blue{stroke:#3c789c}.structured-tree path.on{filter:drop-shadow(0 0 3px currentColor);stroke:#ecd8bb}.tree-heads{position:absolute;z-index:4;top:22px;left:48px;width:1240px;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}.tree-heads b{font-size:13px;letter-spacing:.7px}.tree-heads .red{color:#ef9b9f}.tree-heads .violet{color:#d7a1fc}.tree-heads .scarlet{color:#ff9e9e}.tree-heads .blue{color:#8ad6ff}.skill-node{position:absolute!important;z-index:2;width:235px!important;min-height:33px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#c3b7ba!important;box-shadow:none!important;padding:3px 4px!important;display:grid!important;grid-template-columns:28px 1fr auto!important;place-content:normal!important;align-items:center!important;gap:5px;text-align:left!important}.skill-node i{width:28px;height:28px;display:grid;place-items:center;font-style:normal;font-size:15px;border:1px solid #64414a;border-radius:50%;background:#160e12}.skill-node span{font-size:11px;font-weight:800;line-height:1.1}.skill-node small{font-size:9px;color:#a89499;white-space:nowrap}.skill-node:hover,.skill-node.selected{background:#21151ae6!important}.skill-node.selected{outline:1px solid #efc260}.skill-node.available i{border-color:#edc45d;color:#fff0ac;box-shadow:0 0 10px #e5aa5277}.skill-node.unlocked i{color:#ffe19a;border-color:#d9a73f;background:#3a2610;box-shadow:0 0 12px #d99c4780}.skill-node.red i{border-color:#b84b54}.skill-node.violet i{border-color:#9757ba}.skill-node.scarlet i{border-color:#c94b50}.skill-node.blue i{border-color:#4b95bd}.skill-node.milestone i{width:38px;height:38px;font-size:20px;border-width:2px}.skill-node.milestone{min-height:43px!important}.skill-detail-panel{min-height:620px;border:1px solid #50303a;border-radius:13px;background:linear-gradient(160deg,#1c1116,#0f0b0e);padding:18px}.skill-detail-panel h2{font-size:22px;margin:7px 0}.skill-detail-panel p{color:#cbb8bb;font-size:13px;line-height:1.55}.skill-symbol{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:1px solid #8a4d57;font-size:31px;margin:16px 0}.skill-symbol.violet{color:#d7a1fc;border-color:#9757ba}.skill-symbol.scarlet,.skill-symbol.red{color:#ffaaa8;border-color:#c94b50}.skill-symbol.blue{color:#8ad6ff;border-color:#4b95bd}.skill-detail-panel dl{display:grid;gap:11px;margin:20px 0}.skill-detail-panel dl div{border-top:1px solid #3b272d;padding-top:8px}.skill-detail-panel dt{color:#a99a9e;font-size:10px;text-transform:uppercase;letter-spacing:1px}.skill-detail-panel dd{margin:3px 0 0;font-size:12px;color:#f1dfdf;line-height:1.35}.skill-detail-panel .btn{width:100%}@media(max-width:1050px){.skills-layout{grid-template-columns:1fr}.skill-detail-panel{min-height:0}.skill-viewport{height:650px}}@media(max-width:620px){.skill-viewport{height:560px;min-height:0}.skill-controls{overflow:auto}.skill-controls button{white-space:nowrap}.skill-node{width:205px!important}.tree-heads{width:1180px}.skill-detail-panel{padding:15px}}
.naruto-event{min-height:760px;position:relative;overflow:hidden;border:1px solid #5c3025;background:radial-gradient(circle at 58% 35%,#672019 0,transparent 32%),linear-gradient(110deg,#10090a 10%,#1d0d0a 56%,#0d090a);display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px;padding:38px}.naruto-real-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.84}.naruto-event:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b090be9 5%,#100909a8 45%,#0b090bd5 100%);pointer-events:none}.naruto-main,.naruto-side,.naruto-art-needed{position:relative;z-index:1}.naruto-art-needed{align-self:center;justify-self:center;text-align:center;color:#c5b2a7;background:#100b0bc9;border:1px dashed #a2603f;border-radius:11px;padding:18px;line-height:1.7}.naruto-main h1{font-size:clamp(32px,4.4vw,62px);line-height:1.05;margin:14px 0;color:#f1e8e2;max-width:700px}.naruto-main h1 strong{color:#ff633d}.naruto-main>p{max-width:500px;line-height:1.55;color:#e8d7d0}.naruto-date{color:#ff805e;font-weight:900;margin:20px 0}.challenge-goals{max-width:410px;background:#100d0ee0;border:1px solid #604135;border-radius:12px;padding:16px}.challenge-goals>b,.naruto-side article>b{color:#ffc45e;font-size:11px}.challenge-goals div{display:flex;gap:9px;padding:13px 0 4px;border-bottom:1px solid #362421}.challenge-goals span{flex:1;font-weight:800}.challenge-goals em{font-style:normal;color:#ffbaa9;font-size:12px}.challenge-count{margin-top:20px;max-width:430px;background:#0d0b0ddd;border:1px solid #5a4239;border-radius:12px;padding:16px;text-align:center;display:grid;gap:8px}.challenge-count small{letter-spacing:1px;color:#bba8a2}.challenge-count>b{font-size:25px}.naruto-side{display:grid;align-content:start;gap:14px}.naruto-side article{background:#100d0fe8;border:1px solid #604135;border-radius:12px;padding:17px}.naruto-side h2{font-size:42px;color:#f4bf4c;margin:10px 0}.naruto-side p{font-size:13px;color:#d8c8c1;line-height:1.45}.naruto-side strong{float:right;color:#ffb35b}@media(max-width:900px){.naruto-event{grid-template-columns:1fr;padding:25px;min-height:0}.naruto-side{grid-template-columns:repeat(3,1fr)}.naruto-art-needed{min-height:200px}}@media(max-width:620px){.naruto-side{grid-template-columns:1fr}.naruto-main h1{font-size:34px}.naruto-event{padding:18px}.challenge-goals{max-width:none}}
.naruto-event:has(.naruto-real-art) .naruto-art-needed{display:none}
.streak-resource{min-width:84px;border-color:#8f4b24;background:#21110b}.streak-resource b{color:#ffb264}.streak-resource.grace{border-color:#4b484d;background:#171619}.streak-resource.grace b,.streak-resource.grace small{color:#969197}.chakra-card{margin-top:16px;padding:13px;border:1px solid #345f82;border-radius:10px;background:#0b121a}.chakra-card>div{display:flex;justify-content:space-between;gap:10px}.chakra-card span{color:#9ed6ff;font-weight:900}.chakra-card p{margin:8px 0;color:#b3c8d8;font-size:11px}.combat-note,.item-effect{margin-top:15px;border-left:2px solid #9b7441;background:#15100d;padding:10px}.combat-note p,.item-effect span{display:block;color:#cdbdb5;font-size:11px;line-height:1.4;margin:5px 0}.item-effect b{font-size:9px;color:#e5b766;letter-spacing:1px}.skill-page-final{min-width:0}.skills-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.skills-page-head h2{font-size:34px;margin:3px 0}.sp-banner{border:1px solid #735130;border-radius:10px;background:#18110d;padding:12px 16px;font-size:12px;font-weight:900}.sp-banner b{color:#ffd468;font-size:23px;margin-left:8px}.skill-final-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:14px;align-items:start}.skill-tree-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 12px 35px;border:1px solid #432832;border-radius:14px;background:radial-gradient(circle at 25% 30%,#28101666,transparent 30%),radial-gradient(circle at 72% 48%,#15102b66,transparent 32%),#09090b}.skill-branch{min-width:0}.skill-branch h3{min-height:44px;margin:0;padding:8px 5px;text-align:center;font-size:12px;letter-spacing:.5px;border-bottom:1px solid #4a2931}.skill-branch.red h3{color:#f3a0a6}.skill-branch.violet h3{color:#d7a4f7}.skill-branch.scarlet h3{color:#ff9999}.skill-branch.blue h3{color:#90d7ff}.branch-line{position:relative;display:grid;gap:5px;padding:12px 2px}.branch-line:before{content:"";position:absolute;top:10px;bottom:12px;left:19px;width:1px;background:#57343d}.skill-branch.violet .branch-line:before{background:#644078}.skill-branch.scarlet .branch-line:before{background:#7c363b}.skill-branch.blue .branch-line:before{background:#315f7a}.branch-node{position:relative;z-index:1;width:100%;min-height:38px;border:0;border-radius:8px;background:transparent;color:#b9aaad;display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px;align-items:center;padding:4px;text-align:left}.branch-node:hover,.branch-node.selected{background:#21161bdd}.branch-node.selected{outline:1px solid #d6a94e}.branch-node i{width:32px;height:32px;border:1px solid #72404a;border-radius:50%;background:#160d11;display:grid;place-items:center;font-style:normal;font-size:15px}.skill-branch.violet .branch-node i{border-color:#75428c}.skill-branch.scarlet .branch-node i{border-color:#963c42}.skill-branch.blue .branch-node i{border-color:#3c7698}.branch-node b{display:block;font-size:10px;line-height:1.15}.branch-node small{font-size:8px;color:#8f7d81}.branch-node.available i{border-color:#e0ae4e;color:#ffdc88;box-shadow:0 0 10px #d28d3f66}.branch-node.unlocked i{background:#482810;border-color:#e1a849;color:#ffe7a3;box-shadow:0 0 12px #cf8b4166}.branch-node.milestone i{width:37px;height:37px;font-size:18px}.branch-node.major i{width:42px;height:42px;font-size:20px;border-width:2px}.branch-node.ultimate{min-height:53px}.branch-node.ultimate i{width:48px;height:48px;font-size:23px;border-width:2px;box-shadow:0 0 18px #cf8b4160}.skill-detail-panel.final{position:sticky;top:18px;min-height:560px}.skill-detail-panel.final h2{margin-top:8px}@media(max-width:1080px){.skill-final-layout{grid-template-columns:1fr}.skill-detail-panel.final{position:static;min-height:0}.skill-tree-board{overflow-x:auto;grid-template-columns:repeat(4,minmax(190px,1fr))}}@media(max-width:620px){.skills-page-head{align-items:flex-start;gap:10px;flex-direction:column}.skill-tree-board{grid-template-columns:repeat(4,190px)}.skill-final-layout{display:block}.skill-detail-panel.final{margin-top:12px}}
.battle-finale{width:min(800px,100%);padding:34px;background:radial-gradient(circle at 82% 10%,#61252d55,transparent 35%),linear-gradient(150deg,#221117,#09080a)}.battle-finale h2{font-size:clamp(30px,5vw,52px);margin:8px 0 22px}.finale-blocks{display:grid;gap:12px}.finale-blocks p{display:grid;grid-template-columns:38px 1fr;gap:10px;margin:0;padding:13px;border:1px solid #492b33;background:#100c0f;line-height:1.6;color:#e5d3d5}.finale-blocks p>b{color:#dba34d;font-size:19px}.finale-state{margin:17px 0;color:#c6adb1;font-size:12px;letter-spacing:.5px}.calendar-premium{border:1px solid #35323a;border-radius:15px;background:linear-gradient(155deg,#121216,#09090c);padding:20px}.cal-title{display:flex;align-items:center;justify-content:space-between}.cal-title h2{text-transform:capitalize;margin:4px 0;font-size:30px}.calendar-summary{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.calendar-summary span{border:1px solid #3c3742;border-radius:9px;background:#15141a;padding:9px 12px;color:#aaa3b0;font-size:11px}.calendar-summary b{color:#eee9f0;font-size:16px;margin-right:4px}.cal-weekday{text-align:center;color:#77717d;font-size:10px;font-weight:900;padding:6px}.premium-grid{gap:6px}.cal-day.premium{min-height:82px;border:1px solid #29272e;background:#111116;color:#9d98a2;display:flex;flex-direction:column;justify-content:space-between;text-align:left;transition:.15s}.cal-day.premium:hover{border-color:#6b6273;background:#18171e}.cal-day.premium.today{border:1px solid #d0b473;box-shadow:inset 0 0 0 1px #d0b47330}.cal-day.premium.active{background:#151522;border-color:#383954;box-shadow:inset 0 0 16px #5e61a31c}.cal-day.premium.boss-day{border-left:3px solid #b5444e}.cal-day.premium.challenge-day{border-bottom:2px solid #d57b35}.cal-day.premium .marks{color:#c6a7cd;font-size:12px}.day-summary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.day-summary span{background:#17131a;border:1px solid #46343c;border-radius:8px;padding:8px;font-size:11px}.day-events{display:grid;gap:7px}.day-events>div{display:flex;justify-content:space-between;gap:12px;border-left:2px solid #7b5966;background:#140f12;padding:10px}.day-events small{color:#d1aa68}.path-scene{min-height:700px;padding:clamp(25px,5vw,60px);border:1px solid #3d2b33;border-radius:16px;background:linear-gradient(90deg,#08080bea,#0c090c99),url('uchiha-district-wide.png') center/cover fixed;overflow:hidden}.path-heading{max-width:600px}.path-heading h2{font-size:clamp(35px,5vw,58px);margin:7px 0}.path-heading p{color:#beaeb2}.path-line{position:relative;max-width:780px;margin:35px auto 0;padding-left:42px;display:grid;gap:15px}.path-line:before{content:"";position:absolute;left:17px;top:10px;bottom:10px;width:2px;background:linear-gradient(#9d4d58,#d3a64e,#485d7b)}.path-node{position:relative}.path-node:before{content:"";position:absolute;left:-32px;top:18px;width:11px;height:11px;border-radius:50%;background:#bc5260;border:2px solid #f2bbc1;box-shadow:0 0 12px #ba4b5d}.path-node.compact{display:flex;align-items:center;gap:12px;border:1px solid #48343b;border-radius:10px;background:#100c0fdb;padding:12px 15px}.path-node.compact i{font-style:normal;font-size:22px}.path-node.compact small{display:block;color:#9e8c91;font-size:9px;letter-spacing:1px}.path-node.compact b{display:block;margin-top:3px}.path-node.major{display:grid;grid-template-columns:180px 1fr;min-height:135px;border:1px solid #77404b;border-radius:13px;background:#120d10ed;overflow:hidden}.path-node.major:before{width:15px;height:15px;left:-34px;background:#d39b44;border-color:#ffe1a4}.path-art{min-height:135px;background:radial-gradient(circle,#451925,#0c0a0c);background-position:center;background-size:cover}.path-node.major>div:last-child{padding:17px}.path-node.major small{font-size:9px;letter-spacing:1px;color:#d69a55}.path-node.major h3{font-size:22px;margin:7px 0}.path-node.major p{color:#ad9a9e}.path-node.continue{border-style:dashed;opacity:.8}@media(max-width:620px){.premium-grid{gap:3px}.cal-day.premium{min-height:56px;padding:5px}.calendar-summary{display:grid;grid-template-columns:1fr 1fr}.path-scene{padding:22px 15px}.path-line{padding-left:30px}.path-node.major{grid-template-columns:1fr}.path-art{min-height:110px}}