/* ToastyCraft forum skin; Flarum keeps its native accessible controls. */
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&family=Outfit:wght@400;500;600;700&display=swap');
:root{--tc-forum-bg:#fff9f0;--tc-forum-paper:#fffdf9;--tc-forum-ink:#533c30;--tc-forum-muted:#826d62;--tc-forum-line:#ecdfd0;--tc-forum-accent:#a76a43;--body-bg:var(--tc-forum-bg);--text-color:var(--tc-forum-ink);--muted-color:var(--tc-forum-muted);--control-bg:#f3e7d8;--control-color:var(--tc-forum-ink);--primary-color:var(--tc-forum-accent)}
html[data-theme^=dark]{color-scheme:dark;--tc-forum-bg:#231f28;--tc-forum-paper:#302a35;--tc-forum-ink:#f9ebdc;--tc-forum-muted:#c5b2a5;--tc-forum-line:#514355;--tc-forum-accent:#d4a16d;--control-bg:#443747}
body{background:var(--tc-forum-bg);color:var(--tc-forum-ink);font-family:Outfit,system-ui,sans-serif;font-size:16px;line-height:1.55}
.App{padding-top:0!important}.App-header{position:relative!important;top:auto!important;background:var(--tc-forum-paper);color:var(--tc-forum-ink);border-bottom:1px solid var(--tc-forum-line);box-shadow:none}.App-content{padding-top:24px!important}.App-header .container{min-height:58px}.Header-title{font-family:'Lilita One',sans-serif;font-weight:400}.Hero{background:var(--tc-forum-paper);color:var(--tc-forum-ink);border-bottom:1px solid var(--tc-forum-line)}
.IndexPage-results,.DiscussionListItem,.Post,.Modal-content{background:var(--tc-forum-paper);color:var(--tc-forum-ink)}.DiscussionListItem{border-bottom:1px solid var(--tc-forum-line)}.DiscussionListItem:hover,.DiscussionListItem.active{background:color-mix(in srgb,var(--tc-forum-paper) 85%,#d4a16d)}.DiscussionListItem-title{font-size:18px;line-height:1.4}.DiscussionListItem-info,.PostMeta,.Post-header{color:var(--tc-forum-muted);font-size:14px}.Post-body{font-size:16px;line-height:1.65}.Button{font-family:inherit;border-radius:11px;min-height:42px}.Button--primary{background:#9b633f;color:#fff9f0}.FormControl{font:inherit;background:var(--tc-forum-paper);color:var(--tc-forum-ink);border:1px solid var(--tc-forum-line);border-radius:10px;min-height:44px}.Modal-content{border-radius:18px}.Dropdown-menu{background:var(--tc-forum-paper);color:var(--tc-forum-ink)}a{color:var(--tc-forum-accent)}a:focus-visible,button:focus-visible{outline:3px solid #b18dce;outline-offset:3px}
@media(max-width:767px){.App-header{min-height:58px}.App-content{padding-top:16px!important}.DiscussionListItem-title{font-size:17px}.Post-body{font-size:16px}.Modal-content{border-radius:0}.Composer{max-height:100dvh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Fit the desktop forum toolbar to its controls; profile heroes meet its lower edge. */
@media(min-width:768px){
 .App-header{height:auto!important;min-height:60px;align-items:center;box-sizing:border-box}
 .App-header>.container{min-height:44px;align-items:center}
 .App-content{padding-top:0!important}
}

/* ToastyCraft palette v2: colored accents, readable surfaces in either theme. */
:root{
 --tc-forum-hover:#f4ecdf;--tc-forum-accent:#8c5435;
 --tc-notice-bg:#f5ecd8;--tc-notice-ink:#66502f;--tc-notice-line:#ccb585;
 --tc-info-bg:#eaf0f6;--tc-info-ink:#395a76;--tc-info-line:#aac0d4;
 --tc-success-bg:#e8f0e8;--tc-success-ink:#3c6048;--tc-success-line:#a3bfaa;
 --tc-error-bg:#f7e8e8;--tc-error-ink:#87444c;--tc-error-line:#d5a4aa;
 --body-bg-light:var(--tc-forum-paper);--body-bg-shaded:var(--tc-forum-hover);
 --hero-bg:var(--tc-forum-paper);--hero-color:var(--tc-forum-ink);
 --muted-more-color:var(--tc-forum-muted);--control-bg-shaded:var(--tc-forum-line);
 --text-color:var(--tc-forum-ink);--heading-color:var(--tc-forum-ink);
}
html[data-theme^=dark]{
 color-scheme:dark;--tc-forum-bg:#231f28;--tc-forum-paper:#302a35;
 --tc-forum-ink:#f9ebdc;--tc-forum-muted:#c5b2a5;--tc-forum-line:#514355;
 --tc-forum-accent:#e0b78f;--tc-forum-hover:#3b3241;
 --control-bg:#443747;--control-color:var(--tc-forum-ink);
 --tc-notice-bg:#3e352e;--tc-notice-ink:#ead6b3;--tc-notice-line:#756044;
 --tc-info-bg:#2d3542;--tc-info-ink:#c9daec;--tc-info-line:#526982;
 --tc-success-bg:#2b3b33;--tc-success-ink:#c6dfcd;--tc-success-line:#52735d;
 --tc-error-bg:#432f38;--tc-error-ink:#f0c8cf;--tc-error-line:#8b5968;
}
.Alert{
 --alert-bg:var(--tc-notice-bg);--alert-color:var(--tc-notice-ink);
 background:var(--tc-notice-bg);color:var(--tc-notice-ink);
 border:1px solid var(--tc-notice-line);border-radius:12px;box-shadow:none;
 font-size:15px;line-height:1.55;
}
.Alert--info{background:var(--tc-info-bg);color:var(--tc-info-ink);border-color:var(--tc-info-line)}
.Alert--success{background:var(--tc-success-bg);color:var(--tc-success-ink);border-color:var(--tc-success-line)}
.Alert--error,.Alert--danger{background:var(--tc-error-bg);color:var(--tc-error-ink);border-color:var(--tc-error-line)}
.Alert a,.Alert .Alert-controls .Button,.Alert .Alert-body{color:inherit}
.Alert a{text-decoration:underline;text-underline-offset:3px}
.Alert .Alert-controls .Button{background:transparent;border-color:currentColor}
.Alert .Alert-controls .Button:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.AlertList{max-width:calc(100vw - 24px)}
.TagTiles{gap:16px;margin:0;padding:0;background:transparent}
.TagTiles>li.TagTile{
 background:var(--tc-forum-paper);background:color-mix(in srgb,var(--tc-forum-paper) 94%,var(--tag-bg,#b8a2d6));
 color:var(--tc-forum-ink);border:1px solid var(--tc-forum-line);
 border-top:4px solid var(--tag-bg,#b8a2d6);border-radius:16px;overflow:hidden;
 min-width:0;box-shadow:0 3px 14px #241b2410;
}
.TagTiles>li.TagTile:hover{background:color-mix(in srgb,var(--tc-forum-paper) 87%,var(--tag-bg,#b8a2d6))}
.TagTile .TagTile-info,.TagTile .TagTile-name,.TagTile .TagTile-heading{color:var(--tc-forum-ink)}
.TagTile .TagTile-name{font-size:20px;line-height:1.35}
.TagTile .TagTile-heading>.icon{color:var(--tag-bg,#b8a2d6)}
.TagTile .TagTile-description,.TagTile .TagTile-children{color:var(--tc-forum-muted);opacity:1;font-size:15px;line-height:1.6}
.TagTile .TagTile-lastPostedDiscussion{color:var(--tc-forum-muted);background:transparent;border-top:1px solid var(--tc-forum-line);opacity:1;font-size:13px}
.TagTile .TagTile-lastPostedDiscussion-title{color:var(--tc-forum-ink)}
.TagLabel.colored{
 background:var(--tc-forum-hover);background:color-mix(in srgb,var(--tc-forum-paper) 85%,var(--tag-bg,#b8a2d6));
 color:var(--tc-forum-ink);border:1px solid color-mix(in srgb,var(--tc-forum-line) 50%,var(--tag-bg,#b8a2d6));
}
.TagLabel.colored .TagLabel-text,.TagLabel.colored .TagLabel-name{color:var(--tc-forum-ink)}
.TagHero{background:var(--tc-forum-paper);color:var(--tc-forum-ink);border-bottom:1px solid var(--tc-forum-line)}
.TagHero .Hero-title,.TagHero .Hero-subtitle{color:var(--tc-forum-ink);opacity:1}
.TagHero .Hero-subtitle{color:var(--tc-forum-muted)}
.TagHero .icon{color:var(--tag-bg,var(--tc-forum-accent))}
.Dropdown-menu,.SelectDropdown-menu,.Composer,.Composer-content,.Search-results,.UserCard,.UserPage .sideNav{
 background:var(--tc-forum-paper);color:var(--tc-forum-ink);border-color:var(--tc-forum-line);
}
.Dropdown-menu>li>a,.Dropdown-menu>li>button{color:var(--tc-forum-ink)}
.Dropdown-menu>li>a:hover,.Dropdown-menu>li>button:hover{background:var(--tc-forum-hover)}
.FormControl::placeholder{color:var(--tc-forum-muted);opacity:1}
.Button--primary{background:#935e3c;color:#fff9f0}
html[data-theme^=dark] .Button--primary{background:#d4a16d;color:#30231c}
.Button--primary:hover{filter:brightness(.95)}
.Post-body blockquote{background:var(--tc-forum-hover);color:var(--tc-forum-muted);border-left:3px solid var(--tc-forum-accent)}
.Post-body code{background:var(--tc-forum-hover);color:var(--tc-forum-ink)}
.Post-body pre{background:var(--tc-forum-hover);color:var(--tc-forum-ink);border:1px solid var(--tc-forum-line)}
@media(max-width:767px){.TagTiles{gap:12px;margin:0 12px}.TagTile .TagTile-name{font-size:18px}.Alert{font-size:14px;border-radius:10px}}

/* Discussion badges have their own native rule; override it in this context too. */
.DiscussionHero .TagsLabel .TagLabel.colored{
 background:var(--tc-forum-hover)!important;
 background:color-mix(in srgb,var(--tc-forum-paper) 85%,var(--tag-bg,#b8a2d6))!important;
 color:var(--tc-forum-ink)!important;
 border:1px solid color-mix(in srgb,var(--tc-forum-line) 50%,var(--tag-bg,#b8a2d6));
}
.DiscussionHero .TagsLabel .TagLabel.colored :is(.TagLabel-text,.TagLabel-name){color:var(--tc-forum-ink)!important}
.DiscussionHero .TagsLabel .TagLabel.colored .TagLabel-icon{color:var(--tc-forum-accent)!important}
/* Native mobile controls live in different DOM branches. Place them in one
   shared grid row so sticky positioning reserves space below the site header. */
@media(max-width:767.98px){
 html.toasty-forum{overflow-x:clip;overflow-y:auto}
 html.toasty-forum body{overflow:visible}
 .App:is(.App--discussion,.App--index){display:grid;grid-template-columns:88px minmax(0,1fr) 44px;grid-template-rows:46px auto auto auto auto;padding-top:0!important}
 :is(.App--discussion,.App--index)>.App-content,:is(.App--discussion,.App--index) #content,
 :is(.App--discussion,.App--index) :is(.DiscussionPage,.IndexPage),:is(.App--discussion,.App--index) :is(.DiscussionPage,.IndexPage)>.Page-main,
 :is(.App--discussion,.App--index) :is(.DiscussionPage,.IndexPage) .Page-container,:is(.App--discussion,.App--index) :is(.DiscussionPage,.IndexPage) .Page-sidebar,
 :is(.App--discussion,.App--index) :is(.DiscussionPage-nav,.IndexPage-nav),:is(.App--discussion,.App--index) :is(.DiscussionPage-nav,.IndexPage-nav)>ul,
 :is(.App--discussion,.App--index) :is(.DiscussionPage-nav,.IndexPage-nav)>ul>.item-controls,:is(.App--discussion,.App--index) :is(.DiscussionPage-nav,.IndexPage-nav)>ul>.item-scrubber,
 .App--index .IndexPage-nav>ul>.item-nav{display:contents}
 :is(.App--discussion,.App--index)>.App-navigation{
  grid-area:1/1/2/4;position:sticky!important;top:0!important;left:auto!important;right:auto!important;
  transform:none!important;width:100%;height:46px;min-height:46px;margin:0!important;
  background:var(--tc-forum-paper);color:var(--tc-forum-ink);border-bottom:1px solid var(--tc-forum-line);z-index:51;
 }
 .App:is(.App--discussion,.App--index) .App-titleControl,.App:is(.App--discussion,.App--index) .App-primaryControl{
  position:sticky!important;top:0!important;left:auto!important;right:auto!important;transform:none!important;
  align-self:start;margin:0!important;height:46px;max-height:46px;min-width:0;z-index:52;
 }
 .App:is(.App--discussion,.App--index) .App-titleControl{grid-area:1/2/2/3;justify-self:center;width:auto;max-width:100%;text-align:center}
 .App:is(.App--discussion,.App--index) .App-primaryControl{grid-area:1/3/2/4;justify-self:end;width:44px}
 .App:is(.App--discussion,.App--index) .App-titleControl>.Button,:is(.App--discussion,.App--index)>.App-navigation .Button,
 .App:is(.App--discussion,.App--index) .App-primaryControl>.Dropdown-toggle{min-height:44px;color:var(--tc-forum-ink)}
 :is(.App--discussion,.App--index) #notices{grid-area:2/1/3/4;min-width:0}
 :is(.App--discussion,.App--index) #notices:empty{display:none}
 :is(.App--discussion,.App--index) :is(.DiscussionPage,.IndexPage) .Page-hero{grid-area:3/1/4/4;min-width:0}
 :is(.App--discussion,.App--index) :is(.DiscussionPage,.IndexPage) .Page-content{grid-area:4/1/5/4;min-width:0;padding:16px;box-sizing:border-box}
 :is(.App--discussion,.App--index)>.App-footer{grid-area:5/1/6/4;min-width:0}
 :is(.App--discussion,.App--index) .DiscussionHero{margin-top:0;padding-top:24px}
}

@media(max-width:767.98px){.App:is(.App--discussion,.App--index)>.App-navigation .App-backControl{position:absolute!important;top:0!important;left:0!important}}

/* Keep shared mascot artwork current across the forum header and help link. */
.tc-global-logo img{content:url("/assets/toasty-logo.d7eb320e4b89.svg")}
.tc-help-mascot img{content:url("/assets/toasty-help.14c03fb1613d.svg")}

/* Disable background blur throughout the forum while retaining overlay colors. */
*,*::before,*::after,dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Verified Minecraft account, beneath rank badges on profile and hover cards. */
.ToastyMinecraftAccount {
  display: flex; width: fit-content; align-items: center; flex-wrap: wrap; gap: .4em;
  margin: .6em 0 .35em; padding: .4em .75em; max-width: 100%;
  border-radius: 8px; background: rgba(180,154,232,.14);
  border: 1px solid rgba(180,154,232,.25); font-size: 14px; line-height: 1.5;
}
.ToastyMinecraftAccount strong { overflow-wrap: anywhere; }
.ToastyMinecraftAccount .fa-check-circle { color: #84d3ac; font-size: .85em; }
.Avatar[src*="mc-heads.net/avatar/"] { image-rendering: pixelated; }

/* Comfortable surface insets across discussions and account pages (2026-10-18).
   Flarum's avatar grid stays intact; the surface gets its missing outer inset. */
:root{--tc-forum-inset:24px}
.Post{box-sizing:border-box;padding:var(--tc-forum-inset);border:1px solid var(--tc-forum-line);border-radius:16px}
.Post-main,.Post-container{min-width:0}
.PostStream-item{min-width:0}
.PostStream-item>.Post{margin-bottom:16px}
.PostStream-item:has(+.PostStream-item)::after{display:none}
.Post.ReplyPlaceholder{margin-left:0;width:100%;margin-top:24px;border:2px dashed var(--tc-forum-line);padding:var(--tc-forum-inset)}
.Post.EventPost{padding-block:18px}
.PostListItem{box-sizing:border-box;background:var(--tc-forum-paper);border:1px solid var(--tc-forum-line);border-radius:16px;padding:var(--tc-forum-inset);margin-bottom:18px;min-width:0}
.PostListItem>.Post{border:0;border-radius:0;padding:12px 0 0;margin:0;background:transparent}
.PostListItem-discussion{margin-bottom:14px;overflow-wrap:anywhere}
.PostsUserPage-list>li:has(.PostListItem){border-bottom:0}
.UserPage :is(.SettingsPage,.UserSecurityPage){box-sizing:border-box;background:var(--tc-forum-paper);border:1px solid var(--tc-forum-line);border-radius:16px;padding:var(--tc-forum-inset);min-width:0}
@media(min-width:768px){
 .UserPage .sideNav{box-sizing:border-box;padding:14px;border:1px solid var(--tc-forum-line);border-radius:16px;align-self:flex-start}
 .UserPage .sideNav>ul{box-sizing:border-box;width:100%;margin:0}
 .UserPage .sideNav .Dropdown-menu{box-sizing:border-box;width:100%}
 .UserPage .sideNav .Dropdown-menu>li>a{padding:10px 12px;border-radius:10px}
 .UserPage .sideNav .Dropdown-menu>li>a:hover{background:var(--tc-forum-hover)}
}
@media(max-width:767.98px){
 :root{--tc-forum-inset:16px}
 .PostStream-item:has(+.PostStream-item){margin-inline:0;padding-inline:0}
 .Post,.PostListItem{border-radius:13px}
 .Post.EventPost{padding-left:46px}
 .Post.EventPost .EventPost-icon{margin-left:-30px}
 .UserPage .sideNav{padding:12px 16px;box-sizing:border-box}
 .UserPage .sideNav .Dropdown-menu>li>a{padding-inline:12px}
 .Post.ReplyPlaceholder{padding:16px;margin-top:20px}
}