/* About Sweet Home: readable reference within the shared website system. */
:root{color-scheme:dark;--bg:#120e19;--panel:#1d1527;--raised:#2a1e33;--line:#493650;--text:#f6eff9;--muted:#c5b4ce;--accent:#ddb6ec;--mint:#9ed9bf;--amber:#e8c583;--red:#eda8b4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/24px Manrope,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.025em;text-wrap:balance}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a,button,input,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}button{cursor:pointer}[hidden]{display:none!important}::selection{background:#64416f;color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wrap{max-width:1200px;margin-inline:auto}.skip{position:fixed;top:8px;left:16px;z-index:30;transform:translateY(-200%);padding:12px 16px;background:var(--raised);border-radius:8px}.skip:focus{transform:none}
.about-page{padding-bottom:24px}.about-breadcrumb{display:flex;gap:12px;align-items:center;margin:32px 0 24px;font-size:12px;line-height:20px;color:var(--muted)}.about-breadcrumb>a{min-height:32px;display:inline-flex;align-items:center}.about-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:64px;padding:0 0 40px;border-bottom:1px solid var(--line)}.about-intro h1{font-size:40px;line-height:48px;margin-bottom:16px}.about-intro .lead{color:var(--muted);font-size:16px;line-height:28px;max-width:65ch}.about-intro .text-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;margin-top:24px;padding:12px 16px;border:1px solid #72527e;border-radius:8px;background:#30213a;color:var(--text);font-size:14px;line-height:24px;font-weight:500}.about-intro .text-link:hover{background:#44304f;border-color:#a47db3}.text-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.about-identity{position:relative;overflow:hidden;border-radius:12px;min-width:0}.about-identity img{width:100%;height:240px;display:block;object-fit:cover}.about-identity:after{content:'';position:absolute;inset:35% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,#120e19ed)}.about-identity figcaption{position:absolute;bottom:20px;left:24px;right:24px;z-index:1}.about-identity strong{display:block;font-size:20px;line-height:28px;font-weight:600}.about-identity span{display:block;color:#e1d3e7;font-size:12px;line-height:20px;margin-top:4px}
.about-layout{display:grid;grid-template-columns:184px minmax(0,1fr);gap:48px;align-items:start;padding-top:40px}.about-sidebar-inner{position:sticky;top:24px}.about-sidebar{align-self:stretch}.section-nav{display:grid;gap:4px}.section-nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:8px;color:var(--muted);font-size:14px;line-height:24px}.section-nav a:hover{background:#251b2e;color:var(--text)}.section-nav a[aria-current]{background:#3a2743;color:var(--text)}.about-updated{font-size:12px;line-height:20px;color:var(--muted);margin:24px 12px 0;max-width:19ch}.about-content{min-width:0}.about-section{scroll-margin-top:24px;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}.about-section:last-child{margin-bottom:0;border:0;padding-bottom:0}.about-section-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:24px}.about-section-title h2{font-size:24px;line-height:32px}.about-section-title>p{font-size:14px;line-height:24px;color:var(--muted)}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.feature-row{padding:20px 0;border-top:1px solid var(--line);min-width:0}.feature-row h3{font-size:16px;line-height:24px;margin-bottom:8px}.feature-row p{font-size:14px;line-height:24px;color:var(--muted);max-width:65ch}.about-settings{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:16px;padding:20px 24px;border-radius:8px;background:#211829}.setting{display:inline-flex;flex-wrap:wrap;gap:12px;align-items:baseline;color:var(--muted);font-size:12px;line-height:20px}.setting strong{font-weight:500;color:var(--text);font-size:14px;line-height:24px}
.limits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.limit-card,.world-card{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.limit-header{padding:20px 24px}.limit-header h3{font-size:18px;line-height:28px}.limit-header p{color:var(--muted);font-size:12px;line-height:20px;margin-top:4px}.limit-rules{padding:0 24px}.limit-rule{padding:16px 0;border-top:1px solid var(--line)}.rule-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.rule-top strong{font-size:14px;line-height:24px;font-weight:500}.status-pill{font-size:12px;line-height:20px;color:var(--accent)}.limit-rule p{font-size:14px;line-height:24px;color:var(--muted);margin-top:8px}.limit-details{border-top:1px solid var(--line);padding:8px 24px 16px}.limit-details summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;line-height:20px;color:var(--accent);cursor:pointer;list-style:none}.limit-details summary::-webkit-details-marker{display:none}.limit-details summary:after{content:'';width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);flex-shrink:0}.limit-details[open] summary:after{transform:rotate(225deg) translate(-2px,-2px)}.upgrade-list{list-style:none;padding:0;margin:12px 0 0}.upgrade-list li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:12px;line-height:20px;color:var(--muted)}.upgrade-list small{display:block;font-size:12px;line-height:20px;margin-top:4px}.upgrade-list .cap{color:var(--text);white-space:nowrap}.capacity-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px;line-height:20px;color:var(--muted)}.capacity-table caption{text-align:left;margin-bottom:12px;color:var(--text);font-size:14px;line-height:24px}.capacity-table th{font-weight:500;text-align:left;color:var(--muted);padding:8px 0}.capacity-table td{padding:10px 0;border-top:1px solid var(--line)}.capacity-table :is(th,td):not(:first-child){text-align:right}.world-card{grid-column:1/-1}.world-card .limit-header{padding-bottom:8px}.world-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;padding:0 24px 12px}.world-rule{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:14px;line-height:24px;color:var(--muted)}.world-rule strong{font-weight:500;color:var(--text)}.extra-notes{margin-top:24px;padding:20px 24px;background:#211829;border-radius:8px}.extra-notes h3{font-size:16px;line-height:24px}.extra-notes ul{padding-left:20px;color:var(--muted);font-size:14px;line-height:24px}.extra-notes li+li{margin-top:8px}.about-note{font-size:12px;line-height:20px;color:var(--muted);margin:20px 0 0}.count-divider{padding:0 8px}
.filter-panel{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(110px,130px));gap:12px;margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.filter-panel label{display:grid;gap:8px;color:var(--muted);font-size:12px;line-height:20px;min-width:0}.filter-panel input,.filter-panel select{width:100%;min-width:0;max-width:100%;min-height:44px;border:1px solid #70557b;border-radius:8px;background:#120e19;color:var(--text);padding:10px 12px;font:400 14px/24px Manrope,sans-serif}.filter-panel input::placeholder{color:#ad96b9}.filter-panel select{cursor:pointer;padding-right:24px}.mod-list-heading,.mod{display:grid;grid-template-columns:minmax(170px,1fr) 120px minmax(180px,1.3fr);gap:20px}.mod-list-heading{padding:16px 0;border-bottom:1px solid var(--line);margin-top:20px;color:var(--muted);font-size:12px;line-height:20px}.mod{padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.mod-heading{min-width:0}.mod h3{font-size:14px;line-height:24px;overflow-wrap:anywhere}.mod .version{display:block;color:var(--muted);font-size:12px;line-height:20px;margin-top:4px;overflow-wrap:anywhere}.badges{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.badge{display:inline-flex;background:#2a1e33;color:#dfcbe8;border-radius:5px;padding:2px 6px;font-size:12px;line-height:20px}.badge.off{color:var(--amber);background:#32291f}.mod>p{margin:0;color:var(--muted);font-size:14px;line-height:24px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mod>p+p{grid-column:3}.hint{color:var(--muted);font-size:14px;line-height:24px;padding:20px 0}.mod-list-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:24px}.mod-list-bottom .about-note{margin:0;max-width:55ch}.mod-list-bottom button,.about-retry{border:1px solid #72527e;border-radius:8px;background:#30213a;color:var(--text);min-height:44px;padding:10px 16px;font:500 14px/24px Manrope,sans-serif;flex-shrink:0}.mod-list-bottom button:hover,.about-retry:hover{background:#44304f}.about-rules{list-style:none;counter-reset:rules;padding:0;margin:0}.about-rules li{counter-increment:rules;display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;line-height:24px}.about-rules li:before{content:counter(rules);color:var(--accent)}.about-notice{margin:24px 0;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:14px;line-height:24px}.about-notice.error{border-color:#754d5d;color:var(--red)}.about-retry{margin-top:12px}.about-loading{margin-bottom:32px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted)}.about-loading:after{content:'';display:block;height:120px;border-radius:8px;background:#2a1e33;margin-top:20px}.footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:24px auto 0;padding:24px 0 32px;border-top:1px solid var(--line);font-size:12px;line-height:20px;color:var(--muted)}.footer .wordmark{display:inline-flex;gap:4px;color:var(--text);font-weight:600}.footer .wordmark span{font-weight:400;color:var(--muted)}.footer>span:last-child{margin-left:auto}
@media(max-width:1100px){.about-layout{grid-template-columns:160px minmax(0,1fr);gap:32px}.about-intro{gap:32px}.filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-panel .search{grid-column:1/-1}.mod-list-heading,.mod{grid-template-columns:minmax(150px,1fr) 100px minmax(150px,1fr);gap:16px}.limits-list{grid-template-columns:1fr}.world-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.about-layout{grid-template-columns:1fr;gap:24px;padding-top:24px}.about-sidebar-inner{position:static}.section-nav{display:flex;gap:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:#695071 transparent}.section-nav a{white-space:nowrap;flex-shrink:0}.about-updated{max-width:none;margin:12px 12px 0}.about-intro h1{font-size:32px;line-height:40px}.about-identity img{height:220px}.limits-list{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section{scroll-margin-top:16px}.mod-list-heading,.mod{grid-template-columns:minmax(170px,1fr) 120px minmax(170px,1.3fr)}}
@media(max-width:700px){.about-breadcrumb{margin:20px 0}.about-intro{grid-template-columns:1fr;gap:24px;padding-bottom:28px}.about-intro h1{font-size:30px;line-height:40px}.about-intro .lead{font-size:14px;line-height:24px}.about-intro .text-link{margin-top:20px}.about-identity img{height:180px}.about-identity figcaption{bottom:16px;left:20px;right:20px}.feature-list{grid-template-columns:1fr}.feature-row{padding:16px 0}.about-section-title{margin-bottom:20px}.about-section-title h2{font-size:22px;line-height:32px}.limits-list{grid-template-columns:1fr}.limit-header{padding:20px}.limit-rules{padding:0 20px}.limit-details{padding:8px 20px 16px}.world-list{grid-template-columns:1fr;padding:0 20px 8px}.filter-panel{padding:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel label:last-child{grid-column:1/-1}.filter-panel input,.filter-panel select{font-size:16px}.mod-list-heading{display:none}.mod{grid-template-columns:minmax(0,1fr);gap:12px}.mod>p+p{grid-column:1}.mod h3{font-size:16px;line-height:24px}.about-section{padding-bottom:32px;margin-bottom:32px}.about-settings{padding:16px;gap:12px 24px}.footer{gap:12px}.footer>span:last-child{margin-left:0;width:100%}.about-notice{padding:20px}.upgrade-list li{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.limits-list{align-items:start}.upgrade-list li>span:first-child,.world-rule>span{min-width:0;overflow-wrap:anywhere}.limit-details summary:after{display:none}.limit-details summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.limit-details[open] summary svg{transform:rotate(180deg)}

@media(max-width:700px){.section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.section-nav a{white-space:normal}}
