:root{color:#201c18;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3ede2;font-family:Noto Sans JP,Yu Gothic UI,sans-serif}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}body{background:#f3ede2;margin:0}#app{min-height:100vh}.site-masthead{color:#f6d27a;background:#071d33;border-bottom:4px solid #ba8735;align-items:center;min-height:76px;padding:1rem clamp(1rem,3vw,3rem);display:flex}.site-masthead h1{color:#f6c963;margin:0;font-family:Georgia,Yu Mincho,serif}.site-version{color:#f4e2b3;margin:0 0 0 1rem;font-size:.9rem}.skip-link{color:#071d33;z-index:5;background:#fff;padding:.6rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.app-layout{grid-template-columns:minmax(190px,230px) minmax(0,1fr);max-width:1500px;min-height:calc(100vh - 132px);margin:0 auto;display:grid}.app-layout.with-context{grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(220px,260px)}.site-navigation{color:#eff3f5;background:#0d2a43;border-right:1px solid #294861;min-width:0;padding:1rem .8rem 2rem}.navigation-group{border-bottom:1px solid #294861;margin:0;padding:.6rem 0 1rem}.navigation-group h2{color:#f6c963;margin:0 0 .35rem;font-size:1rem}.navigation-group ul{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.navigation-group a{color:#eef2f3;border-left:3px solid #0000;padding:.4rem .55rem;text-decoration:none;display:block}.navigation-group a:hover{background:#183a55}.navigation-group a[aria-current=page]{color:#fff;background:#8a6631;border-left-color:#f6c963}main{overflow-wrap:anywhere;background:#faf7f0;min-width:0;min-height:60vh;padding:1.35rem clamp(1rem,2.4vw,2.3rem) 2.5rem}.context-sidebar{background:#f7f1e7;border-left:1px solid #d5c5ad;min-width:0;padding:1.35rem 1.15rem}.context-sidebar[hidden]{display:none}.context-sidebar h2{border-bottom:1px solid #ba8735;margin-top:0;padding-bottom:.55rem;font-size:1.15rem}.context-sidebar h3{margin:1.4rem 0 .3rem;font-size:1rem}.context-sidebar p{margin:0;font-size:.9rem;line-height:1.7}h1,h2,h3{color:#152a3f}a{color:#174d76}a:hover{color:#8a5f20}:focus-visible{outline-offset:3px;outline:3px solid #c17a12}input,select,button{color:#201c18;font:inherit;background:#fffdf8;border:1px solid #c5b69e;border-radius:4px;padding:.55rem .7rem}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.catalog-controls,.monster-controls{flex-wrap:wrap;gap:.65rem;margin:1rem 0;display:flex}.monster-controls input{flex:270px;min-width:min(100%,270px)}.catalog-total{color:#38495a;font-size:.8em;font-weight:400}.catalog-range{text-align:right;color:#4d463c;font-size:.9rem}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;display:grid}.catalog-card{background:#fffdf8;border:1px solid #d8cbb8;border-radius:4px;gap:.4rem;padding:.75rem;display:grid}.system-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.system-catalog-card{background:#fffdf8;border:1px solid #d8cbb8;border-radius:4px;gap:.35rem;padding:.8rem;display:grid}.system-catalog-card p{margin:0}.system-catalog-card>a{font-weight:700}.system-catalog-grid+.catalog-pagination{margin-top:1rem}dl{grid-template-columns:minmax(7rem,auto) minmax(0,1fr);gap:.35rem .8rem;display:grid}dt{font-weight:700}dd{margin:0}.catalog-pagination,.monster-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin-top:1rem;display:flex}.monster-roster{border:1px solid #d1c2ab;border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.monster-roster-column+.monster-roster-column{border-left:1px solid #d1c2ab}.monster-roster-row{background:#fffdf8;border-bottom:1px solid #ddd1c0;grid-template-columns:74px minmax(0,1fr);min-height:86px;display:grid}.monster-roster-row:last-child{border-bottom:0}.monster-thumbnail{background:#f4eee4;place-items:center;padding:.35rem;display:grid}.monster-thumbnail img{width:62px;height:62px}.monster-roster-facts{min-width:0;padding:.55rem .65rem}.monster-name{color:#172c41;margin-bottom:.35rem;font-weight:700;text-decoration:none;display:inline-block}.monster-roster-facts dl{grid-template-columns:auto minmax(0,1fr);gap:.15rem .45rem;margin:0;font-size:.78rem;display:grid}.monster-roster-facts dt{color:#6b5a45}.monster-roster-facts dd{min-width:0;margin:0}img{object-fit:contain;max-width:100%;max-height:220px;image-rendering:pixelated}code{color:#5c4126;overflow-wrap:anywhere}.warning{color:#6b4815;border-left:3px solid #b47a20;padding-left:.6rem}section{gap:.5rem;margin:1rem 0;display:grid}section>*{min-width:0}.detail-source{background:#f1eadf;border:1px solid #ccb995;margin-top:2.5rem;padding:1rem}.detail-source h2{margin-top:0;font-size:1.15rem}.monster-drop{border:1px solid #d8cbb8;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem .8rem;padding:.7rem;display:grid}.monster-drop img{grid-row:span 3;width:64px;height:64px}.monster-drop p{margin:0}.comparison-table{max-width:100%;overflow-x:auto}.markdown-content blockquote{border-left:3px solid #7a8d92;margin-left:0;padding-left:.8rem}.markdown-content blockquote[data-status=verified]{color:#1f4b35;background:#e5f1e9;border-left-color:#3f8060;padding:.6rem .8rem}.markdown-content blockquote[data-status=analysis]{color:#5f4814;background:#f5edcf;border-left-color:#b98525;padding:.6rem .8rem}.markdown-content blockquote[data-status=pending]{color:#652e36;background:#f4e3e5;border-left-color:#b95a68;padding:.6rem .8rem}.guide-view{gap:1.4rem;display:grid}.guide-timeline{background:#f1eadf;border:1px solid #ccb995;border-radius:5px;padding:1rem}.guide-timeline h2,.guide-timeline p{margin:0}.guide-timeline ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:.8rem 0 0;padding:0;list-style-position:inside;display:grid}.guide-timeline li{background:#fffdf8;border:1px solid #d8cbb8;min-width:0;padding:.5rem}.guide-timeline a{font-weight:700}.guide-stage{background:#fffdf8;border:1px solid #cdbb9f;border-left:5px solid #173c5b;border-radius:5px;margin:0;padding:1rem;scroll-margin-top:1rem;display:block}.guide-stage>h2{border-bottom:1px solid #ba8735;margin:0;padding-bottom:.45rem}.guide-stage-summary{color:#4d463c;margin:.65rem 0 1rem}.guide-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.guide-section,.guide-playstyle{background:#faf7f0;border:1px solid #ddd1c0;margin:0;padding:.75rem;display:block}.guide-section h3,.guide-playstyle h3{margin:0 0 .6rem;font-size:1rem}.guide-entry+.guide-entry{border-top:1px solid #ddd1c0;margin-top:.7rem;padding-top:.7rem}.guide-entry p{margin:.4rem 0 0;line-height:1.75}.guide-status{border-left:3px solid;padding:.15rem .4rem;font-size:.78rem;font-weight:700;display:inline-block}.guide-entry[data-status=verified] .guide-status{color:#1f4b35;background:#e5f1e9;border-left-color:#3f8060}.guide-entry[data-status=analysis] .guide-status{color:#5f4814;background:#f5edcf;border-left-color:#b98525}.guide-entry[data-status=pending] .guide-status{color:#652e36;background:#f4e3e5;border-left-color:#b95a68}.guide-related ul{flex-wrap:wrap;gap:.35rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.guide-related a{background:#eee5d7;border:1px solid #d2c1aa;border-radius:3px;padding:.2rem .45rem;text-decoration:none;display:inline-block}.guide-playstyle-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.guide-playstyle{border-top:3px solid #8a6631}.breeding-form{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.breeding-form fieldset{border:1px solid #c5b69e;gap:.5rem;display:grid}.breeding-form label{grid-template-columns:4rem minmax(8rem,1fr);align-items:center;display:grid}.breeding-pool{background:#fffdf8;border:1px solid #d8cbb8;border-radius:4px;padding:.75rem}footer{color:#d7e0e5;background:#071d33;padding:1rem clamp(1rem,3vw,3rem)}@media (width<=900px){.app-layout,.app-layout.with-context{grid-template-columns:minmax(0,1fr)}.site-navigation{border-right:0}.context-sidebar{border-top:1px solid #d5c5ad;border-left:0}.monster-roster{grid-template-columns:minmax(0,1fr)}.monster-roster-column+.monster-roster-column{border-left:0}.monster-roster-column:first-child .monster-roster-row:last-child{border-bottom:1px solid #ddd1c0}.guide-timeline ol,.guide-section-grid,.guide-playstyle-comparison{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}