:root{
  --card:#ffffff; --line:#f3e8d8; --text:#42210b; --muted:#7c5a44;
  --green:#2fa866; --green-soft:#ecfff4; --amber:#f59a23; --amber-soft:#fff5e6;
  --pink:#ff8fb1; --pink-soft:#fff0f5;
  --theme-accent:#ff8fb1; --theme-soft:#fff0f5; --theme-ink:#9f315d; --theme-glow:rgba(255,143,177,.18);
}
*{box-sizing:border-box}
body{
  margin:0;color:var(--text);
  font-family:"Avenir Next","Segoe UI","Trebuchet MS",sans-serif;
  background:
    radial-gradient(circle at top left, rgba(255,143,177,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(179,140,255,.18), transparent 22%),
    radial-gradient(circle at bottom left, rgba(47,168,102,.14), transparent 24%),
    linear-gradient(180deg,#fffdf8,#fff7ef 45%,#fffaf5);
}
body::before,body::after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(18px);opacity:.6}
body::before{width:240px;height:240px;left:-50px;top:120px;background:var(--theme-glow)}
body::after{width:180px;height:180px;right:2vw;bottom:12vh;background:rgba(245,154,35,.12)}
.mascot-rabbit{--theme-accent:#ff8fb1;--theme-soft:#fff0f5;--theme-ink:#9f315d;--theme-glow:rgba(255,143,177,.18)}
.mascot-knight{--theme-accent:#8fa4ff;--theme-soft:#eef1ff;--theme-ink:#384b9b;--theme-glow:rgba(143,164,255,.2)}
.mascot-raven{--theme-accent:#7d8ea3;--theme-soft:#eef4f9;--theme-ink:#46586c;--theme-glow:rgba(125,142,163,.18)}
.mascot-wolf{--theme-accent:#a27dff;--theme-soft:#f4efff;--theme-ink:#6c45af;--theme-glow:rgba(162,125,255,.18)}
.mascot-fox{--theme-accent:#ff9f68;--theme-soft:#fff1e8;--theme-ink:#a24d14;--theme-glow:rgba(255,159,104,.18)}
.mascot-cobra{--theme-accent:#48b78b;--theme-soft:#eafaf4;--theme-ink:#0d7650;--theme-glow:rgba(72,183,139,.18)}
.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:rgba(255,250,245,.88);border-bottom:1px solid var(--line)}
.topbarInner{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;font-weight:800;font-size:1rem}
.rabbitBtn{border:none;background:transparent;padding:0;margin-right:8px;font-size:1.3rem;line-height:1;cursor:pointer;position:relative;z-index:5}
.menu{display:flex;gap:8px;flex-wrap:wrap}
.menuBtn{border:1px solid #efdcc5;background:white;color:var(--text);padding:10px 14px;border-radius:999px;cursor:pointer}
.menuBtn.active{background:var(--theme-soft);border-color:var(--theme-accent);color:var(--theme-ink)}
.container{max-width:1200px;margin:0 auto;padding:18px 16px 28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:0 12px 28px rgba(121,79,50,.07)}
.hero{margin-bottom:18px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:var(--pink-soft);color:#9f315d;font-size:14px;font-weight:700}
.bigBadge{background:var(--amber-soft);color:#9a5a00}
h1,h2,.gateTitle,.victoryRank{font-family:"Baskerville","Palatino Linotype","Book Antiqua",serif}
h1{font-size:40px;line-height:1.05;margin:10px 0}
h2{font-size:22px;margin:0 0 8px}
p{color:var(--muted)}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kpi{padding:16px;border-radius:22px;border:1px solid var(--line)}
.kpiGreen{background:var(--green-soft);border-color:#b8eccd}
.kpiAmber{background:var(--amber-soft);border-color:#ffd79f}
.kpi strong{font-size:30px;display:block}
.progress{height:8px;background:#f0e3d1;border-radius:999px;overflow:hidden}
.progress>div{height:100%;background:linear-gradient(90deg,var(--green),#6dd39a)}
button,input,select,.buttonLike{font:inherit;border-radius:16px;padding:12px 14px}
button,.buttonLike{cursor:pointer;border:1px solid #e8d7c3;background:white;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
button.primary,.buttonLike.primary{background:linear-gradient(180deg,#45c37e,#2fa866);color:white;border:none}
button.amber{background:linear-gradient(180deg,#ffb84c,#f59a23);color:white;border:none}
button:disabled{opacity:.55;cursor:not-allowed}
input,select{border:1px solid #e4d5c4;width:100%;background:white}
.teamButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.teamBtn.selected{background:var(--pink-soft);border-color:#ffc7d8}
.page{display:none}
.activePage{display:block}
.mainGrid{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
.sideCol{display:grid;gap:18px;align-content:start}
.sectionTitleRow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.teamPill,.timerPill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--pink-soft);border:1px solid #ffc7d8;font-size:13px;font-weight:700;color:#9f315d}
.list{display:grid;gap:10px}
.item{border-radius:20px;padding:15px;border:1px solid var(--line);background:#fff}
.item.locked{background:#fffaf5;color:#8a6a56}
.item.active{background:#fff7df;border-color:#ffd890}
.item.complete{background:#f2fff7;border-color:#bdeccf}
.panel{display:grid;gap:12px}
.muted{font-size:14px;color:var(--muted)}
.warn{font-size:14px;padding:12px;border-radius:18px;background:#fff6de;border:1px solid #ffd890;color:#8a5700}
.note{font-size:14px;padding:12px;border-radius:18px;background:#eef9ff;border:1px solid #bfeaff;color:#17506a}
.small{font-size:12px;color:var(--muted)}
.hintActionRow{display:flex;align-items:center;gap:10px}
.mapWrap{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#f6eee6}
.mapWrap img{display:block;width:100%;height:auto}
.pin{position:absolute;transform:translate(-50%,-50%);padding:7px 11px;border-radius:999px;font-size:12px;border:1px solid #ffd890;background:#fff7df;white-space:nowrap;box-shadow:0 8px 16px rgba(121,79,50,.09)}
.pin.complete{border-color:#bdeccf;background:white}
.leader{display:grid;gap:10px}
.leaderRow{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--line);border-radius:20px;gap:12px;background:white}
.leaderMain{display:flex;align-items:center;gap:10px;min-width:0}.leaderText strong{display:block}.leaderText{min-width:0}.leaderRight{text-align:right}.leaderPlacement{font-size:12px;color:var(--muted)}.trophyBadge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;font-size:18px;flex:0 0 auto}.trophyGold{background:#fff3c4;border:1px solid #f0d36a}.trophySilver{background:#f3f5f8;border:1px solid #cfd6df}.trophyBronze{background:#f7e4d4;border:1px solid #d9a777}
.scanWrap{max-width:980px;margin:0 auto}
.scanCard{width:100%;max-width:none}
.captureBtn{width:100%}
.cameraActions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}
.secondaryActions{grid-template-columns:1.2fr 1fr 1fr}
.cameraNote{margin-top:-4px}
.hiddenFileInput{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.photoBox{min-height:380px;background:#6a3d2b;border-radius:20px;display:grid;place-items:center;color:#ffe7c8;overflow:hidden;padding:10px}
.photoReader{width:100%;min-height:360px;background:#fff;border-radius:18px;padding:10px;display:grid;place-items:center;overflow:hidden}
#qr-reader img,#qr-reader canvas,#qr-reader video{max-width:100%!important;height:auto!important;border-radius:16px}
.previewImage,.previewVideo,.previewCanvas{display:block;width:100%;max-height:520px;object-fit:contain;background:#fff;border-radius:16px}
.previewVideo{background:#111;aspect-ratio:3/4}
.previewCanvas{display:block}
.photoPlaceholder{font-size:14px;color:var(--muted);padding:24px;text-align:center}
.scanStatus{min-height:88px;border-radius:22px;padding:18px 20px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:1.2rem;line-height:1.3;border:2px solid transparent;width:100%}
.scanStatusIdle{background:#f7f6f2;border-color:#e8dfd4;color:#6a5c4f}
.scanStatusChecking{background:#eef9ff;border-color:#bfeaff;color:#17506a}
.scanStatusSuccess{background:var(--green-soft);border-color:#8cd5ad;color:#155c36}
.scanStatusWarn{background:var(--amber-soft);border-color:#ffd079;color:#8a5700}
.scanStatusError{background:#fff0f0;border-color:#ffb8b8;color:#8d1f1f}
.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(255,248,241,.88);backdrop-filter:blur(8px)}
.hidden{display:none!important}
.gateCard{position:relative;width:min(560px,100%);background:white;border:1px solid var(--line);border-radius:32px;padding:24px;box-shadow:0 20px 40px rgba(121,79,50,.15)}
.gateTitle{margin-top:12px;margin-bottom:6px;font-size:34px}
.gateCopy{margin-top:0}
.spacer{height:10px}
.full{width:100%}
.adminCard{position:relative}
.adminCloseX{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;border:1px solid #e8d7c3;background:white;font-size:22px;line-height:1;padding:0;cursor:pointer}
.finalEggCard{margin-top:16px;display:grid;gap:16px;align-items:center;grid-template-columns:minmax(0,1fr) auto;padding:18px 20px;border-radius:24px;border:1px solid #ffd79f;background:linear-gradient(180deg,#fff9ea,#fff3d3)}.finalEggBadge{background:#fff2cf;color:#8a5700}.finalEggActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.finalEggBtn{min-width:220px}.victoryCard{position:relative;text-align:center;max-width:560px}.victoryRank{font-size:42px;font-weight:800;line-height:1.05;margin:8px 0 6px}.victoryMeta{padding:12px 14px;border-radius:18px;background:#fff7df;border:1px solid #ffd890;color:#8a5700}.leaderStatus{display:none}
#mapPage .mainGrid{align-items:start}
@media (max-width: 900px){
  h1{font-size:30px}
  .mainGrid{grid-template-columns:1fr}
  .cameraActions,.secondaryActions{grid-template-columns:1fr}
  .photoBox{min-height:300px;padding:8px}
  .photoReader{min-height:280px}
  .scanStatus{font-size:1.05rem;min-height:80px;padding:16px}
  .finalEggCard{grid-template-columns:1fr}
  .finalEggActions{justify-content:stretch}.finalEggBtn{width:100%;min-width:0}
  .victoryRank{font-size:34px}
}

.mapDisabledNote{padding:14px 16px;border-radius:18px;background:#fff6de;border:1px solid #ffd890;color:#8a5700;margin-bottom:12px}
.mapPageLeaderboardOnly{grid-template-columns:1fr!important}



/* Sig Tau additions */
.dangerBtn{background:linear-gradient(180deg,#ff8a80,#e53935);color:white;border:none}
.adminStatusBlock{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
.adminStatusTitle{font-size:18px;margin:0 0 8px}
.adminStatusList{display:grid;gap:8px;max-height:240px;overflow:auto}
.adminStatusRow{padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#fffaf5}
.adminStatusRow strong{display:block}
.adminStatusMeta{font-size:13px;color:var(--muted)}
.gateCard .menuBtn, #gateAdminBtn{justify-content:center}


/* Sig Tau admin access updates */
.gateRabbitBtn{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:999px;border:1px solid #e8d7c3;background:white;font-size:22px;line-height:1;padding:0;cursor:pointer}
#adminPanel{align-items:flex-start;overflow-y:auto}
.adminPanelCard{margin:18px auto;max-height:none}
.overlay{overflow-y:auto}


:root {
  --theme-rabbit: #ff8fb1;
  --theme-knight: #8fa4ff;
  --theme-raven: #7d8ea3;
  --theme-wolf: #a27dff;
  --theme-fox: #ff9f68;
  --theme-cobra: #48b78b;
}
body.finalMissionMode{
  background:
    radial-gradient(circle at top left, rgba(255,213,79,.18), transparent 30%),
    radial-gradient(circle at top right, rgba(143,164,255,.18), transparent 26%),
    linear-gradient(180deg,#fffaf0,#fff2dc 48%,#fff7ef);
}
.gateIdentityGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mascotPreviewCard{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:#fffaf5}
.mascotPreviewEmoji{font-size:28px;line-height:1}
.mascotBadge,.teamThemePill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:13px;white-space:nowrap}
.mascot-rabbit{background:#fff0f5;border-color:#ffc7d8;color:#9f315d}
.mascot-knight{background:#eef1ff;border-color:#cad3ff;color:#384b9b}
.mascot-raven{background:#eef4f9;border-color:#c7d5e2;color:#46586c}
.mascot-wolf{background:#f4efff;border-color:#d8c8ff;color:#6c45af}
.mascot-fox{background:#fff1e8;border-color:#ffd0b2;color:#a24d14}
.mascot-cobra{background:#eafaf4;border-color:#bfead6;color:#0d7650}
.teamPill{background:white}
.leadBanner{padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#fff8ea,#fff2d3);border:1px solid #ffd79f;color:#8a5700;font-weight:700}
.leaderRow{align-items:flex-start;transition:transform .15s ease, box-shadow .15s ease}
.leaderRow:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(121,79,50,.08)}
.leaderSubline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}
.leaderMiniMeta{font-size:12px;color:var(--muted)}
.candyBadge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fffaf0;border:1px solid #ffe0a8;font-size:12px;font-weight:700;color:#8a5700}
#feedbackBox{font-weight:700}
.eggProgress{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.eggDot{width:18px;height:22px;border-radius:50% 50% 48% 48%;background:#f0e3d1;border:1px solid #e2d0b8;display:inline-block;position:relative;transform:rotate(12deg)}
.eggDot::after{content:"";position:absolute;left:4px;top:4px;width:4px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}
.eggDot.complete{background:linear-gradient(180deg,#59ce8b,#2fa866);border-color:#28945a}
.eggDot.current{background:linear-gradient(180deg,#ffd776,#f59a23);border-color:#db830f}
.missionCard{max-width:560px;text-align:center}
.missionMeta{padding:12px 14px;border-radius:18px;background:#eef9ff;border:1px solid #bfeaff;color:#17506a;font-weight:600}
.burstEmoji{position:fixed;left:50%;top:50%;font-size:28px;pointer-events:none;z-index:100;animation:burstFly 1s ease-out forwards}
@keyframes burstFly{
  0%{transform:translate(-50%,-50%) scale(.4);opacity:0}
  12%{opacity:1}
  100%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.15);opacity:0}
}
.adminStatusRow .leaderSubline{margin-top:6px}
.adminStatusLocation{font-size:13px;color:var(--muted)}
.finalEggCard.finalMissionGlow{background:linear-gradient(180deg,#fff8e2,#ffefbd);border-color:#f7cf63;box-shadow:0 18px 34px rgba(245,154,35,.18)}
.victoryCard{background:linear-gradient(180deg,#fffdf8,#fff6db)}
@media (max-width: 700px){
  .gateIdentityGrid{grid-template-columns:1fr}
}

.visuallyHidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.commandStrip{position:sticky;top:66px;z-index:19;background:rgba(255,250,245,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.commandStripInner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.commandCopy{display:grid;gap:4px}
.commandMeta{font-size:13px;color:var(--muted);font-weight:600}
.commandActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.commandTeamPill{background:white;border-color:var(--theme-accent);color:var(--theme-ink)}
.syncBadge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:800;background:white}
.syncBadge::before{content:"";width:9px;height:9px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px rgba(0,0,0,.04)}
.syncLive{color:#155c36;border-color:#8cd5ad;background:#f2fff7}
.syncPending{color:#8a5700;border-color:#ffd890;background:#fff8ea}
.syncLocal{color:#17506a;border-color:#bfeaff;background:#eef9ff}
.syncError{color:#8d1f1f;border-color:#ffb8b8;background:#fff0f0}

.gateCard{width:min(720px,100%);background:linear-gradient(180deg,#fffefb,#fffaf3)}
.gateStepRail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.gateStep{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:18px;border:1px solid #f0dfca;background:#fffdf8}
.gateStep span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--theme-soft);color:var(--theme-ink);font-weight:900;flex:0 0 auto}
.gateStep strong{display:block;font-size:13px}
.gateStep small{display:block;color:var(--muted);font-size:12px;line-height:1.3}
.gatePrompt{margin:8px 0 10px;padding:10px 12px;border-radius:14px;background:#fff8ea;border:1px solid #f3dfbc}
.teamButtons{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.teamBtn{min-height:74px;padding:14px 16px;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;background:#fffefb;box-shadow:0 10px 20px rgba(121,79,50,.06)}
.teamBtn.selected{background:var(--theme-soft);border-color:var(--theme-accent);box-shadow:0 14px 28px rgba(121,79,50,.1)}
.teamBtnLabel{font-weight:900;color:var(--text)}
.teamBtnMeta{font-size:12px;color:var(--muted);text-align:left}
.mascotCardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mascotChoice{padding:14px 12px;border-radius:20px;border:1px solid var(--line);background:white;display:grid;gap:6px;text-align:left}
.mascotChoice strong{font-size:14px}
.mascotChoice small{color:var(--muted);line-height:1.3}
.mascotChoice.active{border-color:var(--theme-accent);box-shadow:0 14px 24px rgba(121,79,50,.08);transform:translateY(-1px)}
.mascotChoice:disabled{opacity:.55;cursor:not-allowed}
.gateDeviceTools{display:grid;gap:10px}
.gateDeviceNote{margin:0}

.fieldGuide{margin:16px 0 18px;padding:16px 18px;border-radius:24px;border:1px solid #f0dfca;background:linear-gradient(180deg,#fffdf8,#fff7ed)}
.fieldGuideRow{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.fieldGuideLabel{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-ink)}
.heroChecklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.heroStep{padding:12px 14px;border-radius:18px;background:white;border:1px dashed #e8d7c3;font-weight:700;color:#684630}

.teamThemePill{background:var(--theme-soft);border-color:var(--theme-accent);color:var(--theme-ink)}
.teamPill,.timerPill{background:var(--theme-soft);border-color:var(--theme-accent);color:var(--theme-ink)}
.teamPill span{display:grid;gap:2px}

.item{position:relative;overflow:hidden;box-shadow:0 8px 18px rgba(121,79,50,.05)}
.item strong{font-size:1.02rem}
.clueHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-right:84px}
.clueIndex,.clueState{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.clueIndex{background:#fff;border:1px solid #ead8c5;color:#7c5a44}
.clueState{background:var(--theme-soft);border:1px solid var(--theme-accent);color:var(--theme-ink)}
.item.complete::after,.item.active::after,.item.locked::after{position:absolute;top:14px;right:14px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em}
.item.complete::after{content:"CLEARED";background:#f2fff7;border:1px solid #bdeccf;color:#1c7347}
.item.active::after{content:"LIVE";background:#fff7df;border:1px solid #ffd890;color:#8a5700}
.item.locked::after{content:"SEALED";background:#fffaf5;border:1px solid #ecd8c2;color:#8a6a56}

.hintRules{border:1px solid var(--line);border-radius:18px;padding:10px 12px;background:#fffdf8}
.hintRules summary{cursor:pointer;font-weight:800;color:var(--theme-ink)}
.hintRules[open]{background:var(--theme-soft)}

.scanInsight{padding:6px 2px 0}
.scanInsightStrong{color:#8a5700}

.missionCard{max-width:620px;text-align:center;background:linear-gradient(180deg,#fffdf7,#fff6e0);border-color:#ffd890;box-shadow:0 28px 56px rgba(121,79,50,.18)}
.missionStamp{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;border:2px dashed #d88254;color:#b15b2a;background:#fff1e8;font-size:12px;font-weight:900;letter-spacing:.14em;transform:rotate(-5deg)}
.missionFlavor{margin-top:8px;font-size:14px;font-weight:700;color:#8a5700}
.missionMeta{background:#fff8ea;border-color:#ffd890;color:#8a5700}

.activityTicker{margin-top:10px;padding:12px 14px;border-radius:18px;background:#fffdf8;border:1px solid #f0dfca;color:#684630;font-size:13px;font-weight:700}

.leaderRow{background:linear-gradient(180deg,#ffffff,#fffaf5)}
.adminPanelCard .panel button,.adminPanelCard .panel select,.adminPanelCard .panel input{width:100%}

#feedbackBox{font-weight:700;transition:background .2s ease,border-color .2s ease,color .2s ease}
#feedbackBox.feedbackSuccess{background:#f2fff7;border-color:#8cd5ad;color:#155c36}
#feedbackBox.feedbackWarn{background:#fff8ea;border-color:#ffd890;color:#8a5700}
#feedbackBox.feedbackError{background:#fff0f0;border-color:#ffb8b8;color:#8d1f1f}

.buttonLike,.ghostBtn{background:white}
.leaveDeviceActive{border-color:var(--theme-accent);color:var(--theme-ink)}

@media (max-width: 900px){
  .commandStrip{top:92px}
  .gateStepRail{grid-template-columns:1fr}
  .heroChecklist{grid-template-columns:1fr}
}

@media (max-width: 700px){
  .mascotCardGrid{grid-template-columns:1fr}
  .commandStripInner{align-items:flex-start}
}