/* Orange High: charcoal and white first, school orange for emphasis. */
.pin-page{max-width:660px;margin:0 auto;padding:28px 18px}.pin-page>.brand{margin-bottom:28px}.pin-panel{padding:26px}.pin-panel h1{margin-top:20px}.pin-panel .school-emblem{max-width:65px}.pin-panel input[name=pin]{font-size:24px;letter-spacing:8px}#pin-error{color:#ffc4ab;min-height:20px}.mantra-banner{margin:30px auto 0;max-width:880px;text-align:center}.mantra-banner>img{width:100%;height:auto}.mantra-banner .brand-swoosh{width:55px;display:block;margin:12px auto}.preview{flex-wrap:wrap}.role-switch{flex-wrap:wrap}.footer-meta{gap:12px}.pin-panel .hint{line-height:1.6}
:root {
  --bg: #101012;
  --panel: #1a1a1d;
  --raised: #242427;
  --line: #343437;
  --ink: #f7f5f2;
  --muted: #b1afb0;
  --orange: #ff792f;
  --lime: #ffb078; /* Compatibility with existing emphasis components. */
  --danger: #ffb4a6;
}
body {background: radial-gradient(ellipse at 95% 0, #ff792f08, transparent 42%), var(--bg)}
.preview {background:#1d1b1a;border-bottom:1px solid #45372e;color:#d6cec8}
.preview .dot {background:var(--orange)}
.sidebar {background:#131315}
.brand img {width:46px;height:46px;object-fit:contain;border-radius:0}
.brand strong {font-size:24px;letter-spacing:.015em}
.team-tag {justify-content:center;gap:13px;padding:17px 7px}
.school-emblem {display:block;width:62px;height:57px;object-fit:contain;background:#fff;padding:4px;border-radius:9px}
.school-context {font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}
.school-context small {font-family:var(--body);font-size:9px;font-weight:500;letter-spacing:.12em;margin-top:5px}
.nav button.active {background:#ff792f13;color:#ffad77;box-shadow:inset 3px 0 0 var(--orange)}
.nav-label,.footer-meta {color:#a8a5a4}
.season-badge {border-top:2px solid #a64a21;background:#1a191a}
.topbar {background:#131315cc}
.role-switch {background:#232326}
.avatar {background:#303033;color:#f4eeea}
.avatar.orange {background:#3d2b22;color:#ffc49e}
.mobile-brand .brand {gap:7px}
.mobile-brand .brand img {width:30px;height:30px}
.mobile-brand .brand strong {font-size:21px}
.btn.lime {background:var(--orange);border-color:var(--orange);color:#241408;font-weight:800}
.pill {background:#312a25;color:#ffd0b0}
.pill.neutral {background:#2b2b2e;color:#cfccca}
.pill.orange {background:#3d2a20;color:#ffb98c}
.pill.warn {background:#3a2e22;color:#f3d1a3}
.hero {background:radial-gradient(ellipse at 110% 15%,#74361755,transparent 58%),linear-gradient(125deg,#212124,#171719);border-color:#594031;min-height:335px}
.hero:before {background:repeating-linear-gradient(125deg,transparent 0,transparent 77px,#ffffff04 78px,#ffffff04 80px)}
.hero:after {content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)}
.hero .eyebrow {color:#ffb17c}
.hero p,.hero-meta {color:#c8c4c1}
.hero .hero-note {color:#b6aeaa}
.mission-art {color:var(--orange)}
.mission-art .ring {border-color:#895034;box-shadow:0 0 0 17px #ff792f04,0 0 0 18px #ff792f1a}
.mission-art .ring span {color:#f4eae2}
.mission-art small {color:#cbb4a5}
.player-card {background:radial-gradient(ellipse at 100% 0,#ff792f15,transparent 70%),linear-gradient(145deg,#242326,#19191c);border-top:2px solid #ad542f}
.player-card:before {color:#ffffff04}
.bar {background:#333033}
.bar>span {background:var(--orange)}
.jersey {color:#25150e}
.mission-icon {background:#302823;color:#ffbd90}
.mission-icon.orange {background:#39291f}
.mission-row .points {color:#ffb887}
.challenge {background:linear-gradient(130deg,#242123,#1c1c1f)}
.fuel-mini {background:#252122;border-color:#4b3c35}
.fuel-hero {background:linear-gradient(115deg,#30251f,#1d1d20);border-color:#584234}
.meal-picks button.selected {background:#f2ece8;color:#201712;border-color:#f2ece8}
.field input,.field textarea,.field select,select.control,input.control {background:#121215;border-color:#464349}
th {border-bottom-color:#484449}
.leaderboard tbody tr.self {background:#ff792f0a}
.notice {background:#252123;border-color:#473b36;color:#ded2ca}
.notice.warn {background:#34271d;border-color:#62442e;color:#f0d4bd}
.alert-item {background:#232124}
.alert-item.win {border-color:#b9b2aa}
.exercise.saved {background:#ff792f06}
.checkline input {accent-color:var(--orange)}
dialog {border-color:#50474a}
dialog::backdrop {background:#080809c9}
#toast,.checkin-success .success-icon {background:#f5e8dd;color:#332216}
.media-player {background:#151518}
.media-player-image {background:radial-gradient(ellipse at 50% 70%,#ff792f10,transparent),#202024}
.media-number {color:#c2af9f48}
.media-unit {background:linear-gradient(transparent,#100c0aeb)}
.media-preview,.media-review-preview {background:#121215}
.school-lockup {display:flex;align-items:center;gap:13px}
.page-school {display:flex;align-items:center;gap:9px}
.page-school .school-emblem {display:none}
.school-lockup .eyebrow {margin-bottom:7px}
.wall-header .school-emblem {width:82px;height:76px}
.demo-tour {display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:9px 18px;background:#171719;border-bottom:1px solid var(--line)}
.demo-tour span {font-size:11px;color:var(--muted)}
.demo-tour .btn {min-height:31px;font-size:11px;padding:5px 11px}
.demo-tour .btn[aria-pressed=true] {color:#ffb47f;border-color:#79503a;background:#31241d}
@media(max-width:1150px) {
  .brand {gap:7px}
  .brand img {width:36px;height:36px}
  .brand strong {font-size:20px}
  .school-emblem {width:54px;height:51px}
  .school-context {font-size:15px}
}
@media(max-width:680px) {
  .page-school .school-emblem {display:block;width:30px;height:28px;padding:2px;border-radius:5px}
  .hero {min-height:320px}
  .mission-art .ring {box-shadow:0 0 0 9px #ff792f05,0 0 0 10px #ff792f1a}
  .demo-tour {gap:6px;padding:8px 10px;justify-content:flex-start}
  .demo-tour span {width:100%}
  .demo-tour .btn {font-size:10px;padding:5px 9px}
  .school-lockup {gap:10px}
  .wall-header .school-emblem {width:55px;height:52px}
}
@media print {.demo-tour{display:none!important}.panel,.report{background:#fff;color:#111}.school-emblem{border:0}}
.google-signin{background:#fff!important;color:#1f1f1f!important;border:1px solid #747775!important;border-radius:4px;min-height:44px;font-family:Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;}
.google-signin:hover{background:#f2f2f2!important;}
.google-signin:focus-visible{outline:3px solid #E0632A;outline-offset:3px;}