/*
Theme Name: Truyen One
Author: truyen.one
Description: Giao diện One Piece, nền giấy và màu hải trình.
Version: 1.5.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: truyen-one
*/
@charset "UTF-8";
:root{--paper:#f7f5ed;--surface:#fffef8;--ink:#163d41;--muted:#59665f;--line:#dedfd3;--sea:#103b40;--sea-deep:#092c32;--gold:#f2c75b;--red:#b3352b;--soft:#ecefe5;--shadow:0 12px 35px #183d4110;color-scheme:light;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
:root[data-theme=dark]{--paper:#0e2429;--surface:#153036;--ink:#f1f0e7;--muted:#a5b8b6;--red:#ff9b87;--line:#2d484b;--soft:#203a3d;--shadow:0 12px 35px #0002;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.35;cursor:not-allowed}a,button,input,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e3a537}button{border:0}img{max-width:100%;display:block}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.container{width:min(1220px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:20px;background:var(--gold);color:var(--sea);padding:15px;z-index:100}.skip-link:focus{top:10px}.site-header{height:86px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand img{width:45px;height:45px;object-fit:contain}.brand-text{font-family:Georgia,serif;font-size:29px;font-weight:700;letter-spacing:-1.6px}.brand-text em{font-style:normal;color:var(--red)}.brand-kicker{font-family:"Segoe UI",sans-serif;font-weight:500;letter-spacing:2px;font-size:8px;display:block;text-transform:uppercase;margin-top:2px}.main-nav{display:flex;gap:29px;align-items:center;margin-left:auto;height:100%;font-size:13px;font-weight:600}.main-nav a{height:100%;display:flex;align-items:center;position:relative}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red)}.main-nav a:hover{color:var(--red)}.header-actions{display:flex;align-items:center;gap:11px}.icon-btn{width:38px;height:38px;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-btn:hover{background:var(--soft)}.header-divider{height:22px;border-left:1px solid var(--line);margin:0 3px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border-radius:5px;font-size:13px;font-weight:650;transition:transform .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:var(--sea-deep)}.btn-red{background:var(--red);color:white}.btn-outline{border:1px solid var(--line);background:transparent}.btn-sea{background:var(--sea);color:#fff}.btn-small{min-height:39px;padding:0 15px;font-size:12px}.mobile-menu{display:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.hero{position:relative;overflow:hidden;background:var(--sea);color:#fff8e5;min-height:492px}.hero-art{position:absolute;inset:0 0 0 35%;background-image:linear-gradient(90deg,#103b40 0%,#103b4030 32%,#103b4000 62%),linear-gradient(0deg,#103b40cc,#103b4000 40%),url('assets/crew.webp');background-size:cover;background-position:center,center,53% 42%;opacity:.94}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:repeating-linear-gradient(110deg,var(--gold) 0 14px,#dbb34e 14px 16px);opacity:.85}.hero-inner{position:relative;min-height:492px;display:flex;align-items:center;z-index:1;padding-block:51px}.hero-copy{width:54%;padding-bottom:9px}.hero .eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.5px}.hero-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,7.7vw,108px);font-weight:700;letter-spacing:-5px;line-height:1.02;margin:25px 0 0;text-shadow:0 3px 30px #092c3266}.hero-subtitle{display:flex;align-items:center;gap:16px;color:var(--gold);font-size:18px;font-weight:500;letter-spacing:6px;text-transform:uppercase;margin-top:12px}.hero-subtitle:after{content:"";height:1px;width:65px;background:var(--gold);opacity:.5}.hero-description{font-size:14px;line-height:1.85;max-width:390px;opacity:.78;margin:22px 0 27px}.hero-buttons{display:flex;gap:12px}.hero .btn-outline{border-color:#c5d8ce60;color:#fff8e5;background:#103b4040}.hero-details{display:flex;align-items:center;gap:22px;margin-top:28px;font-size:11px;color:#e0e4cf}.hero-details>span{display:flex;align-items:center;gap:6px}.hero-details>span+span{border-left:1px solid #fff3;padding-left:22px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#89c5a8;box-shadow:0 0 0 3px #89c5a817}.hero-note{position:absolute;right:0;bottom:28px;display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:2px;color:#fffbe7;text-shadow:0 2px 5px #000;background:#103b4050;padding:10px}.hero-note svg{color:var(--gold)}.voyage-strip{border-bottom:1px solid var(--line)}.voyage-inner{min-height:66px;display:flex;align-items:center;gap:15px}.voyage-inner>svg{color:var(--red);width:22px;height:22px}.voyage-text{font-family:Georgia,serif;font-size:16px;font-style:italic}.voyage-caption{color:var(--muted);font-size:11px;margin-left:auto}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-size:12px;font-weight:650}.text-link svg{width:16px;height:16px}.page-content{padding-top:45px;padding-bottom:60px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:600;letter-spacing:-.6px;margin:0;display:flex;align-items:center;gap:10px}.section-heading h2 svg{width:23px;height:23px}.section-heading h2 .accent{color:var(--red)}.section-kicker{font-size:9px;color:var(--muted);letter-spacing:2px;font-weight:650;margin:0 0 9px}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:45px}.chapter-feature{display:block;border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s}.chapter-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-art{height:152px;position:relative;overflow:hidden;background:var(--sea)}.feature-art img{width:100%;height:100%;object-fit:cover;object-position:8% 48%;transition:transform .4s}.chapter-feature:nth-child(2) .feature-art img{object-position:55% 60%;transform:scale(1.2)}.chapter-feature:nth-child(3) .feature-art img{object-position:95% 40%;transform:scale(1.1)}.chapter-feature:hover .feature-art img{transform:scale(1.08)}.chapter-feature:nth-child(2):hover .feature-art img{transform:scale(1.28)}.feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#082a32b0,transparent 80%)}.feature-number{position:absolute;bottom:12px;left:19px;z-index:1;color:#fff;font-family:Georgia,serif;font-size:34px;font-weight:bold;letter-spacing:-1px}.feature-number small{font:9px "Segoe UI",sans-serif;display:block;letter-spacing:2px;margin-bottom:1px;font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;min-height:21px;border-radius:3px;padding:3px 7px;font-size:9px;font-weight:700;letter-spacing:.4px}.badge-red{background:#b3352b;color:white}.badge-gold{background:var(--gold);color:var(--sea)}.badge-green{background:#e7efe0;color:#426446}.feature-art>.badge{position:absolute;top:14px;right:14px;z-index:1}.feature-body{padding:17px 19px;display:flex;align-items:center;gap:10px}.feature-body h3{font-size:14px;margin:0 0 7px;font-weight:650}.feature-body p{font-size:10px;color:var(--muted);margin:0}.feature-body>svg{margin-left:auto;width:18px;color:var(--red)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:38px;align-items:start}.chapter-section{scroll-margin-top:30px}.chapter-section .section-heading{margin-bottom:18px}.count-badge{font-size:10px;font-family:"Segoe UI",sans-serif;color:var(--muted);letter-spacing:0;font-weight:500;padding:5px 8px;border:1px solid var(--line);border-radius:4px}.chapter-tools{display:flex;gap:11px;margin-bottom:12px}.search-field{position:relative;flex:1}.search-field svg{position:absolute;left:14px;top:12px;width:17px;color:var(--muted)}.search-field input{width:100%;height:43px;padding:0 15px 0 41px;background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:12px}.chapter-tools select{height:43px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:0 13px;color:var(--ink);font-size:11px;max-width:170px}.filter-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:5px}.filter-tab{background:transparent;padding:11px 0 12px;font-size:11px;color:var(--muted);position:relative}.filter-tab.active{color:var(--ink);font-weight:650}.filter-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--red)}.chapter-row{display:flex;align-items:center;gap:16px;padding:15px 9px;border-bottom:1px solid var(--line);min-height:76px;transition:background .2s}.chapter-row:hover{background:var(--soft)}.row-icon{width:36px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted);border:1px solid var(--line);border-radius:4px;position:relative}.row-icon svg{width:17px;height:17px}.chapter-row.read .row-icon{color:var(--red)}.row-copy{min-width:0;flex:1}.row-title{font-size:13px;font-weight:650;display:flex;align-items:center;gap:8px}.row-copy p{font-size:10px;color:var(--muted);margin:6px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{display:flex;gap:12px;font-size:10px;color:var(--muted);align-items:center}.row-meta>svg{width:15px;height:15px}.row-meta .read-status{color:var(--red);font-size:9px}.pagination{display:flex;align-items:center;gap:7px;justify-content:center;margin:24px 0 8px}.pagination button{height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;border-radius:4px;font-size:11px}.pagination button.active{background:var(--sea);color:#fff;border-color:var(--sea)}.pagination svg{width:14px}.list-caption{font-size:10px;color:var(--muted);text-align:center;margin:13px 0}.preview-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:16px;display:flex;gap:8px;align-items:flex-start}.preview-note svg{width:14px;height:14px;margin-top:2px}.book-card{background:#eee8d7;border:1px solid #ddd3be;padding:23px 27px 25px;text-align:center;color:var(--sea);position:relative;border-radius:5px}.book-card:before,.book-card:after{content:"";width:7px;height:7px;border:1px solid #b7a987;border-radius:50%;position:absolute;top:12px;left:12px}.book-card:after{left:auto;right:12px}.book-card .eyebrow{justify-content:center;font-size:9px;letter-spacing:2.5px}.book-card .eyebrow:before{display:none}.book-cover{width:171px;height:235px;object-fit:cover;margin:19px auto 20px;box-shadow:5px 7px 0 #c7bda344,0 10px 25px #6f64492b;border:4px solid #fffaf0;transform:rotate(-3deg);border-radius:2px}.book-card h3{font-family:Georgia,serif;font-size:27px;margin:0 0 4px;letter-spacing:-1px}.book-author{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:0 0 19px}.book-facts{padding:16px 0;border-top:1px dashed #bdb195;border-bottom:1px dashed #bdb195;display:grid;gap:11px;text-align:left;font-size:10px}.book-facts>div{display:flex;justify-content:space-between;gap:10px}.book-facts span{color:#535e56}.book-facts strong{font-weight:600}.genre-tags{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0;justify-content:center}.genre-tags span{font-size:9px;border:1px solid #cfc5ae;padding:5px 7px;border-radius:3px}.book-card .btn{width:100%;min-height:40px;font-size:11px}.book-card .btn svg{width:15px}.sidebar-quote{margin:25px 0 0;padding:18px 22px 20px;border-left:2px solid var(--gold);background:var(--soft)}.sidebar-quote blockquote{font-family:Georgia,serif;font-size:19px;line-height:1.5;font-style:italic;margin:0 0 12px}.sidebar-quote cite{font-style:normal;font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.about-strip{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding-top:33px;margin-top:38px;border-top:1px solid var(--line);align-items:start;scroll-margin-top:30px}.about-strip h2{font-family:Georgia,serif;font-size:31px;font-weight:500;letter-spacing:-.8px;margin:11px 0;line-height:1.2}.about-strip p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.about-tags{margin-top:16px;display:flex;align-items:center;gap:16px;font-size:10px;color:var(--ink)}.about-tags span{display:flex;gap:6px;align-items:center}.about-tags svg{width:15px;height:15px;color:var(--red)}.site-footer{border-top:1px solid var(--line);padding:27px 0;background:var(--surface)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand .brand-text{font-size:23px}.footer-brand .brand img{width:32px;height:32px}.footer-caption{color:var(--muted);font-size:9px;margin-top:8px}.footer-links{display:flex;gap:22px;font-size:10px;color:var(--muted)}.footer-links button{padding:0;background:transparent;font-size:inherit;color:inherit}.footer-links a:hover,.footer-links button:hover{color:var(--red)}.footer-end{font-size:9px;color:var(--muted);text-align:right;line-height:1.8}.empty-state{text-align:center;padding:45px 15px;color:var(--muted);font-size:12px}.empty-state svg{width:34px;height:34px;margin:0 auto 10px;color:var(--red)}.empty-state h3{font-family:Georgia,serif;font-size:23px;color:var(--ink);font-weight:500}.empty-state .btn{margin-top:14px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--sea);border:1px solid #ffffff30;color:#fff8e5;padding:13px 20px;border-radius:6px;font-size:12px;box-shadow:0 8px 30px #0003;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);width:max-content}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:28px;width:min(530px,calc(100% - 32px));max-height:80vh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#092c3280;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.dialog-heading h2{font-family:Georgia,serif;font-size:27px;font-weight:500;margin:0}.dialog-body p{font-size:13px;line-height:1.8;color:var(--muted)}.dialog-body h3{font-size:14px;margin-top:22px}.dialog-body .chapter-row:last-child{border-bottom:0}.dialog-body .btn{margin-top:10px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;padding:16px 0;border-bottom:1px solid var(--line)}.setting-row select{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:4px}.continue-banner{margin:0 0 26px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:4px;padding:17px 20px;display:flex;align-items:center;gap:15px;background:var(--surface)}.continue-banner>svg{color:var(--red);width:24px;height:24px}.continue-banner p{font-size:11px;color:var(--muted);margin:4px 0 0}.continue-banner strong{font-size:13px}.continue-banner .btn{margin-left:auto}.reader-page{background:var(--paper);min-height:100vh}.reader-heading{text-align:center;padding:32px 16px 24px}.breadcrumb{display:flex;gap:9px;align-items:center;justify-content:center;font-size:10px;color:var(--muted);margin-bottom:18px}.breadcrumb svg{width:12px;height:12px}.breadcrumb a:hover{color:var(--red)}.reader-heading .eyebrow{justify-content:center;color:var(--red);font-size:9px}.reader-heading .eyebrow:before{display:none}.reader-heading h1{font-family:Georgia,serif;font-size:37px;letter-spacing:-1px;font-weight:500;margin:12px 0}.reader-heading p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.reader-toolbar{position:sticky;top:0;z-index:15;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 5px 10px #00000004}.reader-toolbar-inner{min-height:62px;width:min(900px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.reader-toolbar .btn{font-size:11px;min-height:36px;padding:0 13px}.reader-tools-center{display:flex;gap:8px;align-items:center}.reader-tools-center .icon-btn{width:35px;height:35px}.reader-tools-center .icon-btn svg{width:17px}.reader-toolbar-progress{height:2px;background:var(--line)}.reader-toolbar-progress span{display:block;width:0;height:100%;background:var(--red);transition:width .2s}.reader-canvas{width:min(var(--reader-width,800px),100%);margin:25px auto 0;padding:0 12px}.reader-page[data-gap=none] .manga-page{margin-bottom:0}.manga-page{position:relative;margin:0 0 16px;background:#fff;min-height:150px;overflow:hidden}.manga-page img{width:100%;height:auto;display:block}.page-label{font-size:9px;color:var(--muted);text-align:center;padding:8px;background:var(--paper);letter-spacing:1px}.reader-end{width:min(760px,calc(100% - 32px));margin:35px auto 50px;text-align:center;border:1px solid var(--line);background:var(--surface);padding:30px;border-radius:7px}.reader-end .eyebrow{justify-content:center;color:var(--red)}.reader-end .eyebrow:before{display:none}.reader-end h2{font-family:Georgia,serif;font-size:28px;font-weight:500;margin:14px 0}.reader-end p{font-size:12px;line-height:1.8;color:var(--muted)}.reader-end-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.image-error{padding:30px;color:var(--sea);text-align:center;font-size:13px}.image-error button{display:block;margin:15px auto;background:var(--gold);padding:10px 15px;border-radius:4px}.back-top{position:fixed;bottom:24px;right:24px;background:var(--sea);color:var(--gold);height:42px;width:42px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 5px 20px #0002;z-index:12}.back-top[hidden]{display:none}.mobile-nav-links{display:grid;gap:7px}.mobile-nav-links a{padding:13px 10px;background:var(--soft);font-size:14px;border-radius:4px}.history-toolbar{display:flex;justify-content:flex-end;margin-top:15px}.history-toolbar button{font-size:11px;color:var(--muted);text-decoration:underline;background:transparent}.noscript{padding:30px;text-align:center}
@media(min-width:1500px){.hero-art{left:40%;background-position:center,center,center 44%}.hero-inner,.hero{min-height:535px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.header-inner{gap:20px}.main-nav{gap:20px}.header-actions{gap:5px}.header-actions>.btn{padding-inline:14px;font-size:11px}.hero-copy{width:57%}.hero-title{font-size:85px}.hero-art{left:31%;background-position:center,center,55% 50%}.content-grid{grid-template-columns:minmax(0,1fr) 275px;gap:26px}.book-card{padding-inline:22px}.hero-note{right:0}.feature-art{height:135px}.feature-body h3{font-size:12px}.footer-links{gap:15px}}
@media(max-width:800px){.main-nav{gap:17px;font-size:11px}.main-nav a:nth-child(3){display:none}.header-actions>.btn{display:none}.hero-copy{width:65%}.hero-art{left:25%;opacity:.65}.hero-title{font-size:82px}.hero-subtitle{font-size:15px}.hero-description{max-width:330px}.hero-details{gap:13px}.hero-details>span+span{padding-left:13px}.hero-note{display:none}.content-grid{grid-template-columns:minmax(0,1fr) 245px;gap:24px}.section-heading h2{font-size:25px}.latest-grid{gap:14px}.feature-body{padding:13px}.feature-art{height:120px}.feature-body h3{min-height:32px;line-height:1.5}.row-meta .read-status{display:none}.book-card{padding-inline:17px}.book-cover{width:155px;height:212px}.book-card h3{font-size:24px}.chapter-tools{flex-wrap:wrap}.chapter-tools select{max-width:none;flex:0 0 auto}.voyage-caption{display:none}.footer-inner{flex-wrap:wrap}.footer-end{margin-left:auto}.about-strip{gap:25px}.about-strip h2{font-size:27px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.site-header{height:72px}.header-inner{gap:10px;justify-content:space-between}.brand-text{font-size:27px}.brand img{width:38px;height:38px}.brand-kicker{font-size:7px}.main-nav{display:none}.header-actions{gap:2px}.header-divider{display:none}.mobile-menu{display:inline-flex}.hero{min-height:540px}.hero-inner{min-height:540px;align-items:flex-start;padding-top:38px;padding-bottom:36px}.hero-art{inset:0;background-image:linear-gradient(90deg,#103b40e0,#103b4060),linear-gradient(0deg,#103b40 2%,#103b40aa 46%,#103b4000),url('assets/crew-mobile.webp');background-position:center,center,57% 35%;opacity:.8}.hero-copy{width:100%;padding:0}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero-title{font-size:80px;letter-spacing:-4px;margin-top:27px}.hero-subtitle{font-size:16px;letter-spacing:5px;margin-top:14px}.hero-description{font-size:13px;max-width:300px;margin-top:24px;margin-bottom:27px;opacity:.9}.hero-buttons{gap:9px}.hero-buttons .btn{padding-inline:17px;font-size:12px;min-height:47px}.hero-details{margin-top:27px;font-size:9px;gap:14px}.hero-details svg{width:13px}.hero-details>span+span{padding-left:14px}.voyage-inner{min-height:60px;gap:10px}.voyage-text{font-size:13px}.voyage-inner>svg{width:18px}.voyage-inner .text-link{margin-left:auto;font-size:10px;gap:4px}.page-content{padding-top:29px;padding-bottom:35px}.section-heading{gap:10px;margin-bottom:17px}.section-heading h2{font-size:25px}.section-heading>.text-link{font-size:10px;gap:3px}.latest-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:31px}.feature-art{height:112px}.feature-number{font-size:28px;left:10px;bottom:8px}.feature-number small{font-size:7px}.feature-art>.badge{top:8px;right:8px;padding:3px 5px;font-size:7px}.feature-body{padding:11px 9px;min-height:88px;align-items:flex-start}.feature-body h3{font-size:11px;min-height:34px;line-height:1.5;margin-bottom:5px}.feature-body p{font-size:8px;line-height:1.7}.feature-body>svg{display:none}.content-grid{grid-template-columns:1fr;gap:30px}.section-kicker{font-size:8px}.chapter-tools{flex-wrap:nowrap;gap:8px}.search-field input{font-size:11px}.chapter-tools select{font-size:10px;width:112px;padding:0 8px}.count-badge{font-size:9px;padding:4px 6px}.chapter-row{padding:14px 2px;gap:12px;min-height:73px}.row-copy p{max-width:225px;font-size:10px}.row-title{font-size:12px}.row-meta{gap:7px;font-size:9px}.row-icon{width:32px;height:36px}.sidebar{display:grid;grid-template-columns:1fr;gap:0}.book-card{padding:25px}.book-cover{width:150px;height:205px}.book-facts{max-width:260px;margin:auto}.genre-tags{margin:17px auto}.book-card>.btn{max-width:260px}.sidebar-quote{margin:20px 0 0;padding:20px 23px}.sidebar-quote blockquote{font-size:22px}.about-strip{grid-template-columns:1fr;gap:14px;margin-top:29px;padding-top:27px}.about-strip h2{font-size:30px;margin-bottom:0}.about-strip p{font-size:12px}.footer-inner{display:grid;gap:21px}.footer-links{gap:23px;flex-wrap:wrap}.footer-end{text-align:left;margin-left:0}.continue-banner{padding:14px;gap:10px;margin-bottom:23px}.continue-banner>svg{width:20px}.continue-banner strong{font-size:11px}.continue-banner p{font-size:9px}.continue-banner .btn{font-size:10px;min-height:35px;padding-inline:10px}.reader-heading{padding-top:25px}.reader-heading h1{font-size:31px}.reader-toolbar-inner{width:calc(100% - 20px);gap:5px;min-height:58px}.reader-toolbar .btn{font-size:10px;padding:0 9px;gap:6px}.reader-toolbar .btn svg{width:15px}.reader-tools-center{gap:1px}.reader-tools-center .icon-btn{width:29px}.reader-canvas{padding:0;margin-top:14px}.reader-end{padding:25px 16px;margin-top:25px}.reader-end h2{font-size:24px}.reader-end-actions .btn{font-size:11px;padding-inline:12px}.back-top{width:37px;height:37px;bottom:18px;right:16px}.toast{bottom:24px;font-size:11px}.dialog-heading h2{font-size:25px}dialog{padding:22px}.filter-tabs{gap:20px}.page-label{font-size:8px}}
@media(max-width:380px){.hero-title{font-size:69px}.hero-details{gap:9px}.hero-details>span+span{padding-left:9px}.hero-buttons .btn{padding-inline:13px}.latest-grid{gap:7px}.row-copy p{max-width:175px}.feature-art{height:98px}.feature-body h3{font-size:10px}.voyage-text{font-size:12px}.header-actions .icon-btn{width:33px}.brand-text{font-size:24px}.brand img{width:34px;height:34px}.reader-toolbar .btn{padding-inline:7px}.reader-tools-center .icon-btn{width:26px}}
.section-heading h2,.book-card h3,.sidebar-quote blockquote,.about-strip h2,.dialog-heading h2,.empty-state h3,.reader-heading h1,.reader-end h2{font-family:"Noto Serif",Georgia,serif;letter-spacing:-.6px}
@media(max-width:850px){.main-nav{display:none}.mobile-menu{display:inline-flex}.header-actions{margin-left:auto}.header-actions>.btn{display:none}}
@media(max-width:380px){.site-header .brand-kicker{display:none}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-buttons .btn{min-width:200px}.reader-toolbar-inner>.btn{font-size:0;min-width:33px;padding:0 8px}.reader-toolbar-inner>.btn svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


.pagination a{height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;font-size:11px}.pagination a.active{background:var(--sea);color:#fff}.admin-bar .reader-toolbar{top:32px}.chapter-row .row-title{font-size:12px}.chapter-tools>.btn{min-height:43px;padding-inline:12px}.chapter-notes{font-size:14px;line-height:1.8}@media(max-width:782px){.admin-bar .reader-toolbar{top:46px}}@media(max-width:620px){.chapter-tools select{width:103px}.chapter-tools>.btn{padding-inline:9px}.chapter-tools .search-field{min-width:0}.chapter-row .row-title{font-size:11px}}
.prose-page{max-width:780px;margin:0 auto 35px}.prose-page h1{font-family:Noto Serif,Georgia,serif;font-size:clamp(30px,5vw,45px);font-weight:500;line-height:1.25;margin:27px 0}.prose-content{font-size:15px;line-height:1.85;margin-bottom:30px;color:var(--muted)}.prose-content h2{color:var(--ink);font-size:22px;line-height:1.4;margin:30px 0 12px}.pagination-gap{padding:7px;color:var(--muted)}.footer-links{flex-wrap:wrap}.reader-end-actions{flex-wrap:wrap}

.feature-art picture{display:block;width:100%;height:100%}

/* Navy Team information pages */
.footer-main{display:grid;grid-template-columns:minmax(250px,1.5fr) 1fr 1fr;gap:48px;padding-block:40px 30px}.footer-team-copy{max-width:330px;color:var(--muted);font-size:12px;line-height:1.8;margin:17px 0 0}.footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:12px}.footer-group h2{font-size:12px;font-weight:700;margin:0 0 6px;color:var(--ink)}.footer-group button{padding:0;background:none;text-align:left}.footer-group a,.footer-group button{color:var(--muted)}.footer-group a:hover,.footer-group button:hover{color:var(--red);text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;gap:30px;justify-content:space-between;border-top:1px solid var(--line);padding-block:18px;font-size:10px;line-height:1.7;color:var(--muted)}.footer-bottom p{margin:0}.footer-bottom p:last-child{text-align:right;max-width:480px}.information-header{padding:28px 0 25px;border-bottom:1px solid var(--line);margin-bottom:30px}.information-header .eyebrow{color:var(--red);margin:0 0 15px;font-size:10px}.information-header h1{margin:0 0 18px}.information-intro{font-size:17px;line-height:1.8;margin:0;max-width:700px;color:var(--muted)}.information-date{font-size:11px;color:var(--muted);margin:16px 0 0}.prose-content p{margin:0 0 18px}.prose-content h2{font-family:"Noto Serif",Georgia,serif;font-size:23px;font-weight:500;scroll-margin-top:25px}.prose-content h3{font-size:16px;color:var(--ink);margin:24px 0 10px}.prose-content ul,.prose-content ol{padding-left:24px;margin:12px 0 22px}.prose-content li{padding-left:3px;margin:8px 0}.prose-content strong{color:var(--ink);font-weight:650}.prose-content a{color:var(--red);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.prose-content .page-callout{border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--surface);border-radius:5px;padding:22px 25px;margin:25px 0}.page-callout p:last-child,.page-callout ul:last-child{margin-bottom:0}.page-toc{padding:18px 22px;background:var(--soft);border-radius:5px;margin:25px 0 30px}.page-toc strong{display:block;font-size:12px;letter-spacing:.5px}.prose-content .page-toc ol{margin:8px 0 0;font-size:13px;columns:2;column-gap:25px}.page-toc li{break-inside:avoid}.contact-channels{overflow-wrap:anywhere}.prose-content .page-related{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:13px}.about-strip .text-link{font-size:inherit}
@media(max-width:960px){.footer-main{gap:28px;grid-template-columns:1.2fr 1fr 1fr}.footer-brand .brand-kicker{letter-spacing:1px}}
@media(max-width:620px){.footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:30px}.footer-brand{grid-column:1/-1}.footer-team-copy{max-width:100%;margin-top:15px}.footer-group{gap:14px;font-size:11px}.footer-group h2{font-size:11px}.footer-bottom{display:block;padding-block:18px}.footer-bottom p:last-child{text-align:left;margin-top:8px}.information-header{padding-top:24px;margin-bottom:25px}.information-intro{font-size:15px}.information-header h1{font-size:32px;line-height:1.35}.prose-content{font-size:14px;line-height:1.85}.prose-content h2{font-size:21px}.prose-content .page-callout{padding:18px}.prose-content .page-toc ol{columns:1}.prose-page .breadcrumb{flex-wrap:wrap;line-height:1.6}.prose-content .page-related{font-size:12px}}

/* One Piece on-page SEO and crawlable chapter directory */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hero-title .main-title{display:block}.hero-title .sub-title{display:block;font:500 17px/1.65 "Segoe UI",Arial,sans-serif;letter-spacing:1.2px;max-width:530px;margin-top:16px;color:var(--gold);text-transform:uppercase}.hero-title .sub-title:after{display:none}.section-heading h2{line-height:1.4}.chapter-section>.section-heading{align-items:flex-start}.chapter-section>.section-heading h2{font-size:25px}.chapter-section>.section-heading .count-badge{flex-shrink:0;margin-top:7px}.book-card h3{font-size:20px;line-height:1.5}.book-facts>div{gap:12px;align-items:flex-start}.book-facts strong{max-width:62%;text-align:right}.chapter-ranges{padding:16px 18px;background:var(--soft);border:1px solid var(--line);border-radius:6px;margin:0 0 20px}.range-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.range-heading p{font-size:12px;font-weight:650;margin:0}.range-heading .text-link{font-size:10px}.chapter-range-nav{display:flex;flex-wrap:wrap;gap:8px}.chapter-range-link{font-size:11px;line-height:1.6;border:1px solid var(--line);padding:7px 10px;border-radius:4px;background:var(--surface);color:var(--ink)}.chapter-range-link:hover,.chapter-range-link.active{border-color:var(--red);color:var(--red)}.seo-content-wrap{margin-top:45px;scroll-margin-top:25px}.seo-content-one-piece{padding-top:34px;border-top:1px solid var(--line)}.seo-content-one-piece .section-subtitle{font-size:10px;letter-spacing:2px;color:var(--red);font-weight:700;margin:0 0 13px}.seo-content-one-piece h2{font-family:"Noto Serif",Georgia,serif;font-size:29px;line-height:1.5;font-weight:500;margin:0 0 25px;max-width:960px}.seo-article-body{font-size:15px;line-height:1.9;color:var(--muted)}.seo-article-body p{margin:0 0 18px}.seo-article-body strong{color:var(--ink);font-weight:650}.seo-article-body h3{font-family:"Noto Serif",Georgia,serif;font-size:21px;font-weight:500;line-height:1.6;margin:28px 0 14px;color:var(--ink)}.seo-article-body ul{padding-left:24px;margin:12px 0 24px}.seo-article-body li{padding-left:4px;margin:8px 0}.seo-faq{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:24px}.seo-faq h4{font-size:16px;line-height:1.7;margin:24px 0 10px;color:var(--ink)}.seo-faq h4:first-child{margin-top:0}.seo-faq p:last-child{margin-bottom:0}.seo-content-wrap.is-enhanced .seo-content-viewport{position:relative;overflow:hidden;transition:max-height .35s ease}.seo-content-wrap.is-collapsed .seo-content-viewport:after{content:"";position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(transparent,var(--paper));pointer-events:none}.seo-toggle{display:flex;margin:22px auto 0}.seo-toggle[hidden]{display:none}.directory-header{max-width:900px;margin:34px 0 25px}.directory-header .eyebrow{color:var(--red);font-size:10px}.directory-header h1{font-family:"Noto Serif",Georgia,serif;font-size:36px;line-height:1.45;font-weight:500;margin:16px 0}.directory-header>p:last-child,.directory-note{color:var(--muted);font-size:13px;line-height:1.8}.chapter-directory>.chapter-range-nav{margin:25px 0 30px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.directory-chapter{position:relative;padding:14px 27px 14px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px;min-width:0}.directory-number{font-size:12px;font-weight:650;color:var(--ink)}.directory-name{font-size:11px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.directory-chapter>svg{position:absolute;right:1px;top:20px;width:15px;color:var(--red)}.directory-chapter:hover .directory-number{color:var(--red)}.directory-group{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:0 22px;margin:18px 0}.directory-group summary{padding:19px 0;font-size:14px;font-weight:650;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none}.directory-group summary::-webkit-details-marker{display:none}.directory-group summary>span:last-child{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:12px}.directory-group[open] summary>span:last-child svg{transform:rotate(90deg)}.directory-group .directory-grid{padding-bottom:20px}.directory-neighbors{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:30px 0}.directory-note{margin-top:25px}
@media(max-width:960px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-title .sub-title{font-size:15px;max-width:430px}}
@media(max-width:620px){.hero-title .sub-title{font-size:13px;line-height:1.65;letter-spacing:1px;max-width:320px;margin-top:17px}.hero-copy{padding-bottom:10px}.section-heading h2{font-size:23px}.section-heading>.text-link{flex-shrink:0}.chapter-section>.section-heading{display:block}.chapter-section>.section-heading h2{font-size:23px}.chapter-section>.section-heading .count-badge{display:inline-block;margin-top:12px}.range-heading{display:block}.range-heading .text-link{margin-top:8px}.chapter-ranges{padding:14px;margin-bottom:16px}.chapter-range-nav{gap:7px}.chapter-range-link{font-size:10px;padding:7px 9px}.seo-content-wrap{margin-top:30px}.seo-content-one-piece{padding-top:28px}.seo-content-one-piece h2{font-size:24px;line-height:1.55}.seo-article-body{font-size:14px;line-height:1.9}.seo-article-body h3{font-size:20px}.seo-faq{padding:18px}.seo-faq h4{font-size:15px}.directory-header h1{font-size:28px}.directory-grid{grid-template-columns:1fr}.directory-chapter{padding-block:15px}.directory-number{font-size:13px}.directory-name{font-size:12px}.directory-group{padding:0 16px}.directory-group summary{font-size:12px;gap:8px}.directory-group summary>span:last-child{font-size:10px;gap:5px}.directory-neighbors .btn{font-size:11px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.seo-content-wrap.is-enhanced .seo-content-viewport{transition:none}}
.hero-title .sub-title{text-wrap:balance}
@media(max-width:620px){section[aria-labelledby=latest-title]>.section-heading{display:block}section[aria-labelledby=latest-title]>.section-heading>.text-link{margin-top:12px}}
@media(max-width:620px){.hero-title .main-title{font-size:clamp(48px,16.8vw,70px);white-space:nowrap;letter-spacing:-3px}}