:root{color:#342f38;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f7f2ec;--surface:#fffdf9;--surface-strong:#fff;--surface-muted:#fbf7f1;--ink:#342f38;--ink-soft:#756d78;--line:#e2dad2;--line-strong:#75666f;--pink:#d98396;--pink-soft:#f8e6ea;--pink-strong:#9d4d61;--lilac:#9b8ab8;--lilac-soft:#eee9f4;--lilac-strong:#675b80;--mint:#88afa0;--mint-soft:#e7f1ec;--mint-strong:#547c6f;--yellow:#d7ad65;--yellow-soft:#fbefcf;--yellow-strong:#8b6a34;--blue:#789ebd;--blue-soft:#e7eef4;--blue-strong:#506f89;--radius-small:8px;--radius-medium:12px;--radius-large:18px;--content-width:1160px;background:#f7f2ec;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:1px solid var(--line);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:12px;display:inline-flex}.brand__copy{gap:3px;display:grid}.brand__copy strong{letter-spacing:0;font-size:1.08rem}.brand__copy small{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.64rem}.topbar__status{align-items:center;display:flex}.app-shell{width:min(var(--content-width), calc(100% - 40px));margin:0 auto;padding:42px 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:24px;display:grid}.page-header__copy{max-width:760px}.kicker{border-bottom:1px solid var(--pink);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;padding:4px 0;font-size:.68rem;display:inline-flex}.page-header h1{letter-spacing:0;margin-bottom:12px;font-size:clamp(1.85rem,3.2vw,2.75rem);line-height:1.25}.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:1px 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);color:var(--ink);box-shadow:2px 2px #75666f52}.button--primary:hover:not(:disabled){background:#df8da0;box-shadow:3px 3px #75666f57}.button--secondary{background:var(--surface-strong);box-shadow:2px 2px #9b8ab861}.button--quiet{border-color:var(--line);background:0 0}.badge{white-space:nowrap;border:1px solid;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:14px;margin-bottom:44px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius-medium);align-content:space-between;min-width:0;min-height:112px;padding:16px;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;color:var(--ink);font-variant-numeric:tabular-nums;margin:8px 0 5px;font-size:1.42rem;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.18rem}.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:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface)}.profile-grid,.battle-side-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.battle-side-panel{min-width:0;padding:20px}.participant-list{gap:18px;display:grid}.participant-slot{gap:8px;display:grid}.participant-slot__label{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;font-size:.62rem;display:flex}.profile-card{min-width:0;padding:20px}.profile-header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding-bottom:16px;display:grid}.character-mark{border:1px solid var(--line);background:var(--surface-muted);width:42px;height:42px;color:var(--ink);border-radius:12px 12px 12px 5px;place-items:center;font-size:1rem;display:grid}.profile-header__copy{min-width:0}.profile-number{color:var(--ink-soft);letter-spacing:.04em;margin-bottom:3px;font-size:.58rem;display:block}.profile-header h2{overflow-wrap:anywhere;margin-bottom:0;font-size:1.16rem;line-height:1.35}.hp-section{padding:18px 0 16px}.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:1.02rem}.meter{border:1px solid var(--line);background:#eee7df;border-radius:999px;height:12px;overflow:hidden}.meter__fill{border-right:1px solid #342f3838;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:10px;display:grid}.profile-section{padding-top:22px}.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:.84rem}.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.36rem}.attack-list{gap:12px;display:grid}.attack-item{border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface-strong);grid-template-columns:32px minmax(0,1fr);display:grid;overflow:hidden}.attack-item__index{border-right:1px solid var(--line);background:var(--surface-muted);color:var(--ink-soft);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:.9rem}.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:10px;margin-top:13px;display:grid}.attack-values>div{background:var(--surface-muted);border:1px solid #756d7829;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:12px;min-height:58px;padding:10px 12px;display:flex}.attack-values span{color:var(--ink-soft);font-size:.6rem}.attack-values strong{font-variant-numeric:tabular-nums;font-size:1.48rem;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:.65rem;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 #eee7df;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{background:var(--yellow-soft);border:1px solid #8b6a3473;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}.enemy-card{min-width:0;padding:20px}.enemy-card__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:15px;display:flex}.enemy-card__header h3{overflow-wrap:anywhere;margin-bottom:0;font-size:1.08rem;line-height:1.35}.enemy-card__stats{padding:16px 0}.enemy-attack-list{border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface-strong);display:grid;overflow:hidden}.enemy-attack-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:10px 12px;font-size:.66rem;display:flex}.enemy-attack-row:last-child{border-bottom:0}.enemy-attack-row span{color:var(--ink-soft);flex:none}.enemy-attack-row strong{overflow-wrap:anywhere;text-align:right}.parser-panel{padding:20px}.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:52px;padding:12px 15px;font-size:.7rem;display:grid}.parser-row:last-child{border-bottom:0}.parser-row code{background:var(--yellow-soft);width:fit-content;color:var(--ink);border:1px solid #8b6a3466;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,.battle-side-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__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:104px;padding:14px}.profile-card,.battle-side-panel,.enemy-card,.parser-panel{border-radius:16px;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}}