/* Quiet surfaces, clear study choices, and room around the 3D model. */
.topbar{padding:0 30px;gap:22px}.topbar nav{margin-left:12px;border:1px solid #00354e25;background:#ffffff12;padding:4px;border-radius:28px;gap:2px}.topbar nav button{font-size:12px;padding:10px 15px;min-height:38px}.topbar nav .daily-btn{padding:8px 13px}.header-actions{gap:22px;margin-left:10px}.header-link{font-size:12px}
main{width:100%;max-width:2200px;grid-template-columns:minmax(0,1fr) 420px;padding:0 64px 0 28px;gap:68px}.scene-heading,.view-orientation{display:none!important}
#canvasWrap{mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
#panel{padding:30px 2px 30px 0}h1{font-size:clamp(52px,4vw,72px)}.map-meta{line-height:1.6;max-width:350px;margin-bottom:24px}.region-grid{gap:7px}.region-card{display:block;min-height:58px;border-radius:10px}.whole-card{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;min-height:49px}.whole-card small{margin-top:0}.map-actions{margin-top:18px}.map-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-shortcuts button{min-height:39px;font-size:12px}.map-extras{margin-top:17px}
.view-tools button{width:auto;height:auto;border-radius:20px}.view-tools #resetView{background:transparent;color:inherit}.view-tools #resetView:hover{background:#ffffff25}.view-tools #resetView.just-centered{background:#ffffffb0}.viewer-bottom{bottom:22px;left:20px;right:20px}
.region-picker{margin:22px 0 18px;min-width:0}.region-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid #00354e30;background:#ffffff0a;border-radius:12px;padding:12px 15px;font-size:14px;font-weight:550}.region-trigger[aria-expanded=true]{border-color:#00354e70;background:#ffffff20}.region-trigger:hover{background:#ffffff20;color:inherit}.region-trigger span{font-size:21px;font-weight:400;line-height:1}.region-options{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;padding:7px;border-radius:14px;border:1px solid #00354e24;background:#ffffff1a}.region-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;min-height:51px;padding:9px 10px;border-radius:8px;font-size:12px}.region-options button:first-child{grid-column:1/-1}.region-options small{font-size:10px;opacity:.7}.region-options button:hover{background:#ffffff20;color:inherit}.region-options button[aria-pressed=true]{background:#ffffffc7;color:#00354e}
.group-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.group-filters button{padding:7px 10px;border-radius:16px;border:1px solid #00354e29;font-size:10px;min-height:31px}.group-filters button[aria-pressed=true]{background:#ffffffc2;border-color:transparent}.group-filters button:hover{background:#ffffff25;color:inherit}.bone-list{max-height:240px}.bone-row{min-height:37px;padding:9px 10px}
.topic-grid{display:grid;gap:7px;margin:18px 0}.topic-grid button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;text-align:left;border:1px solid #00354e28;padding:11px 13px;border-radius:10px}.topic-grid b{font-size:12px;font-weight:600}.topic-grid small{font-size:10px;white-space:nowrap;opacity:.7}.topic-grid button.active{background:#ffffffc9;border-color:#ffffff90}.topic-grid button:hover{background:#ffffff28;color:inherit}.topic-grid button.active:hover{background:#ffffffdc}.round-summary{margin:15px 0 20px}.game-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.game-picker button{min-height:58px;flex-direction:column;gap:5px}.game-picker button:first-child{grid-column:1/-1}.game-picker b{font-size:12px}.game-picker small{font-size:10px;opacity:.7}
#nextPreview{position:absolute;z-index:2;right:5%;top:31%;width:128px;pointer-events:none;text-align:center;opacity:.8}#nextPreview>small{font-size:8px;font-weight:650;letter-spacing:1.4px;opacity:.65}#nextPreviewModel{height:145px;width:100%}#nextPreviewModel:after{content:'';display:block;height:100%;border-bottom:1px solid #00354e18;border-radius:20px}
.quiz-active #panel{width:min(660px,calc(100% - 48px))}.quiz-active #viewer{bottom:370px}.quiz-instruction{font-size:13px;margin:6px 0 13px;color:var(--soft)}.quiz-length{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quiz-length button{flex-direction:column;gap:5px}.quiz-length b{font-size:26px;font-weight:650}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 9px}.quiz-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid #00354e35;border-radius:10px;min-height:56px;font-size:13px}.choice-number{flex:none;width:25px;height:25px;display:grid;place-content:center;background:#00354e12;border-radius:8px;font-size:11px}.quiz-choice:hover{background:#ffffff35;color:inherit}.quiz-choice:disabled{opacity:1;cursor:default}.quiz-choice.correct{background:#ffffffd9;border-color:#ffffffd9;color:#07523c}.quiz-choice.incorrect{background:#8c302c14;border-color:#7e2b2399;color:#7e2b23}.locate-help{font-size:12px;line-height:1.7;max-width:400px;opacity:.8;margin:6px auto 15px}.quiz-active #quizFeedback{min-height:62px}
.card-counter{display:flex;justify-content:space-between;gap:12px;margin:22px 0 10px;font-size:11px;opacity:.8}.flashcard{border:1px solid #00354e30;border-radius:18px;padding:26px 23px;min-height:210px;background:#ffffff09;margin-bottom:13px}.flashcard .eyebrow{font-size:9px;margin-bottom:15px;display:block}.flashcard h3{font-size:29px;font-weight:720;letter-spacing:-.8px;line-height:1.2}.flashcard p{font-size:13px;line-height:1.75;margin-top:15px}.flashcard small{display:block;font-size:11px;margin-top:16px;opacity:.7}.card-memory{border-top:1px solid #00354e20;padding-top:14px}.card-ratings{display:grid;grid-template-columns:1fr 1fr;gap:9px}.card-ratings .primary{justify-content:center}.card-footnote{font-size:10px;line-height:1.7;margin:13px 0 0;opacity:.7}
.practice-active .view-tools button,.lesson-active .view-tools button{width:auto;height:auto;min-width:42px}.practice-active #panel{overflow:clip}.practice-active main{min-height:0}
body[data-theme=dark] .topbar nav{border-color:#ffffff22;background:#ffffff04}body[data-theme=dark] #resetView{background:transparent;color:#e9e6de}body[data-theme=dark] #resetView.just-centered{background:#ffffff30}body[data-theme=dark] .region-trigger,body[data-theme=dark] .region-options,body[data-theme=dark] .topic-grid button,body[data-theme=dark] .group-filters button,body[data-theme=dark] .flashcard,body[data-theme=dark] .quiz-choice{border-color:#ffffff25;background:#ffffff04;color:#eee9df}body[data-theme=dark] .region-options button:hover,body[data-theme=dark] .topic-grid button:hover{background:#ffffff10;color:#eee9df}body[data-theme=dark] .region-options button[aria-pressed=true],body[data-theme=dark] .topic-grid button.active,body[data-theme=dark] .group-filters button[aria-pressed=true]{background:#f1e7d4;color:#15191c}body[data-theme=dark] .quiz-choice.correct{color:#a4e0bc;background:#1d362a;border-color:#8bc2a0}body[data-theme=dark] .quiz-choice.incorrect{color:#ffb0a7;background:#35201f;border-color:#b98079}body[data-theme=dark] .choice-number{background:#ffffff14}body[data-theme=dark] .card-memory{border-color:#ffffff20}body[data-theme=dark] #nextPreviewModel:after{border-color:#ffffff20}
@media(max-width:1250px){main{padding-right:34px;padding-left:15px;gap:35px;grid-template-columns:minmax(0,1fr) 360px}.topbar{gap:14px;padding:0 24px}.topbar nav{margin-left:0}.topbar nav button{padding:9px 11px}.header-actions{gap:17px;margin-left:0}.header-link{font-size:11px}}
@media(max-width:1100px){.topbar{padding-top:15px;padding-bottom:10px;gap:12px 15px}.topbar nav{flex-basis:auto}.header-actions{flex-basis:auto;order:3}.topbar nav button{flex:none}.utility-controls{order:1}.brand{order:0}main{height:calc(100dvh - 145px)}}
@media(max-width:760px){.topbar{padding:16px 18px 10px;min-height:143px;gap:10px 0}.topbar nav{flex-basis:100%;padding:4px;margin:2px 0 0;gap:0;justify-content:space-between}.topbar nav button{padding:8px 10px;min-height:34px;font-size:11px;flex:1}.topbar nav .daily-btn{font-size:11px;padding:8px}.topbar nav .daily-btn>span{display:none}.header-actions{width:100%;flex-basis:100%;justify-content:center;gap:25px}.header-link{font-size:11px}.utility-controls{margin-left:auto}main{display:flex;padding:0;gap:0;height:auto}#panel{padding:24px 22px 32px}.viewer-bottom{bottom:13px;left:14px;right:14px}.whole-card{min-height:49px}.whole-card b{font-size:12px}.map-meta{margin-bottom:21px}.region-card{min-height:57px}.whole-card small{font-size:10px}.map-shortcuts button{font-size:11px}.region-trigger{font-size:13px}.region-options button{min-height:51px}.topic-grid b{font-size:11px}.topic-grid small{font-size:10px}.group-filters{gap:5px}.group-filters button{font-size:9px;padding:6px 9px}.flashcard{padding:23px 19px}.flashcard h3{font-size:27px}#nextPreview{right:3%;top:12px;width:62px}#nextPreview>small{font-size:6px;letter-spacing:.8px}#nextPreviewModel{height:75px}.quiz-active #panel{width:100%}.quiz-choices{gap:7px}.quiz-choice{min-height:61px;padding:10px;font-size:12px;gap:7px}.choice-number{height:20px;width:20px;font-size:10px}.quiz-instruction{font-size:11px}.practice-active #panel{padding:17px 18px 26px}.practice-active #viewer{bottom:auto}.cards-active #viewer{position:sticky;top:0;z-index:3;height:32svh;min-height:220px;max-height:340px}.card-counter{margin-top:18px}.card-footnote{font-size:10px}.quiz-length{gap:7px}.quiz-length button{padding:12px 8px;font-size:11px}.quiz-length b{font-size:24px}}