@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
/* Shared EduQuizz palette and typography, including dialogs opened by the game. */
:root{
  color-scheme:light;
  --brand-orange:#f47708;
  --brand-orange-dark:#c54c00;
  --brand-yellow:#ffd34d;
  --brand-cream:#fff9ef;
  --brand-white:#fff;
  --brand-ink:#442a1e;
  --brand-muted:#796453;
  --brand-line:#eed4b6;
  --brand-soft:#fff0d7;
  --brand-heading:'Baloo 2','Trebuchet MS',sans-serif;
  --brand-body:'Nunito',sans-serif;
  --ink:var(--brand-ink);
  --paper:var(--brand-cream);
  --yellow:var(--brand-yellow);
  --muted:var(--brand-muted);
  --heading:var(--brand-heading);
  --body:var(--brand-body);
  --q-ink:var(--brand-ink);
  --q-accent:var(--brand-orange);
  --q-paper:var(--brand-white);
  --q-gold:var(--brand-yellow);
  --q-line:var(--brand-line);
  font-family:var(--brand-body);
}
body,button,input,select,textarea{font-family:var(--brand-body)}
h1,h2,h3,h4,.brand strong,.q-brand,.island-brand,.admin-sidebar-heading strong,.wait-copy strong,.npc-name,.quest-prize strong{font-family:var(--brand-heading);font-weight:700}
button,input,select,textarea{accent-color:var(--brand-orange)}
pre,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-orange-dark);outline-offset:3px}

/* Administration, teacher, sign-in and regional-art tools. */
.q-page{background:var(--brand-cream);font-size:16px;color:var(--brand-ink)}
.q-nav{background:linear-gradient(110deg,var(--brand-orange),var(--brand-yellow));color:var(--brand-ink);border-bottom:2px solid #e99928}
.q-brand{font-size:20px;letter-spacing:.5px}
.q-brand small{color:#66350f;font-family:var(--brand-body);font-weight:800}
.q-card,.admin-sidebar{background:var(--brand-white);border-color:var(--brand-line)}
.admin-sidebar{box-shadow:0 4px 0 #f5e4cf}
.admin-sidebar nav a:hover,.q-page button:hover,.q-dialog button:hover{background:var(--brand-soft)}
.admin-sidebar nav a[aria-current=page],.q-tabs [aria-selected=true]{background:var(--brand-yellow);color:var(--brand-ink);box-shadow:inset 3px 0 0 var(--brand-orange)}
.q-primary,.q-page .q-primary,.q-dialog .q-primary,.student-world .q-primary,.editor-panel .editor-primary{background:var(--brand-orange);border-color:var(--brand-orange-dark);color:var(--brand-ink);font-weight:800}
.q-primary:hover,.q-page .q-primary:hover,.q-dialog .q-primary:hover,.student-world .q-primary:hover,.editor-panel .editor-primary:hover{background:var(--brand-yellow);border-color:var(--brand-orange-dark);color:var(--brand-ink)}
.q-page label,.q-dialog label,.q-status{font-size:14px}
.q-muted,.q-fine,.q-empty,.admin-back{color:var(--brand-muted)}
.q-kicker{color:#985018}
.q-badge:not(.error),.event-state.active{background:#ffedb4;color:#78400e}
.q-progress{background:#f8e4cc}
.q-progress span{background:linear-gradient(90deg,var(--brand-orange),var(--brand-yellow))}
.q-dialog{font-size:16px;background:var(--brand-cream);border-color:var(--brand-line)}
.q-dialog::backdrop,.snapshot-dialog::backdrop{background:#442a1eb8}
.q-dialog .q-option.right{background:#fff0b8;border-color:var(--brand-orange-dark);color:#713010}
.q-dialog .q-option.right b{background:var(--brand-yellow);border-color:var(--brand-orange-dark)}
.q-page pre{background:#442a1e;color:#fff3da}
.quest-loader{border-color:#ffe0b4;border-top-color:var(--brand-orange)}

/* Game controls share the homepage's light surfaces and warm highlights. */
.topbar{background:linear-gradient(#fff9eff5,#fff9efb3 65%,transparent)}
.brand{color:var(--brand-ink);text-shadow:none}
.brand strong span,.brand small{color:#75441e}
.brand-icon{background:var(--brand-orange);border-color:var(--brand-orange-dark);box-shadow:2px 2px 0 #87430d}
.brand-icon:before{background:var(--brand-yellow)}
.brand-icon i{background:var(--brand-orange-dark)}
.button,.button.subtle,.zoom-controls,.capy-button,.dpad button{background:#fff9eff5;border-color:#e4b170;color:var(--brand-ink);box-shadow:0 3px 0 #80400d33}
.button:hover,.capy-button:hover,.zoom-controls button:hover,.dpad button:active{background:var(--brand-yellow);color:var(--brand-ink);filter:none}
.transport-toggle{background:var(--brand-orange);border-color:var(--brand-orange-dark);font-weight:800}
.button[aria-pressed=true],.walk-button[aria-pressed=true]{background:var(--brand-yellow);border-color:var(--brand-orange-dark);color:var(--brand-ink)}
.zoom-controls button,.zoom-controls output{color:var(--brand-ink)}
.zoom-controls .divider{background:#e8c294}
.panel,.editor-panel{background:var(--brand-cream);border-color:var(--brand-line);color:var(--brand-ink)}
.notice{background:#fff0d7f5;border-color:var(--brand-orange-dark);color:var(--brand-ink)}
.hint #hint-text,.dpad-label{color:#fff9ef;text-shadow:0 1px 4px #442a1e,0 1px 2px #442a1e}
.q-balance{background:#ffe7a0!important;color:var(--brand-ink)!important}
.q-balloon{color:var(--brand-ink);background:#fff9ef;border-color:var(--brand-orange);font-size:14px}
.q-balloon:after{background:#fff9ef;border-color:var(--brand-orange)}
.q-dialog .transport-option{border-color:var(--brand-line);color:var(--brand-ink)}
.q-dialog .transport-option[aria-pressed=true]{border-color:var(--brand-orange);background:#fff0ca}
.island-header{background:#fff9eff5;border-color:var(--brand-line)}
.island-brand,.island-brand span{color:var(--brand-ink)}
.student-world button{font-family:var(--brand-body);color:var(--brand-ink);border-color:var(--brand-line)}
.student-world .transport-toggle{background:var(--brand-orange);border-color:var(--brand-orange-dark)}
.island-shop,.island-plots,.draft-summary{background:var(--brand-cream);border-color:var(--brand-line)}
.shop-tabs button[aria-selected=true]{background:var(--brand-yellow);color:var(--brand-ink)}
.shop-card{background:white;border-color:var(--brand-line)}
.shop-card .requirement:not(.missing){color:#87420d}
.coin-pill,.plot-list .owned{background:var(--brand-yellow);color:var(--brand-ink)}
.plot-list .taken{background:#f5e9dc;color:var(--brand-muted)}
.plot-tag.taken{background:#fff0d7ed!important;border-color:#d6b18b!important}
.lot-art-status{background:#fff9eff5;border-color:var(--brand-line);color:var(--brand-ink)}

/* Illustration overlays warm the UI without recoloring the scene artwork. */
.illustrated-wait,.wait-copy{background:#ffe0a3;color:var(--brand-ink)}
.wait-copy{background:linear-gradient(110deg,#ffda77,#ffb960)}
.wait-eyebrow{color:#743a0c;font-family:var(--brand-body);font-weight:800}
.wait-track{background:#aa51032b}
.wait-track i{background:var(--brand-orange-dark)}
.wait-compact .wait-guide{background:#fff0d7}
.journey-screen{background:#f47708!important}
.journey-screen .wait-copy{background:linear-gradient(180deg,#f4770800 0%,#f47708e8 55%,#f47708 100%);color:var(--brand-ink)}
.journey-screen .wait-copy strong{font-family:var(--brand-heading);font-weight:700;text-shadow:none}
.journey-screen .wait-eyebrow{color:var(--brand-ink)}
.journey-screen .wait-track{background:#fff4d738}
.journey-screen .wait-track i{background:var(--brand-yellow)}
.illustrated-status{background:var(--brand-soft);color:var(--brand-ink)}
.illustrated-status::after{background:linear-gradient(90deg,var(--brand-orange),var(--brand-yellow),var(--brand-orange));background-size:200% 100%}
.q-dialog:has(.quiz-intro){background:#fff0ce}
.npc-dialogue{background:var(--brand-cream);border-color:var(--brand-orange-dark);box-shadow:5px 5px 0 #efb45b,0 0 0 3px #fff}
.npc-name,.npc-speech{color:var(--brand-ink)}
.npc-name small,.npc-reward,.npc-page{color:var(--brand-muted)}

@media(max-width:650px){.q-brand{font-size:17px}.admin-sidebar nav a{font-size:14px}.q-nav-links{font-size:14px;flex-wrap:wrap}.q-page label,.q-dialog label{font-size:14px}}