/* Apply the requested 10% brightness increase once, at the document root.
   The root exception preserves viewport positioning of the sidebar and tour.
   https://www.w3.org/TR/filter-effects-1/#FilterProperty */
:root{filter:brightness(1.1)}

/* A restrained raised edge for buttons, links, disclosure controls and fields. */
body :is(button,summary,[role="button"]){
  box-shadow:inset 0 1px 0 #ffffff13,0 2px 0 #0003,0 4px 9px #0000001c;
  transition:box-shadow .18s ease,background-color .18s ease,border-color .18s ease,translate .18s ease;
}
body :is(button,summary,[role="button"]):not(:disabled):hover{
  box-shadow:inset 0 1px 0 #ffffff24,0 3px 0 #0003,0 6px 13px #00000029;
  translate:0 -1px;
}
body :is(button,summary,[role="button"]):not(:disabled):active{
  box-shadow:inset 0 1px 3px #0004,0 1px 2px #0002;
  translate:0 1px;
}
body :is(button,summary,[role="button"]):disabled{box-shadow:inset 0 1px 0 #ffffff09;translate:none}
body :is(input:not([type="color"]),textarea,select){box-shadow:inset 0 1px 3px #0003,0 1px 0 #ffffff0a}
body a[href]{text-shadow:0 1px 2px #0005}
body a[href]:hover{text-shadow:0 1px 2px #0005,0 0 9px #a3e4bb35}
body :is(button,a[href],summary,[role="button"]):focus-visible{outline:2px solid #d0ffdf;outline-offset:4px}
.template-card,.creation-template,.library-card{box-shadow:inset 0 1px 0 #ffffff0d,0 4px 12px #0003}

/* Give beginner guidance a recognisable treatment everywhere it can be opened. */
body [data-action="onboard"]{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 14px;border:1px solid #bdf4cf;border-radius:7px;
  background:linear-gradient(180deg,#b6edc9,#8acba6);color:#173b29;
  font-size:13px;font-weight:700;white-space:nowrap;
  box-shadow:inset 0 1px 0 #f1fff4a6,0 3px 0 #426c53,0 6px 15px #81e3ac25;
}
body [data-action="onboard"]:hover{
  background:linear-gradient(180deg,#cbf8d9,#9eddb8);border-color:#ddffe7;
  box-shadow:inset 0 1px 0 #fff9,0 4px 0 #426c53,0 8px 18px #81e3ac3d;
}
body [data-action="onboard"] svg{width:18px;height:18px}
.top-help span{display:inline}
.nav-item[data-nav="guide"]{margin-top:3px;border:1px solid #a3e4bb55;background:linear-gradient(180deg,#2b4a39,#1b3024);color:#ccf4db;font-weight:650}
.nav-item[data-nav="guide"] svg{color:#baf2ce}
.nav-item[data-nav="guide"]:hover{background:#345641;color:#eefff4}
.bottom-guide [data-nav="guide"],.section-title [data-action="install-tour"]{padding:10px 13px;border:1px solid #a3e4bb66;border-radius:6px;background:linear-gradient(180deg,#2d4b3a,#1e3427);color:#d2f4dd;font-weight:600;white-space:nowrap}
.tour-card [data-tour-next]{box-shadow:inset 0 1px 0 #fff9,0 3px 0 #467555,0 5px 10px #0003;min-height:36px}
.tour-card [data-tour-back],.tour-card [data-tour-skip]{padding:8px 7px;border:1px solid #a3e4bb30;background:#a3e4bb0b}
.hero-carousel .hero-actions{flex-wrap:wrap;gap:12px}
.section-title{flex-wrap:wrap}

@media(max-width:680px){
  .topbar{gap:8px;padding-inline:14px}
  .topbar .crumb{display:none}
  .top-actions{margin-left:auto;gap:8px;min-width:0}
  .top-actions .top-help{display:inline-flex;padding:8px 9px;font-size:12px;gap:5px}
  .top-help svg{width:16px;height:16px}
  .top-help span{display:inline}
  .top-actions .account-login-button{max-width:94px;min-width:0}
  .topbar:has(.inspiration-balance){height:auto;min-height:66px;padding-block:12px}
  .topbar:has(.inspiration-balance) .top-actions{flex:1;flex-wrap:wrap;justify-content:flex-end}
  .top-actions .account-login-button:has(.inspiration-balance){max-width:155px}
  .top-actions .search-button{flex-shrink:0}
  .hero-carousel .hero-actions{gap:9px}
  .hero-carousel [data-action="onboard"]{padding:9px 11px;font-size:11px}
  .hero-carousel [data-action="onboard"] svg{width:14px;height:14px}
  .bottom-guide{flex-wrap:wrap}
  .bottom-guide [data-nav="guide"]{margin-left:auto}
  .workspace-head .saved-label-row{row-gap:12px}
  .tour-footer{flex-wrap:wrap;row-gap:10px}
  .tour-footer>div{margin-left:auto}
  .tour-card [data-tour-next]{font-size:12px;padding:9px 10px}
  .tour-card [data-tour-back],.tour-card [data-tour-skip]{padding:8px 6px}
}
@media(prefers-reduced-motion:reduce){body :is(button,summary,[role="button"]){transition:none}body :is(button,summary,[role="button"]):hover{translate:none}}
@media(forced-colors:active){:root{filter:none}body [data-action="onboard"]{border:2px solid ButtonText}}

/* Brighter forest greens for comfortable daytime reading. */
:root{background:#172d23;color:#edf7f0;--panel:#284737;--muted:#b5cdbd;--border:#c9efda29}
.sidebar{background:#1c3428f7;border-right-color:#b9e3cb30}
.topbar{background:#244033f2}
body :is(.steps,.chat-panel,.plan-panel,.template-card,.library-card,.faq,.personal-card,.profile-guest){background:#284737f2}
body .creation-template{background:#2a4d3ce8;border-color:#b5dec438}
body .creation-template:hover{background:#355f49f2;border-color:#c5f0d482}
body .create-box{background:#2b4c3bee;border-color:#b7e1c754}
body .create-box textarea{color:#f0faf3}
body :is(input,textarea)::placeholder{color:#acc8b7;opacity:1}
body .field :is(input,select,textarea){background:#1d372bec;border-color:#b7e1c73d;color:#edf7f0}
body .modal{background:#294536;border-color:#b9e3cb45}
body .code-layout{background:#203c2ef5}
body .plan-visual{background:radial-gradient(ellipse at 50% 100%,#a5d09024,transparent 70%),#2b4a36}
body .checkin-entry{background:linear-gradient(105deg,#365b44ed,#294c3ced);border-color:#b9e3cb3d}
body .login-story{background:linear-gradient(180deg,#315741d9,#264431ed),url('./assets/forest.jpg') center/cover}
body .personal-cover{background:linear-gradient(100deg,#2c503ce6,#385b43d6),url('./assets/forest.jpg') center 42%/cover}
body .install-step{background:#294a39e8;border-color:#b9e3cb35}
body .interactive-guide{background:linear-gradient(120deg,#3a6748bd,#294835ed);border-color:#b9e3cb45}
body .tour-card{background:linear-gradient(145deg,#355b46,#244432 85%)}
.nav-item{color:#c0d5c7}.nav-item svg{color:#a6c6b2}.nav-label{color:#9bb6a4}
body :is(.page-heading p,.section-title p,.step small,.template-body p,.template-meta,.creation-template small,.composer-hint,.library-info p,.plan-intro,.field-label,.bottom-guide p){color:#b5cebd}
body .creation-template>span:not(.creation-template-icon){color:#c1dac9}
.hero-slide:after{background:linear-gradient(90deg,#1d3a2bf0 0%,#1d3a2bd6 24%,#1d3a2b75 47%,#1d3a2b0d 80%),linear-gradient(0deg,#1d3a2b70,transparent 50%)}
@media(max-width:680px){.hero-slide:after{background:linear-gradient(90deg,#1d3a2be6,#1d3a2ba8 48%,#1d3a2b29),linear-gradient(0deg,#1d3a2b88,transparent)}}
@media(max-width:420px){.hero.hero-carousel{height:420px;min-height:420px}}

/* Original game inventory sprites, shown on their native pixel grid. */
.sidebar .nav-game-icon{display:block;width:32px;height:32px;object-fit:none;image-rendering:pixelated;flex:0 0 32px;filter:drop-shadow(0 1px 0 #0008)}
.sidebar .nav-item:has(.nav-game-icon){padding-block:8px;min-height:48px}
.sidebar{overflow-y:auto}

/* Separate playable packages from editable source downloads. */
.result-downloads{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-shrink:0;max-width:100%}
.result-banner .result-downloads .primary{margin:0}
@media(max-width:680px){.result-downloads{width:100%}}