@charset "UTF-8";
.online-count{color:#91cba2;white-space:nowrap;font-size:.75rem}.saga-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.saga-gallery figure{margin:0;padding:6px;background:#111823;border:1px solid #303a4c;border-radius:9px;text-align:center}.saga-gallery img{width:100%;height:90px;object-fit:contain;image-rendering:pixelated}.saga-gallery figcaption{font-size:.65rem;color:#b4becd}.ranking-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.ranking-tabs .button{font-size:.75rem;padding:9px 12px}.ranking-table{overflow-x:auto}.ranking-table table{width:100%;border-collapse:collapse;white-space:nowrap}.ranking-table th,.ranking-table td{text-align:left;padding:14px;border-bottom:1px solid #303743}.ranking-table th{color:#ffbf75}.nav-shell nav{flex-wrap:wrap;gap:18px}@media(max-width:600px){.saga-gallery img{height:70px}.nav-shell{height:auto!important}.nav-shell nav{gap:12px;padding-bottom:5px}.online-count{font-size:.65rem}.ranking-table td{padding:10px;font-size:.8rem}}
:root{color-scheme:dark;--bg:#11151c;--panel:#1a202a;--panel-light:#202733;--line:#303743;--muted:#a7afbd;--text:#f5f4ef;--orange:#f6a04d;--orange-light:#ffbf75;--green:#91cba2;--radius:16px;--shadow:0 18px 60px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}::selection{background:#f6a04d55;color:#fff}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.5rem,5.4vw,5rem);font-weight:850;margin-bottom:26px}h2{font-size:clamp(1.8rem,3.3vw,2.8rem);font-weight:780;margin-bottom:22px}h3{font-size:1.3rem;font-weight:760}em{font-style:normal;color:var(--orange)}p{color:var(--muted)}strong{color:var(--text)}code{color:var(--orange-light);background:#f6a04d0d;border:1px solid #f6a04d2b;border-radius:5px;padding:2px 6px;font-size:.9em;white-space:nowrap}.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.narrow{width:min(800px,calc(100% - 40px));margin-inline:auto}.section{padding-block:72px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--orange);font-size:.69rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}.orange-line{width:30px;height:2px;background:var(--orange)}.small-number{font-size:.72rem;color:#8791a1;letter-spacing:.12em;font-weight:750}.skip-link{position:fixed;z-index:100;top:-90px;left:12px;padding:10px;background:var(--orange);color:#111}.skip-link:focus{top:10px}
.topbar{position:relative;z-index:20;background:#11151cf5;border-bottom:1px solid #ffffff0a}.nav-shell{width:min(1360px,calc(100% - 64px));height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:auto}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:900;letter-spacing:.15em;line-height:1.1;flex-shrink:0}.brand small{display:block;color:var(--muted);font-size:.48rem;font-weight:650;letter-spacing:.24em;margin-top:7px}.brand-mark{display:flex;align-items:center;justify-content:center;width:41px;height:41px;color:var(--orange);font-family:serif;font-size:1.9rem;border:1px solid #f6a04d65;border-radius:10px;transform:rotate(-5deg)}nav{display:flex;gap:30px;align-items:center;font-size:.82rem;font-weight:650}nav>a{color:#a9b0bc;transition:color .2s}nav>a:hover,nav>a.active{color:var(--text)}nav>a.nav-cta{border:1px solid #f6a04d75;border-radius:8px;padding:10px 16px;color:var(--orange-light)}.nav-cta span{margin-left:14px}.nav-logout{margin:0}.nav-logout button{background:none;border:0;color:var(--muted);padding:0;font-size:.82rem}.nav-logout button:hover{color:var(--text)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--orange);color:#1b1a17;border:1px solid var(--orange);padding:15px 23px;border-radius:9px;font-size:.87rem;font-weight:800;line-height:1.4;box-shadow:0 5px 18px #0002;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:var(--orange-light);border-color:var(--orange-light);transform:translateY(-2px)}.button.secondary{color:var(--text);background:#171c25c9;border-color:#77819250;box-shadow:none}.button.secondary:hover{background:var(--panel-light);border-color:#9faabd80}.button.full{width:100%}.text-link{font-size:.84rem;font-weight:700;color:var(--orange-light)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link span{margin-left:14px}.tag,.tags span{border:1px solid #f6a04d2c;color:var(--orange-light);background:#f6a04d08;border-radius:5px;padding:3px 7px;font-size:.63rem;font-weight:600;letter-spacing:.02em}.notice{width:min(1180px,calc(100% - 40px));padding:16px 22px;margin:24px auto 0;border-radius:10px;border:1px solid #91cba24d;background:#15261c;color:#bfe5c7;font-size:.9rem}.notice-error{border-color:#f28e834d;background:#2b1b1b;color:#ffd0c8}.notice-info{border-color:#95bce54d;background:#1a2430;color:#c1d8f1}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:710px;border-bottom:1px solid var(--line);background:#15191f}.hero-art{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#11151c 0%,#11151ce6 25%,#11151c44 62%,#11151c0d 100%),linear-gradient(0deg,#11151c 0%,transparent 40%),url('/assets/naruto-background.jpg');background-size:cover;background-position:center,right center,right center}.hero-content{padding-top:100px;padding-bottom:42px;position:relative}.hero h1{font-size:clamp(3rem,5.4vw,5.2rem);line-height:1.04;max-width:760px;margin-bottom:30px;letter-spacing:-.055em;text-shadow:0 4px 35px #10151a90}.hero-description{max-width:485px;font-size:1rem;line-height:1.75;color:#b9bec7;margin-bottom:32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-stats{display:flex;gap:40px;margin-top:57px}.hero-stats div{display:flex;flex-direction:column;padding-right:40px;border-right:1px solid #67717e50}.hero-stats div:last-child{border-right:0;padding-right:0}.hero-stats strong{font-size:2rem;line-height:1.2;letter-spacing:-.04em}.hero-stats span{font-size:.66rem;color:#aab0bb;letter-spacing:.04em;margin-top:6px}.hero-caption{color:#888e99;font-size:.59rem;letter-spacing:.03em;padding-bottom:21px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading .text-link{flex-shrink:0;margin-bottom:5px}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature-card{position:relative;display:block;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#202631,#171d26);padding:22px 23px 27px;min-height:340px;transition:transform .2s,border-color .2s;box-shadow:var(--shadow)}.feature-card:hover{transform:translateY(-5px);border-color:#f6a04d75}.feature-top{display:flex;align-items:center;justify-content:space-between}.feature-portrait{height:116px;display:flex;align-items:center;justify-content:center;margin-block:14px 9px;background:radial-gradient(ellipse,#f6a04d13,transparent 65%)}.feature-portrait img{image-rendering:pixelated;object-fit:contain;width:88px;height:96px}.feature-card h3{margin-bottom:12px}.feature-card p{font-size:.75rem;line-height:1.7;margin-bottom:16px}.card-arrow{position:absolute;bottom:17px;right:21px;color:var(--orange);font-size:1.3rem}.play-section{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;border-top:1px solid var(--line)}.play-section>div>p:last-child{max-width:330px;font-size:.9rem}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;align-items:flex-start;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0}.steps li>span{color:var(--orange);font-size:.85rem;font-weight:750;letter-spacing:.1em;line-height:1.4}.steps h3{font-size:1.05rem;margin:0 0 10px}.steps p{font-size:.83rem;line-height:1.7;margin:0;max-width:420px}.saga-banner{padding:38px 42px;border:1px solid #f6a04d45;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:40px;background:radial-gradient(ellipse at top right,#f6a04d0e,transparent 65%),#1b2028}.saga-banner .eyebrow{margin-bottom:15px}.saga-banner h2{font-size:1.9rem;margin-bottom:14px}.saga-banner p{font-size:.85rem;max-width:650px;margin-bottom:0}.saga-banner .button{flex-shrink:0}
.page-heading{max-width:800px;margin-bottom:43px}.page-heading p:last-child{max-width:700px;font-size:.95rem;line-height:1.8;margin-bottom:0}.page-heading.compact h1{font-size:clamp(2.3rem,4.5vw,3.8rem)}.info-strip{display:flex;align-items:center;gap:23px;border:1px solid var(--line);border-radius:12px;background:#1a202a80;padding:22px 28px;margin:26px 0 36px}.info-strip p{font-size:.83rem;line-height:1.8;margin:0}.info-symbol{color:var(--orange);font-size:1.8rem;font-family:serif;flex-shrink:0}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.class-card{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#1d242e,#181e27);scroll-margin-top:30px}.class-card-heading{display:flex;align-items:center;gap:16px}.class-card-heading>.small-number{margin-left:auto;align-self:flex-start}.portrait{width:66px;height:75px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.portrait img{width:66px;height:75px;object-fit:contain;image-rendering:pixelated}.class-role{color:var(--orange);font-size:.61rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.class-card h2{font-size:1.3rem;margin:7px 0 0}.class-card p{font-size:.77rem;line-height:1.75;margin:22px 0 21px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{color:#c6ceda;border-color:#6d78883b;background:#222a35}.center-action{text-align:center;margin-top:42px}
.auth-section{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;padding-block:95px;min-height:740px}.auth-intro{padding-top:32px}.auth-intro h1{font-size:clamp(2.7rem,4.8vw,4.1rem)}.auth-intro>p:last-of-type{max-width:360px;font-size:.95rem;line-height:1.9}.auth-fact{display:flex;align-items:center;gap:20px;margin-top:44px}.auth-fact strong{color:var(--orange);font-size:3.3rem;line-height:1;font-weight:850;letter-spacing:-.06em}.auth-fact span{color:var(--muted);font-size:.72rem;line-height:1.7}.panel{background:linear-gradient(140deg,#1e2530,#181e27);border:1px solid var(--line);border-radius:var(--radius);padding:38px;box-shadow:var(--shadow)}.auth-panel{width:100%;max-width:520px;justify-self:end}.panel-heading .eyebrow{margin-bottom:12px}.panel-heading h2{font-size:1.8rem;margin-bottom:30px}.stack-form{display:flex;flex-direction:column;gap:20px}label{display:block;color:#d8dce2;font-size:.8rem;font-weight:600;line-height:1.5}input[type=text],input[type=email],input[type=password]{display:block;width:100%;margin-top:9px;padding:13px 15px;color:var(--text);background:#10151dc4;border:1px solid #3a4350;border-radius:8px;font-size:.95rem;line-height:1.4;transition:border-color .2s;min-height:49px}input:hover{border-color:#6e7887}input:focus{outline:2px solid #f6a04d35;outline-offset:1px;border-color:var(--orange)}input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 100px #1b2330 inset}.field-help{display:block;color:#909ba9;font-size:.69rem;font-weight:400;margin-top:9px;line-height:1.7}.optional{font-size:.63rem;font-weight:400;color:#8d97a7;margin-left:6px}.stack-form button{margin-top:6px}.form-bottom{font-size:.8rem;text-align:center;color:#929dad;margin:25px 0 0}.form-bottom a{color:var(--orange-light);font-weight:650;margin-left:4px}.empty-state{text-align:center;padding:55px 35px}.empty-state>.eyebrow{justify-content:center}.empty-state h1{font-size:2.8rem}.empty-state h2{font-size:2rem}.empty-state p{max-width:500px;margin-inline:auto}.empty-state .button{margin-top:12px}.empty-portraits{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:25px}.empty-portraits img{image-rendering:pixelated;object-fit:contain;width:100px;height:115px}.account-heading{margin-bottom:28px;align-items:center}.account-heading h1{font-size:clamp(2.2rem,4.5vw,3.5rem);margin-bottom:18px}.account-heading p:last-child{font-size:.85rem;max-width:630px;margin-bottom:0}.account-summary{display:flex;align-items:center;justify-content:space-between;padding-block:20px;border-block:1px solid var(--line);margin-bottom:30px;font-size:.85rem;color:var(--muted)}.characters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.character-card{display:flex;align-items:center;gap:25px;background:linear-gradient(145deg,#202733,#171d26);padding:28px;border:1px solid var(--line);border-radius:var(--radius)}.character-portrait{width:90px;height:130px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#f6a04d15,transparent 70%)}.character-portrait img{width:90px;height:120px;image-rendering:pixelated;object-fit:contain}.character-info{min-width:0;flex:1}.character-info h2{font-size:1.5rem;margin:10px 0 6px;overflow-wrap:anywhere}.character-info p{font-size:.75rem;margin-bottom:20px}.character-info p>span{color:#4d5868;margin-inline:5px}.online-status{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#8d99a8}.online-status::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#687587;margin-right:6px;vertical-align:middle}.online-status.is-online{color:var(--green)}.online-status.is-online::before{background:var(--green)}.character-stats{margin:0;display:flex;gap:22px}.character-stats dt{color:#929dac;font-size:.6rem;letter-spacing:.04em}.character-stats dd{margin:3px 0 0;font-size:.86rem;font-weight:700}.back-link{display:block;color:#a0aaba;font-size:.78rem;margin-bottom:30px}.back-link:hover{color:var(--orange-light)}.identity-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:start;margin:35px 0 48px}.sex-choice{border:0;padding:0;margin:0;min-width:0}.sex-choice legend{font-size:.8rem;color:#d8dce2;font-weight:600;margin-bottom:13px}.sex-choice label{display:inline-flex;gap:8px;align-items:center;margin-right:16px;font-size:.76rem;cursor:pointer}.sex-choice input{accent-color:var(--orange);width:16px;height:16px}.class-selection{border:0;padding:0;margin:0}.class-selection legend{padding:0;margin-bottom:25px}.class-selection .eyebrow{margin-bottom:12px}.legend-title{display:block;font-size:1.6rem;font-weight:750;letter-spacing:-.035em;line-height:1.2}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.class-choice{position:relative;cursor:pointer}.class-choice>input{position:absolute;left:16px;top:16px;opacity:0;width:18px;height:18px;margin:0}.choice-content{display:flex;align-items:center;gap:12px;padding:18px 15px;border-radius:12px;border:1px solid var(--line);background:#1a212b;min-height:104px;transition:border-color .2s,background .2s}.choice-content img{flex-shrink:0;width:50px;height:67px;object-fit:contain;image-rendering:pixelated}.choice-content strong{display:block;font-size:.84rem;line-height:1.3;margin-bottom:6px}.choice-content>div>span{color:var(--muted);font-size:.65rem;font-weight:400}.choice-tick{margin-left:auto;align-self:flex-start;color:transparent;font-size:.74rem;line-height:1.4;border:1px solid #4b5665;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.class-choice:hover .choice-content{border-color:#8f795d}.class-choice>input:checked+.choice-content{border-color:var(--orange);background:linear-gradient(135deg,#48322155,#25272a)}.class-choice>input:checked+.choice-content .choice-tick{color:#171b20;background:var(--orange);border-color:var(--orange)}.class-choice>input:focus-visible+.choice-content{outline:3px solid var(--orange-light);outline-offset:3px}.create-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.create-footer p{font-size:.8rem;line-height:1.9;margin:0}
.footer{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid var(--line);padding-block:42px;margin-top:30px}.footer>div{max-width:640px}.footer p{font-size:.74rem;margin-bottom:7px}.footer .credits{font-size:.61rem;line-height:1.8;color:#788596;margin-bottom:0}.credits a{color:#a5afbd;text-decoration:underline;text-underline-offset:3px}.footer-brand{font-size:.9rem}.footer-brand .brand-mark{width:34px;height:34px;font-size:1.5rem}.footer>.text-link{white-space:nowrap;font-size:.73rem}
@media(min-width:1600px){.hero-art{background-position:center,right 40%}.hero{min-height:760px}.hero-content{padding-top:120px}}
@media(max-width:1100px){.hero-art{background-position:center,center,65% center}.hero-content{padding-top:80px}.featured-grid{gap:12px}.feature-card{padding:18px}.class-grid{grid-template-columns:repeat(2,1fr)}.choice-grid{grid-template-columns:repeat(3,1fr)}.auth-section{gap:55px}.play-section{gap:55px}.saga-banner{padding:30px;gap:25px}.saga-banner h2{font-size:1.6rem}.footer{gap:28px}.footer>.text-link{display:none}}
@media(max-width:800px){.shell,.nav-shell{width:calc(100% - 40px)}.nav-shell{height:auto;min-height:90px;gap:20px;flex-wrap:wrap;padding-block:18px}nav{gap:20px;font-size:.75rem;flex-wrap:wrap}nav>a.nav-cta{padding:8px 12px}.brand{font-size:1rem}.brand-mark{width:35px;height:35px;font-size:1.6rem}.hero{min-height:700px}.hero-art{background-image:linear-gradient(90deg,#11151cf2 0%,#11151cb3 50%,#11151c30 100%),linear-gradient(0deg,#11151c 0%,transparent 50%),url('/assets/naruto-background.jpg');background-position:center,center,61% center}.hero-content{padding-top:72px}.hero h1{font-size:3.7rem}.hero-description{font-size:.93rem;max-width:430px}.hero-stats{gap:27px}.hero-stats div{padding-right:27px}.hero-caption{font-size:.55rem}.section{padding-block:52px}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:22px}.featured-grid{grid-template-columns:repeat(2,1fr);gap:15px}.feature-card{padding:22px}.play-section{grid-template-columns:1fr;gap:25px}.play-section>div>p:last-child{max-width:550px}.steps{margin-top:10px}.saga-banner{display:block}.saga-banner .button{margin-top:25px}.auth-section{gap:35px;padding-block:50px;grid-template-columns:.9fr 1.1fr}.auth-intro h1{font-size:2.8rem}.auth-panel{padding:28px}.auth-intro .eyebrow{font-size:.56rem;letter-spacing:.13em}.characters-grid{grid-template-columns:1fr}.account-heading{display:flex;gap:25px;align-items:center}.account-heading h1{font-size:2.6rem}.account-heading .button{flex-shrink:0}.identity-panel{gap:30px;padding:28px}.choice-grid{grid-template-columns:repeat(3,1fr)}.choice-content{padding:15px 12px;gap:8px}.choice-content img{width:42px}.choice-content strong{font-size:.76rem}.choice-content>div>span{font-size:.6rem}.choice-tick{width:14px;height:14px;font-size:.62rem}.footer{align-items:flex-start}.footer-brand{margin-top:5px}}
@media(max-width:600px){.shell,.nav-shell{width:calc(100% - 32px)}.topbar{background:#11151c}.nav-shell{justify-content:center;gap:19px;min-height:114px;padding-top:16px;padding-bottom:13px}.brand{font-size:1rem}.brand small{font-size:.45rem}nav{width:100%;justify-content:center;gap:23px;font-size:.69rem;line-height:1.4}nav>a.nav-cta{padding:0;border:0;color:var(--orange-light)}.nav-cta span{margin-left:5px}.nav-logout button{font-size:.69rem}.hero{min-height:660px}.hero-content{padding-top:58px;padding-bottom:35px}.hero h1{font-size:clamp(2.65rem,10.5vw,3.7rem);letter-spacing:-.05em;margin-bottom:24px}.eyebrow{font-size:.61rem;letter-spacing:.16em}.hero-description{font-size:.85rem;line-height:1.8;max-width:350px}.hero-actions{gap:10px}.button{font-size:.78rem;padding:13px 16px;gap:15px}.hero-actions .button{width:100%;max-width:350px;justify-content:space-between}.hero-art{background-image:linear-gradient(90deg,#11151ce6,#11151c88),linear-gradient(0deg,#11151c 0%,transparent 65%),url('/assets/naruto-background.jpg');background-position:center,center,58% center}.hero-stats{gap:22px;margin-top:38px}.hero-stats div{padding-right:22px}.hero-stats strong{font-size:1.7rem}.hero-stats span{font-size:.54rem;letter-spacing:0}.hero-caption{line-height:1.7;max-width:350px;margin-left:16px}.section{padding-block:40px}h2{font-size:2rem}.section-heading{margin-bottom:25px}.featured-grid{gap:10px}.feature-card{padding:16px 14px 24px;min-height:334px}.feature-top .tag{font-size:.53rem;padding:3px 5px}.feature-top .small-number{font-size:.61rem}.feature-portrait{height:105px;margin-bottom:6px}.feature-card h3{font-size:1.15rem}.feature-card p{font-size:.67rem;line-height:1.75}.card-arrow{bottom:12px;right:15px}.steps li{gap:20px}.steps h3{font-size:1rem}.steps p{font-size:.78rem}.saga-banner{padding:25px 21px}.saga-banner h2{font-size:1.6rem}.saga-banner p{font-size:.78rem}.saga-banner .eyebrow{font-size:.56rem}.class-grid{grid-template-columns:1fr;gap:13px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:2.8rem}.page-heading p:last-child{font-size:.85rem}.class-card{padding:22px}.class-card p{font-size:.8rem}.info-strip{padding:19px 20px;align-items:flex-start;gap:15px;margin-block:24px}.info-strip p{font-size:.75rem}.info-symbol{font-size:1.45rem}.auth-section{display:block;padding-block:36px}.auth-intro{padding:0 4px 30px}.auth-intro h1{font-size:2.8rem;margin-bottom:20px}.auth-intro>p:last-of-type{font-size:.84rem;max-width:430px}.auth-fact{display:none}.auth-panel{max-width:none;padding:28px 22px}.panel-heading h2{font-size:1.7rem;margin-bottom:24px}.stack-form{gap:19px}.panel{border-radius:13px}.empty-state{padding:38px 22px}.empty-state h2{font-size:1.65rem}.empty-state p{font-size:.83rem}.account-heading{display:block}.account-heading h1{font-size:2.45rem;overflow-wrap:anywhere}.account-heading .button{margin-top:22px}.account-summary{font-size:.73rem;gap:14px}.account-summary>.text-link{font-size:.68rem}.character-card{gap:16px;padding:21px 16px}.character-portrait{width:68px;height:120px}.character-portrait img{width:68px;height:100px}.character-info h2{font-size:1.25rem}.character-info p{font-size:.68rem;margin-bottom:16px}.character-stats{gap:16px}.character-stats dd{font-size:.78rem}.identity-panel{grid-template-columns:1fr;gap:25px;padding:24px 20px;margin-bottom:32px}.sex-choice legend{margin-bottom:10px}.sex-choice p{margin-bottom:0}.legend-title{font-size:1.45rem}.choice-grid{grid-template-columns:repeat(2,1fr);gap:9px}.choice-content{padding:12px 10px;gap:7px;min-height:98px}.choice-content img{width:37px;height:62px}.choice-content strong{font-size:.74rem}.choice-content>div>span{font-size:.57rem}.choice-tick{position:absolute;top:10px;right:9px;width:13px;height:13px}.create-footer{display:block;margin-top:30px;padding-top:24px}.create-footer p{font-size:.74rem}.create-footer .button{width:100%;justify-content:space-between;margin-top:22px}.footer{display:block;padding-block:32px;margin-top:20px}.footer-brand{margin-bottom:25px}.footer p{font-size:.7rem}.footer .credits{font-size:.6rem}.notice{padding:14px 17px;font-size:.8rem;margin-top:18px}.back-link{margin-bottom:25px}.center-action{margin-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.admin-account-panel{padding:28px;margin:26px 0}.admin-account-panel h2,.admin-list h2{font-size:1.7rem}.admin-tools{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.admin-member{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;margin:14px 0}.admin-member h3{margin-bottom:8px;overflow-wrap:anywhere}.admin-member p{margin:0;font-size:.85rem}.admin-page .button{white-space:normal}.admin-page form{min-width:0}@media(max-width:600px){.admin-member{display:block;padding:20px}.admin-member form{margin-top:18px}.admin-account-panel{padding:22px}.admin-page h1{font-size:2.5rem}.admin-page .button{max-width:100%}}
.roster-filter{display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:end;gap:16px;margin-bottom:28px;padding:24px}.roster-filter .roster-check{display:flex;gap:10px;align-items:center;min-height:49px}.roster-filter input[type=checkbox]{width:19px;height:19px;accent-color:var(--orange)}.class-growth{font-size:.76rem;margin:18px 0 8px;color:var(--green)}.class-jutsu{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.class-jutsu summary{color:var(--orange-light);cursor:pointer;font-weight:700}.class-jutsu ul{list-style:none;padding:0;margin:12px 0 0}.class-jutsu li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.class-jutsu li img{object-fit:contain;flex-shrink:0;image-rendering:pixelated}.class-jutsu li>div{min-width:0}.class-jutsu strong,.class-jutsu span{display:block}.class-jutsu span{font-size:.7rem;color:var(--muted);margin:5px 0}.class-jutsu code{font-size:.68rem;white-space:normal;overflow-wrap:anywhere}.saga-gallery figcaption{overflow-wrap:anywhere}@media(max-width:600px){.roster-filter{grid-template-columns:1fr;padding:20px}.roster-filter .roster-check{min-height:32px}.class-jutsu li img{width:48px;height:48px}}
.saga-gallery figcaption small{display:block;font-size:.6rem;color:#909cad;margin-top:3px}