@import url('site-fonts.css');
:root{color-scheme:dark;--text:#f1f2f4;--muted:#9aa1ac;--pink:#ff7a33;--cyan:#ff7a33;--line:#ffffff14}
html{background:#0a0b0d}
body:not(.obs-page){background:radial-gradient(1100px 520px at 82% -10%,#ff7a3312,transparent 60%),radial-gradient(900px 500px at 10% 0%,#ffffff08,transparent 55%),#0a0b0d!important;color:#f1f2f4!important;min-height:100vh}
body:not(.obs-page):before,body:not(.obs-page):after{display:none!important}
body:not(.obs-page),body:not(.obs-page) *{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body:not(.obs-page) :is(h1,h2,h3,h4,.design-title,.card-head strong,.card-head h2,.game-tab,.chatland-modes strong){font-family:"Space Grotesk",Inter,-apple-system,sans-serif!important;font-weight:600!important;letter-spacing:-.025em!important}
body:not(.obs-page) :is(.wordmark,.brand-word,.widget-brand-name,.small-brand){font-family:"Guano Apes","Segoe Print",cursive!important;font-weight:400!important;color:#f1f2f4!important;letter-spacing:normal!important}
body:not(.obs-page) :is(.wordmark,.brand-word,.widget-brand-name,.small-brand) *{font-family:inherit!important;font-weight:inherit!important;color:inherit!important}
body:not(.obs-page) .hero .wordmark{font-family:"Guano Apes","Segoe Print",cursive!important;font-weight:400!important}
body:not(.obs-page) :is(.card,.builder-panel,.design-card,.project-link,.game-picker-options button){background:#141517!important;border:1px solid #ffffff14!important;border-radius:14px!important;box-shadow:none!important}
body:not(.obs-page) :is(.card,.builder-panel,.design-card):before,body:not(.obs-page) :is(.card,.builder-panel,.design-card):after{display:none!important}
body:not(.obs-page) :is(input,select,textarea){font-size:13px!important;font-weight:400!important;color:#f1f2f4!important;background:#0e0f11!important;border:1px solid #ffffff1c!important;border-radius:8px!important;box-shadow:none!important}
body:not(.obs-page) :is(input,select,textarea):focus{outline:2px solid #ff7a334d!important;outline-offset:2px;border-color:#ff7a33!important}
body:not(.obs-page) input::placeholder{color:#737a85!important}
body:not(.obs-page) :is(button,.project-link,.chatland-support-button,.back-link){font-size:14px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.35!important;text-transform:none!important;border-radius:8px!important;box-shadow:none!important;transition:background .16s,border-color .16s,color .16s}
body:not(.obs-page) :is(button,.project-link,.back-link){background:#191a1e!important;color:#f1f2f4!important;border:1px solid #ffffff18!important}
body:not(.obs-page) :is(button,.project-link,.back-link):hover{background:#24262b!important;border-color:#ffffff30!important;color:#fff!important}
body:not(.obs-page) :is(.primary-button,.collect,.launch,.chatland-support-button){background:#ff7a33!important;border:1px solid #ff7a33!important;color:#1a0d04!important;font-weight:600!important}
body:not(.obs-page) :is(.primary-button,.collect,.launch,.chatland-support-button):hover{background:#ff8b4d!important;border-color:#ff8b4d!important}
body:not(.obs-page) :is(button,.project-link,.chatland-support-button,.back-link):focus-visible{outline:2px solid #ff7a33!important;outline-offset:4px!important}
body:not(.obs-page) :is(button:disabled,.launch:disabled){background:#202226!important;border-color:#ffffff0e!important;color:#737a85!important;opacity:.65!important;cursor:not-allowed!important}
body:not(.obs-page) :is(.design-card[aria-pressed=true],.game-tab.active){border-color:#ff7a33!important;background:#1c1714!important}
body:not(.obs-page) .design-card[aria-pressed=true] .design-title{color:#ff7a33!important}
body:not(.obs-page) :is(.card-head,.chatland-support,.modal-head){border-color:#ffffff14!important;background:transparent!important}
body:not(.obs-page) :is(.head-icon,.crown-icon,.count-badge){background:#1c1e22!important;color:#ff7a33!important;border-color:#ffffff1c!important}
body:not(.obs-page) :is(.stats .stat,.search-box,.chat-message,.game-description){background:#0e0f11!important;border-color:#ffffff14!important;color:#d2d5da!important}
body:not(.obs-page) :is(.chatland-modes>div,.chatland-modes>article,.chatland-modes>section){background:#101113!important;border:1px solid #ffffff14!important;border-radius:10px!important}
body:not(.obs-page) :is(.builder-heading p,.obs-help p,.obs-help li,.field-note,.design-caption,.widget-level,.chatland-about p,.people-empty,.empty-winner,.game-description){color:#9aa1ac!important}
body:not(.obs-page) :is(.text-link,.chatland-modes strong,.game-chat-link){color:#ff7a33!important}
body:not(.obs-page) .preview-surface{background:repeating-conic-gradient(#1b1d21 0% 25%,#15171a 0% 50%) 50%/20px 20px!important}
body:not(.obs-page) .switch-row input:checked+span{background:#ff7a33!important;border-color:#ff7a33!important}
body:not(.obs-page) :is(dialog,.modal){background:#141517!important;color:#f1f2f4!important;border-color:#ffffff1c!important}
body:not(.obs-page) .project-link{padding:24px 20px!important;font-size:17px!important;border-radius:12px!important}
body:not(.obs-page) .project-link:hover{background:#ff7a33!important;color:#1a0d04!important;border-color:#ff7a33!important}
body:not(.obs-page) .builder-heading h1{font-size:38px!important;line-height:1.15!important}
body:not(.obs-page) .builder-panel h2{font-size:23px!important;line-height:1.3!important}
body:not(.obs-page) .design-title{font-size:17px!important;line-height:1.3!important}
body:not(.obs-page) .card-head :is(strong,h1,h2){font-size:19px!important;line-height:1.25!important}
body:not(.obs-page) .chatland-about h2{font-size:24px!important}
body:not(.obs-page) .chatland-modes strong{font-size:18px!important}
body:not(.obs-page) .chatland-modes h4{font-size:20px!important;line-height:1.3!important}
body:not(.obs-page) .field{background:#0e0f11!important;border-color:#ffffff1c!important;box-shadow:none!important}
body:not(.obs-page) :is(.field,.search-box) input{background:transparent!important;border:0!important;outline:0!important}
body:not(.obs-page) .reset{min-height:34px!important;padding:7px 12px!important}
body:not(.obs-page) .widget-page h1{font-size:38px!important}
body:not(.obs-page) .widget-brand:focus-visible{outline-color:#ff7a33!important}
@media(max-width:600px){body:not(.obs-page) .builder-heading h1{font-size:30px!important}body:not(.obs-page) .builder-panel h2{font-size:21px!important}body:not(.obs-page) .project-link{font-size:15px!important}}
/* P1RANO palette and surfaces, inspired by a quiet dark interface. */
:root{--pink:#21c8d6;--cyan:#21c8d6;--line:#a2c1d418}
html{background:#0b0e12}
body:not(.obs-page){background:radial-gradient(850px 550px at 80% 0%,#133a4a38,transparent 65%),radial-gradient(900px 600px at 0% 85%,#15333d26,transparent 70%),#0b0e12!important}
body:not(.obs-page) :is(h1,h2,h3,h4,.design-title,.card-head strong,.card-head h2,.game-tab,.chatland-modes strong){font-family:Inter,-apple-system,sans-serif!important;letter-spacing:-.035em!important}
body:not(.obs-page) :is(.card,.builder-panel,.design-card,.project-link,.game-picker-options button){background:linear-gradient(150deg,#171d23,#13171c)!important;border-color:#a2bdce1a!important;border-radius:16px!important}
body:not(.obs-page) :is(.primary-button,.collect,.launch){background:#21c8d6!important;border-color:#21c8d6!important;color:#062026!important;border-radius:10px!important}
body:not(.obs-page) :is(.primary-button,.collect,.launch):hover{background:#63e0e9!important;border-color:#63e0e9!important}
body:not(.obs-page) .chatland-support-button{background:#ed995b!important;border-color:#ed995b!important;border-radius:10px!important}
body:not(.obs-page) .chatland-support-button:hover{background:#ffb079!important;border-color:#ffb079!important}
body:not(.obs-page) :is(button,.project-link,.chatland-support-button,.back-link):focus-visible{outline-color:#21c8d6!important}
body:not(.obs-page) :is(input,select,textarea):focus{outline-color:#21c8d64d!important;border-color:#21c8d6!important}
body:not(.obs-page) :is(.design-card[aria-pressed=true],.game-tab.active){border-color:#21c8d6!important;background:linear-gradient(145deg,#152c34,#141d24)!important}
body:not(.obs-page) .design-card[aria-pressed=true] .design-title,body:not(.obs-page) :is(.text-link,.chatland-modes strong,.game-chat-link){color:#53d6e0!important}
body:not(.obs-page) :is(.head-icon,.crown-icon,.count-badge){color:#53d6e0!important;background:#172730!important}
body:not(.obs-page) .project-link{position:relative;border-radius:14px!important}
body:not(.obs-page) .project-link:hover{background:linear-gradient(145deg,#173b45,#152933)!important;color:#6ce3eb!important;border-color:#21c8d699!important}
body:not(.obs-page) .switch-row input:checked+span{background:#21c8d6!important;border-color:#21c8d6!important}
body:not(.obs-page) :is(button:disabled,.launch:disabled){background:#20252b!important;border-color:#ffffff0e!important;color:#737f89!important}
body:not(.obs-page) .hero .wordmark{font-family:"Guano Apes","Segoe Print",cursive!important;letter-spacing:normal!important}

.site-support{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #a2bdce1a;margin-top:22px;padding-top:22px}.site-support p{font-size:13px!important;line-height:1.7;color:#9eafbb!important;margin:0!important;flex:1}.site-support .chatland-support-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;white-space:nowrap;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.portal .hero,.portal .projects{transition:transform .25s ease-out;transform-style:preserve-3d}.portal .project-link{transition:transform .2s ease-out,background .16s,border-color .16s,color .16s}
@media(max-width:600px){.site-support{flex-direction:column;align-items:flex-start;gap:14px}.site-support .chatland-support-button{padding:11px 18px}}@media(prefers-reduced-motion:reduce){.portal .hero,.portal .projects,.portal .project-link{transform:none!important;transition:none!important}}
