/* 0.11.0: two modes, one continuous course. No district map or microphone UI. */
[hidden]{display:none!important}
.journey-page .brand{margin-bottom:14px}
.journey-page .profile-head h1{font-size:25px;overflow-wrap:anywhere}
.journey-page .saved-players{margin:14px 0;padding:12px;border:1px solid #d6e5e9;border-radius:13px}
.journey-page .saved-players summary,.journey-page .journey-options summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.journey-page .journey-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.journey-modes button{min-height:82px;font-size:19px;padding:14px;border-radius:16px;background:#754e9a}
.journey-modes button[data-mode=teach]{background:#148069}
.journey-modes button small{display:block;font-size:13px;line-height:1.4;font-weight:400;margin-top:5px}
.journey-page .journey-options{margin-top:14px;border:1px solid #d6e5e9;border-radius:13px;padding:10px 14px}
.journey-options p{font-size:13px;line-height:1.5}
.journey-options form{margin:12px 0}
.journey-options button{min-height:44px}
.journey-page #journey-wait{padding:20px 5px}
.journey-page #journey-wait h2{font-size:24px}
.journey-page #check-content{min-height:48px}
body.playing #game-view .game-toolbar #district-label{overflow-wrap:normal;font-size:clamp(17px,4.6vw,23px)}
body.playing #game-view .game-total{display:flex;flex-shrink:0}
body.playing .game-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) auto}
body.playing #step-count{white-space:normal;font-size:clamp(14px,3.8vw,19px)}
body.playing #game-notices .save-status.problem{font-size:14px}
body.playing #retry-box{position:relative;z-index:4}
body.playing #classic-panel:not([hidden]),body.playing #teach-panel:not([hidden]){min-width:0}
body.playing #game-view #clue.has-text{max-width:540px}
body.playing #journey-complete h2{font-size:clamp(22px,4.5vw,32px)}
body.playing .journey-progress{font-size:13px}
body.playing #next,body.playing #teach-next{min-height:44px}
#notice-body img,#notice-body video{max-width:100%;height:auto}
#notice-body{overflow-wrap:anywhere;line-height:1.5}
#notice-video iframe{width:100%;aspect-ratio:16/9;border:0}
@media(max-width:420px){.journey-page .card{padding:15px 12px}.journey-modes button{font-size:16px;padding:12px 7px}.journey-modes button small{font-size:12px}}
@media(min-width:1181px) and (hover:hover){body.playing .shell{max-width:1000px}body.playing .brand,body.playing .profile-head,body.playing footer{display:none}body.playing .card{padding:20px 24px}body.playing #game-view{max-width:850px;margin:auto}body.playing .game-total b{font-size:22px}body.playing .game-total small{font-size:11px}}
/* Prevent the shell's top margin from adding to the body's viewport min-height. */
body.journey-page{display:flow-root}
.journey-page .teacher-legacy-note{font-size:14px}