:root{color:#302d3a;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f6f1eb;--surface:#fffdfa;--surface-strong:#fff;--ink:#302d3a;--ink-soft:#746f7d;--line:#ded7d0;--line-strong:#393441;--pink:#ef839b;--pink-soft:#fbe5eb;--pink-strong:#c95470;--lilac:#9d8aca;--lilac-soft:#eee8f8;--lilac-strong:#6f5c9a;--mint:#85bea9;--mint-soft:#e4f3ed;--mint-strong:#4e8975;--yellow:#e8bd61;--yellow-soft:#fff1c9;--yellow-strong:#9d7424;--blue:#79a8cf;--blue-soft:#e5f0f8;--blue-strong:#4a789f;--radius-small:10px;--radius-medium:16px;--radius-large:22px;--content-width:1160px;background:#f6f1eb;font-family:RocknRoll One,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,p{margin-top:0}h1,h2,h3,h4,h5,strong{font-weight:400}::selection{color:var(--ink);background:var(--pink-soft)}.site-frame{min-height:100vh}.topbar{border-bottom:2px solid var(--line-strong);background:var(--surface)}.topbar__inner{width:min(var(--content-width), calc(100% - 40px));justify-content:space-between;align-items:center;gap:20px;min-height:74px;margin:0 auto;display:flex}.brand{align-items:center;gap:14px;display:inline-flex}.brand__mark{border:2px solid var(--line-strong);background:var(--pink);width:48px;height:48px;box-shadow:4px 4px 0 var(--yellow);color:var(--ink);letter-spacing:-.08em;border-radius:13px;place-items:center;font-size:.92rem;display:grid}.brand__mark span{margin:0 1px;font-size:.7em}.brand__copy{gap:2px;display:grid}.brand__copy strong{letter-spacing:.02em;font-size:.98rem}.brand__copy small{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.topbar__status{align-items:center;display:flex}.app-shell{width:min(var(--content-width), calc(100% - 40px));margin:0 auto;padding:48px 0 72px}.site-footer{width:min(var(--content-width), calc(100% - 40px));border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;gap:20px;margin:0 auto;padding:22px 0 32px;font-size:.7rem;display:flex}.page-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:28px;display:grid}.page-header__copy{max-width:760px}.kicker{border:1px solid var(--line-strong);background:var(--yellow-soft);letter-spacing:.08em;text-transform:uppercase;border-radius:7px;margin-bottom:12px;padding:5px 9px;font-size:.68rem;display:inline-flex}.page-header h1{letter-spacing:.015em;margin-bottom:12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.2}.page-header__description{max-width:680px;color:var(--ink-soft);margin-bottom:0;font-size:.9rem;line-height:1.9}.page-header__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.button{border:2px solid var(--line-strong);border-radius:var(--radius-small);cursor:pointer;justify-content:center;align-items:center;min-height:42px;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.button:hover:not(:disabled){transform:translate(-1px,-1px)}.button:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.button:disabled{cursor:not-allowed;opacity:.5}.button--medium{padding:9px 16px;font-size:.78rem}.button--small{min-height:34px;padding:6px 12px;font-size:.7rem}.button--primary{background:var(--pink);box-shadow:3px 3px 0 var(--line-strong)}.button--primary:hover:not(:disabled){box-shadow:4px 4px 0 var(--line-strong);background:#f092a7}.button--secondary{background:var(--surface-strong);box-shadow:3px 3px 0 var(--lilac)}.button--quiet{border-color:var(--line);background:0 0}.badge{border:1px solid var(--line-strong);white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:.62rem;line-height:1;display:inline-flex}.badge--neutral{border-color:var(--line);background:var(--surface-strong);color:var(--ink-soft)}.badge--pink{background:var(--pink-soft);color:var(--pink-strong)}.badge--lilac{background:var(--lilac-soft);color:var(--lilac-strong)}.badge--mint{background:var(--mint-soft);color:var(--mint-strong)}.badge--yellow{background:var(--yellow-soft);color:var(--yellow-strong)}.badge--blue{background:var(--blue-soft);color:var(--blue-strong)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:46px;display:grid}.stat{border:2px solid var(--line-strong);border-radius:var(--radius-medium);align-content:space-between;min-width:0;min-height:120px;padding:17px;display:grid}.stat--compact{border-width:1px;border-color:var(--line);border-radius:12px;min-height:84px;padding:13px 14px}.stat--neutral{background:var(--surface-strong)}.stat--pink{background:var(--pink-soft)}.stat--lilac{background:var(--lilac-soft)}.stat--mint{background:var(--mint-soft)}.stat--yellow{background:var(--yellow-soft)}.stat--blue{background:var(--blue-soft)}.stat__label{color:var(--ink-soft);font-size:.66rem}.stat__value{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:8px 0 6px;font-size:1.5rem;line-height:1.15;display:block}.stat--compact .stat__value{margin-bottom:0;font-size:1.35rem}.stat__helper{color:var(--ink-soft);font-size:.61rem;line-height:1.6}.content-section{margin-bottom:34px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.section-heading h2{margin-bottom:5px;font-size:1.25rem}.section-heading p{color:var(--ink-soft);margin-bottom:0;font-size:.74rem;line-height:1.7}.section-heading>span{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;flex:none;font-size:.63rem}.panel{border:2px solid var(--line-strong);border-radius:var(--radius-large);background:var(--surface)}.panel--pink{box-shadow:5px 5px 0 var(--pink)}.panel--lilac{box-shadow:5px 5px 0 var(--lilac)}.panel--mint{box-shadow:5px 5px 0 var(--mint)}.panel--yellow{box-shadow:5px 5px 0 var(--yellow)}.panel--blue{box-shadow:5px 5px 0 var(--blue)}.panel--neutral{box-shadow:5px 5px 0 var(--line)}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.profile-card{min-width:0;padding:22px}.profile-header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding-bottom:17px;display:grid}.character-mark{border:2px solid var(--line-strong);border-radius:14px 14px 14px 5px;place-items:center;width:48px;height:48px;font-size:1.1rem;display:grid}.character-mark--pink{background:var(--pink-soft)}.character-mark--lilac{background:var(--lilac-soft)}.character-mark--mint{background:var(--mint-soft)}.character-mark--yellow{background:var(--yellow-soft)}.character-mark--blue{background:var(--blue-soft)}.profile-header__copy{min-width:0}.profile-number{color:var(--ink-soft);letter-spacing:.08em;margin-bottom:3px;font-size:.58rem;display:block}.profile-header h2{overflow-wrap:anywhere;margin-bottom:0;font-size:1.25rem;line-height:1.35}.hp-section{padding:17px 0 15px}.hp-section__label{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.hp-section__label span{color:var(--ink-soft);font-size:.65rem}.hp-section__label strong{font-variant-numeric:tabular-nums;font-size:.95rem}.meter{border:1px solid var(--line-strong);background:#ece6df;border-radius:999px;height:13px;overflow:hidden}.meter__fill{border-right:1px solid var(--line-strong);height:100%;display:block}.meter__fill--pink{background:var(--pink)}.meter__fill--mint{background:var(--mint)}.meter__fill--blue{background:var(--blue)}.meter__fill--yellow{background:var(--yellow)}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-section{padding-top:24px}.profile-section__heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.profile-section__heading h3{margin-bottom:0;font-size:.82rem}.profile-section__heading>span{color:var(--ink-soft);letter-spacing:.04em;font-size:.58rem}.profile-section__heading>strong{color:var(--blue-strong);font-size:1.5rem}.attack-list{gap:10px;display:grid}.attack-item{border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface-strong);grid-template-columns:34px minmax(0,1fr);display:grid;overflow:hidden}.attack-item__index{border-right:1px solid var(--line);background:var(--pink-soft);color:var(--pink-strong);justify-content:center;padding-top:16px;font-size:.58rem;display:flex}.attack-item__body{min-width:0;padding:15px}.attack-item__title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.attack-item__title>div{min-width:0}.attack-item h4{overflow-wrap:anywhere;margin-bottom:4px;font-size:.88rem}.attack-item p{color:var(--ink-soft);margin-bottom:0;font-size:.62rem}.attack-values{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;margin-top:14px;display:grid}.attack-values>div{background:var(--pink-soft);border-radius:11px;justify-content:space-between;align-items:flex-end;gap:12px;min-height:62px;padding:10px 12px;display:flex}.attack-values>div:last-child{background:var(--lilac-soft)}.attack-values span{color:var(--ink-soft);font-size:.6rem}.attack-values strong{font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1}.attack-values__times{padding-bottom:17px;color:var(--ink)!important;font-size:.8rem!important}.breakdown{border-top:1px dashed var(--line);margin-top:13px}.breakdown summary{cursor:pointer;color:var(--ink-soft);padding-top:11px;font-size:.64rem;list-style-position:inside}.breakdown[open] summary{color:var(--ink)}.breakdown__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:12px 0 2px;display:grid}.calculation-list h5{color:var(--ink-soft);margin-bottom:7px;font-size:.62rem}.calculation-list dl{margin:0}.calculation-list dl>div{color:var(--ink-soft);border-bottom:1px solid #eee8e2;justify-content:space-between;gap:16px;padding:6px 0;font-size:.62rem;line-height:1.45;display:flex}.calculation-list dl>div:last-child{border-bottom:0}.calculation-list dt{overflow-wrap:anywhere;min-width:0}.calculation-list dd{color:var(--ink);font-variant-numeric:tabular-nums;flex:none;margin:0}.defense-breakdown{margin-top:3px}.diagnostics{border:1px solid var(--yellow-strong);background:var(--yellow-soft);border-radius:12px;margin-top:22px;padding:14px}.diagnostics h3{margin-bottom:10px;font-size:.76rem}.diagnostics p{color:var(--ink-soft);align-items:flex-start;gap:8px;margin-bottom:8px;font-size:.62rem;line-height:1.6;display:flex}.diagnostics p:last-child{margin-bottom:0}.parser-panel{padding:22px}.parser-list{border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface-strong);display:grid;overflow:hidden}.parser-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(90px,.4fr) auto minmax(0,1fr);align-items:center;gap:15px;min-height:54px;padding:12px 15px;font-size:.7rem;display:grid}.parser-row:last-child{border-bottom:0}.parser-row code{border:1px solid var(--line-strong);background:var(--yellow-soft);width:fit-content;color:var(--ink);border-radius:7px;padding:5px 8px;font-family:RocknRoll One,sans-serif;display:inline-flex}.parser-row__arrow{color:var(--pink-strong)}@media (width<=920px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}}@media (width<=680px){.topbar__inner,.app-shell,.site-footer{width:min(100% - 24px, var(--content-width))}.topbar__inner{min-height:66px}.brand__mark{width:43px;height:43px}.brand__copy small{display:none}.app-shell{padding-top:34px}.page-header{grid-template-columns:1fr;align-items:start;gap:18px}.page-header__actions{justify-content:flex-start}.summary-grid{gap:8px;margin-bottom:38px}.stat{min-height:108px;padding:14px}.profile-card,.parser-panel{border-radius:18px;padding:17px}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.attack-values{gap:7px}.attack-values>div{align-content:space-between;gap:6px;display:grid}.breakdown__content{grid-template-columns:1fr}.parser-row{grid-template-columns:minmax(90px,auto) 1fr}.parser-row__arrow{display:none}.site-footer{display:grid}}@media (width<=440px){.brand__copy strong{font-size:.82rem}.topbar__status .badge{text-overflow:ellipsis;max-width:92px;overflow:hidden}.summary-grid{grid-template-columns:1fr 1fr}.stat__value{font-size:1.25rem}.profile-header{grid-template-columns:auto minmax(0,1fr)}.profile-header>.badge{grid-column:2;width:fit-content}.profile-stats{grid-template-columns:1fr}.stat--compact{min-height:68px}.attack-item{grid-template-columns:27px minmax(0,1fr)}.attack-item__body{padding:13px}.attack-item__title{display:grid}.attack-values strong{font-size:1.35rem}.parser-row{grid-template-columns:1fr;gap:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}