/* A shared, responsive navigation layer. Artwork keeps the established mine palette. */
.footer.mining-dock{left:0;right:0;width:auto;min-height:78px;padding-inline:max(18px,env(safe-area-inset-left));grid-template-columns:minmax(220px,1fr) auto auto;z-index:40}
.mining-dock .footer-identity{grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.mining-dock .dock-version{grid-column:1/-1;justify-self:start;font-size:10px;line-height:1.4;color:#d9c18b;opacity:1;letter-spacing:.04em}
.mining-dock .footer-identity>strong{max-width:220px}.mining-dock .status{grid-column:1/-1}.mining-dock .dock-account{margin-left:8px}
.shell>.sidebar{padding-bottom:calc(var(--footer-height,95px) + 22px)}
.station-navigation{margin:20px 0 0;border-top:1px solid #c0ba8033;padding-top:15px}.station-navigation>summary{cursor:pointer;font-size:12px;color:#e9d6a6;padding:10px;letter-spacing:.06em}.station-navigation-list{padding-top:7px}
.sidebar-welcome{padding:32px 12px;color:#b9ccc4;font-size:14px;line-height:1.7}.sidebar-welcome img{width:72px;display:block;margin-bottom:20px}.shell .topbar{height:auto;min-height:72px}.shell .topbar .breadcrumb{flex:1}
.free-hub{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin:0 0 32px}.free-hub-art{height:auto;min-height:390px;grid-column:2;grid-row:1;background-position:58% center}.free-hub-art:after{background:linear-gradient(90deg,#102e2b,transparent 65%)}.free-hub-copy{grid-column:1;grid-row:1;padding:clamp(24px,3vw,42px);position:relative}.free-hub h1{font-size:clamp(28px,3.1vw,43px);line-height:1.13;color:#ffebbb;margin:12px 0 20px}.free-hub-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;color:#d3e0d4}.free-hub .badge{background:#e9c98216;border:1px solid #d7b86b55;color:#f7dfaa;font-weight:500}
.journey-steps{list-style:none;counter-reset:step;padding:0;display:grid;gap:10px;margin:24px 0;font-size:13px;color:#dfebdf}.journey-steps li{counter-increment:step;display:flex;align-items:center;gap:12px}.journey-steps li:before{content:counter(step);border:1px solid #bda064;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:11px;color:#ffdf8b}
.dashboard-extras{margin:38px 0 24px}.dashboard-extras h2{font-size:24px;margin:0 0 15px}.dashboard-extras>.between .eyebrow{margin-bottom:8px}.learning-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.learning-options>section{margin:0;min-width:0;padding:26px;border-radius:20px;display:flex;align-items:start;flex-direction:column;gap:12px}.learning-options p{font-size:14px;line-height:1.65;margin:0}.learning-options .eyebrow{font-size:10px;margin-bottom:9px}.learning-options h2{font-size:22px;margin-bottom:12px}.learning-options button{margin-top:auto;font-size:14px}.learning-options .review-entry>img{width:58px;height:58px;margin:0}.learning-options .review-entry>div{display:flex;flex-direction:column;flex:1}.learning-options .review-entry button{margin-top:20px}.learning-options .royale-entry{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:4px 25px;background:linear-gradient(100deg,#142e38f5,#142e3899),url('royale/arena-2.webp') center/cover;border:1px solid #ad9867;color:#e6eddf}.royale-entry h2{color:#ffe7b6}.royale-entry p{max-width:610px}.royale-entry .eyebrow,.royale-entry h2,.royale-entry p{grid-column:1}.royale-entry button{grid-column:2;grid-row:1/4;align-self:center;background:#f3d693;color:#17332f;margin:0}.royale-entry [data-free-status]:empty{display:none}
.journey-tools{padding:18px 22px;border:1px solid #c2cfc5;border-radius:18px;background:#eef2e9;margin:22px 0}.journey-tools>summary{cursor:pointer;font-weight:650}.journey-tools .treasury-bar{margin:18px 0 0}.journey-tools .expedition-links{margin-top:20px}.subject-launch h1{font-size:clamp(28px,4vw,44px);color:#ffe8af}.journey-journal{margin-top:34px}
.picker-intro{display:flex;gap:18px;align-items:center;padding:22px;background:linear-gradient(110deg,#153b34,#245245);color:#f4ebcf;border:1px solid #bfa063;border-radius:18px;margin:16px 0}.picker-intro img{width:62px;height:62px}.picker-intro p{margin:0;line-height:1.6}.picker-intro .eyebrow{color:#eacc8a;margin-bottom:8px}.picker-filters{display:grid;grid-template-columns:1fr 1fr;gap:18px}.picker-filters label{margin:0}.picker-selection{justify-content:start;font-size:13px;gap:8px;margin:8px 0}.picker-selection button{font-size:12px;padding:9px 13px}.picker-selection [data-selection-count]{margin-left:auto;font-weight:650;color:#536b5d}.journey-picker [data-modules]{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:43dvh;padding:4px 4px 12px;overscroll-behavior:contain}.journey-picker .subject-module{margin:0;padding:17px;background:#fffdf5}.journey-picker .subject-module label{margin:0;display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:14px;line-height:1.45}.journey-picker .subject-module input{flex:none;margin:0;accent-color:#24745d}.journey-picker .subject-module:has(input:checked){border-color:#24745d;background:#edf7ec;box-shadow:inset 0 0 0 1px #24745d}.journey-picker .subject-module p{font-size:12px;margin:12px 0 3px}.journey-picker .subject-module button{font-size:12px;padding:7px 11px;background:#e5ece3;color:#25473d}.journey-picker .subject-badge{width:40px;height:40px;margin-left:10px}.picker-launch{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 20px;position:sticky;bottom:-24px;background:#f5f3e8;border-top:1px solid #b6c5b8;padding:12px 0 18px;z-index:1}.picker-launch label{margin:0}.picker-launch>button{margin:0;min-height:49px}.picker-launch p{grid-column:1/-1;margin:2px 0 0;color:#526457;font-size:12px;line-height:1.5}.picker-empty{grid-column:1/-1;padding:24px}.subject-reading{grid-column:1/-1}.subject-dialog [data-message]{position:relative;z-index:3}
.teacher-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.teacher-tools .subject-admin-entry{margin:0!important;padding:18px 22px 18px 72px!important;background-size:36px!important;font-size:14px}.teacher-page .command-nav{gap:8px;padding:14px;border:1px solid #a99368;border-radius:18px;background:#183b35}.teacher-page .command-nav button{flex:1 1 160px;min-height:46px;color:#e8e9d3;border-color:#879e8055;font-size:13px}.teacher-page .command-nav button[aria-selected=true]{background:#efcf89;color:#183b35}.teacher-page .action-row{gap:12px;flex-wrap:wrap}.teacher-page label{line-height:1.5}.teacher-page .student-account-actions{gap:10px}
#toast:not(:empty){padding:18px 46px 18px 80px;min-height:80px;background:linear-gradient(110deg,#15332f,#23473d);border:1px solid #c1a26a;border-radius:18px;color:#f9efce;box-shadow:0 14px 40px #061e2940;animation:signal-enter .3s ease-out;line-height:1.5}#toast:not(:empty):before,.update-notice:before{content:'';background:url('interface/signal-crystal.webp') center/cover;width:56px;height:56px;border-radius:50%;position:absolute;left:12px;top:12px;box-shadow:0 0 17px #76e2c525;animation:signal-glow 3s ease-in-out infinite alternate}#toast.toast-leaving:not(:empty){animation:signal-exit .24s ease-in both}.update-notice{padding-left:84px;min-height:90px;animation:signal-enter .35s ease-out}.update-notice>span{font-size:14px}.update-notice button{min-height:40px}
@keyframes signal-enter{from{opacity:0;transform:translateX(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes signal-exit{to{opacity:0;transform:translateX(22px)}}@keyframes signal-glow{to{box-shadow:0 0 24px #76e2c559;filter:brightness(1.15)}}
@media(max-width:1100px){.free-hub{grid-template-columns:1.25fr 1fr}.footer.mining-dock{grid-template-columns:minmax(175px,1fr) auto auto;gap:10px}.mining-dock .footer-identity{grid-template-columns:1fr;gap:1px}.mining-dock .dock-code{font-size:10px}}
@media(max-width:950px){.footer.mining-dock{grid-template-columns:minmax(0,1fr) auto}.mining-dock .footer-identity{grid-template-columns:1fr auto;gap:1px 12px}.mining-dock .dock-version{grid-column:1;grid-row:1}.mining-dock .footer-identity>strong{grid-column:1;grid-row:2}.mining-dock .dock-code{grid-column:2;grid-row:2}.mining-dock .status{grid-column:2;grid-row:1;text-align:right;justify-self:end}.mining-dock .footer-economy{grid-column:1/-1;grid-row:2}.mining-dock .dock-account{grid-column:2;grid-row:1}}
@media(max-width:800px){.shell>.sidebar{padding:10px 16px}.shell .sidebar nav{display:flex;flex-wrap:wrap;overflow:visible}.sidebar-welcome{display:none}.shell .navbtn .navtext{display:inline}.station-navigation{margin:0;padding:0;border:0;flex:1;min-width:150px}.station-navigation>summary{min-height:46px;padding:13px}.station-navigation-list{display:flex;gap:8px;max-width:calc(100vw - 32px);overflow:auto;padding:10px 0}.station-navigation[open]{flex-basis:100%}.station-navigation .navtext{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell .topbar{min-height:60px;padding:10px 18px}.mobile-brand .brand-logo{width:30px;height:30px}.free-hub-art{min-height:310px}.free-hub-copy{padding:25px}.free-hub h1{font-size:28px}.learning-options{gap:12px}.learning-options>section{padding:22px}.learning-options .royale-entry{display:flex}.teacher-tools{grid-template-columns:1fr}.teacher-page .command-nav{position:relative;top:auto}}
@media(max-width:600px){.free-hub{grid-template-columns:1fr}.free-hub-art{grid-column:1;grid-row:1;height:175px;min-height:0;background-position:center 58%}.free-hub-art:after{background:linear-gradient(transparent 45%,#102e2b)}.free-hub-copy{grid-column:1;grid-row:2;padding:16px 24px 26px}.free-hub h1{font-size:30px}.journey-steps{margin:20px 0}.learning-options{grid-template-columns:1fr}.learning-options .review-entry{display:grid;grid-template-columns:50px 1fr;gap:15px}.learning-options .review-entry>img{width:50px;height:50px}.picker-filters{grid-template-columns:1fr;gap:10px}.journey-picker [data-modules]{grid-template-columns:1fr;max-height:40dvh}.picker-intro{padding:16px;gap:12px}.picker-intro img{width:46px;height:46px}.picker-intro p{font-size:13px}.picker-launch{bottom:-16px;gap:8px}.picker-launch>button{font-size:13px;padding:10px 12px}.picker-selection [data-selection-count]{margin-left:0;flex-basis:100%}.picker-launch p{font-size:11px}.journey-tools{padding:16px}.teacher-page .command-nav button{flex:1 1 125px}.mining-dock .footer-identity{grid-template-columns:minmax(0,1fr);gap:1px}.mining-dock .dock-version{grid-column:1;grid-row:1;font-size:9px}.mining-dock .footer-identity>strong{grid-column:1;grid-row:2;max-width:240px}.mining-dock .dock-code{grid-column:1;grid-row:3;font-size:9px}.mining-dock .status{grid-column:1;grid-row:4;justify-self:start;font-size:9px}.footer.mining-dock{padding:6px 12px calc(6px + env(safe-area-inset-bottom))}.mining-dock .dock-account{margin:0}.update-notice{padding-left:72px}.update-notice:before{width:48px;height:48px;left:10px}#toast:not(:empty){padding:16px 20px 16px 76px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#toast:not(:empty),#toast:not(:empty):before,.update-notice,.update-notice:before{animation:none}}
@media print{.teacher-tools,.station-navigation{display:none}}
/* Keep informational effects from competing with ongoing games or hidden tabs. */
body:has(dialog[open]) #toast:not(:empty){top:12px}

.modal-body>button+p{margin-top:16px}.modal-body .action-row{gap:12px;flex-wrap:wrap}.journey-picker .subject-reading{padding-top:14px;border-top:1px solid #b4c7b6;margin-top:14px}
@media(max-width:600px){
 .journey-picker .picker-intro{display:block;padding:12px 15px;margin:12px 0}.journey-picker .picker-intro img,.journey-picker .picker-intro .eyebrow{display:none}.journey-picker .picker-intro p{font-size:12px;line-height:1.5}
 .journey-picker .picker-filters{grid-template-columns:1fr 1fr;gap:10px}.journey-picker .picker-filters label{font-size:12px}.journey-picker .picker-filters input,.journey-picker .picker-filters select{font-size:13px;padding:10px;min-height:44px}
 .journey-picker .picker-selection [data-selection-count]{padding:2px 0;background:transparent;margin:0;line-height:1.5;font-size:12px}.journey-picker [data-modules]{max-height:34dvh}
}
@media(max-width:360px){
 .mining-dock .dock-pouch{width:28px;height:34px}.mining-dock .dock-wallet summary small{font-size:8px}.mining-dock .dock-wallet summary b{font-size:9px;max-width:56px}.mining-dock .coin-label{display:none}.mining-dock .dock-actions{gap:4px}.mining-dock .dock-actions button{font-size:10px;padding-inline:7px}.mining-dock .dock-inbox img{width:22px;height:22px}
}