.ordjagt-game-root,
.ordjagt-login-gate {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ordjagt-game-root * { box-sizing: border-box; }

.ordjagt-game-root {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #030807;
  padding: 10px;
  overflow-x: auto;
  overflow-y: hidden;
}

.ordjagt-app-wrap {
  width: 100%;
  display: grid;
  place-items: center;
  position: relative;
}

.ordjagt-rotate-hint {
  display: none;
  position: sticky;
  top: 0;
  z-index: 50;
  margin: 0 auto 8px;
  max-width: 92vw;
  padding: 10px 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #fce7a6, #bd7a23);
  color: #231105;
  font-weight: 900;
  text-align: center;
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
}

.ordjagt-app {
  width: min(100%, 1680px, calc((100dvh - 20px) * 16 / 9));
  min-width: 960px;
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  color: #fff;
  background: #07120d center / cover no-repeat;
  background-image: var(--oj-bg);
  box-shadow: 0 24px 100px rgba(0,0,0,.65);
  isolation: isolate;
}

.ordjagt-app-vignette {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 48% 44%, rgba(255,205,92,.12), transparent 32%),
    linear-gradient(90deg, rgba(2,7,6,.45), transparent 22%, transparent 68%, rgba(2,7,6,.62)),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.35));
  pointer-events: none;
}

.ordjagt-app > *:not(.ordjagt-app-vignette) { position: absolute; z-index: 1; }

.ordjagt-app-logo {
  left: 1.2%;
  top: 1.2%;
  width: 24.5%;
  height: 12.4%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  filter: drop-shadow(0 10px 15px rgba(0,0,0,.65));
}

.ordjagt-app-logo-img {
  max-width: 100%;
  max-height: 130%;
  object-fit: contain;
  display: block;
}

.ordjagt-level-pill {
  left: 6.1%;
  top: 10.6%;
  width: 13.8%;
  height: 6.2%;
  display: grid;
  place-items: center;
  background: rgba(254,220,128,.85);
  color: #2b1707;
  font-weight: 1000;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,244,190,.9);
}

.ordjagt-level-pill[style] {
  background: transparent center / 100% 100% no-repeat;
  background-image: var(--oj-asset);
}

.ordjagt-level-pill span {
  font-size: clamp(10px, 1.0vw, 17px);
  transform: translateY(-1%);
}

.ordjagt-app-stats {
  left: 29.2%;
  top: 2.0%;
  width: 48.4%;
  height: 6.8%;
  display: flex;
  gap: 1.2%;
  align-items: center;
  justify-content: center;
}

.ordjagt-status {
  flex: 1 1 0;
  height: 100%;
  min-width: 0;
  border: 2px solid #d6a44c;
  border-radius: 999px;
  background: rgba(10,18,18,.78);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35em;
  color: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.45);
  position: relative;
}

.ordjagt-status-asset {
  padding: 0 17% 0 34%;
  border: 0;
  border-radius: 0;
  background: transparent center / 100% 100% no-repeat;
  background-image: var(--oj-asset);
  box-shadow: none;
  filter: drop-shadow(0 8px 9px rgba(0,0,0,.42));
}

.ordjagt-status-fallback { font-size: 1.1em; }
.ordjagt-status-asset .ordjagt-status-fallback { display: none; }

.ordjagt-status b {
  font-size: clamp(11px, 1.12vw, 20px);
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  text-shadow: 0 2px 3px rgba(0,0,0,.9), 0 0 6px rgba(0,0,0,.6);
}

.ordjagt-mini-plus {
  position: absolute;
  right: 3%;
  top: 50%;
  width: 22%;
  aspect-ratio: 1;
  transform: translateY(-50%);
  background: center / contain no-repeat;
  background-image: var(--oj-asset);
  filter: drop-shadow(0 3px 4px rgba(0,0,0,.45));
}

.ordjagt-app-icons {
  top: 1.7%;
  right: 1.1%;
  width: 14.5%;
  height: 7.4%;
  display: flex;
  gap: 6%;
  align-items: center;
  justify-content: flex-end;
}

.ordjagt-icon-btn {
  width: 31%;
  max-width: 58px;
  aspect-ratio: 1;
  border: 2px solid #d8aa55;
  border-radius: 50%;
  background: #f4d18a;
  color: #281507;
  font-weight: 1000;
  font-size: 18px;
  cursor: pointer;
}

.ordjagt-icon-asset {
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.ordjagt-icon-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 7px 8px rgba(0,0,0,.45));
  transition: transform .15s ease, filter .15s ease;
}

.ordjagt-icon-btn:hover .ordjagt-icon-img,
.ordjagt-big-action:hover,
.ordjagt-letter:hover,
.ordjagt-level-dot:hover {
  transform: translateY(-1px) scale(1.04);
  filter: drop-shadow(0 0 10px rgba(255,218,96,.35));
}

.ordjagt-playfield {
  left: 5.5%;
  top: 15.6%;
  width: 50.5%;
  height: 60.5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.ordjagt-board-title {
  position: absolute;
  left: 50%;
  top: -2.5%;
  transform: translateX(-50%);
  width: 48%;
  min-width: 260px;
  height: 9.5%;
  display: grid;
  place-items: center;
  color: #2c1605;
  font-weight: 1000;
  background: linear-gradient(180deg, #fff1c7, #d89a38);
  border: 3px solid #9b641e;
  border-radius: 999px;
  box-shadow: 0 9px 17px rgba(0,0,0,.38), inset 0 2px 0 rgba(255,255,255,.55);
  z-index: 3;
  pointer-events: auto;
}

.ordjagt-board-title span {
  font-size: clamp(12px, 1.15vw, 19px);
  white-space: nowrap;
}

.ordjagt-board {
  --oj-cell: min(4.35vw, 7.65vh, 49px);
  display: grid;
  grid-template-columns: repeat(var(--grid-cols), var(--oj-cell));
  grid-auto-rows: var(--oj-cell);
  gap: min(.42vw, .75vh, 6px);
  justify-content: center;
  align-content: center;
  max-width: 100%;
  max-height: 100%;
  padding: 2.4%;
  pointer-events: auto;
}

.ordjagt-cell {
  border-radius: 17%;
  display: grid;
  place-items: center;
  font-weight: 1000;
  color: #2a1707;
  font-size: calc(var(--oj-cell) * .58);
  line-height: 1;
}

.ordjagt-cell.filled {
  background: linear-gradient(180deg, #fff8dc 0%, #f6ce76 68%, #ce8225 100%);
  border: min(.28vw, 3px) solid #9e621b;
  box-shadow: 0 calc(var(--oj-cell) * .11) 0 #7d4611, 0 0 calc(var(--oj-cell) * .18) rgba(255,220,120,.55), inset 0 2px 0 rgba(255,255,255,.7);
  text-shadow: 0 1px 0 rgba(255,255,255,.45);
}

.ordjagt-cell.filled.solved {
  background: linear-gradient(180deg, #ffe699 0%, #f0b13a 72%, #b96f16 100%);
}

.ordjagt-cell.empty { visibility: hidden; }

.ordjagt-clue-zone {
  left: 56.7%;
  top: 17%;
  width: 20.2%;
  height: 22.5%;
}

.ordjagt-clue {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 11% 10%;
  color: #2b1908;
  background: linear-gradient(180deg, #fff1c7, #e9bd68);
  border: 4px solid #8a5819;
  border-radius: 18px;
  box-shadow: 0 12px 22px rgba(0,0,0,.42), inset 0 2px 0 rgba(255,255,255,.55);
  text-align: center;
  font-weight: 850;
}

.ordjagt-clue span {
  color: #7b4b12;
  text-transform: uppercase;
  font-weight: 1000;
  letter-spacing: .08em;
  font-size: clamp(10px, .95vw, 17px);
  margin-bottom: .65em;
}

.ordjagt-clue p {
  margin: 0;
  font-size: clamp(12px, 1.23vw, 22px);
  line-height: 1.32;
}

.ordjagt-control-zone {
  left: 56.6%;
  top: 42.0%;
  width: 20.3%;
  height: 31.5%;
  display: flex;
  flex-direction: column;
  gap: 6.2%;
}

.ordjagt-big-action,
.ordjagt-small-action {
  border: 3px solid #d3a547;
  color: #fff;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
  cursor: pointer;
  transition: transform .15s ease, filter .15s ease;
  text-shadow: 0 2px 3px rgba(0,0,0,.75);
  box-shadow: 0 7px 0 rgba(0,0,0,.25), inset 0 2px 0 rgba(255,255,255,.24);
}

.ordjagt-big-action {
  flex: 1;
  min-height: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #1689c8, #064774);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7%;
  font-size: clamp(12px, 1.3vw, 24px);
}

.ordjagt-big-action.submit {
  background: linear-gradient(180deg, #80cf34, #32770d);
}

.ordjagt-big-action b {
  width: 16%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(180deg, #80c738, #2b7b14);
  display: grid;
  place-items: center;
  border: 2px solid #d2b55a;
}

.ordjagt-small-action {
  height: 18%;
  border-radius: 14px;
  background: linear-gradient(180deg, #294b54, #11292b);
  font-size: clamp(10px, .9vw, 15px);
}

.ordjagt-bank-zone {
  left: 16.2%;
  bottom: 3.6%;
  width: 59%;
  height: 17.2%;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(105,56,17,.92), rgba(38,20,8,.93));
  border: 4px solid #b78031;
  box-shadow: 0 16px 28px rgba(0,0,0,.48), inset 0 0 32px rgba(255,199,82,.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.1% 2%;
}

.ordjagt-typed {
  width: min(56%, 620px);
  height: 27%;
  margin-bottom: 1.2%;
  border-radius: 999px;
  background: rgba(0,0,0,.45);
  border: 2px solid rgba(255,255,255,.18);
  display: grid;
  place-items: center;
  font-size: clamp(13px, 1.5vw, 28px);
  font-weight: 1000;
  letter-spacing: .14em;
  text-transform: none;
  color: #fff;
}

.ordjagt-bank {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 1.2%;
}

.ordjagt-letter {
  width: min(7.15%, 78px);
  aspect-ratio: 1;
  border-radius: 16%;
  border: 3px solid #b7721c;
  background: linear-gradient(180deg, #fff7da, #f2bf63 72%, #bc6f1c 100%);
  box-shadow: 0 6px 0 #754610, 0 0 10px rgba(255,220,120,.45), inset 0 2px 0 rgba(255,255,255,.78);
  color: #241305;
  font-size: clamp(18px, 2.5vw, 48px);
  font-weight: 1000;
  line-height: 1;
  cursor: pointer;
  transition: transform .15s ease, filter .15s ease;
}

.ordjagt-side-zone {
  right: 1.25%;
  top: 12.3%;
  width: 20.5%;
  height: 72.5%;
  display: flex;
  flex-direction: column;
  gap: 2.2%;
}

.ordjagt-daily-card,
.ordjagt-leaderboard-card,
.ordjagt-level-picker {
  border: 3px solid #9f641f;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(51,29,12,.96), rgba(18,12,8,.94));
  box-shadow: 0 12px 24px rgba(0,0,0,.48), inset 0 0 22px rgba(255,199,82,.08);
}

.ordjagt-daily-card {
  height: 24%;
  padding: 5%;
  text-align: center;
}

.ordjagt-daily-card h3 {
  margin: 0 0 4%;
  color: #ffdc76;
  text-transform: uppercase;
  font-size: clamp(10px, 1.05vw, 19px);
}

.ordjagt-reward-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5%;
  color: #ffe895;
  font-weight: 1000;
  font-size: clamp(12px, 1.05vw, 20px);
}

.ordjagt-reward-row span {
  padding: 18% 4%;
  border: 1px solid rgba(255,218,112,.35);
  border-radius: 10px;
  background: rgba(0,0,0,.2);
}

.ordjagt-leaderboard-card {
  flex: 1;
  min-height: 0;
  padding: 4%;
  color: #2a1707;
  background: linear-gradient(180deg, #f6d27d, #c4872c);
}

.ordjagt-side-banner {
  width: 100%;
  height: 16%;
  object-fit: contain;
  display: block;
  margin-bottom: 2%;
  filter: drop-shadow(0 6px 8px rgba(0,0,0,.4));
}

.ordjagt-leaderboard-card ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ordjagt-leaderboard-card li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4%;
  padding: 3.4% 1%;
  border-bottom: 1px solid rgba(90,45,8,.22);
  font-weight: 800;
  font-size: clamp(9px, .85vw, 15px);
}

.ordjagt-leaderboard-card li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ordjagt-leaderboard-card li span b {
  display: inline-grid;
  place-items: center;
  width: 1.75em;
  aspect-ratio: 1;
  margin-right: .35em;
  border-radius: 50%;
  background: linear-gradient(180deg, #fff2a7, #d28919);
  border: 1px solid #8b5512;
}

.ordjagt-level-picker {
  height: 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3%;
  padding: 2%;
}

.ordjagt-level-dot {
  width: 12%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #d9b455;
  background: linear-gradient(180deg, #2f6a3e, #122915);
  color: #fff;
  font-size: clamp(9px, .9vw, 15px);
  font-weight: 1000;
  cursor: pointer;
}

.ordjagt-level-dot.active {
  background: linear-gradient(180deg, #ffdf70, #c77917);
  color: #261105;
}

.ordjagt-mascot-tip {
  right: 3%;
  bottom: 3.2%;
  width: 18.5%;
  min-height: 9.2%;
  padding: 1.1% 1.4%;
  color: #2a1707;
  background: linear-gradient(180deg, #fff1c7, #e5b767);
  border: 3px solid #9a6018;
  border-radius: 16px;
  box-shadow: 0 10px 22px rgba(0,0,0,.45);
  font-size: clamp(9px, .95vw, 16px);
}

.ordjagt-mascot-tip strong,
.ordjagt-mascot-tip span { display: block; }
.ordjagt-mascot-tip strong { font-size: 1.3em; }

.ordjagt-toast {
  left: 50%;
  bottom: 22.4%;
  transform: translateX(-50%);
  min-width: 180px;
  max-width: 44%;
  padding: .75% 1.2%;
  text-align: center;
  color: #fff2a2;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,218,112,.38);
  border-radius: 999px;
  font-weight: 1000;
  font-size: clamp(10px, .9vw, 16px);
  box-shadow: 0 10px 24px rgba(0,0,0,.4);
}

.ordjagt-win {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2%;
  color: #fff;
  text-align: center;
}

.ordjagt-win-banner {
  max-width: 34%;
  max-height: 90%;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.48));
}

.ordjagt-win p {
  margin: 0;
  font-weight: 900;
  font-size: clamp(11px, 1vw, 17px);
}

.ordjagt-big-action.next { flex: 0 0 36%; height: 54%; }

.ordjagt-loading,
.ordjagt-empty {
  min-height: 360px;
  display: grid;
  place-items: center;
  padding: 32px;
  background: #10241d;
  color: #fff;
  border-radius: 16px;
  text-align: center;
}

.ordjagt-loading-logo {
  display: block;
  max-width: 260px;
  margin: 0 auto 14px;
}

.ordjagt-login-gate {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  min-height: 720px;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at center, rgba(255,208,104,.16), transparent 38%), #06110e;
  padding: 28px;
  text-align: center;
  color: #fff;
}

.ordjagt-login-logo {
  max-width: min(740px, 92vw);
  display: block;
  margin: 0 auto 12px;
  filter: drop-shadow(0 18px 24px rgba(0,0,0,.55));
}

.ordjagt-login-card {
  background: rgba(5,17,20,.88);
  border: 1px solid rgba(255,215,120,.42);
  padding: 28px;
  border-radius: 22px;
  max-width: 640px;
  box-shadow: 0 22px 70px rgba(0,0,0,.5);
}

.ordjagt-login-card h2 { margin: 0 0 8px; }
.ordjagt-login-card p { margin: 0 0 18px; opacity: .9; }

.ordjagt-login-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.ordjagt-image-link {
  display: inline-block;
  width: min(260px, 100%);
  text-decoration: none;
  line-height: 0;
}

.ordjagt-image-link img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 10px 14px rgba(0,0,0,.35));
}

.ordjagt-image-link.small { width: min(220px, 100%); }

.ordjagt-muted { color: #3b2109; font-weight: 800; }

@media (orientation: landscape) and (max-width: 950px) {
  .ordjagt-game-root {
    padding: 4px;
  }
  .ordjagt-app {
    width: min(100vw, calc((100dvh - 8px) * 16 / 9));
    min-width: 0;
    border-radius: 8px;
  }
  .ordjagt-board {
    --oj-cell: min(4.5vw, 7.6vh, 34px);
  }
  .ordjagt-status b { font-size: 10px; }
  .ordjagt-board-title { min-width: 170px; }
}

@media (orientation: portrait) and (max-width: 850px) {
  .ordjagt-game-root {
    padding: 8px 0 12px;
  }
  .ordjagt-rotate-hint { display: block; }
  .ordjagt-app-wrap {
    justify-items: start;
    overflow-x: auto;
    padding-left: 8px;
    padding-right: 8px;
  }
  .ordjagt-app {
    width: 960px;
    min-width: 960px;
    border-radius: 12px;
  }
}

/* OrdJagt mobile orientation overlay */
.ordjagt-rotate-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  background:
    radial-gradient(circle at 50% 18%, rgba(255,219,111,.22), transparent 28%),
    radial-gradient(circle at 50% 115%, rgba(25,95,45,.36), transparent 38%),
    linear-gradient(180deg, rgba(2,8,8,.98), rgba(2,18,13,.98));
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.ordjagt-rotate-overlay.is-visible {
  display: flex;
}
.ordjagt-rotate-overlay[hidden] {
  display: none !important;
}
.ordjagt-rotate-card {
  width: min(92vw, 520px);
  border: 2px solid rgba(239,188,82,.75);
  border-radius: 28px;
  padding: 26px 22px 28px;
  background:
    linear-gradient(180deg, rgba(13,37,28,.92), rgba(6,17,15,.96));
  box-shadow: 0 25px 80px rgba(0,0,0,.65), inset 0 0 35px rgba(255,207,98,.08);
}
.ordjagt-rotate-logo {
  display: block;
  width: min(78vw, 360px);
  max-height: 120px;
  object-fit: contain;
  margin: 0 auto 10px;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.55));
}
.ordjagt-phone-rotate {
  width: 138px;
  height: 138px;
  margin: 8px auto 8px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(circle, rgba(255,222,117,.20), rgba(255,222,117,.05) 52%, transparent 72%);
  position: relative;
}
.ordjagt-phone-rotate::before {
  content: '';
  width: 52px;
  height: 86px;
  border: 7px solid #f4c45b;
  border-radius: 14px;
  box-shadow: inset 0 0 0 3px rgba(78,43,10,.8), 0 10px 20px rgba(0,0,0,.35);
  transform: rotate(90deg);
  background: linear-gradient(180deg, #183227, #07120f);
}
.ordjagt-phone-rotate::after {
  content: '↻';
  position: absolute;
  right: 14px;
  top: 12px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 32px;
  font-weight: 1000;
  color: #ffdf78;
  text-shadow: 0 3px 7px rgba(0,0,0,.75);
}
.ordjagt-rotate-card h2 {
  margin: 6px 0 8px;
  color: #ffdc78;
  font-size: clamp(28px, 9vw, 48px);
  line-height: 1;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-shadow: 0 4px 0 rgba(94,52,10,.8), 0 8px 18px rgba(0,0,0,.65);
}
.ordjagt-rotate-card p {
  margin: 0 auto;
  max-width: 390px;
  color: #fff3c7;
  font-size: clamp(16px, 4.2vw, 22px);
  line-height: 1.35;
  font-weight: 800;
}
body.ordjagt-orientation-locked {
  overflow: hidden !important;
  touch-action: none;
}
body.ordjagt-orientation-locked .ordjagt-game-root,
body.ordjagt-orientation-locked .ordjagt-login-gate {
  pointer-events: none;
}


/* OrdJagt v0.1.7: true 16:9 app-fit layout for PC and mobile landscape. */
.ordjagt-game-root {
  --oj-avail-w: 100vw;
  --oj-avail-h: 100dvh;
  width: 100vw;
  min-height: 420px;
  height: var(--oj-avail-h);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #020807;
  overflow: hidden;
  contain: layout paint;
}

.ordjagt-app-wrap {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 3px;
}

.ordjagt-app {
  width: min(calc(var(--oj-avail-w) - 10px), calc((var(--oj-avail-h) - 10px) * 16 / 9), 1920px);
  min-width: 0;
  max-width: calc(100vw - 10px);
  max-height: calc(var(--oj-avail-h) - 10px);
  aspect-ratio: 16 / 9;
  border-radius: clamp(6px, .95vw, 18px);
  box-shadow: 0 20px 80px rgba(0,0,0,.68);
}

.ordjagt-app-frame {
  position: absolute;
  inset: .4%;
  z-index: 1;
  pointer-events: none;
  background: center / 100% 100% no-repeat;
  background-image: var(--oj-asset);
  opacity: .88;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.45));
}

.ordjagt-app-hud { z-index: 5 !important; }
.ordjagt-app-logo {
  left: 1.2%;
  top: .8%;
  width: 21.3%;
  height: 11.8%;
  z-index: 7 !important;
}
.ordjagt-app-logo-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.ordjagt-level-pill {
  left: 5.9%;
  top: 10.7%;
  width: 11.8%;
  height: 4.8%;
  z-index: 8 !important;
}
.ordjagt-level-pill span { font-size: clamp(9px, .78vw, 15px); }

.ordjagt-app-stats {
  left: 28.6%;
  top: 1.8%;
  width: 45.2%;
  height: 6.2%;
  gap: .85%;
  z-index: 7 !important;
}
.ordjagt-status b { font-size: clamp(9px, .92vw, 18px); }
.ordjagt-status-asset { padding: 0 17% 0 32%; }
.ordjagt-mini-plus { width: 19%; right: 4%; }

.ordjagt-app-icons {
  top: 1.4%;
  right: 1.4%;
  width: 11.7%;
  height: 6.1%;
  gap: 5%;
  z-index: 8 !important;
}
.ordjagt-icon-btn { max-width: none; }

.ordjagt-playfield {
  left: 8.0%;
  top: 15.6%;
  width: 45.8%;
  height: 57.0%;
  z-index: 3 !important;
}
.ordjagt-board-title {
  top: -3.8%;
  width: 52%;
  height: 9.2%;
  min-width: 0;
  border-width: clamp(1px, .16vw, 3px);
}
.ordjagt-board-title span { font-size: clamp(9px, .95vw, 17px); }

.ordjagt-board {
  --oj-cell: min(calc(var(--oj-avail-w) * .026), calc(var(--oj-avail-h) * .048), 44px);
  gap: min(calc(var(--oj-avail-w) * .0031), calc(var(--oj-avail-h) * .0054), 5px);
  padding: 1.2%;
}
.ordjagt-cell.filled { border-width: min(.18vw, 2px); }

.ordjagt-clue-zone {
  left: 56.2%;
  top: 16.4%;
  width: 19.6%;
  height: 22.6%;
  z-index: 3 !important;
  background: center / 100% 100% no-repeat;
  background-image: var(--oj-asset);
  padding: 1.2%;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,.34));
}
.ordjagt-clue-zone[style] .ordjagt-clue {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.ordjagt-clue { border-width: clamp(2px, .22vw, 4px); border-radius: clamp(10px, .9vw, 18px); }
.ordjagt-clue span { font-size: clamp(9px, .78vw, 15px); }
.ordjagt-clue p { font-size: clamp(10px, 1.02vw, 20px); }

.ordjagt-control-zone {
  left: 56.6%;
  top: 42.2%;
  width: 19.0%;
  height: 30.1%;
  gap: 5.2%;
  z-index: 3 !important;
}
.ordjagt-big-action { font-size: clamp(10px, 1.05vw, 21px); }
.ordjagt-big-action, .ordjagt-small-action { border-width: clamp(1px, .18vw, 3px); }

.ordjagt-bank-zone {
  left: 16.6%;
  bottom: 3.0%;
  width: 56.0%;
  height: 16.0%;
  padding: .8% 1.8%;
  z-index: 4 !important;
  background: center / 100% 100% no-repeat, linear-gradient(180deg, rgba(105,56,17,.92), rgba(38,20,8,.93));
  background-image: var(--oj-asset);
  border-color: rgba(183,128,49,.92);
}
.ordjagt-bank-zone[style] { border-color: transparent; box-shadow: none; }
.ordjagt-typed {
  width: 53%;
  height: 23%;
  margin-bottom: .9%;
  font-size: clamp(10px, 1.2vw, 24px);
}
.ordjagt-letter {
  width: min(8.9%, 76px);
  font-size: clamp(16px, 2.1vw, 43px);
  box-shadow: 0 min(5px, .36vw) 0 #754610, 0 0 10px rgba(255,220,120,.45), inset 0 2px 0 rgba(255,255,255,.78);
}

.ordjagt-side-zone {
  right: 1.45%;
  top: 11.3%;
  width: 20.3%;
  height: 75.0%;
  gap: 2.0%;
  z-index: 3 !important;
  padding: 1.15%;
  background: center / 100% 100% no-repeat;
  background-image: var(--oj-asset);
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.42));
}
.ordjagt-side-zone[style] .ordjagt-daily-card,
.ordjagt-side-zone[style] .ordjagt-leaderboard-card,
.ordjagt-side-zone[style] .ordjagt-level-picker {
  box-shadow: none;
}
.ordjagt-daily-card { height: 23%; }
.ordjagt-leaderboard-card { padding: 3.3%; }
.ordjagt-side-banner { height: 15.5%; }
.ordjagt-leaderboard-card li { font-size: clamp(8px, .74vw, 14px); padding: 3.0% 1%; }
.ordjagt-level-picker { height: 7%; }

.ordjagt-mascot-tip {
  right: 2.95%;
  bottom: 3.1%;
  width: 17.3%;
  min-height: 9.5%;
  z-index: 4 !important;
  background: center / 100% 100% no-repeat, linear-gradient(180deg, #fff1c7, #e5b767);
  background-image: var(--oj-asset);
  border-color: transparent;
  box-shadow: none;
  padding: 1.05% 1.3%;
  font-size: clamp(8px, .78vw, 15px);
}

.ordjagt-toast { bottom: 20.6%; z-index: 10 !important; }

@media (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .ordjagt-game-root.ordjagt-mobile-landscape-app {
    position: fixed;
    inset: 0;
    z-index: 2147481000;
    width: 100vw;
    height: 100dvh;
    margin: 0;
    padding: 0;
    background: #020807;
  }
  .ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app {
    width: min(100vw, calc(100dvh * 16 / 9));
    max-height: 100dvh;
    border-radius: 0;
  }
  body:has(.ordjagt-game-root.ordjagt-mobile-landscape-app) {
    overflow: hidden;
  }
  .ordjagt-app-logo { width: 18.5%; height: 10.2%; }
  .ordjagt-level-pill { left: 5.0%; top: 9.0%; width: 10.4%; height: 4.2%; }
  .ordjagt-app-stats { left: 27%; width: 46%; height: 5.8%; }
  .ordjagt-playfield { left: 8%; top: 14.6%; width: 46%; height: 57.5%; }
  .ordjagt-board { --oj-cell: min(calc(100dvw * .026), calc(100dvh * .048), 38px); }
  .ordjagt-bank-zone { bottom: 2.2%; height: 16.4%; }
  .ordjagt-letter { width: min(8.7%, 54px); }
}

@media (orientation: landscape) and (max-width: 950px) {
  .ordjagt-game-root { padding: 0; }
  .ordjagt-app { width: min(100vw, calc(100dvh * 16 / 9)); max-height: 100dvh; min-width: 0; }
  .ordjagt-board { --oj-cell: min(2.85vw, 5.15vh, 34px); }
  .ordjagt-board-title { min-width: 0; }
  .ordjagt-status b { font-size: 9px; }
}

@media (orientation: portrait) and (max-width: 850px) {
  .ordjagt-game-root { height: var(--oj-avail-h); padding: 0; }
  .ordjagt-app-wrap { justify-items: center; overflow: hidden; padding: 0; }
  .ordjagt-app { width: min(100vw - 10px, calc((var(--oj-avail-h) - 10px) * 16 / 9)); min-width: 0; }
}

/* OrdJagt v0.1.8: corrected 16:9 game layout, fixed HUD positioning and removed squeezed UI overlap. */
.ordjagt-game-root {
  background: #020706 !important;
  overflow: hidden !important;
}

.ordjagt-app {
  background-color: #07120d !important;
  background-position: center center !important;
  background-size: cover !important;
  overflow: hidden !important;
}

.ordjagt-app-vignette {
  z-index: 1 !important;
  background:
    radial-gradient(circle at 47% 40%, rgba(255, 220, 120, .10), transparent 30%),
    linear-gradient(90deg, rgba(0,0,0,.52), transparent 20%, transparent 63%, rgba(0,0,0,.62)),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.24)) !important;
}

.ordjagt-app-frame {
  inset: 0.6% !important;
  z-index: 2 !important;
  opacity: 1 !important;
  background-size: 100% 100% !important;
  pointer-events: none !important;
}

/* Header had children positioned as static elements before. This fixes the mashed level/topbar UI. */
.ordjagt-app-hud {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 20 !important;
  pointer-events: none !important;
}
.ordjagt-app-hud > * {
  position: absolute !important;
}
.ordjagt-app-hud button,
.ordjagt-app-hud a,
.ordjagt-icon-btn {
  pointer-events: auto !important;
}

.ordjagt-app-logo {
  left: 1.0% !important;
  top: .7% !important;
  width: 17.5% !important;
  height: 14.0% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  z-index: 32 !important;
}
.ordjagt-app-logo-img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.ordjagt-level-pill {
  left: 3.2% !important;
  top: 13.4% !important;
  width: 12.4% !important;
  height: 4.0% !important;
  z-index: 31 !important;
  filter: drop-shadow(0 5px 6px rgba(0,0,0,.50));
}
.ordjagt-level-pill span {
  font-size: clamp(8px, .70vw, 13px) !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.ordjagt-app-stats {
  left: 27.2% !important;
  top: 1.45% !important;
  width: 47.2% !important;
  height: 5.65% !important;
  gap: .70% !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}
.ordjagt-status {
  min-width: 0 !important;
  overflow: visible !important;
}
.ordjagt-status-asset {
  padding: 0 16% 0 31% !important;
  background-size: 100% 100% !important;
}
.ordjagt-status b {
  font-size: clamp(8px, .86vw, 16px) !important;
  transform: translateY(-1%) !important;
}
.ordjagt-mini-plus {
  right: 2.4% !important;
  width: 18.5% !important;
}

.ordjagt-app-icons {
  right: 1.15% !important;
  top: 1.1% !important;
  width: 10.4% !important;
  height: 5.9% !important;
  gap: 5.5% !important;
  z-index: 34 !important;
}
.ordjagt-icon-btn {
  width: 30% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Central play area */
.ordjagt-playfield {
  left: 14.1% !important;
  top: 13.1% !important;
  width: 39.6% !important;
  height: 59.5% !important;
  z-index: 10 !important;
}
.ordjagt-board-title {
  top: -1.4% !important;
  width: 50% !important;
  height: 7.4% !important;
  min-width: 0 !important;
  z-index: 22 !important;
}
.ordjagt-board-title span {
  font-size: clamp(8px, .82vw, 16px) !important;
}
.ordjagt-board {
  --oj-cell: min(calc(var(--oj-avail-w) * .0235), calc(var(--oj-avail-h) * .0430), 39px) !important;
  gap: min(calc(var(--oj-avail-w) * .0026), calc(var(--oj-avail-h) * .0046), 4px) !important;
  padding: 0 !important;
}
.ordjagt-cell.filled {
  border-width: min(.16vw, 2px) !important;
  box-shadow: 0 calc(var(--oj-cell) * .09) 0 #75420e, 0 0 calc(var(--oj-cell) * .12) rgba(255,220,120,.42), inset 0 2px 0 rgba(255,255,255,.65) !important;
}

/* Right clue / controls are separated so they no longer overlap status bars. */
.ordjagt-clue-zone {
  left: 56.3% !important;
  top: 16.1% !important;
  width: 19.0% !important;
  height: 20.7% !important;
  z-index: 11 !important;
  padding: .65% !important;
}
.ordjagt-clue {
  padding: 10% 9% !important;
}
.ordjagt-clue span { font-size: clamp(7px, .70vw, 13px) !important; }
.ordjagt-clue p { font-size: clamp(9px, .92vw, 18px) !important; line-height: 1.25 !important; }

.ordjagt-control-zone {
  left: 56.4% !important;
  top: 39.2% !important;
  width: 18.8% !important;
  height: 30.0% !important;
  gap: 5.1% !important;
  z-index: 12 !important;
}
.ordjagt-big-action {
  font-size: clamp(9px, .98vw, 18px) !important;
  min-height: 0 !important;
}
.ordjagt-small-action {
  font-size: clamp(7px, .68vw, 13px) !important;
}

/* Bottom letter bank: fixed within canvas, never clipped by PC viewport. */
.ordjagt-bank-zone {
  left: 15.5% !important;
  bottom: 2.5% !important;
  width: 58.0% !important;
  height: 16.0% !important;
  z-index: 13 !important;
  padding: .70% 1.75% !important;
}
.ordjagt-typed {
  width: 48% !important;
  height: 22% !important;
  margin-bottom: .8% !important;
  font-size: clamp(8px, 1.02vw, 20px) !important;
  letter-spacing: .16em !important;
}
.ordjagt-bank { gap: 1.05% !important; }
.ordjagt-letter {
  width: min(8.3%, 66px) !important;
  font-size: clamp(15px, 1.82vw, 36px) !important;
}

/* Right panel: placed inside the 16:9 canvas and away from edge/crop. */
.ordjagt-side-zone {
  right: 1.6% !important;
  top: 10.6% !important;
  width: 20.0% !important;
  height: 74.5% !important;
  z-index: 10 !important;
  padding: 1.0% !important;
}
.ordjagt-daily-card {
  height: 21.0% !important;
  padding: 4.5% !important;
}
.ordjagt-daily-card h3 { font-size: clamp(8px, .82vw, 15px) !important; }
.ordjagt-reward-row span { padding: 14% 3% !important; }
.ordjagt-leaderboard-card { padding: 3.0% !important; }
.ordjagt-side-banner { height: 14.0% !important; }
.ordjagt-leaderboard-card li { font-size: clamp(7px, .66vw, 13px) !important; padding: 2.5% 1% !important; }
.ordjagt-level-picker { height: 6.7% !important; }

.ordjagt-mascot-tip {
  right: 3.1% !important;
  bottom: 2.6% !important;
  width: 17.0% !important;
  min-height: 8.8% !important;
  padding: .85% 1.0% !important;
  font-size: clamp(7px, .68vw, 13px) !important;
  z-index: 14 !important;
}
.ordjagt-mascot-tip strong { font-size: 1.15em !important; }
.ordjagt-toast { bottom: 20.2% !important; z-index: 40 !important; }

@media (orientation: landscape) and (max-width: 950px) {
  .ordjagt-app-logo { width: 16.4% !important; height: 13.0% !important; }
  .ordjagt-level-pill { left: 2.9% !important; top: 12.4% !important; width: 11.8% !important; height: 3.8% !important; }
  .ordjagt-app-stats { left: 25.6% !important; width: 49.2% !important; height: 5.3% !important; }
  .ordjagt-playfield { left: 13.8% !important; top: 12.4% !important; width: 40.8% !important; height: 59.5% !important; }
  .ordjagt-board { --oj-cell: min(2.32vw, 4.18vh, 31px) !important; }
  .ordjagt-clue-zone { left: 56.1% !important; top: 15.5% !important; width: 19.2% !important; height: 20.5% !important; }
  .ordjagt-control-zone { left: 56.3% !important; top: 38.6% !important; width: 18.8% !important; height: 30.2% !important; }
  .ordjagt-bank-zone { left: 15.2% !important; width: 58.8% !important; bottom: 2.0% !important; height: 15.5% !important; }
  .ordjagt-letter { width: min(8.2%, 48px) !important; }
  .ordjagt-side-zone { right: 1.1% !important; width: 20.6% !important; }
}

@media (orientation: portrait) and (max-width: 850px) {
  /* v0.3.20: The old rotate-device flow dimmed the whole game to 15%.
     Portrait now has its own mobile layout, so keep the game fully visible. */
  .ordjagt-app { opacity: 1 !important; }
}


/* v0.1.9 background + cleaner panels */
.ordjagt-app { background-position: center center; background-size: cover; }
.ordjagt-clue-zone, .ordjagt-side-zone, .ordjagt-bank-zone, .ordjagt-mascot-tip { background-repeat: no-repeat; }
.ordjagt-side-zone { background: none; }
.ordjagt-bank-zone { backdrop-filter: blur(1px); }


/* v0.2.0 transparent-frame fix: use only the two verified transparent layout graphics. */
.ordjagt-app-frame {
  inset: .3% !important;
  z-index: 2 !important;
  opacity: 1 !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
}
.ordjagt-app > *:not(.ordjagt-app-vignette):not(.ordjagt-app-frame) { z-index: 5; }
.ordjagt-mascot-tip {
  right: 1.6% !important;
  bottom: 1.8% !important;
  width: 20.6% !important;
  min-height: 13.4% !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  overflow: visible !important;
}
.ordjagt-mascot-copy {
  width: 50% !important;
  margin: 0 7% 0 0 !important;
  text-align: left !important;
  color: #3a220c !important;
  line-height: 1.2 !important;
}
.ordjagt-mascot-tip strong {
  display: block !important;
  margin-bottom: .25em !important;
  font-size: clamp(8px,.86vw,16px) !important;
  color: #5c2d00 !important;
}
.ordjagt-mascot-tip span {
  display: block !important;
  font-size: clamp(7px,.72vw,13px) !important;
  color: #4b3118 !important;
}
@media (orientation: landscape) and (max-width: 950px) {
  .ordjagt-mascot-tip { width: 21.8% !important; min-height: 13.6% !important; }
  .ordjagt-mascot-copy { width: 48% !important; margin-right: 6% !important; }
}

/* v0.2.2: Force real jungle background behind all transparent UI layers. */
.ordjagt-game-root,
.ordjagt-app-wrap {
  background: #020706 !important;
}
.ordjagt-app {
  background-color: #06120d !important;
  background-image: var(--oj-bg) !important;
  background-size: cover !important;
  background-position: center center !important;
}


/* v0.2.3 layout polish: topbar, letterbank and mascot info box aligned to the art */
.ordjagt-app-logo { left: 1.0% !important; top: .9% !important; width: 13.6% !important; height: 12.4% !important; }
.ordjagt-level-pill { left: 2.8% !important; top: 12.2% !important; width: 10.8% !important; height: 3.9% !important; }
.ordjagt-level-pill span { font-size: clamp(8px, .62vw, 12px) !important; }

.ordjagt-app-stats {
  left: 15.2% !important;
  top: 1.05% !important;
  width: 73.6% !important;
  height: 5.45% !important;
  gap: .55% !important;
  justify-content: flex-start !important;
}
.ordjagt-status { flex: 1 1 0 !important; }
.ordjagt-status-asset { padding: 0 12.8% 0 23.8% !important; }
.ordjagt-status b { font-size: clamp(8px, .82vw, 15px) !important; }
.ordjagt-mini-plus { width: 13.4% !important; right: 1.7% !important; }

.ordjagt-app-icons { right: 1.0% !important; top: 1.0% !important; width: 8.4% !important; height: 5.2% !important; gap: 4.2% !important; }
.ordjagt-icon-btn { width: 30% !important; }

.ordjagt-playfield { left: 15.0% !important; top: 14.2% !important; width: 37.6% !important; height: 54.8% !important; }
.ordjagt-board-title { top: -1.8% !important; width: 54% !important; height: 8.1% !important; }
.ordjagt-board-title span { font-size: clamp(8px, .86vw, 15px) !important; }
.ordjagt-board { --oj-cell: min(calc(var(--oj-avail-w) * .0215), calc(var(--oj-avail-h) * .0395), 34px) !important; gap: min(calc(var(--oj-avail-w) * .0025), calc(var(--oj-avail-h) * .0043), 3px) !important; }

.ordjagt-clue-zone { left: 53.8% !important; top: 16.8% !important; width: 18.2% !important; height: 19.4% !important; }
.ordjagt-clue { padding: 9% 8.5% !important; }
.ordjagt-clue span { font-size: clamp(7px, .68vw, 12px) !important; }
.ordjagt-clue p { font-size: clamp(9px, .86vw, 16px) !important; line-height: 1.22 !important; }

.ordjagt-control-zone { left: 53.8% !important; top: 39.0% !important; width: 18.2% !important; height: 28.2% !important; }
.ordjagt-big-action { font-size: clamp(9px, .92vw, 17px) !important; }
.ordjagt-small-action { font-size: clamp(7px, .62vw, 12px) !important; }

.ordjagt-side-zone { right: 1.5% !important; top: 11.2% !important; width: 18.8% !important; height: 73.2% !important; }
.ordjagt-daily-card { height: 20.2% !important; }
.ordjagt-side-banner { height: 11.6% !important; }
.ordjagt-leaderboard-card li { font-size: clamp(7px, .64vw, 12px) !important; }
.ordjagt-level-picker { height: 6.2% !important; }

.ordjagt-bank-zone {
  left: 14.4% !important;
  bottom: 2.4% !important;
  width: 56.8% !important;
  height: 13.2% !important;
  padding: .35% 1.4% !important;
}
.ordjagt-typed { width: 47% !important; height: 18% !important; margin-bottom: .5% !important; font-size: clamp(7px, .9vw, 17px) !important; letter-spacing: .10em !important; }
.ordjagt-bank { gap: 1.05% !important; align-items: flex-end !important; }
.ordjagt-letter { width: min(6.65%, 56px) !important; font-size: clamp(13px, 1.42vw, 26px) !important; }

.ordjagt-mascot-tip {
  right: 1.8% !important;
  bottom: 1.7% !important;
  width: 17.4% !important;
  aspect-ratio: 577 / 433 !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: center !important;
}
.ordjagt-mascot-copy { width: 52% !important; margin: 0 6.5% 0 0 !important; }
.ordjagt-mascot-tip strong { font-size: clamp(8px, .82vw, 14px) !important; margin-bottom: .12em !important; }
.ordjagt-mascot-tip span { font-size: clamp(7px, .68vw, 12px) !important; line-height: 1.15 !important; }

@media (orientation: landscape) and (max-width: 1180px) {
  .ordjagt-app-logo { width: 14.5% !important; }
  .ordjagt-app-stats { left: 15.0% !important; width: 72.8% !important; height: 5.25% !important; }
  .ordjagt-status-asset { padding: 0 12% 0 23% !important; }
  .ordjagt-playfield { left: 14.6% !important; width: 38.2% !important; height: 55.0% !important; }
  .ordjagt-board { --oj-cell: min(2.04vw, 3.85vh, 28px) !important; }
  .ordjagt-bank-zone { width: 57.5% !important; }
  .ordjagt-letter { width: min(6.8%, 48px) !important; font-size: clamp(12px, 1.35vw, 22px) !important; }
  .ordjagt-side-zone { width: 19.4% !important; }
  .ordjagt-mascot-tip { width: 18.4% !important; }
}


/* v0.2.4 template layout: fixed slot-based placement so every UI asset sits in a clean, repeatable zone. */
.ordjagt-app {
  --oj-slot-logo-x: 1.0%;
  --oj-slot-logo-y: 0.8%;
  --oj-slot-logo-w: 12.6%;
  --oj-slot-logo-h: 11.7%;
  --oj-slot-level-x: 2.6%;
  --oj-slot-level-y: 12.0%;
  --oj-slot-level-w: 10.7%;
  --oj-slot-level-h: 4.0%;

  --oj-slot-stats-x: 15.2%;
  --oj-slot-stats-y: 1.0%;
  --oj-slot-stats-w: 73.5%;
  --oj-slot-stats-h: 5.2%;
  --oj-slot-icons-right: 1.0%;
  --oj-slot-icons-y: 1.0%;
  --oj-slot-icons-w: 8.1%;
  --oj-slot-icons-h: 5.05%;

  --oj-slot-board-x: 15.1%;
  --oj-slot-board-y: 15.0%;
  --oj-slot-board-w: 35.8%;
  --oj-slot-board-h: 51.8%;
  --oj-slot-clue-x: 53.2%;
  --oj-slot-clue-y: 15.9%;
  --oj-slot-clue-w: 18.4%;
  --oj-slot-clue-h: 18.5%;
  --oj-slot-controls-x: 53.2%;
  --oj-slot-controls-y: 37.3%;
  --oj-slot-controls-w: 18.4%;
  --oj-slot-controls-h: 27.4%;

  --oj-slot-side-right: 1.7%;
  --oj-slot-side-y: 10.9%;
  --oj-slot-side-w: 18.3%;
  --oj-slot-side-h: 71.9%;

  --oj-slot-bank-x: 14.7%;
  --oj-slot-bank-bottom: 2.2%;
  --oj-slot-bank-w: 55.9%;
  --oj-slot-bank-h: 12.9%;

  --oj-slot-tip-right: 1.9%;
  --oj-slot-tip-bottom: 1.45%;
  --oj-slot-tip-w: 17.3%;
}

.ordjagt-app-logo { left: var(--oj-slot-logo-x) !important; top: var(--oj-slot-logo-y) !important; width: var(--oj-slot-logo-w) !important; height: var(--oj-slot-logo-h) !important; }
.ordjagt-level-pill { left: var(--oj-slot-level-x) !important; top: var(--oj-slot-level-y) !important; width: var(--oj-slot-level-w) !important; height: var(--oj-slot-level-h) !important; }
.ordjagt-level-pill span { font-size: clamp(8px, .60vw, 12px) !important; }

.ordjagt-app-stats {
  left: var(--oj-slot-stats-x) !important;
  top: var(--oj-slot-stats-y) !important;
  width: var(--oj-slot-stats-w) !important;
  height: var(--oj-slot-stats-h) !important;
  gap: .55% !important;
  justify-content: flex-start !important;
}
.ordjagt-status { flex: 1 1 0 !important; }
.ordjagt-status-asset {
  padding: 0 12.5% 0 23.0% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ordjagt-status b { font-size: clamp(8px, .78vw, 14px) !important; }
.ordjagt-mini-plus { width: 12.3% !important; right: 1.6% !important; }

.ordjagt-app-icons {
  right: var(--oj-slot-icons-right) !important;
  top: var(--oj-slot-icons-y) !important;
  width: var(--oj-slot-icons-w) !important;
  height: var(--oj-slot-icons-h) !important;
  gap: 4.2% !important;
}
.ordjagt-icon-btn { width: 30% !important; }

.ordjagt-playfield { left: var(--oj-slot-board-x) !important; top: var(--oj-slot-board-y) !important; width: var(--oj-slot-board-w) !important; height: var(--oj-slot-board-h) !important; }
.ordjagt-board-title { top: -2.0% !important; width: 58% !important; height: 8.0% !important; }
.ordjagt-board-title span { font-size: clamp(8px, .82vw, 15px) !important; }
.ordjagt-board { --oj-cell: min(calc(var(--oj-avail-w) * .0206), calc(var(--oj-avail-h) * .0385), 32px) !important; gap: min(calc(var(--oj-avail-w) * .00215), calc(var(--oj-avail-h) * .0039), 3px) !important; }

.ordjagt-clue-zone { left: var(--oj-slot-clue-x) !important; top: var(--oj-slot-clue-y) !important; width: var(--oj-slot-clue-w) !important; height: var(--oj-slot-clue-h) !important; }
.ordjagt-clue { padding: 9% 8% !important; }
.ordjagt-clue span { font-size: clamp(7px, .64vw, 12px) !important; }
.ordjagt-clue p { font-size: clamp(9px, .84vw, 15px) !important; line-height: 1.18 !important; }

.ordjagt-control-zone { left: var(--oj-slot-controls-x) !important; top: var(--oj-slot-controls-y) !important; width: var(--oj-slot-controls-w) !important; height: var(--oj-slot-controls-h) !important; }
.ordjagt-big-action { font-size: clamp(9px, .88vw, 16px) !important; }
.ordjagt-small-action { font-size: clamp(7px, .60vw, 11px) !important; }

.ordjagt-side-zone { right: var(--oj-slot-side-right) !important; top: var(--oj-slot-side-y) !important; width: var(--oj-slot-side-w) !important; height: var(--oj-slot-side-h) !important; }
.ordjagt-daily-card { height: 20.0% !important; }
.ordjagt-daily-card h3 { font-size: clamp(8px, .80vw, 14px) !important; }
.ordjagt-reward-row { font-size: clamp(10px, .96vw, 18px) !important; }
.ordjagt-side-banner { height: 11.8% !important; object-fit: contain !important; }
.ordjagt-leaderboard-card { padding: 2.8% !important; }
.ordjagt-leaderboard-card li { font-size: clamp(7px, .62vw, 12px) !important; }
.ordjagt-level-picker { height: 6.0% !important; }

.ordjagt-bank-zone { left: var(--oj-slot-bank-x) !important; bottom: var(--oj-slot-bank-bottom) !important; width: var(--oj-slot-bank-w) !important; height: var(--oj-slot-bank-h) !important; padding: .35% 1.5% !important; }
.ordjagt-typed { width: 45% !important; height: 17% !important; margin-bottom: .4% !important; font-size: clamp(7px, .84vw, 16px) !important; letter-spacing: .08em !important; }
.ordjagt-bank { gap: .95% !important; align-items: flex-end !important; }
.ordjagt-letter { width: min(6.0%, 50px) !important; font-size: clamp(12px, 1.28vw, 23px) !important; }

.ordjagt-mascot-tip { right: var(--oj-slot-tip-right) !important; bottom: var(--oj-slot-tip-bottom) !important; width: var(--oj-slot-tip-w) !important; aspect-ratio: 577 / 433 !important; min-height: 0 !important; height: auto !important; padding: 0 !important; }
.ordjagt-mascot-copy { width: 51% !important; margin: 0 6.8% 0 0 !important; }
.ordjagt-mascot-tip strong { font-size: clamp(8px, .76vw, 13px) !important; margin-bottom: .10em !important; }
.ordjagt-mascot-tip span { font-size: clamp(7px, .62vw, 11px) !important; line-height: 1.12 !important; }

.ordjagt-toast { bottom: 16.0% !important; left: 46% !important; transform: translateX(-50%) !important; font-size: clamp(8px, .82vw, 15px) !important; }

@media (orientation: landscape) and (max-width: 1180px) {
  .ordjagt-app {
    --oj-slot-logo-w: 13.8%;
    --oj-slot-stats-w: 72.8%;
    --oj-slot-board-w: 36.6%;
    --oj-slot-board-h: 52.5%;
    --oj-slot-clue-w: 18.8%;
    --oj-slot-controls-w: 18.8%;
    --oj-slot-side-w: 18.8%;
    --oj-slot-bank-w: 56.8%;
    --oj-slot-tip-w: 18.0%;
  }
  .ordjagt-board { --oj-cell: min(1.96vw, 3.72vh, 28px) !important; }
  .ordjagt-letter { width: min(6.15%, 44px) !important; font-size: clamp(11px, 1.18vw, 20px) !important; }
}


/* v0.3.0 Economy/HUD engine */
.ordjagt-mini-plus {
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
}
.ordjagt-mini-plus:hover,
.ordjagt-icon-btn:hover,
.ordjagt-daily-card:hover {
  filter: brightness(1.08) drop-shadow(0 0 8px rgba(255,218,95,.45)) !important;
}
.ordjagt-big-action em {
  display: block;
  font-style: normal;
  font-size: .48em;
  line-height: 1;
  opacity: .92;
  margin-top: .1em;
  text-transform: lowercase;
}
.ordjagt-daily-card {
  cursor: pointer;
  color: inherit;
  font-family: inherit;
}
.ordjagt-daily-card small {
  display: block;
  margin-top: .55em;
  color: #ffe9a6;
  font-size: clamp(7px, .58vw, 11px);
  font-weight: 800;
  opacity: .9;
}
.ordjagt-daily-card.can-claim {
  box-shadow: 0 12px 24px rgba(0,0,0,.48), 0 0 18px rgba(106, 236, 49, .22), inset 0 0 22px rgba(255,199,82,.12) !important;
}
.ordjagt-big-action[disabled],
.ordjagt-small-action[disabled],
.ordjagt-letter[disabled] {
  cursor: wait !important;
  opacity: .72 !important;
}


/* v0.3.1 - clean hover, new 16:9 game frame and mobile app fitting */
.ordjagt-game-root button,
.ordjagt-game-root button:hover,
.ordjagt-game-root button:focus,
.ordjagt-game-root button:active {
  background-color: transparent !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
.ordjagt-mini-plus,
.ordjagt-mini-plus:hover,
.ordjagt-mini-plus:focus,
.ordjagt-mini-plus:active {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent !important;
  background-image: var(--oj-asset) !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.ordjagt-icon-asset,
.ordjagt-icon-asset:hover,
.ordjagt-icon-asset:focus,
.ordjagt-icon-asset:active {
  background-color: transparent !important;
  background-image: none !important;
}
.ordjagt-mini-plus:hover,
.ordjagt-icon-btn:hover,
.ordjagt-daily-card:hover {
  filter: brightness(1.08) drop-shadow(0 0 8px rgba(255,218,95,.45)) !important;
}

/* Ny layout.game_frame er en ren 16:9 perimeter-ramme, så den ikke blokerer topbar, bogstaver eller sidepanel. */
.ordjagt-app-frame {
  inset: .45% !important;
  z-index: 3 !important;
  opacity: 1 !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
}
.ordjagt-app-vignette { z-index: 1 !important; }
.ordjagt-app > *:not(.ordjagt-app-vignette):not(.ordjagt-app-frame) { z-index: 8 !important; }
.ordjagt-app-hud { z-index: 30 !important; }
.ordjagt-side-zone { z-index: 12 !important; }
.ordjagt-bank-zone { z-index: 16 !important; }
.ordjagt-mascot-tip { z-index: 18 !important; }

/* Topbar slots adjusted to the new thin frame. */
.ordjagt-app-logo { left: 1.2% !important; top: 1.1% !important; width: 12.2% !important; height: 11.2% !important; }
.ordjagt-level-pill { left: 2.55% !important; top: 12.05% !important; width: 10.2% !important; height: 3.8% !important; }
.ordjagt-app-stats { left: 15.5% !important; top: 1.1% !important; width: 72.8% !important; height: 5.1% !important; gap: .45% !important; }
.ordjagt-status-asset { padding: 0 11.8% 0 22.5% !important; }
.ordjagt-status b { font-size: clamp(8px,.76vw,14px) !important; }
.ordjagt-mini-plus { right: 1.5% !important; width: 11.8% !important; }
.ordjagt-app-icons { right: 1.0% !important; top: .95% !important; width: 8.0% !important; height: 5.0% !important; }

/* Mobile landscape becomes true app mode. Prevents theme/header/layout from freezing or squeezing the game. */
.ordjagt-game-root.ordjagt-mobile-landscape-app {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  z-index: 999999 !important;
  background: #020706 !important;
  touch-action: manipulation !important;
}
.ordjagt-mobile-landscape-app .ordjagt-app-wrap {
  width: 100vw !important;
  height: 100dvh !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}
.ordjagt-mobile-landscape-app .ordjagt-app {
  width: min(100vw, calc(100dvh * 16 / 9)) !important;
  height: min(100dvh, calc(100vw * 9 / 16)) !important;
  min-width: 0 !important;
  max-height: 100dvh !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.ordjagt-mobile-landscape-app .ordjagt-rotate-hint { display: none !important; }
@media (orientation: landscape) and (max-width: 950px) {
  .ordjagt-mobile-landscape-app .ordjagt-app-logo { width: 12.6% !important; height: 11.5% !important; }
  .ordjagt-mobile-landscape-app .ordjagt-level-pill { top: 12.0% !important; width: 10.0% !important; }
  .ordjagt-mobile-landscape-app .ordjagt-app-stats { left: 15.2% !important; width: 72.8% !important; height: 5.0% !important; }
  .ordjagt-mobile-landscape-app .ordjagt-app-icons { width: 8.2% !important; }
  .ordjagt-mobile-landscape-app .ordjagt-board { --oj-cell: min(1.88vw, 3.62vh, 25px) !important; }
  .ordjagt-mobile-landscape-app .ordjagt-letter { width: min(6.0%, 38px) !important; font-size: clamp(10px, 1.06vw, 18px) !important; }
  .ordjagt-mobile-landscape-app .ordjagt-clue p { font-size: clamp(8px,.78vw,13px) !important; }
  .ordjagt-mobile-landscape-app .ordjagt-big-action { font-size: clamp(8px,.82vw,14px) !important; }
}



/* v0.3.2 fixed slot polish - no new layout.game_frame graphic here. */

/* Stop theme/browser hover/focus artifacts, including red focus boxes around + buttons. */
.ordjagt-game-root button,
.ordjagt-game-root button:hover,
.ordjagt-game-root button:focus,
.ordjagt-game-root button:focus-visible,
.ordjagt-game-root button:active {
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
.ordjagt-game-root button::-moz-focus-inner { border: 0 !important; }
.ordjagt-mini-plus,
.ordjagt-mini-plus:hover,
.ordjagt-mini-plus:focus,
.ordjagt-mini-plus:focus-visible,
.ordjagt-mini-plus:active {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: var(--oj-asset) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Make the topbar use real fixed slots instead of stretched/floating resource art. */
.ordjagt-app-stats {
  left: 14.8% !important;
  top: .82% !important;
  width: 75.2% !important;
  height: 5.15% !important;
  display: grid !important;
  grid-template-columns: 26.2% 26.2% 26.2% 18.0% !important;
  gap: .65% !important;
  align-items: center !important;
  justify-content: start !important;
}
.ordjagt-status {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  overflow: visible !important;
}
.ordjagt-status-asset {
  background-size: 100% 100% !important;
  padding: 0 10.8% 0 20.8% !important;
  transform: none !important;
}
.ordjagt-status:nth-child(4) {
  transform: translateX(-1.5%) !important;
}
.ordjagt-status b {
  font-size: clamp(8px, .72vw, 13px) !important;
  line-height: 1 !important;
}
.ordjagt-mini-plus {
  width: 10.0% !important;
  right: .8% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.ordjagt-app-icons {
  right: .85% !important;
  top: .82% !important;
  width: 7.6% !important;
  height: 5.05% !important;
  gap: 3.8% !important;
}
.ordjagt-icon-btn {
  width: 30% !important;
  height: auto !important;
}

/* Remove the small rank bubble/circle in leaderboard. */
.ordjagt-leaderboard-card li span b {
  display: inline !important;
  width: auto !important;
  aspect-ratio: auto !important;
  margin-right: .35em !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #6b3608 !important;
  font-weight: 1000 !important;
}

/* Larger fixed playfield for the crossword itself. */
.ordjagt-playfield {
  left: 9.0% !important;
  top: 13.5% !important;
  width: 44.5% !important;
  height: 61.5% !important;
}
.ordjagt-board-title {
  top: -1.1% !important;
  width: 52% !important;
  height: 7.2% !important;
}
.ordjagt-board {
  --oj-cell: min(calc(var(--oj-avail-w) * .0227), calc(var(--oj-avail-h) * .0412), 36px) !important;
  gap: min(calc(var(--oj-avail-w) * .00225), calc(var(--oj-avail-h) * .0038), 3px) !important;
}
.ordjagt-cell.filled {
  border-width: min(.13vw, 2px) !important;
}

/* Keep clue and action buttons in their own slots, safely above the letter bank. */
.ordjagt-clue-zone {
  left: 52.0% !important;
  top: 15.4% !important;
  width: 18.4% !important;
  height: 18.3% !important;
}
.ordjagt-clue {
  padding: 8.5% 8% !important;
}
.ordjagt-clue p {
  font-size: clamp(8px, .78vw, 15px) !important;
  line-height: 1.18 !important;
}
.ordjagt-control-zone {
  left: 51.9% !important;
  top: 36.7% !important;
  width: 18.8% !important;
  height: 26.6% !important;
  gap: 4.3% !important;
}
.ordjagt-big-action {
  font-size: clamp(8px, .82vw, 15px) !important;
}
.ordjagt-big-action em {
  font-size: .43em !important;
}

/* Bottom letter bank: smaller letters, visible label, and no overlap/jump. */
.ordjagt-bank-zone {
  left: 13.6% !important;
  bottom: 2.0% !important;
  width: 55.0% !important;
  height: 12.0% !important;
  padding: .28% 1.25% .55% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}
.ordjagt-typed {
  position: relative !important;
  z-index: 3 !important;
  width: 44% !important;
  height: 19% !important;
  min-height: 17px !important;
  margin: 0 0 .5% !important;
  font-size: clamp(7px, .78vw, 15px) !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
}
.ordjagt-bank {
  height: 74% !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .85% !important;
  overflow: visible !important;
}
.ordjagt-letter {
  width: min(5.25%, 42px) !important;
  max-width: 42px !important;
  font-size: clamp(10px, 1.06vw, 20px) !important;
  border-width: 2px !important;
  box-shadow: 0 4px 0 #754610, 0 0 8px rgba(255,220,120,.35), inset 0 2px 0 rgba(255,255,255,.72) !important;
}

/* Side panel and info box: fixed readable slots. */
.ordjagt-side-zone {
  right: 1.55% !important;
  top: 10.5% !important;
  width: 18.6% !important;
  height: 72.2% !important;
}
.ordjagt-mascot-tip {
  right: 1.8% !important;
  bottom: 1.45% !important;
  width: 16.6% !important;
}
.ordjagt-mascot-copy {
  width: 50% !important;
  margin-right: 6.5% !important;
}
.ordjagt-mascot-tip strong {
  font-size: clamp(7px, .68vw, 12px) !important;
}
.ordjagt-mascot-tip span {
  font-size: clamp(6px, .56vw, 10px) !important;
  line-height: 1.08 !important;
}

/* Prevent page scroll/viewport changes from moving the game in mobile app mode. */
body.ordjagt-mobile-app-active {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
}
.ordjagt-game-root.ordjagt-mobile-landscape-app {
  top: 0 !important;
  left: 0 !important;
  transform: translateZ(0) !important;
  overscroll-behavior: none !important;
}
.ordjagt-mobile-landscape-app .ordjagt-app {
  contain: layout paint size !important;
}
.ordjagt-mobile-landscape-app .ordjagt-board {
  --oj-cell: min(2.14vw, 3.92vh, 26px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-playfield {
  left: 8.6% !important;
  top: 13.8% !important;
  width: 44.8% !important;
  height: 61.0% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-bank-zone {
  height: 11.6% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: min(5.0%, 34px) !important;
  max-width: 34px !important;
  font-size: clamp(9px, .98vw, 16px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-typed {
  font-size: clamp(6px, .72vw, 12px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-control-zone {
  top: 36.8% !important;
  height: 26.0% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-big-action {
  font-size: clamp(7px, .76vw, 12px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-app-stats {
  left: 14.5% !important;
  width: 75.0% !important;
  height: 4.95% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-status b {
  font-size: clamp(7px, .66vw, 11px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-mini-plus {
  width: 9.0% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-app-icons {
  width: 7.3% !important;
}


/* v0.3.3 logo/level spacing + non-stretched top HUD holders */

/* Logo and level plate are separated so "Niveau 1" is not pressed into the logo. */
.ordjagt-app-logo {
  left: 1.15% !important;
  top: .55% !important;
  width: 11.4% !important;
  height: 10.15% !important;
}
.ordjagt-level-pill {
  left: 2.35% !important;
  top: 12.35% !important;
  width: 9.75% !important;
  height: 3.45% !important;
}
.ordjagt-level-pill span {
  font-size: clamp(7px, .55vw, 11px) !important;
}

/*
 * Topbar: the resource holders now keep their real proportions.
 * Before they used grid columns and were stretched horizontally.
 */
.ordjagt-app-stats {
  left: 14.7% !important;
  top: .82% !important;
  width: 73.7% !important;
  height: 5.25% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  pointer-events: auto !important;
}

.ordjagt-app-stats .ordjagt-status {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  min-width: 0 !important;
  transform: none !important;
  overflow: visible !important;
}

/* Match the approximate aspect ratios of the actual PNG holders. */
.ordjagt-app-stats .ordjagt-status:nth-child(1) { aspect-ratio: 3.13 / 1 !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(2) { aspect-ratio: 3.03 / 1 !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(3) { aspect-ratio: 3.87 / 1 !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(4) { aspect-ratio: 3.74 / 1 !important; }

.ordjagt-status-asset {
  background-size: 100% 100% !important;
  background-position: center !important;
  padding: 0 18% 0 31% !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(3).ordjagt-status-asset {
  padding-left: 28% !important;
  padding-right: 17% !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset {
  padding-left: 28% !important;
  padding-right: 11% !important;
}

.ordjagt-status b {
  font-size: clamp(8px, .68vw, 13px) !important;
  line-height: 1 !important;
  transform: none !important;
}

/* Plus buttons scale from holder size instead of from a stretched parent width. */
.ordjagt-mini-plus {
  width: 24% !important;
  right: -2.5% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  aspect-ratio: 1 / 1 !important;
  background-size: contain !important;
}

/* Give help/sound/settings their own clean right slot. */
.ordjagt-app-icons {
  right: .78% !important;
  top: .85% !important;
  width: 7.0% !important;
  height: 4.95% !important;
  gap: 3.5% !important;
}
.ordjagt-icon-btn {
  width: 30% !important;
  aspect-ratio: 1 / 1 !important;
}

@media (orientation: landscape) and (max-width: 1180px) {
  .ordjagt-app-logo {
    width: 11.8% !important;
    height: 10.4% !important;
  }
  .ordjagt-level-pill {
    top: 12.55% !important;
    width: 9.9% !important;
    height: 3.4% !important;
  }
  .ordjagt-app-stats {
    left: 14.8% !important;
    width: 73.0% !important;
    height: 5.05% !important;
  }
  .ordjagt-status b {
    font-size: clamp(7px, .62vw, 11px) !important;
  }
  .ordjagt-mini-plus {
    width: 23% !important;
    right: -2.2% !important;
  }
  .ordjagt-app-icons {
    width: 7.25% !important;
  }
}

@media (orientation: landscape) and (max-width: 950px) {
  .ordjagt-mobile-landscape-app .ordjagt-app-logo {
    top: .65% !important;
    width: 11.5% !important;
    height: 10.0% !important;
  }
  .ordjagt-mobile-landscape-app .ordjagt-level-pill {
    top: 12.2% !important;
    width: 9.65% !important;
    height: 3.35% !important;
  }
  .ordjagt-mobile-landscape-app .ordjagt-app-stats {
    left: 14.6% !important;
    width: 73.4% !important;
    height: 4.9% !important;
  }
  .ordjagt-mobile-landscape-app .ordjagt-app-icons {
    right: .72% !important;
    width: 7.1% !important;
    height: 4.75% !important;
  }
}


/* v0.3.4 clean master slots. This version fixes positioning only; layout.game_frame graphic is not replaced. */

/* 1) Whole game must fit one screen and not jump when scrolling. */
.ordjagt-game-root {
  overflow: hidden !important;
  min-height: auto !important;
  padding: 6px !important;
}
.ordjagt-app-wrap {
  overflow: hidden !important;
}
.ordjagt-app {
  width: min(calc(100vw - 12px), calc((100dvh - 12px) * 16 / 9), 1680px) !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  min-width: 0 !important;
  max-height: calc(100dvh - 12px) !important;
  overflow: hidden !important;
}

/* 2) Logo and level each get their own separate fixed slot. */
.ordjagt-app-logo {
  left: 1.05% !important;
  top: .65% !important;
  width: 10.6% !important;
  height: 9.6% !important;
  z-index: 35 !important;
}
.ordjagt-app-logo-img {
  object-fit: contain !important;
}
.ordjagt-level-pill {
  left: 2.2% !important;
  top: 12.65% !important;
  width: 8.9% !important;
  height: 3.15% !important;
  z-index: 34 !important;
}
.ordjagt-level-pill span {
  font-size: clamp(6px, .50vw, 10px) !important;
  line-height: 1 !important;
}

/* 3) Top HUD: fixed absolute slots. No flex/grid stretching. */
.ordjagt-app-stats {
  position: absolute !important;
  left: 14.2% !important;
  top: .85% !important;
  width: 75.2% !important;
  height: 5.0% !important;
  display: block !important;
  pointer-events: auto !important;
  z-index: 40 !important;
}
.ordjagt-app-stats .ordjagt-status {
  position: absolute !important;
  top: 0 !important;
  height: 100% !important;
  min-width: 0 !important;
  width: auto !important;
  flex: none !important;
  transform: none !important;
  overflow: visible !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(1) { left: 0% !important; width: 20.8% !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(2) { left: 23.0% !important; width: 20.8% !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(3) { left: 46.0% !important; width: 21.8% !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(4) { left: 69.6% !important; width: 16.4% !important; }

.ordjagt-status-asset {
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(1).ordjagt-status-asset { padding-left: 25% !important; padding-right: 18% !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(2).ordjagt-status-asset { padding-left: 25% !important; padding-right: 18% !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(3).ordjagt-status-asset { padding-left: 25% !important; padding-right: 18% !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset { padding-left: 28% !important; padding-right: 12% !important; }

.ordjagt-status b {
  font-size: clamp(7px, .62vw, 12px) !important;
  line-height: 1 !important;
  transform: none !important;
  text-align: center !important;
}

/* Plus buttons now scale from holder height, not holder width. */
.ordjagt-mini-plus,
.ordjagt-mini-plus:hover,
.ordjagt-mini-plus:focus,
.ordjagt-mini-plus:focus-visible,
.ordjagt-mini-plus:active {
  position: absolute !important;
  height: 92% !important;
  width: auto !important;
  aspect-ratio: 1 / 1 !important;
  right: -2.2% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: var(--oj-asset) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Right icon buttons in a clean separate slot. */
.ordjagt-app-icons {
  position: absolute !important;
  right: .8% !important;
  top: .9% !important;
  width: 7.7% !important;
  height: 4.9% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4% !important;
  z-index: 45 !important;
}
.ordjagt-icon-btn {
  width: 29% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-width: 0 !important;
}

/* 4) Bigger crossword area, isolated from clue/buttons/letterbank. */
.ordjagt-playfield {
  left: 7.8% !important;
  top: 14.0% !important;
  width: 45.5% !important;
  height: 61.8% !important;
  z-index: 10 !important;
}
.ordjagt-board-title {
  top: -1.0% !important;
  width: 54% !important;
  height: 7.0% !important;
}
.ordjagt-board-title span {
  font-size: clamp(7px, .72vw, 14px) !important;
}
.ordjagt-board {
  --oj-cell: min(calc(var(--oj-avail-w) * .0232), calc(var(--oj-avail-h) * .0415), 36px) !important;
  gap: min(calc(var(--oj-avail-w) * .0022), calc(var(--oj-avail-h) * .0037), 3px) !important;
  padding: 0 !important;
}
.ordjagt-cell.filled {
  border-width: 2px !important;
  box-shadow: 0 calc(var(--oj-cell) * .07) 0 #75420e, 0 0 calc(var(--oj-cell) * .10) rgba(255,220,120,.36), inset 0 2px 0 rgba(255,255,255,.65) !important;
}

/* 5) Clue and controls: fixed vertical stack above the letter bank. */
.ordjagt-clue-zone {
  left: 52.8% !important;
  top: 16.3% !important;
  width: 18.4% !important;
  height: 17.2% !important;
  z-index: 12 !important;
}
.ordjagt-clue {
  padding: 8% 8% !important;
}
.ordjagt-clue span {
  font-size: clamp(6px, .58vw, 11px) !important;
}
.ordjagt-clue p {
  font-size: clamp(8px, .74vw, 14px) !important;
  line-height: 1.16 !important;
}

.ordjagt-control-zone {
  left: 52.8% !important;
  top: 36.0% !important;
  width: 18.8% !important;
  height: 26.2% !important;
  gap: 4.0% !important;
  z-index: 13 !important;
}
.ordjagt-big-action {
  font-size: clamp(8px, .78vw, 14px) !important;
  min-height: 0 !important;
}
.ordjagt-big-action b {
  transform: scale(.82) !important;
}
.ordjagt-big-action em {
  font-size: .40em !important;
  margin-top: 0 !important;
}
.ordjagt-small-action {
  font-size: clamp(6px, .54vw, 10px) !important;
}

/* 6) Letter bank: smaller, higher, and label always visible. */
.ordjagt-bank-zone {
  left: 14.0% !important;
  bottom: 3.4% !important;
  width: 54.0% !important;
  height: 10.2% !important;
  padding: .22% 1.1% .42% !important;
  z-index: 16 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
  overflow: visible !important;
}
.ordjagt-typed {
  position: relative !important;
  z-index: 5 !important;
  width: 42% !important;
  height: 18% !important;
  min-height: 14px !important;
  margin: 0 0 .35% !important;
  font-size: clamp(6px, .66vw, 13px) !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  padding: 0 !important;
}
.ordjagt-bank {
  height: 77% !important;
  width: 100% !important;
  gap: .72% !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
.ordjagt-letter {
  width: min(4.55%, 36px) !important;
  max-width: 36px !important;
  font-size: clamp(9px, .92vw, 17px) !important;
  border-width: 2px !important;
  box-shadow: 0 3px 0 #754610, 0 0 7px rgba(255,220,120,.32), inset 0 2px 0 rgba(255,255,255,.72) !important;
}

/* 7) Right side fixed columns, no extra rank circles. */
.ordjagt-side-zone {
  right: 1.55% !important;
  top: 10.8% !important;
  width: 18.4% !important;
  height: 71.5% !important;
  z-index: 12 !important;
}
.ordjagt-leaderboard-card li span b {
  display: inline !important;
  width: auto !important;
  aspect-ratio: auto !important;
  margin-right: .35em !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #6b3608 !important;
}
.ordjagt-level-picker {
  height: 5.8% !important;
}
.ordjagt-level-dot {
  width: auto !important;
  height: 86% !important;
  aspect-ratio: 1 / 1 !important;
}

/* 8) Bottom mascot box readable and inside the frame. */
.ordjagt-mascot-tip {
  right: 1.75% !important;
  bottom: 1.35% !important;
  width: 16.2% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 577 / 433 !important;
  padding: 0 !important;
  z-index: 18 !important;
}
.ordjagt-mascot-copy {
  width: 49% !important;
  margin: 0 6.2% 0 0 !important;
}
.ordjagt-mascot-tip strong {
  font-size: clamp(6px, .60vw, 11px) !important;
}
.ordjagt-mascot-tip span {
  font-size: clamp(5px, .50vw, 9px) !important;
  line-height: 1.05 !important;
}

/* 9) Mobile landscape: true fixed app mode, but clicks still work. */
body.ordjagt-mobile-app-active {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
.ordjagt-game-root.ordjagt-mobile-landscape-app {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  z-index: 999999 !important;
  background: #020706 !important;
  touch-action: manipulation !important;
}
.ordjagt-mobile-landscape-app .ordjagt-app-wrap {
  width: 100vw !important;
  height: 100dvh !important;
  overflow: hidden !important;
}
.ordjagt-mobile-landscape-app .ordjagt-app {
  width: min(100vw, calc(100dvh * 16 / 9)) !important;
  height: min(100dvh, calc(100vw * 9 / 16)) !important;
  max-height: 100dvh !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.ordjagt-mobile-landscape-app .ordjagt-board {
  --oj-cell: min(2.12vw, 3.84vh, 26px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: min(4.2%, 32px) !important;
  max-width: 32px !important;
  font-size: clamp(8px, .82vw, 14px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-bank-zone {
  bottom: 3.2% !important;
  height: 9.8% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-status b {
  font-size: clamp(6px, .54vw, 10px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-mini-plus {
  height: 82% !important;
  right: -1.5% !important;
}


/* v0.3.5 final polish: no game_frame, corrected top HUD proportions, and bottom bar bank without fixed frame around chosen letters. */
.ordjagt-app-frame {
  display: none !important;
  background: none !important;
}

/* Logo and level plate need more breathing room. */
.ordjagt-app-logo {
  left: 1.35% !important;
  top: 1.0% !important;
  width: 9.6% !important;
  height: 8.8% !important;
}
.ordjagt-app-logo-img {
  object-fit: contain !important;
}
.ordjagt-level-pill {
  left: 2.05% !important;
  top: 12.85% !important;
  width: 8.3% !important;
  height: 2.65% !important;
}
.ordjagt-level-pill span {
  font-size: clamp(6px, .48vw, 10px) !important;
  line-height: 1 !important;
}

/* Top HUD: keep the real PNG proportions and stop stretching. */
.ordjagt-app-stats {
  position: absolute !important;
  left: 15.0% !important;
  top: 1.0% !important;
  width: 71.8% !important;
  height: 4.9% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5% !important;
  z-index: 40 !important;
}
.ordjagt-app-stats .ordjagt-status {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  height: 100% !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  overflow: visible !important;
  transform: none !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(1) { aspect-ratio: 1472 / 470 !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(2) { aspect-ratio: 1523 / 503 !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(3) { aspect-ratio: 1443 / 373 !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(4) { aspect-ratio: 1362 / 364 !important; }
.ordjagt-status-asset {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding: 0 16% 0 28% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(3).ordjagt-status-asset {
  padding-left: 26% !important;
  padding-right: 16% !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset {
  padding-left: 27% !important;
  padding-right: 12% !important;
}
.ordjagt-status b {
  font-size: clamp(7px, .58vw, 12px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}
.ordjagt-mini-plus,
.ordjagt-mini-plus:hover,
.ordjagt-mini-plus:focus,
.ordjagt-mini-plus:focus-visible,
.ordjagt-mini-plus:active {
  width: 17% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  right: .8% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: var(--oj-asset) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: none !important;
}
.ordjagt-app-icons {
  right: 1.05% !important;
  top: 1.0% !important;
  width: 6.2% !important;
  height: 4.25% !important;
  gap: 3.2% !important;
}
.ordjagt-icon-btn {
  width: 30% !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
}

/* Bottom bar: use the jungle bar graphic, but not a fixed frame around variable chosen letters. */
.ordjagt-bank-zone {
  left: 15.0% !important;
  bottom: 2.0% !important;
  width: 56.8% !important;
  height: 12.8% !important;
  padding: .25% 1.0% 1.05% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: center / 100% 100% no-repeat !important;
  background-image: var(--oj-asset) !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.ordjagt-typed {
  width: auto !important;
  height: 18% !important;
  min-height: 0 !important;
  margin: .15% 0 .55% !important;
  padding: 0 !important;
  font-size: clamp(8px, .82vw, 15px) !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  color: #fff7da !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.55) !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.ordjagt-bank {
  width: 100% !important;
  height: 72% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1.0% !important;
  overflow: visible !important;
}
.ordjagt-letter {
  width: clamp(34px, calc(54% / var(--oj-bank-count, 6)), 58px) !important;
  max-width: none !important;
  aspect-ratio: 1 / 1 !important;
  font-size: clamp(12px, 1.35vw, 24px) !important;
  border-width: 2px !important;
  box-shadow: 0 3px 0 #754610, 0 0 7px rgba(255,220,120,.26), inset 0 2px 0 rgba(255,255,255,.72) !important;
}

/* Keep mobile aligned and lighter so the page does not freeze or squeeze. */
.ordjagt-mobile-landscape-app .ordjagt-app-logo {
  width: 10.1% !important;
  height: 9.1% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-level-pill {
  top: 12.75% !important;
  width: 8.6% !important;
  height: 2.8% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-app-stats {
  left: 15.0% !important;
  width: 71.5% !important;
  height: 4.65% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-status b {
  font-size: clamp(6px, .54vw, 10px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-mini-plus {
  width: 15.5% !important;
  right: .6% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-bank-zone {
  bottom: 1.8% !important;
  height: 13.0% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-typed {
  font-size: clamp(7px, .74vw, 13px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: clamp(28px, calc(52% / var(--oj-bank-count, 6)), 44px) !important;
  font-size: clamp(10px, 1.02vw, 18px) !important;
}

/* v0.3.16: remove fixed frame around chosen letters and normalize top HUD plus-button scale. */
.ordjagt-app-stats {
  left: 15.1% !important;
  top: 0.95% !important;
  width: 72.2% !important;
  height: 4.55% !important;
  gap: .55% !important;
}
.ordjagt-status-asset {
  padding-left: 26% !important;
  padding-right: 17% !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(3).ordjagt-status-asset {
  padding-left: 25% !important;
  padding-right: 16% !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset {
  padding-left: 27% !important;
  padding-right: 13% !important;
}
.ordjagt-status b {
  font-size: clamp(7px, .56vw, 12px) !important;
}
.ordjagt-mini-plus,
.ordjagt-mini-plus:hover,
.ordjagt-mini-plus:focus,
.ordjagt-mini-plus:focus-visible,
.ordjagt-mini-plus:active {
  height: 82% !important;
  width: auto !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  right: 1.35% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Free letter bank with no decorative frame around the selected letters. */
.ordjagt-bank-zone {
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 2.15% !important;
  width: auto !important;
  max-width: 62% !important;
  min-width: 28% !important;
  height: auto !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.ordjagt-typed {
  width: auto !important;
  height: auto !important;
  margin: 0 auto .45% !important;
  padding: .12em .8em !important;
  font-size: clamp(10px, .86vw, 16px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #fff7da !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.6) !important;
  background: rgba(0,0,0,.34) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px rgba(255,220,140,.18) inset !important;
}
.ordjagt-bank {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .45vw !important;
  padding: 0 !important;
}
.ordjagt-letter {
  width: clamp(38px, 3.4vw, 56px) !important;
  height: auto !important;
  font-size: clamp(14px, 1.3vw, 24px) !important;
}

.ordjagt-mobile-landscape-app .ordjagt-app-stats {
  left: 15.2% !important;
  width: 72.0% !important;
  height: 4.45% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-mini-plus {
  height: 78% !important;
  right: 1.1% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-bank-zone {
  bottom: 1.85% !important;
  max-width: 72% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-typed {
  font-size: clamp(9px, .9vw, 14px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: clamp(32px, 4.2vw, 48px) !important;
  font-size: clamp(12px, 1.4vw, 20px) !important;
}

/* v0.3.16: more play space, dropdown right panels, controls inline above letter bank. */
.ordjagt-app {
  --oj-layout-board-left: 15.0%;
}
.ordjagt-playfield {
  left: 14.8% !important;
  top: 14.2% !important;
  width: 42.8% !important;
  height: 57.6% !important;
}
.ordjagt-clue-zone {
  left: 53.6% !important;
  top: 17.0% !important;
  width: 18.6% !important;
  height: 18.4% !important;
}
.ordjagt-bank-zone {
  left: 19.0% !important;
  bottom: 2.1% !important;
  width: auto !important;
  max-width: 46.5% !important;
  min-width: 28% !important;
  height: auto !important;
  padding: 0 !important;
  z-index: 18 !important;
}
.ordjagt-control-zone.ordjagt-control-row {
  left: 18.9% !important;
  bottom: 10.7% !important;
  top: auto !important;
  width: 47.2% !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: .75vw !important;
  z-index: 18 !important;
}
.ordjagt-inline-action {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.ordjagt-control-row .ordjagt-big-action,
.ordjagt-control-row .ordjagt-small-action {
  min-height: clamp(42px, 4.1vw, 66px) !important;
  padding: .65em .8em !important;
}
.ordjagt-control-row .ordjagt-big-action span,
.ordjagt-control-row .ordjagt-small-action {
  font-size: clamp(11px, .95vw, 18px) !important;
}
.ordjagt-control-row .ordjagt-big-action b {
  font-size: clamp(12px, 1.05vw, 20px) !important;
}
.ordjagt-control-row .ordjagt-big-action em {
  font-size: clamp(8px, .58vw, 11px) !important;
}
.ordjagt-side-zone.ordjagt-side-dropdown-shell {
  right: 1.0% !important;
  top: 14.0% !important;
  width: 7.2% !important;
  height: 66% !important;
  z-index: 24 !important;
  overflow: visible !important;
}
.ordjagt-side-rail {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: .8vw;
}
.ordjagt-side-trigger {
  width: 100%;
  border: 1px solid rgba(191,131,37,.85);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(80,42,12,.95), rgba(36,18,8,.95));
  color: #f5d786;
  font-weight: 800;
  font-size: clamp(10px, .82vw, 14px);
  letter-spacing: .03em;
  padding: .95em .45em;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.28);
}
.ordjagt-side-trigger.active {
  background: linear-gradient(180deg, rgba(109,66,16,.97), rgba(52,28,10,.97));
  color: #fff4c4;
}
.ordjagt-side-flyout {
  position: absolute;
  right: calc(100% + .75vw);
  top: 0;
  width: 18.2vw;
  min-width: 250px;
  max-width: 320px;
}
.ordjagt-side-flyout .ordjagt-daily-card,
.ordjagt-side-flyout .ordjagt-leaderboard-card,
.ordjagt-side-flyout .ordjagt-level-picker-panel {
  width: 100% !important;
  margin: 0 !important;
  box-shadow: 0 16px 30px rgba(0,0,0,.28) !important;
}
.ordjagt-level-picker-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: .45vw !important;
  padding: .8vw !important;
  border-radius: 20px !important;
  background: rgba(25, 12, 7, .88) !important;
  border: 1px solid rgba(188,132,45,.85) !important;
}
.ordjagt-level-picker-panel .ordjagt-level-dot {
  width: 100% !important;
  height: auto !important;
  border-radius: 999px !important;
  padding: .75em 1em !important;
  font-size: clamp(10px, .82vw, 14px) !important;
}
.ordjagt-mascot-tip {
  right: 1.2% !important;
  bottom: 1.8% !important;
  width: 16.2% !important;
  height: 11.8% !important;
  z-index: 17 !important;
}
.ordjagt-mascot-copy { padding-left: 36% !important; }

/* keep bottom bank free-floating, no frame */
.ordjagt-bank-zone[style] {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.ordjagt-bank {
  gap: .55vw !important;
}
.ordjagt-letter {
  width: clamp(42px, 3.7vw, 60px) !important;
  font-size: clamp(14px, 1.25vw, 24px) !important;
}

/* mobile landscape */
.ordjagt-mobile-landscape-app .ordjagt-playfield {
  left: 6.0% !important;
  top: 13.8% !important;
  width: 48.0% !important;
  height: 56.5% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-clue-zone {
  left: 56.0% !important;
  top: 16.0% !important;
  width: 22.0% !important;
  height: 17.5% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-control-zone.ordjagt-control-row {
  left: 11.0% !important;
  width: 66.0% !important;
  bottom: 10.0% !important;
  gap: 1.1vw !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-bank-zone {
  left: 11.0% !important;
  max-width: 67.5% !important;
  bottom: 2.0% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  width: 11.8% !important;
  top: 13.0% !important;
  height: 62% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-side-flyout {
  width: 34vw !important;
  min-width: 190px !important;
}
.ordjagt-mobile-landscape-app .ordjagt-side-trigger {
  font-size: clamp(9px, 1.4vw, 12px) !important;
  padding: .85em .25em !important;
}
.ordjagt-mobile-landscape-app .ordjagt-control-row .ordjagt-big-action,
.ordjagt-mobile-landscape-app .ordjagt-control-row .ordjagt-small-action {
  min-height: clamp(34px, 5.4vw, 50px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-control-row .ordjagt-big-action span,
.ordjagt-mobile-landscape-app .ordjagt-control-row .ordjagt-small-action {
  font-size: clamp(9px, 1.4vw, 13px) !important;
}
.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: clamp(30px, 5vw, 44px) !important;
  font-size: clamp(12px, 1.6vw, 18px) !important;
}

/* v0.3.16 CLEAN FINAL LAYOUT OVERRIDE - keep this block last */

/* Remove old fixed frames. */
.ordjagt-app-frame,
.ordjagt-bank-zone::before,
.ordjagt-bank-zone::after {
  display: none !important;
}

/* Logo + level */
.ordjagt-app-logo {
  left: 1.25% !important;
  top: 1.0% !important;
  width: 9.2% !important;
  height: 8.4% !important;
}
.ordjagt-level-pill {
  left: 1.95% !important;
  top: 12.3% !important;
  width: 8.4% !important;
  height: 2.7% !important;
}

/* Compact HUD */
.ordjagt-app-stats {
  left: 15.1% !important;
  top: .95% !important;
  width: 72.0% !important;
  height: 4.45% !important;
  display: flex !important;
  gap: .7% !important;
  justify-content: space-between !important;
  align-items: center !important;
  z-index: 45 !important;
}
.ordjagt-app-stats .ordjagt-status {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: 100% !important;
  flex: 0 0 auto !important;
  transform: none !important;
  overflow: visible !important;
}
.ordjagt-app-stats .ordjagt-status:nth-child(1) { aspect-ratio: 1472 / 470 !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(2) { aspect-ratio: 1523 / 503 !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(3) { aspect-ratio: 1443 / 373 !important; }
.ordjagt-app-stats .ordjagt-status:nth-child(4) { aspect-ratio: 1362 / 364 !important; }
.ordjagt-status-asset {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  padding: 0 17% 0 27% !important;
}
.ordjagt-status b {
  font-size: clamp(7px,.54vw,11px) !important;
}
.ordjagt-mini-plus {
  height: 76% !important;
  width: auto !important;
  aspect-ratio: 1/1 !important;
  right: 2.2% !important;
}

/* Right side is dropdown only by default. */
.ordjagt-side-zone.ordjagt-side-dropdown-shell {
  position: absolute !important;
  right: 1.0% !important;
  top: 14.0% !important;
  width: 7.5% !important;
  height: 64% !important;
  z-index: 50 !important;
  background: none !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.ordjagt-side-zone.ordjagt-side-dropdown-shell > .ordjagt-daily-card,
.ordjagt-side-zone.ordjagt-side-dropdown-shell > .ordjagt-leaderboard-card,
.ordjagt-side-zone.ordjagt-side-dropdown-shell > .ordjagt-level-picker {
  display: none !important;
}
.ordjagt-side-rail {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .75vw !important;
}
.ordjagt-side-trigger {
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(205,143,44,.9) !important;
  background: linear-gradient(180deg,rgba(76,39,13,.96),rgba(29,15,8,.96)) !important;
  color: #f8df91 !important;
  font-weight: 900 !important;
  font-size: clamp(9px,.72vw,13px) !important;
  padding: .75em .35em !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.25) !important;
}
.ordjagt-side-trigger.active {
  color: #fff7c8 !important;
  background: linear-gradient(180deg,rgba(126,77,21,.98),rgba(50,26,10,.98)) !important;
}
.ordjagt-side-flyout {
  position: absolute !important;
  right: calc(100% + .75vw) !important;
  top: 0 !important;
  width: 18.5vw !important;
  min-width: 250px !important;
  max-width: 340px !important;
  z-index: 60 !important;
}
.ordjagt-side-flyout .ordjagt-daily-card,
.ordjagt-side-flyout .ordjagt-leaderboard-card,
.ordjagt-side-flyout .ordjagt-level-picker-panel {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  box-shadow: 0 16px 32px rgba(0,0,0,.35) !important;
}

/* Spilleområde får mere plads. */
.ordjagt-playfield {
  left: 12.2% !important;
  top: 14.0% !important;
  width: 44.0% !important;
  height: 58.8% !important;
}
.ordjagt-board {
  --oj-cell: min(calc(var(--oj-avail-w) * .0236), calc(var(--oj-avail-h) * .042), 38px) !important;
}
.ordjagt-clue-zone {
  left: 55.8% !important;
  top: 17.0% !important;
  width: 18.6% !important;
  height: 18.2% !important;
}

/* Knapper vandret lige over bogstaverne. */
.ordjagt-control-zone.ordjagt-control-row,
.ordjagt-control-zone {
  left: 20.0% !important;
  top: auto !important;
  bottom: 11.0% !important;
  width: 48.0% !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: .75vw !important;
  align-items: center !important;
  z-index: 25 !important;
}
.ordjagt-control-row .ordjagt-big-action,
.ordjagt-control-row .ordjagt-small-action,
.ordjagt-control-zone .ordjagt-big-action,
.ordjagt-control-zone .ordjagt-small-action {
  width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(42px,4vw,66px) !important;
  margin: 0 !important;
  padding: .55em .6em !important;
  font-size: clamp(10px,.85vw,16px) !important;
}
.ordjagt-control-row .ordjagt-big-action span,
.ordjagt-control-zone .ordjagt-big-action span {
  font-size: clamp(10px,.92vw,17px) !important;
}
.ordjagt-control-row .ordjagt-big-action b,
.ordjagt-control-zone .ordjagt-big-action b {
  font-size: clamp(10px,.9vw,16px) !important;
}
.ordjagt-control-row .ordjagt-big-action em,
.ordjagt-control-zone .ordjagt-big-action em {
  font-size: clamp(6px,.48vw,10px) !important;
}

/* Bogstavbank uden frame. */
.ordjagt-bank-zone,
.ordjagt-bank-zone[style] {
  left: 20.0% !important;
  transform: none !important;
  bottom: 2.2% !important;
  width: 48.0% !important;
  max-width: 48.0% !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  z-index: 24 !important;
}
.ordjagt-typed {
  width: auto !important;
  height: auto !important;
  margin: 0 auto .45% !important;
  padding: .12em .85em !important;
  background: rgba(0,0,0,.38) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px rgba(255,220,140,.18) inset !important;
  color: #fff7da !important;
  font-size: clamp(10px,.82vw,16px) !important;
  line-height: 1.08 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.65) !important;
}
.ordjagt-bank {
  width: auto !important;
  height: auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .55vw !important;
  padding: 0 !important;
}
.ordjagt-letter {
  width: clamp(42px,3.55vw,58px) !important;
  max-width: none !important;
  aspect-ratio: 1/1 !important;
  font-size: clamp(14px,1.18vw,22px) !important;
}

.ordjagt-mascot-tip {
  right: 1.2% !important;
  bottom: 1.5% !important;
  width: 15.8% !important;
  height: auto !important;
  z-index: 22 !important;
}

/* Mobile landscape */
.ordjagt-mobile-landscape-app .ordjagt-playfield {
  left: 6.0% !important;
  top: 13.5% !important;
  width: 49.0% !important;
  height: 56.5% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-clue-zone {
  left: 56.5% !important;
  top: 15.5% !important;
  width: 21.5% !important;
  height: 17.5% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-control-zone {
  left: 10.0% !important;
  width: 66.0% !important;
  bottom: 9.7% !important;
  gap: 1vw !important;
}
.ordjagt-mobile-landscape-app .ordjagt-bank-zone {
  left: 10.0% !important;
  width: 66.0% !important;
  max-width: 66.0% !important;
  bottom: 1.8% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  width: 12% !important;
  top: 13% !important;
}
.ordjagt-mobile-landscape-app .ordjagt-side-flyout {
  width: 34vw !important;
  min-width: 190px !important;
}
.ordjagt-mobile-landscape-app .ordjagt-control-row .ordjagt-big-action,
.ordjagt-mobile-landscape-app .ordjagt-control-row .ordjagt-small-action,
.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action,
.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action {
  min-height: clamp(34px,5.2vw,50px) !important;
  font-size: clamp(9px,1.25vw,13px) !important;
}

/* ============================================================
   v0.3.16 MASTER ZONE LAYOUT - fixed fields based on red sketch
   ============================================================ */

#ordjagt-game-root, #ordjagt-game-root * { box-sizing: border-box !important; }

#ordjagt-game-root .ordjagt-app {
  --oj-zone-logo-x: 1.15%;
  --oj-zone-logo-y: 1.0%;
  --oj-zone-logo-w: 9.6%;
  --oj-zone-logo-h: 9.0%;
  --oj-zone-level-x: 1.95%;
  --oj-zone-level-y: 12.8%;
  --oj-zone-level-w: 8.5%;
  --oj-zone-level-h: 2.7%;
  --oj-zone-hud-x: 27.0%;
  --oj-zone-hud-y: 1.15%;
  --oj-zone-hud-w: 58.0%;
  --oj-zone-hud-h: 4.35%;
  --oj-zone-icons-x: 90.5%;
  --oj-zone-icons-y: 1.15%;
  --oj-zone-icons-w: 7.2%;
  --oj-zone-icons-h: 4.1%;
  --oj-zone-board-x: 19.0%;
  --oj-zone-board-y: 13.7%;
  --oj-zone-board-w: 37.0%;
  --oj-zone-board-h: 59.5%;
  --oj-zone-clue-x: 56.4%;
  --oj-zone-clue-y: 16.4%;
  --oj-zone-clue-w: 18.4%;
  --oj-zone-clue-h: 18.0%;
  --oj-zone-menu-x: 88.4%;
  --oj-zone-menu-y: 14.0%;
  --oj-zone-menu-w: 8.8%;
  --oj-zone-menu-h: 31.5%;
  --oj-zone-flyout-w: 19.0vw;
  --oj-zone-actions-x: 22.0%;
  --oj-zone-actions-w: 47.0%;
  --oj-zone-actions-bottom: 14.7%;
  --oj-zone-bank-x: 26.0%;
  --oj-zone-bank-w: 38.0%;
  --oj-zone-bank-bottom: 5.0%;
  --oj-zone-mascot-x: 80.6%;
  --oj-zone-mascot-bottom: 2.7%;
  --oj-zone-mascot-w: 15.8%;
}

#ordjagt-game-root .ordjagt-app-frame,
#ordjagt-game-root .ordjagt-bank-zone::before,
#ordjagt-game-root .ordjagt-bank-zone::after { display: none !important; }

#ordjagt-game-root { padding: 0 !important; overflow: hidden !important; background: #020706 !important; }
#ordjagt-game-root .ordjagt-app-wrap {
  width: 100% !important; display: flex !important; justify-content: center !important; align-items: flex-start !important; overflow: hidden !important;
}
#ordjagt-game-root .ordjagt-app {
  width: min(100vw, calc(100dvh * 16 / 9), 1780px) !important;
  aspect-ratio: 16 / 9 !important; max-height: 100dvh !important; min-width: 0 !important; overflow: hidden !important; isolation: isolate !important;
}

#ordjagt-game-root .ordjagt-app-logo {
  left: var(--oj-zone-logo-x) !important; top: var(--oj-zone-logo-y) !important; width: var(--oj-zone-logo-w) !important; height: var(--oj-zone-logo-h) !important; z-index: 50 !important;
}
#ordjagt-game-root .ordjagt-app-logo-img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
#ordjagt-game-root .ordjagt-level-pill {
  left: var(--oj-zone-level-x) !important; top: var(--oj-zone-level-y) !important; width: var(--oj-zone-level-w) !important; height: var(--oj-zone-level-h) !important; z-index: 49 !important;
}
#ordjagt-game-root .ordjagt-level-pill span { font-size: clamp(6px,.48vw,10px) !important; line-height: 1 !important; }

#ordjagt-game-root .ordjagt-app-stats {
  position: absolute !important; left: var(--oj-zone-hud-x) !important; top: var(--oj-zone-hud-y) !important; width: var(--oj-zone-hud-w) !important; height: var(--oj-zone-hud-h) !important;
  display: block !important; z-index: 55 !important; pointer-events: auto !important;
}
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status {
  position: absolute !important; top: 0 !important; height: 100% !important; min-width: 0 !important; width: auto !important; flex: none !important; transform: none !important; overflow: visible !important;
}
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(1) { left: 0% !important; width: 18.0% !important; }
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(2) { left: 27.2% !important; width: 18.0% !important; }
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(3) { left: 54.4% !important; width: 18.0% !important; }
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(4) { left: 80.4% !important; width: 16.2% !important; }
#ordjagt-game-root .ordjagt-status-asset {
  background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important;
  padding: 0 16% 0 29% !important; display: flex !important; align-items: center !important; justify-content: center !important;
}
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset { padding-left: 28% !important; padding-right: 10% !important; }
#ordjagt-game-root .ordjagt-status b { font-size: clamp(7px,.55vw,11px) !important; line-height: 1 !important; white-space: nowrap !important; text-align: center !important; transform: none !important; }
#ordjagt-game-root .ordjagt-mini-plus,
#ordjagt-game-root .ordjagt-mini-plus:hover,
#ordjagt-game-root .ordjagt-mini-plus:focus,
#ordjagt-game-root .ordjagt-mini-plus:focus-visible,
#ordjagt-game-root .ordjagt-mini-plus:active {
  height: 74% !important; width: auto !important; aspect-ratio: 1 / 1 !important; right: -7% !important; top: 50% !important; transform: translateY(-50%) !important;
  background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; background-color: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; filter: none !important;
}

#ordjagt-game-root .ordjagt-app-icons {
  position: absolute !important; left: var(--oj-zone-icons-x) !important; right: auto !important; top: var(--oj-zone-icons-y) !important; width: var(--oj-zone-icons-w) !important; height: var(--oj-zone-icons-h) !important;
  display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 4% !important; z-index: 56 !important;
}
#ordjagt-game-root .ordjagt-icon-btn { width: 29% !important; min-width: 0 !important; height: auto !important; aspect-ratio: 1 / 1 !important; }

#ordjagt-game-root .ordjagt-playfield {
  position: absolute !important; left: var(--oj-zone-board-x) !important; top: var(--oj-zone-board-y) !important; width: var(--oj-zone-board-w) !important; height: var(--oj-zone-board-h) !important; z-index: 20 !important; overflow: visible !important;
}
#ordjagt-game-root .ordjagt-board-title {
  top: -1.2% !important; left: 50% !important; transform: translateX(-50%) !important; width: 72% !important; height: 7.0% !important;
}
#ordjagt-game-root .ordjagt-board-title span { font-size: clamp(7px,.72vw,14px) !important; }
#ordjagt-game-root .ordjagt-board {
  --oj-cell: min(calc(var(--oj-avail-w) * .0238), calc(var(--oj-avail-h) * .0435), 38px) !important;
  gap: min(calc(var(--oj-avail-w) * .002), calc(var(--oj-avail-h) * .0035), 3px) !important; padding: 0 !important;
}

#ordjagt-game-root .ordjagt-clue-zone {
  position: absolute !important; left: var(--oj-zone-clue-x) !important; top: var(--oj-zone-clue-y) !important; width: var(--oj-zone-clue-w) !important; height: var(--oj-zone-clue-h) !important; z-index: 22 !important;
}
#ordjagt-game-root .ordjagt-clue { padding: 8% 8% !important; }
#ordjagt-game-root .ordjagt-clue span { font-size: clamp(6px,.58vw,11px) !important; }
#ordjagt-game-root .ordjagt-clue p { font-size: clamp(8px,.72vw,14px) !important; line-height: 1.16 !important; }

#ordjagt-game-root .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  position: absolute !important; left: var(--oj-zone-menu-x) !important; right: auto !important; top: var(--oj-zone-menu-y) !important; width: var(--oj-zone-menu-w) !important; height: var(--oj-zone-menu-h) !important;
  z-index: 65 !important; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important;
}
#ordjagt-game-root .ordjagt-side-zone.ordjagt-side-dropdown-shell > .ordjagt-daily-card,
#ordjagt-game-root .ordjagt-side-zone.ordjagt-side-dropdown-shell > .ordjagt-leaderboard-card,
#ordjagt-game-root .ordjagt-side-zone.ordjagt-side-dropdown-shell > .ordjagt-level-picker { display: none !important; }
#ordjagt-game-root .ordjagt-side-rail {
  position: absolute !important; inset: 0 auto auto 0 !important; width: 100% !important; display: flex !important; flex-direction: column !important; gap: .7vw !important;
}
#ordjagt-game-root .ordjagt-side-trigger {
  display: block !important; width: 100% !important; min-height: clamp(34px,3vw,50px) !important; padding: .62em .35em !important; border-radius: 14px !important;
  border: 1px solid rgba(205,143,44,.9) !important; background: linear-gradient(180deg,rgba(76,39,13,.96),rgba(29,15,8,.96)) !important;
  color: #f8df91 !important; font-weight: 900 !important; font-size: clamp(8px,.70vw,13px) !important; line-height: 1.05 !important; text-align: center !important; cursor: pointer !important; box-shadow: 0 8px 18px rgba(0,0,0,.25) !important;
}
#ordjagt-game-root .ordjagt-side-trigger.active { color: #fff7c8 !important; background: linear-gradient(180deg,rgba(126,77,21,.98),rgba(50,26,10,.98)) !important; }
#ordjagt-game-root .ordjagt-side-flyout {
  position: absolute !important; right: calc(100% + .8vw) !important; top: 0 !important; width: var(--oj-zone-flyout-w) !important; min-width: 245px !important; max-width: 340px !important; z-index: 80 !important;
}
#ordjagt-game-root .ordjagt-side-flyout .ordjagt-daily-card,
#ordjagt-game-root .ordjagt-side-flyout .ordjagt-leaderboard-card,
#ordjagt-game-root .ordjagt-side-flyout .ordjagt-level-picker-panel {
  width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; box-shadow: 0 16px 32px rgba(0,0,0,.35) !important;
}

#ordjagt-game-root .ordjagt-control-zone,
#ordjagt-game-root .ordjagt-control-zone.ordjagt-control-row {
  position: absolute !important; left: var(--oj-zone-actions-x) !important; top: auto !important; bottom: var(--oj-zone-actions-bottom) !important; width: var(--oj-zone-actions-w) !important; height: auto !important;
  display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: .75vw !important; align-items: center !important; z-index: 30 !important;
}
#ordjagt-game-root .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root .ordjagt-control-zone .ordjagt-small-action {
  width: 100% !important; min-width: 0 !important; min-height: clamp(38px,3.7vw,62px) !important; margin: 0 !important; padding: .48em .55em !important; font-size: clamp(10px,.85vw,16px) !important;
}
#ordjagt-game-root .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root .ordjagt-control-zone .ordjagt-small-action { font-size: clamp(10px,.92vw,17px) !important; }
#ordjagt-game-root .ordjagt-control-zone .ordjagt-big-action b { font-size: clamp(10px,.88vw,16px) !important; }
#ordjagt-game-root .ordjagt-control-zone .ordjagt-big-action em { font-size: clamp(6px,.46vw,10px) !important; }

#ordjagt-game-root .ordjagt-bank-zone,
#ordjagt-game-root .ordjagt-bank-zone[style] {
  position: absolute !important; left: var(--oj-zone-bank-x) !important; bottom: var(--oj-zone-bank-bottom) !important; width: var(--oj-zone-bank-w) !important; max-width: var(--oj-zone-bank-w) !important; min-width: 0 !important; height: auto !important;
  transform: none !important; padding: 0 !important; background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; overflow: visible !important; z-index: 29 !important;
}
#ordjagt-game-root .ordjagt-typed {
  width: auto !important; height: auto !important; margin: 0 auto .45% !important; padding: .12em .85em !important; background: rgba(0,0,0,.38) !important; border: 0 !important; border-radius: 999px !important;
  box-shadow: 0 0 0 1px rgba(255,220,140,.18) inset !important; color: #fff7da !important; font-size: clamp(10px,.82vw,16px) !important; line-height: 1.08 !important; text-shadow: 0 1px 2px rgba(0,0,0,.65) !important;
}
#ordjagt-game-root .ordjagt-bank {
  width: auto !important; max-width: 100% !important; height: auto !important; display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: .55vw !important; padding: 0 !important;
}
#ordjagt-game-root .ordjagt-letter {
  width: clamp(40px,3.35vw,56px) !important; max-width: none !important; height: auto !important; aspect-ratio: 1/1 !important; font-size: clamp(14px,1.15vw,22px) !important;
}

#ordjagt-game-root .ordjagt-mascot-tip {
  position: absolute !important; right: auto !important; left: var(--oj-zone-mascot-x) !important; bottom: var(--oj-zone-mascot-bottom) !important; width: var(--oj-zone-mascot-w) !important; height: auto !important; min-height: 0 !important; aspect-ratio: 577 / 433 !important; z-index: 25 !important;
}
#ordjagt-game-root .ordjagt-mascot-copy { width: 48% !important; margin-right: 5.7% !important; }
#ordjagt-game-root .ordjagt-mascot-tip strong { font-size: clamp(6px,.58vw,11px) !important; }
#ordjagt-game-root .ordjagt-mascot-tip span { font-size: clamp(5px,.48vw,9px) !important; line-height: 1.05 !important; }

#ordjagt-game-root .ordjagt-toast { bottom: 22% !important; left: 45% !important; transform: translateX(-50%) !important; }

/* Mobile landscape zones */
#ordjagt-game-root.ordjagt-mobile-landscape-app,
body.ordjagt-mobile-app-active #ordjagt-game-root {
  position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; padding: 0 !important; margin: 0 !important; z-index: 999999 !important; overflow: hidden !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app {
  width: min(100vw, calc(100dvh * 16 / 9)) !important; height: min(100dvh, calc(100vw * 9 / 16)) !important; max-height: 100dvh !important; border-radius: 0 !important; box-shadow: none !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app {
  --oj-zone-logo-x: 1.0%; --oj-zone-logo-y: .7%; --oj-zone-logo-w: 8.8%; --oj-zone-logo-h: 8.5%;
  --oj-zone-level-x: 1.55%; --oj-zone-level-y: 11.2%; --oj-zone-level-w: 7.8%; --oj-zone-level-h: 2.7%;
  --oj-zone-hud-x: 25.0%; --oj-zone-hud-y: .9%; --oj-zone-hud-w: 60.0%; --oj-zone-hud-h: 4.25%;
  --oj-zone-icons-x: 90.0%; --oj-zone-icons-w: 8.4%;
  --oj-zone-board-x: 6.4%; --oj-zone-board-y: 13.3%; --oj-zone-board-w: 49.5%; --oj-zone-board-h: 56.5%;
  --oj-zone-clue-x: 56.7%; --oj-zone-clue-y: 15.2%; --oj-zone-clue-w: 21.0%; --oj-zone-clue-h: 17.8%;
  --oj-zone-menu-x: 87.0%; --oj-zone-menu-y: 13.0%; --oj-zone-menu-w: 11.5%; --oj-zone-menu-h: 38.0%;
  --oj-zone-actions-x: 10.0%; --oj-zone-actions-w: 66.5%; --oj-zone-actions-bottom: 10.2%;
  --oj-zone-bank-x: 11.0%; --oj-zone-bank-w: 64.0%; --oj-zone-bank-bottom: 2.4%;
  --oj-zone-mascot-x: 80.6%; --oj-zone-mascot-bottom: 2.1%; --oj-zone-mascot-w: 17.6%;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-board { --oj-cell: min(2.16vw,3.85vh,28px) !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-trigger { min-height: clamp(28px,5vw,42px) !important; font-size: clamp(8px,1.25vw,12px) !important; padding: .55em .18em !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-flyout { width: 34vw !important; min-width: 185px !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action {
  min-height: clamp(30px,5.4vw,48px) !important; font-size: clamp(9px,1.2vw,13px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: clamp(30px,4.7vw,44px) !important; font-size: clamp(12px,1.45vw,18px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mini-plus {
  height: 70% !important; right: -5% !important;
}


/* ============================================================
   v0.3.16 FINAL HUD+LOGO FIT OVERRIDES
   Fixes: logo større, level bedre, top-tal helt inde i felter.
   ============================================================ */
#ordjagt-game-root .ordjagt-app {
  --oj-zone-logo-x: .85% !important;
  --oj-zone-logo-y: .65% !important;
  --oj-zone-logo-w: 12.8% !important;
  --oj-zone-logo-h: 12.2% !important;
  --oj-zone-level-x: 2.05% !important;
  --oj-zone-level-y: 11.2% !important;
  --oj-zone-level-w: 7.0% !important;
  --oj-zone-level-h: 2.5% !important;
  --oj-zone-hud-x: 30.0% !important;
  --oj-zone-hud-y: 1.05% !important;
  --oj-zone-hud-w: 58.8% !important;
  --oj-zone-hud-h: 4.5% !important;
  --oj-zone-icons-x: 89.2% !important;
  --oj-zone-icons-w: 9.4% !important;
}
#ordjagt-game-root .ordjagt-app-logo { overflow: visible !important; }
#ordjagt-game-root .ordjagt-app-logo-img { object-fit: contain !important; object-position: top left !important; }
#ordjagt-game-root .ordjagt-level-pill span { font-size: clamp(7px,.52vw,11px) !important; }

#ordjagt-game-root .ordjagt-app-stats {
  left: var(--oj-zone-hud-x) !important;
  top: var(--oj-zone-hud-y) !important;
  width: var(--oj-zone-hud-w) !important;
  height: var(--oj-zone-hud-h) !important;
}
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(1) { left: 0% !important; width: 17.3% !important; }
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(2) { left: 25.9% !important; width: 17.3% !important; }
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(3) { left: 51.8% !important; width: 17.3% !important; }
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(4) { left: 77.4% !important; width: 16.0% !important; }
#ordjagt-game-root .ordjagt-status-asset {
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(1).ordjagt-status-asset,
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(2).ordjagt-status-asset,
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(3).ordjagt-status-asset {
  padding-left: 24% !important;
  padding-right: 20% !important;
}
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset {
  padding-left: 24% !important;
  padding-right: 13% !important;
}
#ordjagt-game-root .ordjagt-status b {
  font-size: clamp(8px,.64vw,12px) !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  display: inline-block !important;
  width: 100% !important;
  text-align: center !important;
}
#ordjagt-game-root .ordjagt-mini-plus,
#ordjagt-game-root .ordjagt-mini-plus:hover,
#ordjagt-game-root .ordjagt-mini-plus:focus,
#ordjagt-game-root .ordjagt-mini-plus:focus-visible,
#ordjagt-game-root .ordjagt-mini-plus:active {
  height: 68% !important;
  right: -3.8% !important;
}
#ordjagt-game-root .ordjagt-app-icons { gap: 3% !important; }
#ordjagt-game-root .ordjagt-icon-btn { width: 22.5% !important; }

/* mobil landscape tilsvarende fit */
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app {
  --oj-zone-logo-x: .8% !important;
  --oj-zone-logo-y: .6% !important;
  --oj-zone-logo-w: 12.0% !important;
  --oj-zone-logo-h: 12.0% !important;
  --oj-zone-level-x: 1.8% !important;
  --oj-zone-level-y: 11.0% !important;
  --oj-zone-level-w: 7.4% !important;
  --oj-zone-level-h: 2.6% !important;
  --oj-zone-hud-x: 28.6% !important;
  --oj-zone-hud-y: .9% !important;
  --oj-zone-hud-w: 60.8% !important;
  --oj-zone-hud-h: 4.45% !important;
  --oj-zone-icons-x: 89.7% !important;
  --oj-zone-icons-w: 9.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(1) { left: 0% !important; width: 17.7% !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(2) { left: 25.8% !important; width: 17.7% !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(3) { left: 51.6% !important; width: 17.7% !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(4) { left: 77.2% !important; width: 16.2% !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(1).ordjagt-status-asset,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(2).ordjagt-status-asset,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(3).ordjagt-status-asset {
  padding-left: 23% !important;
  padding-right: 18% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset {
  padding-left: 23% !important;
  padding-right: 12% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-status b { font-size: clamp(7px,1.0vw,11px) !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mini-plus { height: 64% !important; right: -3.0% !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-icon-btn { width: 23% !important; }


/* ============================================================
   v0.3.16 MOBILE LANDSCAPE FULL-FIT
   Goal: mobilversion skal fylde mere og være læsbar.
   ============================================================ */
html.ordjagt-mobile-app-active,
body.ordjagt-mobile-app-active {
  overflow: hidden !important;
  touch-action: manipulation !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app,
body.ordjagt-mobile-app-active #ordjagt-game-root {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  background: #000 !important;
  overflow: hidden !important;
  z-index: 999999 !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app {
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  background-position: center center !important;
  background-size: cover !important;

  --oj-zone-logo-x: 1.1% !important;
  --oj-zone-logo-y: 1.0% !important;
  --oj-zone-logo-w: 15.5% !important;
  --oj-zone-logo-h: 14.2% !important;

  --oj-zone-level-x: 1.8% !important;
  --oj-zone-level-y: 13.4% !important;
  --oj-zone-level-w: 8.7% !important;
  --oj-zone-level-h: 3.2% !important;

  --oj-zone-hud-x: 24.0% !important;
  --oj-zone-hud-y: 1.2% !important;
  --oj-zone-hud-w: 65.5% !important;
  --oj-zone-hud-h: 5.6% !important;

  --oj-zone-icons-x: 89.8% !important;
  --oj-zone-icons-y: 1.25% !important;
  --oj-zone-icons-w: 8.0% !important;

  --oj-zone-board-x: 3.6% !important;
  --oj-zone-board-y: 15.0% !important;
  --oj-zone-board-w: 47.0% !important;
  --oj-zone-board-h: 55.8% !important;

  --oj-zone-clue-x: 56.2% !important;
  --oj-zone-clue-y: 16.5% !important;
  --oj-zone-clue-w: 22.8% !important;
  --oj-zone-clue-h: 17.8% !important;

  --oj-zone-menu-x: 82.8% !important;
  --oj-zone-menu-y: 15.8% !important;
  --oj-zone-menu-w: 14.0% !important;
  --oj-zone-menu-h: 34.0% !important;

  --oj-zone-actions-x: 18.5% !important;
  --oj-zone-actions-w: 49.0% !important;
  --oj-zone-actions-bottom: 12.2% !important;

  --oj-zone-bank-x: 18.0% !important;
  --oj-zone-bank-w: 50.0% !important;
  --oj-zone-bank-bottom: 2.5% !important;

  --oj-zone-mascot-x: 77.6% !important;
  --oj-zone-mascot-bottom: 2.2% !important;
  --oj-zone-mascot-w: 20.5% !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-wrap {
  width: 100vw !important;
  height: 100dvh !important;
  padding: 0 !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-logo {
  overflow: visible !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-logo-img {
  object-fit: contain !important;
  object-position: top left !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-level-pill span {
  font-size: clamp(8px, 1.1vw, 12px) !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats {
  left: var(--oj-zone-hud-x) !important;
  top: var(--oj-zone-hud-y) !important;
  width: var(--oj-zone-hud-w) !important;
  height: var(--oj-zone-hud-h) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(1) { left: 0% !important; width: 18.4% !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(2) { left: 26.0% !important; width: 18.4% !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(3) { left: 52.0% !important; width: 18.4% !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(4) { left: 78.2% !important; width: 15.2% !important; }
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(1).ordjagt-status-asset,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(2).ordjagt-status-asset,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(3).ordjagt-status-asset {
  padding-left: 23% !important;
  padding-right: 18% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset {
  padding-left: 20% !important;
  padding-right: 10% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-status b {
  font-size: clamp(10px,1.35vw,16px) !important;
  line-height: 1 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mini-plus,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mini-plus:hover,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mini-plus:focus,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mini-plus:active {
  height: 72% !important;
  right: -3.2% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-icons {
  left: var(--oj-zone-icons-x) !important;
  top: var(--oj-zone-icons-y) !important;
  width: var(--oj-zone-icons-w) !important;
  gap: 3.2% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-icon-btn {
  width: 22.5% !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-board {
  --oj-cell: min(4.2vw, 5.7vh, 34px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-clue p {
  font-size: clamp(12px,1.45vw,18px) !important;
  line-height: 1.2 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-clue h3,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-clue strong {
  font-size: clamp(12px,1.2vw,16px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-trigger {
  min-height: clamp(40px,7vw,64px) !important;
  font-size: clamp(12px,1.4vw,18px) !important;
  padding: .55em .3em !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-flyout {
  width: 38vw !important;
  min-width: 220px !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action {
  min-height: clamp(42px,7vw,62px) !important;
  font-size: clamp(12px,1.5vw,18px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action span,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action b {
  font-size: clamp(12px,1.5vw,18px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action em {
  font-size: clamp(9px,1.0vw,12px) !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank-zone {
  bottom: var(--oj-zone-bank-bottom) !important;
  width: var(--oj-zone-bank-w) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-typed {
  margin-bottom: .65% !important;
  font-size: clamp(12px,1.3vw,17px) !important;
  padding: .18em 1em !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank {
  gap: .9vw !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: clamp(42px,6.4vw,58px) !important;
  font-size: clamp(17px,2.0vw,24px) !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-tip {
  width: var(--oj-zone-mascot-w) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-tip strong {
  font-size: clamp(10px,1.1vw,14px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-tip span {
  font-size: clamp(8px,.95vw,12px) !important;
  line-height: 1.12 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-toast {
  bottom: 19.5% !important;
  font-size: clamp(12px,1.25vw,16px) !important;
  max-width: 58vw !important;
}


/* ============================================================
   v0.3.16 DESKTOP + MOBILE POLISH
   - mere luft mellem logo og NIVEAU 1
   - stavet ord større og over knapperne
   - større/læselig mascot-boks
   - større pris-tekst på HINT/BLAND
   ============================================================ */

/* Desktop / generel */
#ordjagt-game-root .ordjagt-app {
  --oj-zone-logo-w: 10.4% !important;
  --oj-zone-logo-h: 10.2% !important;
  --oj-zone-level-x: 2.0% !important;
  --oj-zone-level-y: 13.95% !important;
  --oj-zone-level-w: 7.8% !important;
  --oj-zone-level-h: 2.45% !important;
  --oj-zone-mascot-x: 79.0% !important;
  --oj-zone-mascot-bottom: 2.0% !important;
  --oj-zone-mascot-w: 18.2% !important;
}
#ordjagt-game-root .ordjagt-level-pill span {
  font-size: clamp(7px,.54vw,11px) !important;
}
#ordjagt-game-root .ordjagt-control-zone .ordjagt-big-action em,
#ordjagt-game-root .ordjagt-control-zone .ordjagt-small-action em {
  font-size: clamp(8px,.62vw,12px) !important;
  line-height: 1 !important;
  margin-left: .22em !important;
  white-space: nowrap !important;
}
#ordjagt-game-root .ordjagt-bank-zone,
#ordjagt-game-root .ordjagt-bank-zone[style] {
  overflow: visible !important;
}
#ordjagt-game-root .ordjagt-typed {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 1.1vw) !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  padding: .28em 1.3em !important;
  min-width: 10ch !important;
  text-align: center !important;
  font-size: clamp(14px,1.18vw,22px) !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  line-height: 1.05 !important;
  z-index: 32 !important;
}
#ordjagt-game-root .ordjagt-mascot-tip {
  width: var(--oj-zone-mascot-w) !important;
}
#ordjagt-game-root .ordjagt-mascot-copy {
  width: 50% !important;
  margin-right: 5.4% !important;
  padding-left: 0 !important;
}
#ordjagt-game-root .ordjagt-mascot-tip strong {
  font-size: clamp(9px,.78vw,15px) !important;
  line-height: 1.08 !important;
  margin-bottom: .18em !important;
}
#ordjagt-game-root .ordjagt-mascot-tip span {
  font-size: clamp(8px,.68vw,13px) !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Mobil landscape samme forbedringer */
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app {
  --oj-zone-logo-w: 17.2% !important;
  --oj-zone-logo-h: 15.6% !important;
  --oj-zone-level-x: 2.0% !important;
  --oj-zone-level-y: 14.5% !important;
  --oj-zone-level-w: 9.4% !important;
  --oj-zone-level-h: 3.4% !important;
  --oj-zone-mascot-x: 75.8% !important;
  --oj-zone-mascot-bottom: 2.0% !important;
  --oj-zone-mascot-w: 22.5% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-level-pill span {
  font-size: clamp(9px,1.18vw,13px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action em,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action em {
  font-size: clamp(10px,1.15vw,14px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-typed {
  bottom: calc(100% + 1.55vw) !important;
  font-size: clamp(14px,1.7vw,22px) !important;
  padding: .28em 1.15em !important;
  min-width: 9ch !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-tip {
  width: var(--oj-zone-mascot-w) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-copy {
  width: 51% !important;
  margin-right: 5.2% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-tip strong {
  font-size: clamp(11px,1.25vw,16px) !important;
  margin-bottom: .16em !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-tip span {
  font-size: clamp(9px,1.05vw,13px) !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* ============================================================
   v0.3.16 MOBILE-FIRST FINAL UI
   Bruger ny grafikpakke v3: level badges, sideknapper og tiger-help-panel.
   Samme opbygning til PC og mobil i 16:9, med fokus på krydsord og bogstaver.
   ============================================================ */

#ordjagt-game-root .ordjagt-app-frame,
#ordjagt-game-root .ordjagt-board-title {
  display: none !important;
}

/* Venstre logo + dynamisk niveau-badge */
#ordjagt-game-root .ordjagt-app-logo-block {
  position: absolute !important;
  left: .9% !important;
  top: 1.0% !important;
  width: 13.8% !important;
  height: 24% !important;
  z-index: 80 !important;
  pointer-events: none !important;
}
#ordjagt-game-root .ordjagt-app-logo-block .ordjagt-app-logo {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 56% !important;
  z-index: 81 !important;
  overflow: visible !important;
}
#ordjagt-game-root .ordjagt-app-logo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left top !important;
}
#ordjagt-game-root .ordjagt-level-pill.ordjagt-level-badge {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 47% !important;
  height: auto !important;
  margin: -2% auto 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
  z-index: 82 !important;
}
#ordjagt-game-root .ordjagt-level-badge-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Topbar som i reference - mere kompakt og samlet */
#ordjagt-game-root .ordjagt-app-stats {
  left: 46.5% !important;
  top: 1.2% !important;
  width: 40.5% !important;
  height: 5.2% !important;
  z-index: 78 !important;
}
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(1) { left: 0% !important; width: 21.5% !important; }
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(2) { left: 25.5% !important; width: 21.5% !important; }
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(3) { left: 51.0% !important; width: 21.0% !important; }
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(4) { left: 76.2% !important; width: 17.8% !important; }
#ordjagt-game-root .ordjagt-status-asset {
  padding-left: 27% !important;
  padding-right: 21% !important;
  background-size: contain !important;
  background-position: center !important;
}
#ordjagt-game-root .ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset {
  padding-left: 23% !important;
  padding-right: 8% !important;
}
#ordjagt-game-root .ordjagt-status b {
  font-size: clamp(11px, 1.0vw, 19px) !important;
  color: #fff7df !important;
  text-shadow: 0 2px 3px rgba(0,0,0,.9) !important;
}
#ordjagt-game-root .ordjagt-mini-plus {
  right: -2.5% !important;
  height: 70% !important;
}
#ordjagt-game-root .ordjagt-app-icons {
  left: 88.4% !important;
  top: 1.1% !important;
  width: 10.2% !important;
  height: 5.0% !important;
  gap: 4% !important;
  z-index: 79 !important;
}
#ordjagt-game-root .ordjagt-icon-btn {
  width: 27% !important;
}

/* Større krydsord i venstre/midten */
#ordjagt-game-root .ordjagt-playfield {
  left: 12.7% !important;
  top: 7.7% !important;
  width: 53.0% !important;
  height: 64.5% !important;
  z-index: 20 !important;
}
#ordjagt-game-root .ordjagt-board {
  --oj-cell: min(calc(var(--oj-avail-w) * .0325), calc(var(--oj-avail-h) * .052), 54px) !important;
  gap: min(calc(var(--oj-avail-w) * .0038), calc(var(--oj-avail-h) * .005), 5px) !important;
}

/* Ledetråd som panel i højre side */
#ordjagt-game-root .ordjagt-clue-zone {
  left: 67.3% !important;
  top: 11.8% !important;
  width: 27.0% !important;
  height: 23.5% !important;
  z-index: 34 !important;
}
#ordjagt-game-root .ordjagt-clue {
  width: 100% !important;
  height: 100% !important;
  border-radius: 14px !important;
  border: 3px solid #8d541c !important;
  background: linear-gradient(180deg, #fff0bf 0%, #f3c777 100%) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.38), inset 0 0 0 2px rgba(255,255,210,.36) !important;
  padding: 15% 8% 8% !important;
  position: relative !important;
}
#ordjagt-game-root .ordjagt-clue span {
  position: absolute !important;
  left: 50% !important;
  top: -13% !important;
  transform: translateX(-50%) !important;
  width: 78% !important;
  height: 28% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg,#679e22 0%,#2d5f10 100%) !important;
  color: #fff5c6 !important;
  font-size: clamp(12px,1.15vw,22px) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  text-shadow: 0 2px 2px rgba(0,0,0,.55) !important;
  border: 2px solid #8d541c !important;
  box-shadow: 0 5px 10px rgba(0,0,0,.24) !important;
}
#ordjagt-game-root .ordjagt-clue p {
  font-size: clamp(14px,1.45vw,27px) !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  color: #2a1708 !important;
  text-shadow: 0 1px rgba(255,255,255,.45) !important;
}

/* Side-menu med nye faste grafikknapper */
#ordjagt-game-root .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  left: 73.2% !important;
  top: 40.2% !important;
  width: 23.2% !important;
  height: 25.8% !important;
  z-index: 55 !important;
}
#ordjagt-game-root .ordjagt-side-rail {
  width: 100% !important;
  gap: .55vw !important;
}
#ordjagt-game-root .ordjagt-side-trigger.ordjagt-side-art-trigger {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 2048 / 682 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#ordjagt-game-root .ordjagt-side-trigger-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 7px 8px rgba(0,0,0,.35)) !important;
}
#ordjagt-game-root .ordjagt-side-trigger.ordjagt-side-art-trigger:hover,
#ordjagt-game-root .ordjagt-side-trigger.ordjagt-side-art-trigger:focus,
#ordjagt-game-root .ordjagt-side-trigger.ordjagt-side-art-trigger:active {
  background: transparent !important;
  box-shadow: none !important;
  filter: brightness(1.06) !important;
}
#ordjagt-game-root .ordjagt-side-flyout {
  right: calc(100% + .8vw) !important;
  width: 22vw !important;
  min-width: 260px !important;
}

/* Fast tiger-hjælpepanel fra grafikpakken */
#ordjagt-game-root .ordjagt-mascot-tip.ordjagt-mascot-art {
  left: 67.0% !important;
  right: auto !important;
  bottom: .7% !important;
  width: 31.0% !important;
  height: auto !important;
  aspect-ratio: 1448 / 1086 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  z-index: 45 !important;
}
#ordjagt-game-root .ordjagt-mascot-panel-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 16px rgba(0,0,0,.4)) !important;
}

/* Ordet man staver vises stort over action-knapperne */
#ordjagt-game-root .ordjagt-word-display {
  position: absolute !important;
  left: 40.0% !important;
  bottom: 24.0% !important;
  transform: translateX(-50%) !important;
  min-height: 1.05em !important;
  z-index: 43 !important;
  color: #fff8de !important;
  font-weight: 1000 !important;
  letter-spacing: .12em !important;
  font-size: clamp(28px,3.2vw,62px) !important;
  line-height: .96 !important;
  text-transform: uppercase !important;
  text-shadow: 0 4px 2px rgba(0,0,0,.75), 0 0 10px rgba(255,226,124,.45) !important;
  pointer-events: none !important;
}
#ordjagt-game-root .ordjagt-word-display:empty { display: none !important; }

/* Action-knapper og bogstaver: store og mobilvenlige */
#ordjagt-game-root .ordjagt-control-zone,
#ordjagt-game-root .ordjagt-control-zone.ordjagt-control-row {
  left: 15.7% !important;
  bottom: 12.9% !important;
  width: 51.5% !important;
  grid-template-columns: 1fr 1fr 1.08fr .88fr !important;
  gap: .75vw !important;
  z-index: 42 !important;
}
#ordjagt-game-root .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root .ordjagt-control-zone .ordjagt-small-action {
  min-height: clamp(44px,4.8vw,82px) !important;
  border-radius: 16px !important;
  font-size: clamp(14px,1.25vw,23px) !important;
}
#ordjagt-game-root .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root .ordjagt-control-zone .ordjagt-small-action {
  font-size: clamp(14px,1.3vw,24px) !important;
  letter-spacing: .025em !important;
}
#ordjagt-game-root .ordjagt-control-zone .ordjagt-big-action b {
  font-size: clamp(13px,1.1vw,20px) !important;
}
#ordjagt-game-root .ordjagt-control-zone .ordjagt-big-action em {
  font-size: clamp(8px,.62vw,12px) !important;
}
#ordjagt-game-root .ordjagt-bank-zone,
#ordjagt-game-root .ordjagt-bank-zone[style] {
  left: 11.6% !important;
  bottom: 1.35% !important;
  width: 58.5% !important;
  max-width: 58.5% !important;
  z-index: 41 !important;
}
#ordjagt-game-root .ordjagt-typed.ordjagt-bank-title {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: block !important;
  margin: 0 auto .35vw !important;
  padding: .05em .8em !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: clamp(11px,.9vw,17px) !important;
  color: #fff7dd !important;
  text-shadow: 0 3px 3px rgba(0,0,0,.95) !important;
  letter-spacing: .02em !important;
}
#ordjagt-game-root .ordjagt-bank {
  width: 100% !important;
  gap: .55vw !important;
}
#ordjagt-game-root .ordjagt-letter {
  width: clamp(54px,5.95vw,112px) !important;
  max-width: calc((100% - 7*.55vw) / 7) !important;
  border-radius: 12px !important;
  font-size: clamp(28px,3.1vw,58px) !important;
}

/* Mobil landscape: fyld hele feltet og behold samme struktur */
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app {
  --oj-mobile: 1;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-logo-block {
  left: .7% !important;
  top: 1.0% !important;
  width: 14.8% !important;
  height: 26% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-level-pill.ordjagt-level-badge {
  width: 48% !important;
  margin-top: -1% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats {
  left: 42.0% !important;
  top: 1.0% !important;
  width: 44.5% !important;
  height: 6.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-status b {
  font-size: clamp(10px,1.4vw,16px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-icons {
  left: 88.0% !important;
  top: 1.0% !important;
  width: 10.8% !important;
  height: 6.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-playfield {
  left: 9.4% !important;
  top: 7.7% !important;
  width: 55.0% !important;
  height: 63.5% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-board {
  --oj-cell: min(5.3vw,7.6vh,48px) !important;
  gap: min(.55vw,.8vh,5px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-clue-zone {
  left: 67.0% !important;
  top: 11.7% !important;
  width: 29.0% !important;
  height: 24.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-clue span {
  font-size: clamp(11px,1.55vw,18px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-clue p {
  font-size: clamp(14px,2.0vw,23px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  left: 71.3% !important;
  top: 40.8% !important;
  width: 25.5% !important;
  height: 25.6% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-rail {
  gap: .75vw !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-tip.ordjagt-mascot-art {
  left: 67.4% !important;
  bottom: .4% !important;
  width: 31.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-word-display {
  left: 38.7% !important;
  bottom: 25.1% !important;
  font-size: clamp(26px,5.0vw,52px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone.ordjagt-control-row {
  left: 15.2% !important;
  bottom: 13.1% !important;
  width: 52.5% !important;
  gap: .7vw !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action {
  min-height: clamp(42px,8.0vh,64px) !important;
  border-radius: 14px !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action {
  font-size: clamp(13px,2.0vw,20px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank-zone,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank-zone[style] {
  left: 11.0% !important;
  bottom: 1.1% !important;
  width: 57.0% !important;
  max-width: 57.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-typed.ordjagt-bank-title {
  font-size: clamp(10px,1.3vw,14px) !important;
  margin-bottom: .25vw !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank {
  gap: .65vw !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: clamp(48px,7.2vw,72px) !important;
  max-width: calc((100% - 7*.65vw) / 7) !important;
  font-size: clamp(24px,3.6vw,36px) !important;
}


/* ============================================================
   v0.3.16 ALIGNMENT HOTFIX
   Fixer de store justeringsfejl:
   - højre menu må ikke overlappe tiger/hjælpeboks
   - knapper ligger over bogstaver med luft imellem
   - bogstaver er ikke længere afskåret i bunden
   - højre tigerpanel bliver mindre og læsbart
   - samme struktur til mobil landscape
   ============================================================ */

/* Fælles: undgå at dekorative grafikker vælter ud over deres slots */
#ordjagt-game-root .ordjagt-side-zone,
#ordjagt-game-root .ordjagt-control-zone,
#ordjagt-game-root .ordjagt-bank-zone,
#ordjagt-game-root .ordjagt-mascot-tip {
  box-sizing: border-box !important;
}

/* PC / bred 16:9 */
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-app-logo-block {
  left: .9% !important;
  top: .8% !important;
  width: 12.8% !important;
  height: 23.5% !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-level-pill.ordjagt-level-badge {
  width: 42% !important;
  margin-top: -3.5% !important;
}

/* Board lidt mere til venstre/centrum, så højre kolonne får fast plads */
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-playfield {
  left: 16.5% !important;
  top: 8.7% !important;
  width: 43.0% !important;
  height: 61.5% !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-board {
  --oj-cell: min(4.05vw, 6.55vh, 56px) !important;
  gap: min(.45vw,.62vh,5px) !important;
}

/* Ledetråd fast øverst til højre */
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-clue-zone {
  left: 68.2% !important;
  top: 10.4% !important;
  width: 28.5% !important;
  height: 25.0% !important;
}

/* Højre menu bliver mindre og står imellem ledetråd og tigerpanel */
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  left: 73.0% !important;
  top: 42.4% !important;
  width: 23.5% !important;
  height: 23.0% !important;
  z-index: 54 !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-side-rail {
  gap: .72vw !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-side-trigger.ordjagt-side-art-trigger {
  min-height: 0 !important;
  height: clamp(48px, 4.9vw, 82px) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-side-trigger-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Tiger-hjælpepanel: mindre, nederst, uden overlap */
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-mascot-tip.ordjagt-mascot-art {
  left: 72.0% !important;
  bottom: .8% !important;
  width: 26.0% !important;
  z-index: 44 !important;
  pointer-events: none !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-mascot-panel-img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Stavet ord over knapperne */
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-word-display {
  left: 41.0% !important;
  bottom: 25.2% !important;
  font-size: clamp(26px, 3.0vw, 56px) !important;
  z-index: 53 !important;
}

/* Knapper flyttes op og gøres lidt lavere */
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-control-zone,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-control-zone.ordjagt-control-row {
  left: 19.5% !important;
  bottom: 14.6% !important;
  width: 50.0% !important;
  grid-template-columns: 1fr 1fr 1.08fr .9fr !important;
  gap: .7vw !important;
  z-index: 52 !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-control-zone .ordjagt-small-action {
  min-height: clamp(44px, 4.25vw, 74px) !important;
  border-radius: 15px !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-control-zone .ordjagt-small-action {
  font-size: clamp(14px, 1.2vw, 22px) !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-control-zone .ordjagt-big-action em {
  font-size: clamp(8px, .68vw, 12px) !important;
}

/* Bogstavbank: fuldt synlig og ikke under knapper */
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-bank-zone,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-bank-zone[style] {
  left: 14.0% !important;
  bottom: 1.9% !important;
  width: 58.0% !important;
  max-width: 58.0% !important;
  z-index: 50 !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-typed.ordjagt-bank-title {
  margin-bottom: .45vw !important;
  font-size: clamp(11px, .85vw, 16px) !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-bank {
  gap: .5vw !important;
  justify-content: center !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-letter {
  width: clamp(48px, 4.7vw, 86px) !important;
  max-width: calc((100% - 7*.5vw) / 7) !important;
  font-size: clamp(24px, 2.6vw, 46px) !important;
  border-radius: 11px !important;
}

/* Mobil landscape: samme idé, men mere plads og mindre overlap */
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-logo-block {
  left: .7% !important;
  top: .7% !important;
  width: 15.0% !important;
  height: 24.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-level-pill.ordjagt-level-badge {
  width: 44% !important;
  margin-top: -3% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats {
  left: 41.0% !important;
  top: 1.0% !important;
  width: 44.5% !important;
  height: 6.2% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-icons {
  left: 87.2% !important;
  top: 1.0% !important;
  width: 11.5% !important;
  height: 6.2% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-playfield {
  left: 7.2% !important;
  top: 8.2% !important;
  width: 58.0% !important;
  height: 62.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-board {
  --oj-cell: min(5.05vw, 7.35vh, 46px) !important;
  gap: min(.5vw,.7vh,4px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-clue-zone {
  left: 67.4% !important;
  top: 10.4% !important;
  width: 29.0% !important;
  height: 24.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  left: 72.0% !important;
  top: 40.2% !important;
  width: 25.0% !important;
  height: 24.0% !important;
  z-index: 54 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-rail {
  gap: .7vw !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-trigger.ordjagt-side-art-trigger {
  height: clamp(40px, 7.0vh, 60px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-tip.ordjagt-mascot-art {
  left: 72.0% !important;
  bottom: .6% !important;
  width: 26.0% !important;
  z-index: 44 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-word-display {
  left: 40.0% !important;
  bottom: 24.8% !important;
  font-size: clamp(24px, 4.4vw, 48px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone.ordjagt-control-row {
  left: 17.2% !important;
  bottom: 13.8% !important;
  width: 52.5% !important;
  gap: .6vw !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action {
  min-height: clamp(38px, 7.2vh, 58px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank-zone,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank-zone[style] {
  left: 11.0% !important;
  bottom: 1.7% !important;
  width: 59.0% !important;
  max-width: 59.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: clamp(42px, 6.0vw, 62px) !important;
  max-width: calc((100% - 7*.62vw) / 7) !important;
  font-size: clamp(22px, 3.2vw, 34px) !important;
}


/* ============================================================
   v0.3.16 PC locked + dedicated mobile layout
   - PC og mobil styres nu separat
   - Mobil har hamburger-menu øverst til højre
   - Mobil viser spilleplade i venstre side
   - Mobil viser ledetråd, bogstaver og knapper i højre side
   ============================================================ */

/* Shared helpers */
#ordjagt-game-root .ordjagt-mobile-menu-toggle,
#ordjagt-game-root .ordjagt-mobile-drawer {
  display: none;
}

/* ---------------- Desktop only: små justeringer ---------------- */
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  left: 73.0% !important;
  top: 42.5% !important;
  width: 23.5% !important;
  height: 23.0% !important;
  z-index: 30 !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-mascot-tip.ordjagt-mascot-art {
  left: 72.3% !important;
  bottom: 1.2% !important;
  width: 25.3% !important;
  z-index: 19 !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-bank-zone {
  width: 58.0% !important;
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app) .ordjagt-control-zone {
  width: 51.0% !important;
}

/* ---------------- Mobile layout locked ---------------- */
#ordjagt-game-root.ordjagt-mobile-landscape-app {
  --oj-mobile-left-w: 55.2%;
  --oj-mobile-right-x: 58.2%;
  --oj-mobile-right-w: 39.4%;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-icons,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-side-zone,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mascot-tip {
  display: none !important;
}

#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-logo-block {
  left: 1.1% !important;
  top: 1.0% !important;
  width: 12.2% !important;
  height: 25.0% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-logo {
  width: 100% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-level-pill.ordjagt-level-badge {
  width: 67% !important;
  margin: -2% auto 0 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats {
  left: 14.8% !important;
  top: 1.2% !important;
  width: 72.5% !important;
  height: 6.2% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-app-stats .ordjagt-status b {
  font-size: clamp(8px, 1.1vw, 12px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mini-plus {
  height: 62% !important;
}

/* Hamburger */
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-menu-toggle {
  display: inline-flex !important;
  position: absolute !important;
  top: 1.35% !important;
  right: 1.35% !important;
  width: clamp(38px, 5.3vw, 48px) !important;
  height: clamp(38px, 5.3vw, 48px) !important;
  border-radius: 12px !important;
  border: 2px solid rgba(120,70,15,.9) !important;
  background: linear-gradient(180deg, rgba(92,52,13,.96), rgba(59,31,7,.96)) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.35) !important;
  z-index: 65 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  flex-direction: column !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-menu-toggle span {
  display: block !important;
  width: 52% !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #f5d36d !important;
}

/* Left: board */
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-playfield {
  left: 1.8% !important;
  top: 10.5% !important;
  width: var(--oj-mobile-left-w) !important;
  height: 76.5% !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-board-title {
  display: none !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-board {
  --oj-cell: min(4.55vw, 6.85vh, 39px) !important;
  gap: min(.45vw, .65vh, 4px) !important;
  align-content: start !important;
  justify-content: center !important;
}

/* Right: clue, typed word, letters, controls */
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-clue-zone {
  left: var(--oj-mobile-right-x) !important;
  top: 11.2% !important;
  width: var(--oj-mobile-right-w) !important;
  height: 22.0% !important;
  z-index: 20 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-clue-zone .ordjagt-clue p {
  font-size: clamp(11px, 1.95vw, 19px) !important;
  line-height: 1.18 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-word-display {
  left: 77.8% !important;
  bottom: 46.2% !important;
  width: 32.5% !important;
  font-size: clamp(22px, 3.1vw, 30px) !important;
  line-height: 1.0 !important;
  z-index: 22 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank-zone,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank-zone[style] {
  left: var(--oj-mobile-right-x) !important;
  bottom: 18.8% !important;
  width: var(--oj-mobile-right-w) !important;
  max-width: var(--oj-mobile-right-w) !important;
  height: 24.5% !important;
  padding: .4% .8% !important;
  z-index: 20 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-typed.ordjagt-bank-title {
  margin-bottom: .45rem !important;
  font-size: clamp(10px, 1.25vw, 13px) !important;
  text-align: center !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-bank {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: .4rem !important;
  align-items: center !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-letter {
  width: clamp(42px, 6.25vw, 58px) !important;
  height: clamp(52px, 9.2vh, 78px) !important;
  font-size: clamp(20px, 3.4vw, 30px) !important;
  border-radius: 12px !important;
  flex: 0 0 auto !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone.ordjagt-control-row {
  left: var(--oj-mobile-right-x) !important;
  bottom: 2.4% !important;
  width: var(--oj-mobile-right-w) !important;
  height: 14.6% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: .45rem !important;
  z-index: 21 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action {
  min-height: 0 !important;
  height: 100% !important;
  border-radius: 14px !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-small-action {
  font-size: clamp(12px, 1.8vw, 18px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action b {
  font-size: clamp(12px, 1.75vw, 16px) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-control-zone .ordjagt-big-action em {
  font-size: clamp(8px, 1.05vw, 10px) !important;
}

/* Mobile drawer */
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 70 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer[hidden] {
  display: none !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.46) !important;
  border: 0 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-panel {
  position: absolute !important;
  top: 1.2% !important;
  right: 1.0% !important;
  width: min(42%, 320px) !important;
  max-height: 96.2% !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(40,25,10,.98), rgba(22,13,6,.98)) !important;
  border: 2px solid rgba(213,154,59,.9) !important;
  box-shadow: 0 16px 32px rgba(0,0,0,.45) !important;
  transform: translateX(106%) !important;
  transition: transform .2s ease !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer.is-open .ordjagt-mobile-drawer-panel {
  transform: translateX(0) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: .7rem .9rem !important;
  color: #f5d36d !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-head strong {
  font-size: 1rem !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-close {
  border: 0 !important;
  background: transparent !important;
  color: #f5d36d !important;
  font-size: 1.55rem !important;
  line-height: 1 !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-scroll {
  max-height: calc(96vh - 50px) !important;
  overflow: auto !important;
  padding: .8rem !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-side .ordjagt-side-zone,
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-side .ordjagt-side-dropdown-shell {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-side .ordjagt-side-rail {
  display: grid !important;
  gap: .55rem !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-side .ordjagt-side-trigger.ordjagt-side-art-trigger {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-side .ordjagt-side-trigger-img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-side .ordjagt-side-flyout {
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: .65rem !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-mascot {
  margin-top: .8rem !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-mascot .ordjagt-mascot-panel-img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-drawer-tools {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .5rem !important;
  margin-top: .8rem !important;
}
#ordjagt-game-root.ordjagt-mobile-landscape-app .ordjagt-mobile-tool {
  border-radius: 12px !important;
  border: 1px solid rgba(213,154,59,.9) !important;
  background: linear-gradient(180deg, rgba(102,68,20,.95), rgba(74,47,13,.95)) !important;
  color: #f7ebcb !important;
  padding: .7rem .8rem !important;
  font-weight: 700 !important;
}


/* ============================================================
   v0.3.16 PORTRAIT MOBILE 9:16 LAYOUT
   Mobilversionen er nu en rigtig stående 9:16 app-visning.
   PC-layoutet bruger fortsat desktop-reglerne.
   ============================================================ */

/* Slå gammel vend-mobil besked fra i portrait */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-rotate-hint,
body.ordjagt-mobile-app-active .ordjagt-rotate-overlay {
  display: none !important;
}
body.ordjagt-mobile-app-active {
  overflow: hidden !important;
  touch-action: manipulation !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app,
body.ordjagt-mobile-app-active #ordjagt-game-root.ordjagt-mobile-portrait-app {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #020706 !important;
  z-index: 999999 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-wrap {
  width: 100vw !important;
  height: 100dvh !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app {
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background-position: center center !important;
  background-size: cover !important;
  box-shadow: none !important;
}

/* Skjul desktop sideelementer i portrait. De ligger bag hamburger-menuen. */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-side-zone,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mascot-tip {
  display: none !important;
}

/* Top: logo/niveau venstre, ressourcer/ikoner højre */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-logo-block {
  position: absolute !important;
  left: 2.0% !important;
  top: 1.0% !important;
  width: 27.0% !important;
  height: 18.8% !important;
  z-index: 58 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-logo {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 70% !important;
  overflow: visible !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-logo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: top left !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-level-pill.ordjagt-level-badge {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 68% !important;
  height: auto !important;
  margin: -1% auto 0 !important;
  z-index: 59 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-level-badge-img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-stats {
  position: absolute !important;
  left: 30.0% !important;
  top: 2.1% !important;
  width: 47.0% !important;
  height: 10.0% !important;
  display: block !important;
  z-index: 57 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-stats .ordjagt-status {
  position: absolute !important;
  height: 36% !important;
  min-width: 0 !important;
  overflow: visible !important;
  transform: none !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-stats .ordjagt-status:nth-child(1) { left: 0% !important; top: 0 !important; width: 31% !important; }
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-stats .ordjagt-status:nth-child(2) { left: 33% !important; top: 0 !important; width: 31% !important; }
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-stats .ordjagt-status:nth-child(3) { left: 66% !important; top: 0 !important; width: 31% !important; }
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-stats .ordjagt-status:nth-child(4) { left: 25% !important; top: 48% !important; width: 38% !important; }
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-status-asset {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding-left: 24% !important;
  padding-right: 18% !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-stats .ordjagt-status:nth-child(4).ordjagt-status-asset {
  padding-left: 25% !important;
  padding-right: 8% !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-status b {
  font-size: clamp(10px, 3.1vw, 17px) !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mini-plus {
  height: 72% !important;
  width: auto !important;
  aspect-ratio: 1 / 1 !important;
  right: -3.0% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-icons {
  position: absolute !important;
  left: 78.2% !important;
  top: 2.1% !important;
  width: 19.2% !important;
  height: 4.6% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 5% !important;
  z-index: 58 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-icon-btn {
  width: 29% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  min-width: 0 !important;
}

/* Hamburger menu, stående mobil */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-menu-toggle {
  display: inline-flex !important;
  position: absolute !important;
  top: 12.4% !important;
  right: 3.0% !important;
  width: clamp(46px, 14vw, 70px) !important;
  height: clamp(46px, 14vw, 70px) !important;
  border-radius: 14px !important;
  border: 2px solid rgba(213,154,59,.95) !important;
  background: linear-gradient(180deg, rgba(87,52,17,.97), rgba(43,24,9,.97)) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.42) !important;
  z-index: 70 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7% !important;
  flex-direction: column !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-menu-toggle span {
  display: block !important;
  width: 54% !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #f6d36d !important;
}

/* Krydsord i midten/venstre med stort fokus */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-playfield {
  position: absolute !important;
  left: 1.0% !important;
  top: 22.4% !important;
  width: 72.0% !important;
  height: 43.5% !important;
  z-index: 20 !important;
  overflow: visible !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-board-title {
  display: none !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-board {
  --oj-cell: min(7.75vw, 4.15vh, 42px) !important;
  gap: min(.65vw, .34vh, 4px) !important;
  align-content: start !important;
  justify-content: center !important;
  padding: 0 !important;
}

/* Ledetråd til højre for pladen */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-clue-zone {
  position: absolute !important;
  left: 64.2% !important;
  top: 34.6% !important;
  width: 33.7% !important;
  height: 18.8% !important;
  z-index: 23 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-clue {
  padding: 18% 8% 9% !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-clue span {
  font-size: clamp(9px, 2.7vw, 15px) !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-clue p {
  font-size: clamp(15px, 4.6vw, 27px) !important;
  line-height: 1.22 !important;
}

/* Det aktuelle/stavede ord */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-word-display {
  position: absolute !important;
  left: 50% !important;
  bottom: 23.4% !important;
  transform: translateX(-50%) !important;
  width: 92% !important;
  text-align: center !important;
  font-size: clamp(28px, 10.5vw, 62px) !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  z-index: 28 !important;
  color: #fff8e6 !important;
  text-shadow: 0 4px 0 rgba(0,0,0,.38), 0 8px 18px rgba(0,0,0,.42) !important;
  pointer-events: none !important;
}

/* Knapper over bogstaver i én række */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone.ordjagt-control-row {
  position: absolute !important;
  left: 3.0% !important;
  bottom: 13.8% !important;
  width: 94.0% !important;
  height: 7.0% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.18fr .95fr !important;
  gap: 1.0% !important;
  z-index: 30 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-small-action {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 .4em !important;
  border-radius: 13px !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-small-action {
  font-size: clamp(12px, 3.8vw, 22px) !important;
  line-height: 1 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action b {
  font-size: clamp(10px, 3.1vw, 17px) !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action em {
  display: none !important;
}

/* Bogstavbank nederst */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-bank-zone,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-bank-zone[style] {
  position: absolute !important;
  left: 3.2% !important;
  bottom: 2.5% !important;
  width: 93.6% !important;
  max-width: 93.6% !important;
  height: 9.4% !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 29 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-typed.ordjagt-bank-title {
  display: none !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-bank {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1.0% !important;
  padding: 0 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-letter {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  border-radius: 12px !important;
  font-size: clamp(24px, 8.0vw, 52px) !important;
  line-height: 1 !important;
}

/* Drawer i 9:16 */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 80 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer[hidden] {
  display: none !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-backdrop {
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  background: rgba(0,0,0,.48) !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-panel {
  position: absolute !important;
  top: 1.4% !important;
  right: 2.0% !important;
  width: 78% !important;
  max-height: 96.8% !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(42,25,10,.98), rgba(20,13,7,.98)) !important;
  border: 2px solid rgba(213,154,59,.92) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.48) !important;
  overflow: hidden !important;
  transform: translateX(108%) !important;
  transition: transform .2s ease !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer.is-open .ordjagt-mobile-drawer-panel {
  transform: translateX(0) !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: .9rem 1rem !important;
  color: #f8d875 !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-close {
  border: 0 !important;
  background: transparent !important;
  color: #f8d875 !important;
  font-size: 1.8rem !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-scroll {
  padding: .85rem !important;
  max-height: calc(96dvh - 56px) !important;
  overflow: auto !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-side .ordjagt-side-rail {
  display: grid !important;
  gap: .7rem !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-side .ordjagt-side-trigger.ordjagt-side-art-trigger {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-side .ordjagt-side-trigger-img,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-mascot .ordjagt-mascot-panel-img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-side .ordjagt-side-flyout {
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-top: .75rem !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-mascot {
  margin-top: .9rem !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-tools {
  display: grid !important;
  gap: .55rem !important;
  margin-top: .85rem !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-tool {
  border-radius: 12px !important;
  border: 1px solid rgba(213,154,59,.9) !important;
  background: linear-gradient(180deg, rgba(104,68,20,.95), rgba(72,45,12,.95)) !important;
  color: #f7ebcb !important;
  padding: .75rem .85rem !important;
  font-weight: 800 !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-toast {
  bottom: 22.8% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  max-width: 90% !important;
  font-size: clamp(12px, 3vw, 16px) !important;
  z-index: 75 !important;
}


/* ------------------------------------------------------------
   v0.3.17 mobile portrait fine-tuning
   - Kun hamburger skal ses øverst til højre på mobil
   - Hjælp/lyd/indstillinger ligger i drawer én under én
   - Bogstaver og handlingsknapper er mindre og rykket lidt op
------------------------------------------------------------- */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-icons {
  display: none !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-menu-toggle {
  top: 2.0% !important;
  right: 1.8% !important;
  width: clamp(44px, 12vw, 62px) !important;
  height: clamp(44px, 12vw, 62px) !important;
  border-radius: 12px !important;
  z-index: 92 !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-menu-toggle span {
  width: 52% !important;
  height: 3px !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-panel {
  top: 7.6% !important;
  right: 1.8% !important;
  width: clamp(232px, 62vw, 340px) !important;
  max-width: 76% !important;
  max-height: 89% !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-scroll {
  padding: .75rem !important;
  max-height: calc(88dvh - 56px) !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-tools {
  display: grid !important;
  gap: .6rem !important;
  margin-top: 0 !important;
  margin-bottom: .8rem !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-tool {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 46px !important;
  padding: .78rem .9rem !important;
  white-space: normal !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-side .ordjagt-side-rail {
  gap: .6rem !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-word-display {
  bottom: 18.9% !important;
  font-size: clamp(22px, 7.6vw, 42px) !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone.ordjagt-control-row {
  left: 2.8% !important;
  bottom: 11.2% !important;
  width: 94.4% !important;
  height: 5.8% !important;
  grid-template-columns: 1fr 1fr 1.18fr .92fr !important;
  gap: 1.15% !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-small-action {
  border-radius: 11px !important;
  padding: 0 .32em !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-small-action {
  font-size: clamp(11px, 3.2vw, 18px) !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action b {
  font-size: clamp(9px, 2.6vw, 14px) !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-bank-zone,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-bank-zone[style] {
  left: 3.0% !important;
  bottom: 3.8% !important;
  width: 94.0% !important;
  max-width: 94.0% !important;
  height: 6.8% !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-bank {
  gap: .9% !important;
}
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-letter {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  height: 100% !important;
  border-radius: 10px !important;
  font-size: clamp(15px, 4.3vw, 28px) !important;
  line-height: 1 !important;
  padding: 0 !important;
}

/* ============================================================
   v0.3.19 MOBILE PORTRAIT SAFE LAYOUT ONLY
   Denne blok er bevidst kun scoped til .ordjagt-mobile-portrait-app.
   PC/desktop og mobile-landscape røres ikke.
   ============================================================ */
#ordjagt-game-root.ordjagt-mobile-portrait-app,
body.ordjagt-mobile-app-active #ordjagt-game-root.ordjagt-mobile-portrait-app {
  height: var(--oj-avail-h, 100dvh) !important;
  min-height: var(--oj-avail-h, 100dvh) !important;
  max-height: var(--oj-avail-h, 100dvh) !important;
  overflow: hidden !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-wrap,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app {
  height: var(--oj-avail-h, 100dvh) !important;
  min-height: var(--oj-avail-h, 100dvh) !important;
  max-height: var(--oj-avail-h, 100dvh) !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app {
  background-position: center top !important;
}

/* Toppen holdes samlet og fri af hamburgeren. */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-logo-block {
  left: 2.0% !important;
  top: 1.2% !important;
  width: 27.5% !important;
  height: 18.4% !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-stats {
  left: 30.5% !important;
  top: 2.1% !important;
  width: 47.0% !important;
  height: 9.2% !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app-stats .ordjagt-status {
  height: 35% !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-status b {
  font-size: clamp(9px, 2.85vw, 15px) !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mini-plus {
  height: 66% !important;
  right: -2.0% !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-menu-toggle {
  top: 1.6% !important;
  right: 1.7% !important;
  width: clamp(42px, 11vw, 58px) !important;
  height: clamp(42px, 11vw, 58px) !important;
}

/* Spilleplade og ledetråd samles højere, så bunden får luft. */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-playfield {
  left: 1.2% !important;
  top: 23.0% !important;
  width: 71.0% !important;
  height: 42.5% !important;
  justify-content: center !important;
  align-items: center !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-board {
  --oj-cell: min(7.7vw, 4.0vh, 40px) !important;
  gap: min(.62vw, .32vh, 4px) !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-clue-zone {
  left: 64.0% !important;
  top: 35.2% !important;
  width: 33.8% !important;
  height: 18.2% !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-clue {
  padding: 18% 8% 9% !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-clue span {
  font-size: clamp(8px, 2.45vw, 14px) !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-clue p {
  font-size: clamp(14px, 4.2vw, 24px) !important;
  line-height: 1.18 !important;
}

/* Stavet ord, knapper og bogstaver rykkes samlet op med faste luftzoner. */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-word-display {
  bottom: 22.2% !important;
  font-size: clamp(24px, 8.3vw, 46px) !important;
  line-height: 1 !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone.ordjagt-control-row {
  left: 3.4% !important;
  bottom: 14.2% !important;
  width: 93.2% !important;
  height: 6.0% !important;
  grid-template-columns: 1fr 1fr 1.2fr .95fr !important;
  gap: 1.65% !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-small-action {
  border-radius: 12px !important;
  padding: 0 .28em !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-small-action {
  font-size: clamp(10px, 3.05vw, 17px) !important;
  white-space: nowrap !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-control-zone .ordjagt-big-action b {
  font-size: clamp(9px, 2.45vw, 13px) !important;
  flex: 0 0 auto !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-bank-zone,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-bank-zone[style] {
  left: 3.3% !important;
  bottom: 6.1% !important;
  width: 93.4% !important;
  max-width: 93.4% !important;
  height: 6.75% !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-bank {
  gap: 1.0% !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-letter {
  height: 100% !important;
  font-size: clamp(15px, 4.4vw, 28px) !important;
  border-radius: 10px !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-toast {
  bottom: 27.0% !important;
}

/* Drawer: samme funktion, men lettere at bruge på små højder. */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-panel {
  top: calc(1.6% + clamp(42px, 11vw, 58px) + 8px) !important;
  right: 1.7% !important;
  width: clamp(232px, 64vw, 350px) !important;
  max-width: 78% !important;
  max-height: calc(var(--oj-avail-h, 100dvh) - 78px) !important;
}

#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-mobile-drawer-scroll {
  max-height: calc(var(--oj-avail-h, 100dvh) - 140px) !important;
}


/* ============================================================
   v0.3.20 MOBILE PORTRAIT VISIBILITY FIX
   Prevent legacy orientation dimming from making the 9:16 app dark.
   Desktop/PC layout is unaffected.
   ============================================================ */
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app,
body.ordjagt-mobile-app-active #ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-app {
  opacity: 1 !important;
  filter: none !important;
}


/* ============================================================
   v0.3.21 BLUEPRINT SLOT SYSTEM — FINAL OVERRIDE
   Stable reference canvases:
   - PC / landscape: 16:9
   - Mobile portrait: 9:16
   Every major UI block is anchored to a named slot on the canvas.
   This block must remain last in the stylesheet.
   ============================================================ */

/* Full-bleed host. The game canvas itself letterboxes instead of stretching. */
#ordjagt-game-root {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #030807 !important;
}
#ordjagt-game-root .ordjagt-app-wrap {
  width: 100% !important;
  height: var(--oj-avail-h, 100dvh) !important;
  min-height: var(--oj-avail-h, 100dvh) !important;
  max-height: var(--oj-avail-h, 100dvh) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#ordjagt-game-root .ordjagt-app.ordjagt-blueprint-canvas {
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
  overflow: hidden !important;
  background-position: center center !important;
  background-size: cover !important;
  isolation: isolate !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app.ordjagt-blueprint-canvas {
  width: min(var(--oj-avail-w, 100vw), calc(var(--oj-avail-h, 100dvh) * 16 / 9)) !important;
  height: min(var(--oj-avail-h, 100dvh), calc(var(--oj-avail-w, 100vw) * 9 / 16)) !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 0 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app.ordjagt-blueprint-canvas {
  width: min(var(--oj-avail-w, 100vw), calc(var(--oj-avail-h, 100dvh) * 9 / 16)) !important;
  height: min(var(--oj-avail-h, 100dvh), calc(var(--oj-avail-w, 100vw) * 16 / 9)) !important;
  aspect-ratio: 9 / 16 !important;
  border-radius: 0 !important;
  background-position: center center !important;
}

/* One coordinate space for every slot. */
#ordjagt-game-root .ordjagt-app-hud {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 50 !important;
  pointer-events: none !important;
}
#ordjagt-game-root .ordjagt-app-hud > *,
#ordjagt-game-root .ordjagt-slot,
#ordjagt-game-root .ordjagt-slot button,
#ordjagt-game-root .ordjagt-slot a {
  pointer-events: auto;
}
#ordjagt-game-root .ordjagt-app-frame,
#ordjagt-game-root .ordjagt-board-title {
  display: none !important;
}
#ordjagt-game-root .ordjagt-app-vignette {
  opacity: .55 !important;
  pointer-events: none !important;
}
#ordjagt-game-root .ordjagt-slot {
  box-sizing: border-box !important;
  transform: none !important;
}

/* Grid is measured by JS against its slot, so any crossword dimensions fit. */
#ordjagt-game-root .ordjagt-playfield {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
#ordjagt-game-root .ordjagt-board {
  display: grid !important;
  grid-template-columns: repeat(var(--grid-cols), var(--oj-cell)) !important;
  grid-template-rows: repeat(var(--grid-rows), var(--oj-cell)) !important;
  grid-auto-rows: unset !important;
  gap: var(--oj-board-gap, 4px) !important;
  width: max-content !important;
  height: max-content !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  justify-content: center !important;
  align-content: center !important;
  pointer-events: auto !important;
}
#ordjagt-game-root .ordjagt-cell {
  width: var(--oj-cell) !important;
  height: var(--oj-cell) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  font-size: calc(var(--oj-cell) * .56) !important;
}

/* ---------------- DESKTOP / LANDSCAPE BLUEPRINT 16:9 ---------------- */
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-logo-block {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 70 !important;
  pointer-events: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-logo-block .ordjagt-app-logo {
  position: absolute !important;
  left: 1.2% !important;
  top: 1.0% !important;
  width: 16.2% !important;
  height: 13.8% !important;
  margin: 0 !important;
  overflow: visible !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-logo-img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left top !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-level-pill.ordjagt-level-badge {
  position: absolute !important;
  left: 17.6% !important;
  top: 1.1% !important;
  width: 9.2% !important;
  height: 13.2% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-level-badge-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-stats {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: visible !important;
  z-index: 72 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-stats .ordjagt-status {
  position: absolute !important;
  top: 2.1% !important;
  height: 6.6% !important;
  margin: 0 !important;
  transform: none !important;
  overflow: visible !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-status-coins { left: 59.0% !important; width: 10.4% !important; }
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-status-energy { left: 69.7% !important; width: 10.8% !important; }
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-status-gems { left: 80.8% !important; width: 10.0% !important; }
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-status-timer {
  left: 42.2% !important;
  top: 2.1% !important;
  width: 14.0% !important;
  height: 7.1% !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-status b {
  font-size: clamp(9px, .86vw, 18px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mini-plus {
  right: 1.0% !important;
  width: auto !important;
  height: 72% !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-icons {
  position: absolute !important;
  left: auto !important;
  right: 1.1% !important;
  top: 1.5% !important;
  width: 7.6% !important;
  height: 7.1% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 3.5% !important;
  z-index: 74 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-icons .ordjagt-icon-btn {
  width: 31% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 1 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-menu-toggle {
  display: none !important;
}

#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-playfield {
  position: absolute !important;
  left: 10.0% !important;
  top: 17.0% !important;
  width: 50.5% !important;
  height: 57.0% !important;
  z-index: 20 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-clue-zone {
  position: absolute !important;
  left: 63.2% !important;
  top: 17.2% !important;
  width: 29.0% !important;
  height: 44.5% !important;
  z-index: 32 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-clue {
  width: 100% !important;
  height: 100% !important;
  padding: 15% 9% 9% !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-clue span {
  font-size: clamp(11px, 1.15vw, 22px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-clue p {
  font-size: clamp(14px, 1.45vw, 28px) !important;
  line-height: 1.24 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-control-zone,
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-control-zone.ordjagt-control-row {
  position: absolute !important;
  left: 63.2% !important;
  top: 64.1% !important;
  bottom: auto !important;
  width: 29.0% !important;
  height: 9.6% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.12fr .9fr !important;
  gap: 1.3% !important;
  align-items: stretch !important;
  z-index: 35 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-control-zone .ordjagt-small-action {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: .35em .35em !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-control-zone .ordjagt-small-action {
  font-size: clamp(9px, .92vw, 18px) !important;
  white-space: nowrap !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-control-zone .ordjagt-big-action b {
  font-size: clamp(8px, .72vw, 14px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-control-zone .ordjagt-big-action em {
  display: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-word-display {
  position: absolute !important;
  left: 35.0% !important;
  bottom: 15.7% !important;
  width: 47% !important;
  min-height: 0 !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  font-size: clamp(24px, 2.8vw, 56px) !important;
  z-index: 38 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-bank-zone,
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-bank-zone[style] {
  position: absolute !important;
  left: 17.0% !important;
  bottom: 2.2% !important;
  width: 66.0% !important;
  max-width: 66.0% !important;
  min-width: 0 !important;
  height: 11.8% !important;
  padding: 1.0% 1.6% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  overflow: visible !important;
  background: linear-gradient(180deg, rgba(76,38,12,.90), rgba(28,15,7,.92)) !important;
  border: 2px solid rgba(183,128,47,.92) !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.42) !important;
  z-index: 36 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-typed.ordjagt-bank-title {
  display: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-bank {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 1.3% !important;
  padding: 0 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-letter {
  flex: 0 1 min(11.8%, 112px) !important;
  width: min(11.8%, 112px) !important;
  max-width: 112px !important;
  height: 86% !important;
  aspect-ratio: 1 !important;
  font-size: clamp(22px, 2.6vw, 50px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  position: absolute !important;
  left: auto !important;
  right: .8% !important;
  top: 20.0% !important;
  width: 5.8% !important;
  height: 42% !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 44 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-side-rail {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2.4% !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-side-trigger.ordjagt-side-art-trigger {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 2048 / 682 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-side-trigger-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-side-flyout {
  right: calc(100% + .6vw) !important;
  top: 0 !important;
  width: min(22vw, 340px) !important;
  min-width: 240px !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mascot-tip {
  display: none !important;
}

/* ---------------- MOBILE PORTRAIT BLUEPRINT 9:16 ---------------- */
#ordjagt-game-root.ordjagt-blueprint-mobile,
body.ordjagt-mobile-app-active #ordjagt-game-root.ordjagt-blueprint-mobile {
  height: var(--oj-avail-h, 100dvh) !important;
  min-height: var(--oj-avail-h, 100dvh) !important;
  max-height: var(--oj-avail-h, 100dvh) !important;
  overflow: hidden !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-vignette {
  opacity: .28 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-logo-block {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 70 !important;
  pointer-events: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-logo-block .ordjagt-app-logo {
  position: absolute !important;
  left: 2.3% !important;
  top: 1.5% !important;
  width: 29.0% !important;
  height: 10.8% !important;
  margin: 0 !important;
  overflow: visible !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-logo-img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left top !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-level-pill.ordjagt-level-badge {
  position: absolute !important;
  left: 3.2% !important;
  top: 18.7% !important;
  width: 19.0% !important;
  height: 9.7% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-level-badge-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-stats {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: visible !important;
  z-index: 72 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-stats .ordjagt-status {
  position: absolute !important;
  margin: 0 !important;
  transform: none !important;
  overflow: visible !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-status-coins {
  left: 34.0% !important; top: 2.1% !important; width: 17.2% !important; height: 4.8% !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-status-energy {
  left: 52.0% !important; top: 2.1% !important; width: 17.2% !important; height: 4.8% !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-status-gems {
  left: 70.0% !important; top: 2.1% !important; width: 17.2% !important; height: 4.8% !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-status-timer {
  left: 38.5% !important; top: 13.4% !important; width: 27.0% !important; height: 4.8% !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-status b {
  font-size: clamp(8px, 2.8vw, 16px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-mini-plus {
  right: -2.0% !important;
  width: auto !important;
  height: 68% !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-icons {
  display: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-mobile-menu-toggle {
  display: flex !important;
  position: absolute !important;
  left: auto !important;
  right: 2.0% !important;
  top: 1.6% !important;
  width: 9.2% !important;
  height: auto !important;
  aspect-ratio: 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  z-index: 92 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-mobile-menu-toggle span {
  width: 54% !important;
  height: 3px !important;
}

#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-playfield {
  position: absolute !important;
  left: 10.0% !important;
  top: 29.5% !important;
  width: 53.5% !important;
  height: 37.5% !important;
  z-index: 20 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-clue-zone {
  position: absolute !important;
  left: 66.0% !important;
  top: 33.0% !important;
  width: 30.5% !important;
  height: 33.5% !important;
  z-index: 32 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-clue {
  width: 100% !important;
  height: 100% !important;
  padding: 20% 8% 10% !important;
  border-radius: 12px !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-clue span {
  font-size: clamp(8px, 2.45vw, 14px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-clue p {
  font-size: clamp(12px, 3.8vw, 22px) !important;
  line-height: 1.2 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-word-display {
  position: absolute !important;
  left: 50% !important;
  bottom: 22.6% !important;
  width: 91% !important;
  min-height: 0 !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  font-size: clamp(22px, 7.5vw, 44px) !important;
  line-height: 1 !important;
  z-index: 38 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone,
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone.ordjagt-control-row {
  position: absolute !important;
  left: 3.5% !important;
  top: auto !important;
  bottom: 14.4% !important;
  width: 93.0% !important;
  height: 6.4% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.18fr .92fr !important;
  gap: 1.2% !important;
  align-items: stretch !important;
  z-index: 35 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone .ordjagt-big-action,
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone .ordjagt-small-action {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 .18em !important;
  margin: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone .ordjagt-big-action span,
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone .ordjagt-small-action {
  font-size: clamp(9px, 2.9vw, 17px) !important;
  white-space: nowrap !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone .ordjagt-big-action b {
  font-size: clamp(8px, 2.35vw, 13px) !important;
  flex: 0 0 auto !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone .ordjagt-big-action em {
  display: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-bank-zone,
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-bank-zone[style] {
  position: absolute !important;
  left: 3.5% !important;
  bottom: 3.3% !important;
  width: 93.0% !important;
  max-width: 93.0% !important;
  min-width: 0 !important;
  height: 9.0% !important;
  padding: .9% 1.4% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  overflow: visible !important;
  background: linear-gradient(180deg, rgba(255,242,201,.96), rgba(229,190,111,.94)) !important;
  border: 2px solid rgba(139,87,27,.82) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.32) !important;
  z-index: 36 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-typed.ordjagt-bank-title {
  display: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-bank {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.0% !important;
  padding: 0 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-letter {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 90% !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  border-radius: 10px !important;
  font-size: clamp(18px, 6.1vw, 36px) !important;
  line-height: 1 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-side-zone.ordjagt-side-dropdown-shell,
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-mascot-tip {
  display: none !important;
}

/* Drawer remains functional, but is anchored to the 9:16 canvas. */
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-mobile-drawer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 100 !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-mobile-drawer[hidden] {
  display: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-mobile-drawer-panel {
  top: 7.8% !important;
  right: 2.0% !important;
  width: 72% !important;
  max-width: 360px !important;
  max-height: 89% !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-mobile-drawer-scroll {
  max-height: calc(var(--oj-avail-h, 100dvh) * .78) !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-toast {
  left: 50% !important;
  bottom: 22.0% !important;
  transform: translateX(-50%) !important;
  max-width: 90% !important;
  z-index: 110 !important;
}

/* Small-height safety: keep the same blueprint; only tighten text, never move slots. */
@media (max-height: 620px) {
  #ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-status b { font-size: clamp(7px, 2.5vw, 13px) !important; }
  #ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-clue p { font-size: clamp(10px, 3.4vw, 18px) !important; }
  #ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone .ordjagt-big-action span,
  #ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-control-zone .ordjagt-small-action { font-size: clamp(8px, 2.55vw, 14px) !important; }
}

/* v0.3.21 specificity guard: defeats legacy nth-child HUD coordinates. */
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-stats .ordjagt-status.ordjagt-status-coins {
  left: 59.0% !important; top: 2.1% !important; width: 10.4% !important; height: 6.6% !important; aspect-ratio: auto !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-stats .ordjagt-status.ordjagt-status-energy {
  left: 69.7% !important; top: 2.1% !important; width: 10.8% !important; height: 6.6% !important; aspect-ratio: auto !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-stats .ordjagt-status.ordjagt-status-gems {
  left: 80.8% !important; top: 2.1% !important; width: 10.0% !important; height: 6.6% !important; aspect-ratio: auto !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-stats .ordjagt-status.ordjagt-status-timer {
  left: 42.2% !important; top: 2.1% !important; width: 14.0% !important; height: 7.1% !important; aspect-ratio: auto !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-stats .ordjagt-status.ordjagt-status-coins {
  left: 34.0% !important; top: 2.1% !important; width: 17.2% !important; height: 4.8% !important; aspect-ratio: auto !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-stats .ordjagt-status.ordjagt-status-energy {
  left: 52.0% !important; top: 2.1% !important; width: 17.2% !important; height: 4.8% !important; aspect-ratio: auto !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-stats .ordjagt-status.ordjagt-status-gems {
  left: 70.0% !important; top: 2.1% !important; width: 17.2% !important; height: 4.8% !important; aspect-ratio: auto !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-stats .ordjagt-status.ordjagt-status-timer {
  left: 38.5% !important; top: 13.4% !important; width: 27.0% !important; height: 4.8% !important; aspect-ratio: auto !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-stats .ordjagt-status.ordjagt-status-asset,
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-stats .ordjagt-status.ordjagt-status-asset {
  padding: 0 16% 0 27% !important;
  background-size: 100% 100% !important;
  background-position: center !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-app-stats .ordjagt-status.ordjagt-status-timer,
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-app-stats .ordjagt-status.ordjagt-status-timer {
  padding-left: 34% !important;
  padding-right: 7% !important;
}

/* ============================================================
   v0.3.41 — Belønning for læring + Progression & mål
   ============================================================ */
.ordjagt-learning-modal-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(3, 16, 9, .72);
  backdrop-filter: blur(3px);
  cursor: pointer;
}
.ordjagt-learning-reward-modal,
.ordjagt-progress-modal {
  position: absolute;
  inset: 0;
  z-index: 940;
  display: grid;
  place-items: center;
  padding: 2.5%;
  pointer-events: auto;
}
.ordjagt-learning-reward-card {
  --oj-learning-panel: none;
  position: relative;
  width: min(760px, 82%);
  aspect-ratio: 1.5 / 1;
  min-height: 320px;
  isolation: isolate;
  display: grid;
  place-items: center;
  color: #35240f;
  filter: drop-shadow(0 24px 34px rgba(0,0,0,.48));
  animation: ordjagt-learning-pop .52s cubic-bezier(.17,.86,.27,1.25) both;
}
.ordjagt-learning-reward-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: var(--oj-learning-panel);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.ordjagt-learning-reward-burst {
  position: absolute;
  inset: -14%;
  z-index: -2;
  width: 128%;
  height: 128%;
  object-fit: contain;
  opacity: .92;
  pointer-events: none;
  animation: ordjagt-learning-burst 1.2s ease-out both;
}
.ordjagt-learning-reward-banner {
  position: absolute;
  left: 22%;
  top: -5%;
  width: 56%;
  height: 26%;
  object-fit: contain;
  z-index: 4;
  filter: drop-shadow(0 7px 8px rgba(0,0,0,.28));
}
.ordjagt-learning-reward-hero {
  position: absolute;
  left: 2%;
  bottom: 3%;
  width: 32%;
  height: 62%;
  object-fit: contain;
  z-index: 3;
  animation: ordjagt-learning-float 2.7s ease-in-out infinite;
}
.ordjagt-learning-reward-copy {
  position: absolute;
  left: 30%;
  right: 18%;
  top: 27%;
  bottom: 18%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(7px, 1vw, 14px);
  text-align: center;
}
.ordjagt-learning-reward-copy > strong {
  font-size: clamp(21px, 2.6vw, 38px);
  line-height: 1.08;
  color: #402a0c;
  text-shadow: 0 2px 0 rgba(255,255,255,.86);
}
.ordjagt-learning-word-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  max-width: 100%;
}
.ordjagt-learning-word-chips span {
  padding: 4px 9px;
  border: 1px solid rgba(99,68,17,.35);
  border-radius: 999px;
  background: rgba(255,248,209,.78);
  font-size: clamp(10px, 1.1vw, 15px);
  font-weight: 800;
}
.ordjagt-learning-star-total {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #0e5f2b;
  font-size: clamp(18px, 2.1vw, 31px);
  font-weight: 950;
}
.ordjagt-learning-star-icon {
  width: clamp(34px, 5vw, 70px);
  height: clamp(34px, 5vw, 70px);
  object-fit: contain;
}
.ordjagt-learning-milestone-copy {
  margin: 0;
  font-size: clamp(12px, 1.25vw, 18px);
  font-weight: 800;
  color: #74470a;
}
.ordjagt-learning-bonus-badge {
  position: absolute;
  right: 2%;
  bottom: 5%;
  width: 22%;
  height: 40%;
  object-fit: contain;
  z-index: 5;
  animation: ordjagt-learning-badge .9s .2s cubic-bezier(.2,.8,.25,1.2) both;
}
.ordjagt-learning-continue {
  position: absolute;
  left: 50%;
  bottom: 5%;
  z-index: 8;
  transform: translateX(-50%);
  min-width: 150px;
  min-height: 42px;
  padding: 9px 22px;
  border: 2px solid #e8c260;
  border-radius: 999px;
  background: linear-gradient(180deg,#2d8b3f,#155b2d);
  color: #fff8d1;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 6px 0 #74470a, 0 10px 18px rgba(0,0,0,.28);
}
.ordjagt-learning-continue:hover { transform: translateX(-50%) translateY(-1px); filter: brightness(1.08); }

.ordjagt-progress-card {
  --oj-progress-panel: none;
  position: relative;
  width: min(620px, 86%);
  aspect-ratio: 1074 / 1244;
  min-height: 390px;
  isolation: isolate;
  color: #3c2a10;
  filter: drop-shadow(0 24px 38px rgba(0,0,0,.5));
  animation: ordjagt-learning-pop .42s cubic-bezier(.17,.86,.27,1.16) both;
}
.ordjagt-progress-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: var(--oj-progress-panel);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.ordjagt-progress-title {
  position: absolute;
  left: 22%;
  top: 0;
  width: 56%;
  height: 18%;
  object-fit: contain;
  z-index: 4;
}
.ordjagt-progress-close {
  position: absolute;
  top: 6%;
  right: 9%;
  z-index: 12;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 2px solid #d6ad47;
  border-radius: 50%;
  background: #4b2b13;
  color: #fff1b2;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.ordjagt-progress-body {
  position: absolute;
  left: 15%;
  right: 20%;
  top: 19%;
  bottom: 13%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.25vw, 16px);
  overflow: hidden;
}
.ordjagt-progress-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 7px 10px;
}
.ordjagt-progress-stat {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-bottom: 1px solid rgba(89,62,22,.2);
  background: rgba(255,250,221,.24);
  border-radius: 8px;
}
.ordjagt-progress-stat-icon {
  flex: 0 0 auto;
  width: clamp(32px, 4.6vw, 64px);
  height: clamp(32px, 4.6vw, 64px);
  object-fit: contain;
}
.ordjagt-progress-stat span { min-width:0; display:grid; line-height:1.06; }
.ordjagt-progress-stat small { color:#6d5831; font-weight:750; font-size:clamp(9px,1vw,13px); }
.ordjagt-progress-stat b { color:#174f2b; font-size:clamp(15px,1.65vw,24px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ordjagt-progress-goal { margin-top:auto; text-align:center; }
.ordjagt-progress-goal-head { display:flex; justify-content:space-between; gap:10px; align-items:end; margin-bottom:5px; font-size:clamp(11px,1.15vw,16px); }
.ordjagt-progress-goal-head strong { color:#3c2910; }
.ordjagt-progress-goal-head span { color:#17622e; font-weight:900; }
.ordjagt-progress-bar-shell {
  position: relative;
  width:100%;
  height: clamp(25px, 4.2vw, 54px);
  padding: 24% 8% 20%;
  box-sizing: border-box;
  background-image: var(--oj-asset);
  background-repeat: no-repeat;
  background-position:center;
  background-size:100% 100%;
  overflow:hidden;
}
.ordjagt-progress-bar-shell i {
  position:absolute;
  left:10%;
  top:31%;
  bottom:27%;
  max-width:80%;
  border-radius:999px;
  background: linear-gradient(90deg,#23923b,#a4df36 65%,#f3d24b);
  box-shadow: inset 0 2px 2px rgba(255,255,255,.45), 0 0 9px rgba(117,203,63,.65);
  transition: width .7s ease;
}
.ordjagt-progress-goal > small { font-weight:900; color:#5d441b; }
.ordjagt-progress-recent { display:grid; gap:4px; text-align:left; }
.ordjagt-progress-recent > small { font-weight:800; color:#5e4c2c; }
.ordjagt-progress-recent > div { display:flex; flex-wrap:wrap; gap:4px; }
.ordjagt-progress-recent span { padding:3px 7px; border-radius:999px; background:rgba(35,103,48,.12); border:1px solid rgba(35,103,48,.24); font-size:clamp(9px,.9vw,12px); font-weight:800; }
.ordjagt-progress-gift {
  position:absolute;
  right: 7%;
  bottom: 8%;
  z-index:4;
  width: 16%;
  height: 25%;
  object-fit:contain;
  animation:ordjagt-learning-float 3s ease-in-out infinite;
}
.ordjagt-progress-path {
  position:absolute;
  right: -1%;
  top: 9%;
  bottom: 8%;
  z-index:2;
  width: 17%;
  height: 83%;
  object-fit:contain;
  opacity:.98;
}
.ordjagt-settings-progress-link {
  width:100%;
  min-height:42px;
  margin-top:8px;
  border:1px solid #d6ad47;
  border-radius:10px;
  background:linear-gradient(180deg,#2b8640,#185a2e);
  color:#fff5c8;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.ordjagt-mobile-progress-tool { background: linear-gradient(180deg,#2c7c3a,#174f2b) !important; color:#fff5c8 !important; }

@keyframes ordjagt-learning-pop { from { opacity:0; transform:scale(.76) translateY(20px); } to { opacity:1; transform:scale(1) translateY(0); } }
@keyframes ordjagt-learning-burst { from { opacity:0; transform:scale(.45) rotate(-8deg); } 55% { opacity:1; } to { opacity:.86; transform:scale(1) rotate(0); } }
@keyframes ordjagt-learning-float { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-7px) rotate(1deg); } }
@keyframes ordjagt-learning-badge { from { opacity:0; transform:scale(.25) rotate(-16deg); } to { opacity:1; transform:scale(1) rotate(0); } }

@media (max-width: 760px) {
  .ordjagt-learning-reward-modal, .ordjagt-progress-modal { padding: 2%; }
  .ordjagt-learning-reward-card { width:96%; min-height:280px; }
  .ordjagt-learning-reward-banner { left:17%; width:66%; }
  .ordjagt-learning-reward-hero { width:30%; }
  .ordjagt-learning-reward-copy { left:28%; right:12%; top:26%; bottom:20%; }
  .ordjagt-learning-bonus-badge { width:20%; }
  .ordjagt-progress-card { width:min(600px, 94%); min-height:360px; }
  .ordjagt-progress-body { left:12%; right:19%; top:18%; bottom:12%; }
  .ordjagt-progress-stat { padding:4px 5px; }
  .ordjagt-progress-path { width:16%; }
}
@media (max-width: 520px) {
  .ordjagt-learning-reward-card { aspect-ratio:.9/1; min-height:500px; }
  .ordjagt-learning-reward-card::before { background-size:cover; }
  .ordjagt-learning-reward-banner { top:2%; left:10%; width:80%; height:20%; }
  .ordjagt-learning-reward-hero { left:2%; bottom:8%; width:35%; height:40%; }
  .ordjagt-learning-reward-copy { left:12%; right:12%; top:22%; bottom:30%; }
  .ordjagt-learning-bonus-badge { right:2%; bottom:9%; width:28%; height:30%; }
  .ordjagt-progress-card { width:96%; aspect-ratio:1074/1244; min-height:0; }
  .ordjagt-progress-title { left:12%; width:76%; height:15%; }
  .ordjagt-progress-close { top:5%; right:7%; width:34px; height:34px; }
  .ordjagt-progress-body { left:10%; right:10%; top:16%; bottom:18%; }
  .ordjagt-progress-stats { grid-template-columns:1fr; gap:4px; }
  .ordjagt-progress-stat-icon { width:38px; height:38px; }
  .ordjagt-progress-path { display:none; }
  .ordjagt-progress-gift { right:5%; bottom:4%; width:25%; height:18%; }
}
@media (prefers-reduced-motion: reduce) {
  .ordjagt-learning-reward-card,
  .ordjagt-learning-reward-burst,
  .ordjagt-learning-reward-hero,
  .ordjagt-learning-bonus-badge,
  .ordjagt-progress-card,
  .ordjagt-progress-gift { animation:none !important; }
}

/* ============================================================
   v0.3.42 — learning setup refinement, dynamic path + chest FX
   ============================================================ */
.ordjagt-learning-reward-card { animation:none; }
.ordjagt-learning-reward-card.is-reward-animated { animation:ordjagt-learning-pop .52s cubic-bezier(.17,.86,.27,1.25) both; }
.ordjagt-learning-reward-hero { animation:none; }
.ordjagt-learning-reward-hero.is-floating { animation:ordjagt-learning-float 2.7s ease-in-out infinite; }
.ordjagt-progress-card { animation:none; }
.ordjagt-progress-card.is-progress-animated { animation:ordjagt-learning-pop .42s cubic-bezier(.17,.86,.27,1.16) both; }

/* Keep reward copy inside the parchment, away from gold/leaf edges. */
.ordjagt-learning-reward-copy {
  left:32%;
  right:25%;
  top:28%;
  bottom:20%;
  padding:clamp(4px,.65vw,10px);
  box-sizing:border-box;
  overflow:hidden;
  contain:layout paint;
}
.ordjagt-learning-reward-copy > strong {
  max-width:100%;
  font-size:clamp(18px,2.15vw,32px);
  overflow-wrap:anywhere;
}
.ordjagt-learning-star-total { max-width:100%; font-size:clamp(15px,1.7vw,25px); }
.ordjagt-learning-word-chips { max-height:38%; overflow:hidden; }

/* Four uploaded chest states, played once on milestone reward. */
.ordjagt-learning-chest-sequence {
  overflow:visible;
  animation:none !important;
}
.ordjagt-learning-chest-frame {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:0;
  pointer-events:none;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.25));
}
.ordjagt-learning-chest-frame-1 { animation:ordjagt-chest-frame-1 1.45s steps(1,end) both; }
.ordjagt-learning-chest-frame-2 { animation:ordjagt-chest-frame-2 1.45s steps(1,end) both; }
.ordjagt-learning-chest-frame-3 { animation:ordjagt-chest-frame-3 1.45s steps(1,end) both; }
.ordjagt-learning-chest-frame-4 { animation:ordjagt-chest-frame-4 1.45s steps(1,end) both; }
@keyframes ordjagt-chest-frame-1 { 0%,22%{opacity:1} 22.1%,100%{opacity:0} }
@keyframes ordjagt-chest-frame-2 { 0%,22%{opacity:0} 22.1%,44%{opacity:1} 44.1%,100%{opacity:0} }
@keyframes ordjagt-chest-frame-3 { 0%,44%{opacity:0} 44.1%,66%{opacity:1} 66.1%,100%{opacity:0} }
@keyframes ordjagt-chest-frame-4 { 0%,66%{opacity:0} 66.1%,100%{opacity:1} }

/* Confetti shoots from the milestone chest, then falls naturally. */
.ordjagt-learning-chest-confetti {
  position:absolute;
  inset:0;
  z-index:7;
  overflow:hidden;
  pointer-events:none;
}
.ordjagt-learning-chest-confetti i {
  position:absolute;
  left:var(--oj-left);
  top:30%;
  opacity:0;
  color:#ffd84a;
  font-style:normal;
  font-size:clamp(10px,1.45vw,22px);
  text-shadow:0 0 7px rgba(255,222,74,.9);
  animation:ordjagt-learning-confetti-fall var(--oj-dur) cubic-bezier(.18,.72,.26,1) var(--oj-delay) both;
}
.ordjagt-learning-chest-confetti i:nth-child(4n+2){color:#54c84f}
.ordjagt-learning-chest-confetti i:nth-child(4n+3){color:#27aee4}
.ordjagt-learning-chest-confetti i:nth-child(4n){color:#ef6658}
@keyframes ordjagt-learning-confetti-fall {
  0%{opacity:0;transform:translate3d(0,-35px,0) scale(.35) rotate(0)}
  12%{opacity:1;transform:translate3d(var(--oj-drift),-70px,0) scale(1) rotate(80deg)}
  42%{opacity:1;transform:translate3d(var(--oj-drift),15px,0) scale(.9) rotate(var(--oj-rot))}
  100%{opacity:0;transform:translate3d(var(--oj-drift),250px,0) scale(.7) rotate(calc(var(--oj-rot) + 420deg))}
}

/* Keep progress text strictly within the inner parchment. */
.ordjagt-progress-body {
  left:19%;
  right:31%;
  top:19%;
  bottom:14%;
  padding:clamp(4px,.55vw,9px);
  box-sizing:border-box;
  overflow:hidden;
  contain:layout paint;
}
.ordjagt-progress-stats { gap:5px 7px; }
.ordjagt-progress-stat { padding:4px 5px; min-height:0; overflow:hidden; }
.ordjagt-progress-stat-icon { width:clamp(26px,3.5vw,49px); height:clamp(26px,3.5vw,49px); }
.ordjagt-progress-stat small { font-size:clamp(8px,.78vw,11px); }
.ordjagt-progress-stat b { font-size:clamp(13px,1.25vw,19px); }
.ordjagt-progress-goal-head { font-size:clamp(9px,.9vw,13px); }
.ordjagt-progress-recent span { font-size:clamp(8px,.72vw,10px); padding:2px 6px; }

/* New transparent user path; numbers are generated by the game, not baked into art. */
.ordjagt-progress-path-wrap {
  position:absolute;
  right:-1%;
  top:7%;
  bottom:6%;
  z-index:5;
  width:20%;
  height:87%;
  pointer-events:none;
  isolation:isolate;
}
.ordjagt-progress-path-wrap .ordjagt-progress-path {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:1;
  filter:drop-shadow(0 8px 9px rgba(0,0,0,.24));
}
.ordjagt-progress-path-numbers { position:absolute; inset:0; z-index:3; }
.ordjagt-progress-path-number {
  position:absolute;
  left:50%;
  top:calc(25.5% + var(--oj-path-index) * 12.35%);
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:24%;
  aspect-ratio:1;
  color:#fff4bd;
  font-size:clamp(9px,1.45vw,20px);
  font-weight:950;
  line-height:1;
  text-shadow:0 2px 3px #1a3518,0 0 5px rgba(0,0,0,.75);
}
.ordjagt-progress-path-number.is-done { color:#ffe16a; }
.ordjagt-progress-path-number.is-next { color:#fff; }
.ordjagt-progress-path-wrap.is-animated .ordjagt-progress-path-number.is-next {
  animation:ordjagt-path-number-pulse 1.5s ease-in-out infinite;
}
.ordjagt-progress-chest-number {
  position:absolute;
  left:50%;
  top:8.5%;
  z-index:4;
  transform:translate(-50%,-50%);
  min-width:1.65em;
  height:1.65em;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff3b0;
  background:rgba(16,72,32,.9);
  border:2px solid #e7bd4a;
  box-shadow:0 2px 8px rgba(0,0,0,.45);
  font-size:clamp(9px,1.35vw,19px);
  font-weight:950;
}
.ordjagt-progress-path-wrap.is-animated .ordjagt-progress-chest-number { animation:ordjagt-chest-goal-pulse 1.8s ease-in-out infinite; }
@keyframes ordjagt-path-number-pulse { 0%,100%{transform:translate(-50%,-50%) scale(1)} 50%{transform:translate(-50%,-50%) scale(1.18);filter:brightness(1.25)} }
@keyframes ordjagt-chest-goal-pulse { 0%,100%{transform:translate(-50%,-50%) scale(1)} 50%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 18px rgba(255,214,80,.85)} }

/* Fill animation can be disabled from Effects backend. */
.ordjagt-progress-bar-shell.is-fill-animated i { animation:ordjagt-progress-fill .95s cubic-bezier(.2,.78,.25,1) both; }
@keyframes ordjagt-progress-fill { from{width:0} to{width:var(--oj-progress-target)} }

@media (max-width:760px) {
  .ordjagt-learning-reward-copy { left:28%; right:17%; top:27%; bottom:21%; }
  .ordjagt-progress-body { left:17%; right:29%; top:18%; bottom:14%; }
  .ordjagt-progress-path-wrap { width:20%; right:-1%; }
}
@media (max-width:520px) {
  .ordjagt-learning-reward-copy { left:11%; right:11%; top:23%; bottom:31%; padding:6px; }
  .ordjagt-learning-reward-copy > strong { font-size:clamp(18px,6vw,28px); }
  .ordjagt-learning-star-total { font-size:clamp(15px,4.6vw,23px); }
  .ordjagt-progress-body { left:14%; right:14%; top:17%; bottom:20%; }
  .ordjagt-progress-path-wrap { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .ordjagt-learning-chest-frame-1,
  .ordjagt-learning-chest-frame-2,
  .ordjagt-learning-chest-frame-3 { display:none !important; animation:none !important; }
  .ordjagt-learning-chest-frame-4 { opacity:1 !important; animation:none !important; }
  .ordjagt-learning-chest-confetti i,
  .ordjagt-progress-path-number,
  .ordjagt-progress-chest-number,
  .ordjagt-progress-bar-shell i { animation:none !important; }
}

/* ============================================================
   v0.3.43 — approved six-level reward path + shared renderer
   ============================================================ */
.ordjagt-learning-reward-modal-v43,
.ordjagt-progress-modal-v43 { z-index:980; overflow:hidden; }
.ordjagt-learning-shared-shell { position:relative; z-index:2; width:100%; height:100%; display:grid; place-items:center; pointer-events:none; }
.ordjagt-learning-shared-shell > * { pointer-events:auto; }
.ordjagt-learning-shared-shell .ojl-level-reward-card { width:min(760px,92%); max-height:82vh; }
.ordjagt-learning-shared-shell .ojl-reward-path { width:min(780px,94%); max-height:86vh; }
.ordjagt-learning-shared-shell .ojl-chest-reward { width:min(720px,94%); max-height:86vh; }
.ordjagt-learning-v43-continue {
  position:absolute; left:50%; bottom:3.5%; z-index:30; transform:translateX(-50%);
  min-width:170px; min-height:46px; padding:10px 24px; border:2px solid #efcf6b; border-radius:999px;
  background:linear-gradient(180deg,#338d43,#15572c); color:#fff7d2; font:inherit; font-weight:950; cursor:pointer;
  box-shadow:0 6px 0 #72430d,0 11px 22px rgba(0,0,0,.32); text-shadow:0 2px 2px rgba(0,0,0,.35);
}
.ordjagt-learning-v43-continue:hover{filter:brightness(1.08);transform:translateX(-50%) translateY(-1px)}
.ordjagt-learning-reward-modal-v43.is-phase-reward .ordjagt-learning-v43-continue{bottom:4%}
.ordjagt-learning-reward-modal-v43.is-phase-path .ordjagt-learning-v43-continue{bottom:4%}
.ordjagt-learning-reward-modal-v43.is-phase-chest .ordjagt-learning-v43-continue{bottom:4%}
.ordjagt-progress-shared-shell{width:min(680px,96%);height:min(90%,760px)}
.ordjagt-progress-shared-shell .ojl-progress-card{width:min(620px,94%);max-height:86vh}
.ordjagt-progress-close-v43{top:4%;right:6%;z-index:25}
@media(max-width:640px){
  .ordjagt-learning-reward-modal-v43,.ordjagt-progress-modal-v43{padding:1.5%}
  .ordjagt-learning-v43-continue{bottom:2.5%;min-width:150px;min-height:42px;padding:8px 18px}
  .ordjagt-learning-shared-shell .ojl-reward-path{max-height:91vh}
}

/* ============================================================
   v0.3.46 — true viewport Reward Path popup portal
   ============================================================ */
body.ordjagt-learning-modal-open {
  overflow: hidden !important;
}

#ordjagt-learning-modal-portal.ordjagt-learning-modal-portal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  pointer-events: none !important;
  isolation: isolate !important;
}

#ordjagt-learning-modal-portal[hidden] {
  display: none !important;
}

#ordjagt-learning-modal-portal .ordjagt-learning-reward-modal-v46 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483001 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(10px, 2.2vw, 28px) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
}

#ordjagt-learning-modal-portal .ordjagt-learning-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(44, 96, 52, .24), transparent 42%),
    rgba(1, 8, 5, .86) !important;
  -webkit-backdrop-filter: blur(7px) saturate(.85) !important;
  backdrop-filter: blur(7px) saturate(.85) !important;
  cursor: default !important;
}

#ordjagt-learning-modal-portal .ordjagt-learning-popup-shell {
  position: relative !important;
  z-index: 2 !important;
  width: min(1040px, calc(100vw - 24px)) !important;
  height: min(92dvh, 860px) !important;
  min-height: min(620px, calc(100dvh - 24px)) !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: none !important;
  overflow: visible !important;
}

#ordjagt-learning-modal-portal .ordjagt-learning-popup-shell > * {
  pointer-events: auto !important;
}

#ordjagt-learning-modal-portal .ordjagt-learning-popup-shell .ojl-level-reward-card,
#ordjagt-learning-modal-portal .ordjagt-learning-popup-shell .ojl-reward-path,
#ordjagt-learning-modal-portal .ordjagt-learning-popup-shell .ojl-chest-reward {
  max-width: 100% !important;
  max-height: calc(100dvh - 54px) !important;
}

#ordjagt-learning-modal-portal .ordjagt-learning-popup-shell .ojl-reward-path {
  width: min(900px, calc(100vw - 40px)) !important;
  min-height: min(700px, calc(100dvh - 50px)) !important;
}

#ordjagt-learning-modal-portal .ordjagt-learning-modal-close {
  position: absolute !important;
  top: clamp(4px, 1.2vw, 14px) !important;
  right: clamp(4px, 1.2vw, 14px) !important;
  z-index: 80 !important;
  width: clamp(44px, 5vw, 58px) !important;
  height: clamp(44px, 5vw, 58px) !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 0 4px !important;
  border: 3px solid #f4d26c !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #7a3c18, #3f1d0b) !important;
  color: #fff7cf !important;
  font: 900 clamp(28px, 3.4vw, 40px)/1 system-ui, sans-serif !important;
  text-shadow: 0 2px 2px rgba(0,0,0,.65) !important;
  box-shadow: 0 5px 0 #241006, 0 10px 24px rgba(0,0,0,.5), 0 0 18px rgba(244,210,108,.22) !important;
  cursor: pointer !important;
}

#ordjagt-learning-modal-portal .ordjagt-learning-modal-close:hover,
#ordjagt-learning-modal-portal .ordjagt-learning-modal-close:focus-visible {
  filter: brightness(1.15) !important;
  outline: 3px solid #fff4a8 !important;
  outline-offset: 3px !important;
}

#ordjagt-learning-modal-portal .ordjagt-learning-v43-continue {
  z-index: 70 !important;
  bottom: clamp(6px, 1.7vh, 18px) !important;
}

.ordjagt-learning-modal-sr-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 640px) {
  #ordjagt-learning-modal-portal .ordjagt-learning-reward-modal-v46 {
    padding: 8px !important;
    align-items: center !important;
  }
  #ordjagt-learning-modal-portal .ordjagt-learning-popup-shell {
    width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
    min-height: 0 !important;
  }
  #ordjagt-learning-modal-portal .ordjagt-learning-popup-shell .ojl-reward-path {
    width: calc(100vw - 18px) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 18px) !important;
    padding-top: 52px !important;
    padding-bottom: 64px !important;
  }
  #ordjagt-learning-modal-portal .ordjagt-learning-modal-close {
    top: 4px !important;
    right: 4px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 31px !important;
  }
  #ordjagt-learning-modal-portal .ordjagt-learning-v43-continue {
    bottom: 9px !important;
  }
}


/* Tigerens hjem / butik — v0.3.49 */
#ordjagt-game-root .ordjagt-shop-entry,
#ordjagt-game-root .ordjagt-mobile-shop-tool { appearance:none; border:0; border-radius:999px; padding:10px 14px; font:700 14px/1.1 system-ui,sans-serif; color:#fff9de; background:linear-gradient(180deg,#2d8b54,#1f6a40); box-shadow:0 10px 22px rgba(9,40,18,.28), inset 0 1px 0 rgba(255,255,255,.2); cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
#ordjagt-game-root .ordjagt-shop-entry span,
#ordjagt-game-root .ordjagt-mobile-shop-tool span { display:inline-block; white-space:nowrap; }
#ordjagt-game-root .ordjagt-shop-entry-icon { width:28px; height:28px; object-fit:contain; flex:0 0 auto; }
#ordjagt-game-root .ordjagt-home-modal { position:fixed; inset:0; z-index:2147482000; display:flex; align-items:center; justify-content:center; padding:20px; }
#ordjagt-game-root .ordjagt-home-backdrop { position:absolute; inset:0; border:0; background:rgba(11,18,12,.66); backdrop-filter:blur(6px); cursor:pointer; }
#ordjagt-game-root .ordjagt-home-shell { position:relative; z-index:1; width:min(1120px,96vw); max-height:min(92vh,960px); overflow:hidden; border-radius:28px; background:linear-gradient(180deg,#f5e9cc 0%,#ecd8b0 100%); box-shadow:0 28px 60px rgba(0,0,0,.32); display:flex; flex-direction:column; }
#ordjagt-game-root .ordjagt-home-head { display:flex; align-items:center; gap:18px; padding:18px 24px 12px; }
#ordjagt-game-root .ordjagt-home-title-banner { max-width:240px; max-height:82px; width:auto; height:auto; }
#ordjagt-game-root .ordjagt-home-head-meta { margin-left:auto; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
#ordjagt-game-root .ordjagt-home-stars,
#ordjagt-game-root .ordjagt-home-level { background:#fff8e7; color:#5d3712; border-radius:999px; padding:8px 14px; font-weight:800; box-shadow:inset 0 0 0 1px rgba(138,95,32,.14); }
#ordjagt-game-root .ordjagt-home-close { appearance:none; border:0; background:#6a3b1b; color:#fff; width:42px; height:42px; border-radius:50%; font-size:28px; line-height:1; cursor:pointer; }
#ordjagt-game-root .ordjagt-home-scene { position:relative; margin:0 22px; border-radius:26px; overflow:hidden; min-height:420px; background:#b98b4d; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
#ordjagt-game-root .ordjagt-home-scene-layer { position:absolute; inset:0; background-position:center center; background-size:cover; background-repeat:no-repeat; }
#ordjagt-game-root .ordjagt-home-scene-reading { opacity:0; transition:opacity .75s ease; }
#ordjagt-game-root .ordjagt-home-scene-reading.is-visible { opacity:1; }
#ordjagt-game-root .ordjagt-home-scene.is-transitioning .ordjagt-home-scene-reading { opacity:1; animation:ordjagtHomeFadeIn 1.2s ease forwards; }
#ordjagt-game-root .ordjagt-home-scene.is-transitioning .ordjagt-home-magic { opacity:1; }
#ordjagt-game-root .ordjagt-home-scene-chair { position:absolute; left:18%; bottom:7%; width:min(34%,340px); filter:drop-shadow(0 20px 24px rgba(44,23,10,.22)); }
#ordjagt-game-root .ordjagt-home-scene-tiger { position:absolute; right:27%; bottom:5%; width:min(24%,220px); filter:drop-shadow(0 18px 20px rgba(26,13,6,.24)); }
#ordjagt-game-root .ordjagt-home-bubble { position:absolute; right:18px; top:18px; max-width:min(42%,320px); background:#fffaf0; color:#583415; border-radius:22px; padding:16px 18px; font:800 20px/1.28 system-ui,sans-serif; box-shadow:0 10px 24px rgba(0,0,0,.16); }
#ordjagt-game-root .ordjagt-home-bubble::after { content:''; position:absolute; left:34px; bottom:-14px; border:14px solid transparent; border-top-color:#fffaf0; transform:rotate(22deg); }
#ordjagt-game-root .ordjagt-home-magic { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .3s ease; }
#ordjagt-game-root .ordjagt-home-magic span { position:absolute; color:#ffe380; text-shadow:0 0 18px rgba(255,234,134,.92); font-size:42px; animation:ordjagtHomeSpark 1.3s ease-in-out infinite; }
#ordjagt-game-root .ordjagt-home-magic span:nth-child(1){ left:33%; top:42%; }
#ordjagt-game-root .ordjagt-home-magic span:nth-child(2){ left:42%; top:36%; animation-delay:.12s; }
#ordjagt-game-root .ordjagt-home-magic span:nth-child(3){ left:47%; top:48%; animation-delay:.22s; }
#ordjagt-game-root .ordjagt-home-magic span:nth-child(4){ left:39%; top:56%; animation-delay:.34s; }
#ordjagt-game-root .ordjagt-home-magic span:nth-child(5){ left:28%; top:52%; animation-delay:.45s; }
#ordjagt-game-root .ordjagt-home-selected { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 24px 14px; }
#ordjagt-game-root .ordjagt-home-selected-copy strong { display:block; color:#54320f; font-size:22px; }
#ordjagt-game-root .ordjagt-home-selected-copy p { margin:6px 0 0; color:#6c4926; font-size:15px; }
#ordjagt-game-root .ordjagt-home-buy-btn { appearance:none; border:0; border-radius:16px; padding:12px 18px; background:linear-gradient(180deg,#2b975c,#1d7745); color:#fff; font:800 16px/1 system-ui,sans-serif; cursor:pointer; box-shadow:0 12px 22px rgba(29,74,45,.2); }
#ordjagt-game-root .ordjagt-home-buy-btn.is-owned { background:linear-gradient(180deg,#a36d31,#7f5322); }
#ordjagt-game-root .ordjagt-home-buy-btn.is-locked { background:#857668; cursor:not-allowed; box-shadow:none; }
#ordjagt-game-root .ordjagt-home-slider-wrap { padding:0 16px 18px; }
#ordjagt-game-root .ordjagt-home-slider { display:flex; gap:12px; overflow-x:auto; padding:8px 8px 4px; scroll-snap-type:x proximity; }
#ordjagt-game-root .ordjagt-home-item { appearance:none; border:0; border-radius:22px; width:172px; min-width:172px; background:#fffaf0; padding:12px; text-align:left; cursor:pointer; box-shadow:0 10px 22px rgba(88,52,19,.12); scroll-snap-align:start; position:relative; }
#ordjagt-game-root .ordjagt-home-item.is-selected { box-shadow:0 0 0 3px rgba(42,133,79,.6), 0 14px 24px rgba(88,52,19,.18); transform:translateY(-2px); }
#ordjagt-game-root .ordjagt-home-item-thumb { display:flex; align-items:center; justify-content:center; min-height:116px; border-radius:16px; background:linear-gradient(180deg,#fcf5e5,#efe2c1); position:relative; overflow:hidden; }
#ordjagt-game-root .ordjagt-home-item-thumb img { max-width:100%; max-height:106px; width:auto; height:auto; }
#ordjagt-game-root .ordjagt-home-item-lock { position:absolute; right:8px; top:8px; font-style:normal; font-size:18px; }
#ordjagt-game-root .ordjagt-home-item-title { display:block; margin-top:10px; color:#55310d; font-weight:800; font-size:15px; }
#ordjagt-game-root .ordjagt-home-item-meta { display:block; margin-top:4px; color:#8a5a25; font-size:13px; font-weight:700; }
#ordjagt-game-root .ordjagt-home-item.is-locked { opacity:.82; }
@keyframes ordjagtHomeSpark { 0% { transform:scale(.5); opacity:0; } 20% { opacity:1; } 55% { transform:scale(1.14); opacity:1; } 100% { transform:translateY(-18px) scale(.65); opacity:0; } }
@keyframes ordjagtHomeFadeIn { 0% { opacity:0; filter:saturate(1.4) brightness(1.16); } 100% { opacity:1; filter:none; } }
@media (max-width: 980px) {
  #ordjagt-game-root .ordjagt-home-shell { width:min(96vw,920px); }
  #ordjagt-game-root .ordjagt-home-scene { min-height:350px; }
  #ordjagt-game-root .ordjagt-home-bubble { max-width:56%; font-size:18px; }
}
@media (max-width: 720px) {
  #ordjagt-game-root .ordjagt-home-modal { padding:10px; }
  #ordjagt-game-root .ordjagt-home-head { flex-wrap:wrap; gap:10px; }
  #ordjagt-game-root .ordjagt-home-head-meta { width:100%; margin-left:0; }
  #ordjagt-game-root .ordjagt-home-scene { margin:0 10px; min-height:280px; }
  #ordjagt-game-root .ordjagt-home-scene-chair { left:10%; width:40%; }
  #ordjagt-game-root .ordjagt-home-scene-tiger { right:16%; width:30%; }
  #ordjagt-game-root .ordjagt-home-bubble { left:12px; right:12px; top:12px; max-width:none; font-size:16px; }
  #ordjagt-game-root .ordjagt-home-selected { padding:14px; flex-direction:column; align-items:flex-start; }
}


/* Tigerens hjem interaction hotfix — v0.3.52 */
body.ordjagt-tiger-home-open { overflow: hidden !important; }
#ordjagt-game-root .ordjagt-home-buy-btn:disabled { opacity: .66; cursor: not-allowed; }
#ordjagt-game-root .ordjagt-home-item:focus-visible,
#ordjagt-game-root .ordjagt-home-buy-btn:focus-visible,
#ordjagt-game-root .ordjagt-home-close:focus-visible { outline: 3px solid #ffe36a; outline-offset: 3px; }


/* Tigerens hjem portal + v0.3.53 polish */
body.ordjagt-tiger-home-open { overflow:hidden; }
#ordjagt-tiger-home-portal { position:fixed; inset:0; z-index:2147483000; pointer-events:none; }
#ordjagt-tiger-home-portal[hidden] { display:none !important; }
#ordjagt-tiger-home-portal .ordjagt-home-modal { position:fixed; inset:0; z-index:2147483000; display:flex; align-items:center; justify-content:center; padding:20px; pointer-events:auto; }
#ordjagt-tiger-home-portal .ordjagt-home-backdrop { position:absolute; inset:0; border:0; background:rgba(11,18,12,.66); backdrop-filter:blur(6px); cursor:pointer; }
#ordjagt-tiger-home-portal .ordjagt-home-shell { position:relative; z-index:1; width:min(1120px,96vw); max-height:min(92vh,960px); overflow:hidden; border-radius:28px; background:linear-gradient(180deg,#f5e9cc 0%,#ecd8b0 100%); box-shadow:0 28px 60px rgba(0,0,0,.32); display:flex; flex-direction:column; }
#ordjagt-tiger-home-portal .ordjagt-home-head { display:flex; align-items:center; gap:18px; padding:18px 24px 12px; }
#ordjagt-tiger-home-portal .ordjagt-home-title-banner { max-width:240px; max-height:82px; width:auto; height:auto; }
#ordjagt-tiger-home-portal .ordjagt-home-title-icon { max-width:120px; max-height:120px; }
#ordjagt-tiger-home-portal .ordjagt-home-head-meta { margin-left:auto; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
#ordjagt-tiger-home-portal .ordjagt-home-stars,
#ordjagt-tiger-home-portal .ordjagt-home-level { background:#fff8e7; color:#5d3712; border-radius:999px; padding:8px 14px; font-weight:800; box-shadow:inset 0 0 0 1px rgba(138,95,32,.14); }
#ordjagt-tiger-home-portal .ordjagt-home-stars { display:inline-flex; align-items:center; gap:8px; }
#ordjagt-tiger-home-portal .ordjagt-home-stars-icon { width:28px; height:28px; object-fit:contain; }
#ordjagt-tiger-home-portal .ordjagt-home-close { appearance:none; border:0; background:#6a3b1b; color:#fff; width:42px; height:42px; border-radius:50%; font-size:28px; line-height:1; cursor:pointer; }
#ordjagt-tiger-home-portal .ordjagt-home-scene { position:relative; margin:0 22px; border-radius:26px; overflow:hidden; min-height:420px; background:#b98b4d; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
#ordjagt-tiger-home-portal .ordjagt-home-scene-layer { position:absolute; inset:0; background-position:center center; background-size:cover; background-repeat:no-repeat; }
#ordjagt-tiger-home-portal .ordjagt-home-scene-reading { opacity:0; transition:opacity .75s ease; }
#ordjagt-tiger-home-portal .ordjagt-home-scene-reading.is-visible { opacity:1; }
#ordjagt-tiger-home-portal .ordjagt-home-scene.is-transitioning .ordjagt-home-scene-reading { opacity:1; animation:ordjagtHomeFadeIn 1.2s ease forwards; }
#ordjagt-tiger-home-portal .ordjagt-home-scene.is-transitioning .ordjagt-home-magic { opacity:1; }
#ordjagt-tiger-home-portal .ordjagt-home-scene-chair { position:absolute; left:18%; bottom:7%; width:min(34%,340px); filter:drop-shadow(0 20px 24px rgba(44,23,10,.22)); }
#ordjagt-tiger-home-portal .ordjagt-home-scene-tiger { position:absolute; right:27%; bottom:5%; width:min(24%,220px); filter:drop-shadow(0 18px 20px rgba(26,13,6,.24)); }
#ordjagt-tiger-home-portal .ordjagt-home-bubble { position:absolute; right:18px; top:18px; max-width:min(42%,320px); background:#fffaf0; color:#583415; border-radius:22px; padding:16px 18px; font:800 20px/1.28 system-ui,sans-serif; box-shadow:0 10px 24px rgba(0,0,0,.16); }
#ordjagt-tiger-home-portal .ordjagt-home-bubble::after { content:''; position:absolute; left:34px; bottom:-14px; border:14px solid transparent; border-top-color:#fffaf0; transform:rotate(22deg); }
#ordjagt-tiger-home-portal .ordjagt-home-magic { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .3s ease; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span { position:absolute; color:#ffe380; text-shadow:0 0 18px rgba(255,234,134,.92); font-size:42px; animation:ordjagtHomeSpark 1.3s ease-in-out infinite; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(1){ left:33%; top:42%; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(2){ left:42%; top:36%; animation-delay:.12s; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(3){ left:47%; top:48%; animation-delay:.22s; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(4){ left:39%; top:56%; animation-delay:.34s; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(5){ left:28%; top:52%; animation-delay:.45s; }
#ordjagt-tiger-home-portal .ordjagt-home-selected { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 24px 14px; }
#ordjagt-tiger-home-portal .ordjagt-home-selected-copy strong { display:block; color:#54320f; font-size:22px; }
#ordjagt-tiger-home-portal .ordjagt-home-selected-copy p { margin:6px 0 0; color:#6c4926; font-size:15px; }
#ordjagt-tiger-home-portal .ordjagt-home-selected-action { display:flex; align-items:center; }
#ordjagt-tiger-home-portal .ordjagt-home-buy-btn { appearance:none; border:0; border-radius:16px; padding:12px 18px; background:linear-gradient(180deg,#2b975c,#1d7745); color:#fff; font:800 16px/1 system-ui,sans-serif; cursor:pointer; box-shadow:0 12px 22px rgba(29,74,45,.2); display:inline-flex; align-items:center; gap:10px; }
#ordjagt-tiger-home-portal .ordjagt-home-buy-btn.is-owned { background:linear-gradient(180deg,#a36d31,#7f5322); }
#ordjagt-tiger-home-portal .ordjagt-home-buy-btn.is-locked { background:#857668; cursor:not-allowed; box-shadow:none; }
#ordjagt-tiger-home-portal .ordjagt-home-btn-icon-img { width:22px; height:22px; object-fit:contain; }
#ordjagt-tiger-home-portal .ordjagt-home-slider-wrap { padding:0 16px 18px; }
#ordjagt-tiger-home-portal .ordjagt-home-slider { display:flex; gap:12px; overflow-x:auto; padding:8px 8px 4px; scroll-snap-type:x proximity; }
#ordjagt-tiger-home-portal .ordjagt-home-item { appearance:none; border:0; border-radius:22px; width:172px; min-width:172px; background:#fffaf0; padding:12px; text-align:left; cursor:pointer; box-shadow:0 10px 22px rgba(88,52,19,.12); scroll-snap-align:start; position:relative; }
#ordjagt-tiger-home-portal .ordjagt-home-item.is-selected { box-shadow:0 0 0 3px rgba(42,133,79,.6), 0 14px 24px rgba(88,52,19,.18); transform:translateY(-2px); }
#ordjagt-tiger-home-portal .ordjagt-home-item-thumb { display:flex; align-items:center; justify-content:center; min-height:116px; border-radius:16px; background:linear-gradient(180deg,#fcf5e5,#efe2c1); position:relative; overflow:hidden; }
#ordjagt-tiger-home-portal .ordjagt-home-item-thumb img { max-width:100%; max-height:106px; width:auto; height:auto; }
#ordjagt-tiger-home-portal .ordjagt-home-item-lock { position:absolute; right:8px; top:8px; font-style:normal; font-size:18px; display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; }
#ordjagt-tiger-home-portal .ordjagt-home-item-lock img { width:28px; height:28px; object-fit:contain; }
#ordjagt-tiger-home-portal .ordjagt-home-item-lock.is-open { opacity:.94; }
#ordjagt-tiger-home-portal .ordjagt-home-item-title { display:block; margin-top:10px; color:#55310d; font-weight:800; font-size:15px; }
#ordjagt-tiger-home-portal .ordjagt-home-item-meta { display:block; margin-top:4px; color:#8a5a25; font-size:13px; font-weight:700; }
#ordjagt-tiger-home-portal .ordjagt-home-item.is-locked { opacity:.82; }
#ordjagt-tiger-home-portal .ordjagt-home-buy-btn:disabled { opacity:.66; cursor:not-allowed; }
#ordjagt-tiger-home-portal .ordjagt-home-item:focus-visible,
#ordjagt-tiger-home-portal .ordjagt-home-buy-btn:focus-visible,
#ordjagt-tiger-home-portal .ordjagt-home-close:focus-visible { outline:3px solid #ffe36a; outline-offset:3px; }
@media (max-width: 980px) {
  #ordjagt-tiger-home-portal .ordjagt-home-shell { width:min(96vw,920px); }
  #ordjagt-tiger-home-portal .ordjagt-home-scene { min-height:350px; }
  #ordjagt-tiger-home-portal .ordjagt-home-bubble { max-width:56%; font-size:18px; }
}
@media (max-width: 720px) {
  #ordjagt-tiger-home-portal .ordjagt-home-modal { padding:10px; }
  #ordjagt-tiger-home-portal .ordjagt-home-head { flex-wrap:wrap; gap:10px; }
  #ordjagt-tiger-home-portal .ordjagt-home-head-meta { width:100%; margin-left:0; }
  #ordjagt-tiger-home-portal .ordjagt-home-scene { margin:0 10px; min-height:280px; }
  #ordjagt-tiger-home-portal .ordjagt-home-scene-chair { left:10%; width:40%; }
  #ordjagt-tiger-home-portal .ordjagt-home-scene-tiger { right:16%; width:30%; }
  #ordjagt-tiger-home-portal .ordjagt-home-bubble { left:12px; right:12px; top:12px; max-width:none; font-size:16px; }
  #ordjagt-tiger-home-portal .ordjagt-home-selected { padding:14px; flex-direction:column; align-items:flex-start; }
}

/* Tigerens hjem grid-placement + magi — v0.3.57 */
#ordjagt-tiger-home-portal .ordjagt-home-placed-item {
  position:absolute;
  transform:translate(-50%,-50%);
  height:auto;
  max-width:none;
  object-fit:contain;
  pointer-events:none;
  filter:drop-shadow(0 16px 18px rgba(37,20,7,.22));
  transform-origin:center center;
}
#ordjagt-tiger-home-portal .ordjagt-home-placed-item.is-magic-new {
  animation:ordjagtHomePlaceItem 1.35s cubic-bezier(.2,.85,.2,1) both;
}
#ordjagt-tiger-home-portal .ordjagt-home-scene-tiger.has-chair {
  right:10%;
  bottom:4%;
  width:min(19%,180px);
}
#ordjagt-tiger-home-portal .ordjagt-home-magic {
  left:var(--oj-home-magic-x,50%);
  top:var(--oj-home-magic-y,50%);
  right:auto;
  bottom:auto;
  width:1px;
  height:1px;
  overflow:visible;
  z-index:180;
}
#ordjagt-tiger-home-portal .ordjagt-home-magic span { left:0 !important; top:0 !important; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(1){ --mx:-74px; --my:-52px; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(2){ --mx:56px; --my:-62px; animation-delay:.08s; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(3){ --mx:82px; --my:18px; animation-delay:.16s; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(4){ --mx:-48px; --my:64px; animation-delay:.24s; }
#ordjagt-tiger-home-portal .ordjagt-home-magic span:nth-child(5){ --mx:12px; --my:82px; animation-delay:.32s; }
#ordjagt-tiger-home-portal .ordjagt-home-scene.is-transitioning .ordjagt-home-magic span {
  animation:ordjagtHomeMagicBurst 1.25s ease-out both;
}
@keyframes ordjagtHomePlaceItem {
  0% { opacity:0; transform:translate(-50%,-50%) scale(.18) rotate(-8deg); filter:brightness(1.9) saturate(1.35) drop-shadow(0 0 26px rgba(255,231,116,.98)); }
  45% { opacity:1; transform:translate(-50%,-50%) scale(1.18) rotate(3deg); filter:brightness(1.35) saturate(1.18) drop-shadow(0 0 30px rgba(255,224,92,.9)); }
  72% { transform:translate(-50%,-50%) scale(.94) rotate(-1deg); }
  100% { opacity:1; transform:translate(-50%,-50%) scale(1) rotate(0); filter:drop-shadow(0 16px 18px rgba(37,20,7,.22)); }
}
@keyframes ordjagtHomeMagicBurst {
  0% { opacity:0; transform:translate(0,0) scale(.2) rotate(0deg); }
  18% { opacity:1; }
  70% { opacity:1; transform:translate(var(--mx),var(--my)) scale(1.25) rotate(160deg); }
  100% { opacity:0; transform:translate(calc(var(--mx) * 1.35),calc(var(--my) * 1.35)) scale(.35) rotate(260deg); }
}


/* Tigerhjem story flow — v0.3.60 */
#ordjagt-tiger-home-portal .ordjagt-home-story-tiger {
  filter: drop-shadow(0 16px 22px rgba(37,20,7,.28));
}
#ordjagt-tiger-home-portal .ordjagt-home-floor-book {
  position:absolute;
  transform:translate(-50%,-50%);
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  animation:ordjagtHomeBookGlow 1.5s ease-in-out infinite;
}
#ordjagt-tiger-home-portal .ordjagt-home-floor-book img {
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 10px 18px rgba(35,20,8,.3));
}
#ordjagt-tiger-home-portal .ordjagt-home-story-note {
  margin:10px 22px 0;
  padding:12px 16px;
  border-radius:16px;
  background:rgba(255,245,215,.98);
  color:#6a3c11;
  font-weight:700;
  box-shadow:0 10px 22px rgba(64,35,8,.12);
}
@keyframes ordjagtHomeBookGlow {
  0%, 100% { transform:translate(-50%,-50%) scale(1); filter:drop-shadow(0 0 0 rgba(255,230,110,0)); }
  50% { transform:translate(-50%,-50%) scale(1.06); filter:drop-shadow(0 0 16px rgba(255,230,110,.95)); }
}


/* Tigerhjem taleboble — v0.3.60 */
#ordjagt-tiger-home-portal .ordjagt-home-bubble {
  position:absolute;
  right:22px;
  top:20px;
  max-width:min(44%,360px);
  padding:18px 22px 18px 24px;
  border:3px solid #c88a27;
  border-radius:24px 24px 24px 12px;
  background:
    radial-gradient(circle at 24% 18%, rgba(255,255,255,.82), transparent 34%),
    linear-gradient(180deg,#fff9e9 0%,#f7e4b9 66%,#efd095 100%);
  color:#4d2d12;
  font:800 19px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
  box-shadow:
    0 16px 30px rgba(54,30,8,.24),
    0 0 0 2px rgba(98,56,14,.36),
    inset 0 0 0 2px rgba(255,250,223,.9),
    inset 0 -10px 20px rgba(150,92,22,.08);
  animation:ordjagtHomeBubbleIn .42s cubic-bezier(.2,.9,.3,1.1) both;
  z-index:70;
}
#ordjagt-tiger-home-portal .ordjagt-home-bubble::before {
  content:"";
  position:absolute;
  left:28px;
  bottom:-22px;
  width:0;
  height:0;
  border-style:solid;
  border-width:22px 18px 0 0;
  border-color:#9f691c transparent transparent transparent;
  filter:drop-shadow(2px 4px 2px rgba(45,25,7,.14));
}
#ordjagt-tiger-home-portal .ordjagt-home-bubble::after {
  content:"";
  position:absolute;
  left:31px;
  bottom:-16px;
  width:0;
  height:0;
  border-style:solid;
  border-width:17px 14px 0 0;
  border-color:#efd095 transparent transparent transparent;
}
#ordjagt-tiger-home-portal .ordjagt-home-bubble-text {
  position:relative;
  z-index:2;
  display:block;
}
#ordjagt-tiger-home-portal .ordjagt-home-bubble-leaves {
  position:absolute;
  left:-15px;
  top:-16px;
  width:54px;
  height:34px;
  z-index:3;
  pointer-events:none;
}
#ordjagt-tiger-home-portal .ordjagt-home-bubble-leaves::before,
#ordjagt-tiger-home-portal .ordjagt-home-bubble-leaves::after {
  content:"";
  position:absolute;
  width:27px;
  height:14px;
  border:1px solid #9a6b1b;
  background:linear-gradient(135deg,#4f983f 0%,#1d612e 78%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 3px 6px rgba(34,57,21,.2);
}
#ordjagt-tiger-home-portal .ordjagt-home-bubble-leaves::before {
  left:2px;
  top:8px;
  border-radius:100% 0 100% 0;
  transform:rotate(-24deg);
}
#ordjagt-tiger-home-portal .ordjagt-home-bubble-leaves::after {
  right:0;
  top:2px;
  border-radius:0 100% 0 100%;
  transform:rotate(24deg);
}
@keyframes ordjagtHomeBubbleIn {
  from { opacity:0; transform:translateY(-10px) scale(.96); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@media (max-width:720px) {
  #ordjagt-tiger-home-portal .ordjagt-home-bubble {
    left:14px;
    right:14px;
    top:14px;
    max-width:none;
    padding:15px 18px 15px 20px;
    border-radius:20px 20px 20px 10px;
    font-size:16px;
  }
}

/* v0.3.63 — Fortsæt-flow, laptop-fit, rene ikoner og popup-menuer */
body.ordjagt-menu-panel-open { overflow:hidden; }

/* Butik-ikon på PC/desktop: kun selve grafikken, ingen grøn pille, ingen tekst. */
#ordjagt-game-root .ordjagt-shop-entry.ordjagt-shop-entry-icon-only {
  appearance:none !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
}
#ordjagt-game-root .ordjagt-shop-entry.ordjagt-shop-entry-icon-only .ordjagt-shop-entry-icon {
  width:clamp(78px,8.4vw,138px) !important;
  height:auto !important;
  max-width:none !important;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(18,52,24,.25));
  transition:transform .18s ease, filter .18s ease;
}
#ordjagt-game-root .ordjagt-shop-entry.ordjagt-shop-entry-icon-only:hover .ordjagt-shop-entry-icon,
#ordjagt-game-root .ordjagt-shop-entry.ordjagt-shop-entry-icon-only:focus-visible .ordjagt-shop-entry-icon {
  transform:scale(1.06);
  filter:drop-shadow(0 10px 16px rgba(18,52,24,.35));
}

/* Alle popup-kryds står alene uden cirkel/boble. */
#ordjagt-tiger-home-portal .ordjagt-home-close,
#ordjagt-game-root .ordjagt-progress-close,
#ordjagt-game-root .ordjagt-progress-close-v43,
#ordjagt-game-root .ordjagt-settings-head button,
#ordjagt-menu-panel-portal .ordjagt-menu-panel-close,
#ordjagt-learning-modal-portal .ordjagt-learning-modal-close {
  appearance:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#6b3c18 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:4px 8px !important;
  font:900 34px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
  cursor:pointer;
}
#ordjagt-tiger-home-portal .ordjagt-home-close:hover,
#ordjagt-game-root .ordjagt-progress-close:hover,
#ordjagt-game-root .ordjagt-settings-head button:hover,
#ordjagt-menu-panel-portal .ordjagt-menu-panel-close:hover,
#ordjagt-learning-modal-portal .ordjagt-learning-modal-close:hover {
  color:#b44a21 !important;
  transform:scale(1.08);
}

/* Fortsæt-knap inde i den taleboble, der stopper historien. */
#ordjagt-tiger-home-portal .ordjagt-home-continue {
  appearance:none;
  display:block;
  margin:13px 0 0 auto;
  border:2px solid #8b5a17;
  border-radius:999px;
  padding:9px 18px 10px;
  min-width:108px;
  background:linear-gradient(180deg,#64b845 0%,#2f8a37 100%);
  color:#fff9dd;
  font:900 15px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.03em;
  text-shadow:0 1px 1px rgba(40,55,15,.45);
  box-shadow:0 7px 14px rgba(55,47,15,.2),inset 0 1px 0 rgba(255,255,255,.35);
  cursor:pointer;
}
#ordjagt-tiger-home-portal .ordjagt-home-continue:hover,
#ordjagt-tiger-home-portal .ordjagt-home-continue:focus-visible {
  transform:translateY(-1px);
  filter:brightness(1.06);
  outline:3px solid rgba(255,225,91,.85);
  outline-offset:2px;
}

/* Butikken skal altid kunne rummes på én viewport, især på bærbare skærme. */
#ordjagt-tiger-home-portal .ordjagt-home-modal {
  align-items:center;
  padding:clamp(8px,1.4vh,18px) !important;
}
#ordjagt-tiger-home-portal .ordjagt-home-shell {
  width:min(96vw,1180px) !important;
  height:min(96dvh,940px) !important;
  max-height:96dvh !important;
  overflow:hidden !important;
}
#ordjagt-tiger-home-portal .ordjagt-home-head {
  flex:0 0 auto;
}
#ordjagt-tiger-home-portal .ordjagt-home-scene {
  flex:1 1 auto;
  min-height:230px !important;
  max-height:none !important;
}
#ordjagt-tiger-home-portal .ordjagt-home-selected,
#ordjagt-tiger-home-portal .ordjagt-home-story-note,
#ordjagt-tiger-home-portal .ordjagt-home-slider-wrap {
  flex:0 0 auto;
}
#ordjagt-tiger-home-portal .ordjagt-home-slider {
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
}

/* Bærbar / kort viewport: kompakt højden, men vis hele varelinjen. */
@media (min-width:721px) and (max-height:900px) {
  #ordjagt-tiger-home-portal .ordjagt-home-modal { padding:7px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-shell {
    height:97dvh !important;
    max-height:97dvh !important;
    width:min(96vw,1160px) !important;
  }
  #ordjagt-tiger-home-portal .ordjagt-home-head { padding:7px 16px 5px !important; gap:10px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-title-icon { max-width:84px !important; max-height:72px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-head-meta { gap:8px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-stars,
  #ordjagt-tiger-home-portal .ordjagt-home-level { padding:6px 10px !important; font-size:13px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-scene {
    margin:0 12px !important;
    min-height:220px !important;
  }
  #ordjagt-tiger-home-portal .ordjagt-home-bubble {
    top:10px !important;
    right:12px !important;
    max-width:min(44%,350px) !important;
    padding:12px 16px !important;
    font-size:15px !important;
  }
  #ordjagt-tiger-home-portal .ordjagt-home-continue { margin-top:8px !important; padding:7px 14px 8px !important; font-size:13px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-story-note { margin:5px 12px 0 !important; padding:7px 11px !important; font-size:13px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-selected { padding:7px 14px 6px !important; gap:10px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-selected-copy strong { font-size:17px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-selected-copy p { margin-top:2px !important; font-size:12px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-buy-btn { padding:8px 12px !important; font-size:13px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-slider-wrap { padding:0 10px 7px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-slider { gap:8px !important; padding:4px 4px 2px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-item { width:138px !important; min-width:138px !important; padding:8px !important; border-radius:16px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-item-thumb { min-height:78px !important; border-radius:12px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-item-thumb img { max-height:72px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-item-title { margin-top:6px !important; font-size:12px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-item-meta { margin-top:2px !important; font-size:11px !important; }
}

@media (min-width:721px) and (max-height:740px) {
  #ordjagt-tiger-home-portal .ordjagt-home-scene { min-height:185px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-item { width:124px !important; min-width:124px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-item-thumb { min-height:64px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-item-thumb img { max-height:58px !important; }
}

/* Mobil: viewport-højde bruges og indholdet kan rulle internt ved meget lave skærme. */
@media (max-width:720px) {
  #ordjagt-tiger-home-portal .ordjagt-home-shell {
    width:96vw !important;
    height:auto !important;
    max-height:94dvh !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
  }
  #ordjagt-tiger-home-portal .ordjagt-home-close { font-size:30px !important; }
  #ordjagt-tiger-home-portal .ordjagt-home-continue { min-width:100px; font-size:14px; padding:8px 15px 9px; }
}

/* Menuens Daglig / Leaderboard / Baner åbner som egen popup på alle enheder. */
#ordjagt-menu-panel-portal {
  position:fixed;
  inset:0;
  z-index:2147483100;
  pointer-events:none;
}
#ordjagt-menu-panel-portal[hidden] { display:none !important; }
#ordjagt-menu-panel-portal .ordjagt-menu-panel-modal {
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  pointer-events:auto;
}
#ordjagt-menu-panel-portal .ordjagt-menu-panel-backdrop {
  position:absolute;
  inset:0;
  border:0;
  background:rgba(7,16,10,.68);
  backdrop-filter:blur(6px);
  cursor:pointer;
}
#ordjagt-menu-panel-portal .ordjagt-menu-panel-shell {
  position:relative;
  z-index:1;
  width:min(92vw,720px);
  max-height:88dvh;
  overflow:auto;
  border:3px solid #c38b2f;
  border-radius:26px;
  background:linear-gradient(180deg,#fff8e6 0%,#efd9ad 100%);
  box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 0 0 2px rgba(255,255,255,.75);
}
#ordjagt-menu-panel-portal .ordjagt-menu-panel-head {
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 20px 12px;
  background:linear-gradient(180deg,rgba(255,249,232,.98),rgba(245,225,183,.95));
  border-bottom:1px solid rgba(121,76,20,.18);
}
#ordjagt-menu-panel-portal .ordjagt-menu-panel-head strong {
  color:#57330f;
  font:900 clamp(20px,2.4vw,30px)/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#ordjagt-menu-panel-portal .ordjagt-menu-panel-content { padding:18px 20px 22px; }
#ordjagt-menu-panel-portal .ordjagt-leaderboard-card,
#ordjagt-menu-panel-portal .ordjagt-level-picker,
#ordjagt-menu-panel-portal .ordjagt-daily-card {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
#ordjagt-menu-panel-portal .ordjagt-level-picker-panel {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  gap:10px;
}
#ordjagt-menu-panel-portal .ordjagt-level-dot { min-height:48px; }
@media (max-width:600px) {
  #ordjagt-menu-panel-portal .ordjagt-menu-panel-modal { padding:10px; }
  #ordjagt-menu-panel-portal .ordjagt-menu-panel-shell { width:96vw; max-height:92dvh; border-radius:22px; }
  #ordjagt-menu-panel-portal .ordjagt-menu-panel-head { padding:13px 15px 10px; }
  #ordjagt-menu-panel-portal .ordjagt-menu-panel-content { padding:14px; }
}
#ordjagt-menu-panel-portal .ordjagt-daily-card,
#ordjagt-menu-panel-portal .ordjagt-leaderboard-card {
  height:auto !important;
  min-height:0 !important;
  display:block !important;
}
#ordjagt-menu-panel-portal .ordjagt-leaderboard-card ol { max-height:none !important; overflow:visible !important; }


/* v0.3.63 — thicker selected-word slots + popup top-layer fix */
#ordjagt-game-root .ordjagt-word-display {
  height: clamp(34px, 4.6vw, 78px) !important;
  min-height: clamp(34px, 4.6vw, 78px) !important;
  padding: clamp(3px, .45vw, 9px) clamp(8px, .9vw, 18px) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
#ordjagt-game-root .ordjagt-word-slots {
  height: 100% !important;
  align-items: stretch !important;
  gap: clamp(3px, .46vw, 9px) !important;
}
#ordjagt-game-root .ordjagt-word-letter-slot {
  height: 100% !important;
  min-height: clamp(28px, 3.6vw, 64px) !important;
  max-height: 100% !important;
  aspect-ratio: 1.22 / 1 !important;
  flex: 0 1 clamp(28px, 3.8vw, 68px) !important;
  max-width: clamp(30px, 4.2vw, 74px) !important;
  box-sizing: border-box !important;
}
#ordjagt-game-root .ordjagt-word-letter-slot > span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: clamp(16px, 2.1vw, 38px) !important;
  line-height: .9 !important;
  font-weight: 1000 !important;
  transform: none !important;
  overflow: hidden !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-word-display {
  height: clamp(44px, 5.0vw, 84px) !important;
  min-height: clamp(44px, 5.0vw, 84px) !important;
  width: min(55%, 620px) !important;
  padding: clamp(4px, .5vw, 10px) clamp(10px, 1vw, 20px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-word-letter-slot {
  min-height: clamp(34px, 3.9vw, 70px) !important;
  flex-basis: clamp(34px, 4.1vw, 78px) !important;
  max-width: clamp(38px, 4.5vw, 84px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-word-letter-slot > span {
  font-size: clamp(20px, 2.25vw, 44px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-word-display,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-word-display {
  height: clamp(40px, 8.6vw, 70px) !important;
  min-height: clamp(40px, 8.6vw, 70px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-mobile .ordjagt-word-letter-slot > span,
#ordjagt-game-root.ordjagt-mobile-portrait-app .ordjagt-word-letter-slot > span {
  font-size: clamp(17px, 5.3vw, 34px) !important;
}

/* Popups must always sit above crossword cells, selected letters and the letter bank. */
#ordjagt-game-root .ordjagt-learning-modal-backdrop,
#ordjagt-game-root .ordjagt-learning-reward-modal,
#ordjagt-game-root .ordjagt-progress-modal,
#ordjagt-game-root .ordjagt-settings-modal,
#ordjagt-game-root .ordjagt-settings-overlay,
#ordjagt-game-root .ordjagt-reward-modal,
#ordjagt-game-root .ordjagt-modal,
#ordjagt-game-root .ordjagt-popup {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483400 !important;
  transform: none !important;
  isolation: isolate !important;
  pointer-events: auto !important;
}
#ordjagt-game-root .ordjagt-learning-reward-card,
#ordjagt-game-root .ordjagt-progress-card,
#ordjagt-game-root .ordjagt-settings-card,
#ordjagt-game-root .ordjagt-settings-panel,
#ordjagt-game-root .ordjagt-reward-card,
#ordjagt-game-root .ordjagt-modal-card,
#ordjagt-menu-panel-portal .ordjagt-menu-panel-shell,
#ordjagt-tiger-home-portal .ordjagt-home-shell {
  position: relative !important;
  z-index: 2147483401 !important;
}
#ordjagt-menu-panel-portal,
#ordjagt-tiger-home-portal,
#ordjagt-learning-modal-portal {
  z-index: 2147483500 !important;
}
#ordjagt-game-root .ordjagt-progress-modal .ordjagt-playfield,
#ordjagt-game-root .ordjagt-learning-reward-modal .ordjagt-playfield {
  display: none !important;
}

/* v0.3.63 — sekventiel møbeloplåsning med flyvende lås */
#ordjagt-tiger-home-portal .ordjagt-home-shell { position:relative; }
#ordjagt-tiger-home-portal .ordjagt-home-unlock-ceremony {
  position:absolute;
  inset:0;
  z-index:120;
  pointer-events:none;
  overflow:visible;
}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-lock-wrap {
  position:absolute;
  left:50%;
  top:15%;
  width:clamp(74px,10vw,132px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 12px 18px rgba(78,45,8,.32));
}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-lock {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  transform-origin:center;
}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-ceremony .is-open { opacity:0; transform:scale(.7); }
#ordjagt-tiger-home-portal .ordjagt-home-unlock-ceremony.is-opening .is-closed,
#ordjagt-tiger-home-portal .ordjagt-home-unlock-ceremony.is-flying .is-closed {
  opacity:0;
  transform:scale(.68) rotate(-8deg);
  transition:opacity .2s ease, transform .28s ease;
}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-ceremony.is-opening .is-open,
#ordjagt-tiger-home-portal .ordjagt-home-unlock-ceremony.is-flying .is-open {
  opacity:1;
  transform:scale(1.06);
  transition:opacity .18s ease, transform .3s cubic-bezier(.2,.8,.2,1.25);
}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-ceremony.is-closed .is-closed {
  animation:ordjagtUnlockLockedPulse .7s ease-in-out infinite alternate;
}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-sparkles {
  position:absolute;
  left:50%;
  top:15%;
  width:180px;
  height:150px;
  transform:translate(-50%,-50%);
}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-sparkles i {
  position:absolute;
  color:#ffe56e;
  font-style:normal;
  text-shadow:0 0 16px rgba(255,231,101,.95),0 0 30px rgba(255,184,31,.6);
  opacity:0;
}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-ceremony.is-opening .ordjagt-home-unlock-sparkles i,
#ordjagt-tiger-home-portal .ordjagt-home-unlock-ceremony.is-flying .ordjagt-home-unlock-sparkles i {
  animation:ordjagtUnlockSpark .8s ease-out both;
}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-sparkles i:nth-child(1){left:8%;top:38%;font-size:28px;animation-delay:.02s;}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-sparkles i:nth-child(2){right:8%;top:18%;font-size:34px;animation-delay:.12s;}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-sparkles i:nth-child(3){left:31%;bottom:4%;font-size:22px;animation-delay:.18s;}
#ordjagt-tiger-home-portal .ordjagt-home-unlock-sparkles i:nth-child(4){right:27%;bottom:8%;font-size:26px;animation-delay:.26s;}
#ordjagt-tiger-home-portal .ordjagt-home-item.is-newly-unlocked {
  animation:ordjagtNewItemGlow 1.35s ease-in-out 2;
  box-shadow:0 0 0 3px rgba(255,213,72,.95),0 0 28px rgba(255,200,50,.78),0 14px 24px rgba(88,52,19,.18);
}
#ordjagt-tiger-home-portal .ordjagt-home-item-lock.is-unlocking {
  animation:ordjagtUnlockBadgePulse .55s ease-in-out infinite alternate;
}
#ordjagt-tiger-home-portal .ordjagt-home-item-meta {
  min-height:2.2em;
  line-height:1.1;
}
@keyframes ordjagtUnlockLockedPulse {
  from { transform:scale(.94); filter:brightness(.92); }
  to { transform:scale(1.04); filter:brightness(1.14); }
}
@keyframes ordjagtUnlockSpark {
  0% { opacity:0; transform:scale(.35) rotate(-20deg); }
  35% { opacity:1; }
  100% { opacity:0; transform:scale(1.45) rotate(18deg) translateY(-14px); }
}
@keyframes ordjagtUnlockBadgePulse {
  from { transform:scale(.92); }
  to { transform:scale(1.12); }
}
@keyframes ordjagtNewItemGlow {
  0%,100% { transform:translateY(0) scale(1); filter:brightness(1); }
  50% { transform:translateY(-4px) scale(1.035); filter:brightness(1.18); }
}
@media (max-height:760px) and (min-width:721px) {
  #ordjagt-tiger-home-portal .ordjagt-home-unlock-lock-wrap { top:12%; width:82px; }
  #ordjagt-tiger-home-portal .ordjagt-home-unlock-sparkles { top:12%; }
}
@media (max-width:720px) {
  #ordjagt-tiger-home-portal .ordjagt-home-unlock-lock-wrap { top:14%; width:82px; }
  #ordjagt-tiger-home-portal .ordjagt-home-unlock-sparkles { top:14%; width:140px; height:120px; }
}

/* ============================================================
   v0.3.64 — mobile fullscreen learning popups + sharp progress text
   ============================================================ */
@media (max-width: 720px) {
  /* Reward / level-complete popup: use the complete phone viewport. */
  #ordjagt-learning-modal-portal .ordjagt-learning-reward-modal-v46,
  #ordjagt-game-root .ordjagt-learning-reward-modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    place-items: stretch !important;
  }

  #ordjagt-learning-modal-portal .ordjagt-learning-popup-shell,
  #ordjagt-game-root .ordjagt-learning-shared-shell {
    width: 100vw !important;
    height: 100dvh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    overflow: hidden !important;
    display: grid !important;
    place-items: stretch !important;
  }

  #ordjagt-learning-modal-portal .ordjagt-learning-popup-shell .ojl-level-reward-card,
  #ordjagt-game-root .ordjagt-learning-shared-shell .ojl-level-reward-card {
    width: 100vw !important;
    height: 100dvh !important;
    min-width: 100vw !important;
    min-height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    filter: none !important;
    animation: none !important;
    transform: none !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  #ordjagt-learning-modal-portal .ojl-level-reward-card .ojl-reward-panel-art,
  #ordjagt-game-root .ojl-level-reward-card .ojl-reward-panel-art {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
    transform: none !important;
    filter: none !important;
  }

  #ordjagt-learning-modal-portal .ojl-reward-banner,
  #ordjagt-game-root .ojl-reward-banner {
    left: 14% !important;
    top: 4.5% !important;
    width: 72% !important;
    height: 17% !important;
    filter: none !important;
  }

  #ordjagt-learning-modal-portal .ojl-reward-trophy,
  #ordjagt-game-root .ojl-reward-trophy {
    left: 5% !important;
    top: 42% !important;
    width: 36% !important;
    height: 35% !important;
    filter: none !important;
    animation: none !important;
  }

  #ordjagt-learning-modal-portal .ojl-reward-safe-copy,
  #ordjagt-game-root .ojl-reward-safe-copy {
    left: 22% !important;
    right: 9% !important;
    top: 25% !important;
    bottom: 23% !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    overflow: visible !important;
    container-type: normal !important;
    color: #34220d !important;
    text-shadow: none !important;
  }

  #ordjagt-learning-modal-portal .ojl-reward-safe-copy > strong,
  #ordjagt-game-root .ojl-reward-safe-copy > strong {
    font-size: clamp(24px, 7vw, 38px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    color: #35220b !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.8) !important;
  }

  #ordjagt-learning-modal-portal .ojl-reward-breakdown span,
  #ordjagt-game-root .ojl-reward-breakdown span {
    font-size: clamp(14px, 4vw, 18px) !important;
    line-height: 1.18 !important;
    padding: 7px 8px !important;
    color: #3c2a10 !important;
  }

  #ordjagt-learning-modal-portal .ojl-reward-total,
  #ordjagt-game-root .ojl-reward-total {
    font-size: clamp(20px, 5.4vw, 28px) !important;
    line-height: 1.12 !important;
  }

  #ordjagt-learning-modal-portal .ordjagt-learning-v43-continue,
  #ordjagt-game-root .ordjagt-learning-v43-continue {
    position: absolute !important;
    left: 50% !important;
    bottom: max(20px, env(safe-area-inset-bottom)) !important;
    z-index: 90 !important;
    min-width: min(76vw, 320px) !important;
    min-height: 54px !important;
    padding: 12px 24px !important;
    font-size: 17px !important;
  }

  /* Progress popup: full viewport and no GPU-raster blur. */
  #ordjagt-game-root .ordjagt-progress-modal,
  #ordjagt-game-root .ordjagt-progress-modal-v43 {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    place-items: stretch !important;
    z-index: 2147483600 !important;
  }

  #ordjagt-game-root .ordjagt-progress-shared-shell {
    position: relative !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    overflow: hidden !important;
    display: grid !important;
    place-items: stretch !important;
    filter: none !important;
    transform: none !important;
  }

  #ordjagt-game-root .ordjagt-progress-shared-shell .ojl-progress-card,
  #ordjagt-game-root .ojl-progress-card,
  #ordjagt-game-root .ordjagt-progress-card {
    width: 100vw !important;
    height: 100dvh !important;
    min-width: 100vw !important;
    min-height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    filter: none !important;
    -webkit-filter: none !important;
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
    backface-visibility: visible !important;
    overflow: hidden !important;
  }

  #ordjagt-game-root .ojl-progress-panel-art,
  #ordjagt-game-root .ordjagt-progress-card::before {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
    background-size: 100% 100% !important;
    filter: none !important;
    transform: none !important;
  }

  #ordjagt-game-root .ojl-progress-safe-copy {
    left: 10% !important;
    right: 10% !important;
    top: 17% !important;
    bottom: 14% !important;
    gap: 10px !important;
    padding: 10px !important;
    overflow-y: auto !important;
    color: #33230d !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
    transform: none !important;
    filter: none !important;
  }

  #ordjagt-game-root .ojl-progress-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #ordjagt-game-root .ojl-progress-stats span {
    padding: 9px 8px !important;
    border-radius: 12px !important;
    background: rgba(255,248,214,.6) !important;
    border: 1px solid rgba(98,63,17,.12) !important;
  }

  #ordjagt-game-root .ojl-progress-icon {
    width: 42px !important;
    height: 42px !important;
    filter: none !important;
  }

  #ordjagt-game-root .ojl-progress-stats em {
    font-size: clamp(13px, 3.8vw, 17px) !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
    color: #59431f !important;
  }

  #ordjagt-game-root .ojl-progress-stats b {
    font-size: clamp(19px, 5vw, 26px) !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    color: #174f2b !important;
  }

  #ordjagt-game-root .ojl-progress-goal > strong {
    font-size: clamp(15px, 4.2vw, 20px) !important;
    line-height: 1.15 !important;
  }

  #ordjagt-game-root .ojl-progress-goal > span,
  #ordjagt-game-root .ojl-progress-goal > small {
    font-size: clamp(14px, 3.8vw, 18px) !important;
    line-height: 1.15 !important;
  }

  #ordjagt-game-root .ojl-progress-bar {
    min-height: 54px !important;
  }

  #ordjagt-game-root .ojl-progress-gift {
    right: 3% !important;
    bottom: 3% !important;
    width: 23% !important;
    height: 16% !important;
    animation: none !important;
    filter: none !important;
  }

  /* The close x remains plain and sits above the full-screen panel. */
  #ordjagt-game-root .ordjagt-progress-close,
  #ordjagt-game-root .ordjagt-progress-close-v43 {
    position: fixed !important;
    top: calc(10px + env(safe-area-inset-top)) !important;
    right: 12px !important;
    z-index: 2147483700 !important;
    font-size: 38px !important;
    color: #6b3c18 !important;
  }
}

/* Sharp progress text at all sizes: do not rasterize the whole card. */
#ordjagt-game-root .ojl-progress-card,
#ordjagt-game-root .ordjagt-progress-card {
  filter: none !important;
  -webkit-filter: none !important;
}
#ordjagt-game-root .ojl-progress-card.is-pop,
#ordjagt-game-root .ordjagt-progress-card.is-progress-animated {
  animation: none !important;
  transform: none !important;
}

/* v0.3.65: OrdQuiz mode */
.ordjagt-quiz-card {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: clamp(16px, 2.2vw, 28px);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,249,230,0.97), rgba(246,232,189,0.95));
  border: 4px solid rgba(123, 78, 28, 0.72);
  box-shadow: inset 0 0 0 3px rgba(255,255,255,0.42), 0 16px 30px rgba(0,0,0,0.22);
  text-align: center;
}
.ordjagt-quiz-title {
  font-size: clamp(28px, 2.8vw, 40px);
  font-weight: 900;
  color: #5e3207;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ordjagt-quiz-subtitle {
  font-size: clamp(15px, 1.3vw, 20px);
  color: #2f4f25;
  font-weight: 700;
}
.ordjagt-quiz-sentence {
  max-width: 760px;
  font-size: clamp(26px, 2.8vw, 38px);
  line-height: 1.28;
  font-weight: 800;
  color: #2e220d;
}
.ordjagt-quiz-wrong-word {
  color: #d9831f;
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-underline-offset: 6px;
}
.ordjagt-quiz-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.ordjagt-quiz-option {
  min-height: 92px;
  border: 3px solid rgba(109, 72, 22, 0.72);
  border-radius: 24px;
  background: linear-gradient(180deg, #fff5cf 0%, #f5d976 100%);
  box-shadow: 0 10px 20px rgba(0,0,0,0.18), inset 0 2px 0 rgba(255,255,255,0.55);
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 900;
  color: #40240a;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.ordjagt-quiz-option:hover,
.ordjagt-quiz-option:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(0,0,0,0.2), inset 0 2px 0 rgba(255,255,255,0.6);
}
.ordjagt-quiz-option.is-selected {
  outline: 3px solid rgba(66, 119, 39, 0.65);
  outline-offset: 2px;
}
.ordjagt-quiz-option.is-correct {
  background: linear-gradient(180deg, #b6f39f 0%, #6fbe52 100%);
}
.ordjagt-quiz-option.is-wrong {
  background: linear-gradient(180deg, #ffd9c8 0%, #f39d74 100%);
}
.ordjagt-quiz-feedback {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
}
.ordjagt-quiz-feedback .ordjagt-quiz-feedback-inner {
  font-size: clamp(18px, 1.55vw, 24px);
  font-weight: 800;
  color: #2d1d08;
  text-align: center;
}
.ordjagt-quiz-feedback.is-correct .ordjagt-quiz-feedback-inner { color: #215d18; }
.ordjagt-quiz-feedback.is-wrong .ordjagt-quiz-feedback-inner { color: #8a3400; }
.ordjagt-quiz-progress {
  display: grid;
  gap: 8px;
}
.ordjagt-quiz-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.ordjagt-quiz-dot {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: rgba(90, 69, 35, 0.22);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.45);
}
.ordjagt-quiz-dot.is-active {
  background: linear-gradient(180deg, #ffe899 0%, #d39b27 100%);
}
.ordjagt-quiz-controls-hint {
  width: 100%;
  padding: 18px 22px;
  border-radius: 18px;
  background: rgba(255,247,217,0.92);
  border: 2px solid rgba(120, 84, 31, 0.32);
  text-align: center;
  font-size: clamp(15px, 1.2vw, 19px);
  font-weight: 700;
  color: #59401a;
}
.ordjagt-quiz-continue {
  min-width: min(100%, 360px);
}
.ordjagt-quiz-clue p {
  font-size: clamp(18px, 1.4vw, 22px);
  line-height: 1.45;
}
.ordjagt-quiz-complete p {
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.4;
  font-weight: 700;
  color: #2d1d08;
}
@media (max-width: 900px) {
  .ordjagt-quiz-options {
    grid-template-columns: 1fr;
  }
  .ordjagt-quiz-option {
    min-height: 78px;
    font-size: clamp(22px, 5vw, 30px);
  }
  .ordjagt-quiz-sentence {
    font-size: clamp(24px, 5vw, 34px);
  }
}

/* v0.3.66: OrdQuiz mobile full-screen popup refresh */
#ordjagt-quiz-portal {
  position: fixed;
  inset: 0;
  z-index: 2147482950;
  pointer-events: none;
}
#ordjagt-quiz-portal[hidden] {
  display: none !important;
}
#ordjagt-quiz-portal .ordjagt-quiz-mobile-modal {
  display: none;
}
body.ordjagt-quiz-portal-open {
  overflow: hidden;
}
@media (max-width: 820px) {
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-modal {
    position: fixed;
    inset: 0;
    z-index: 2147482950;
    display: flex;
    align-items: stretch;
    justify-content: center;
    pointer-events: auto;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-backdrop {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 21, 18, 0.60), rgba(10, 18, 18, 0.70));
    backdrop-filter: blur(12px);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-shell {
    position: relative;
    z-index: 1;
    width: min(100vw, 560px);
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: calc(env(safe-area-inset-top, 0px) + 18px) 16px calc(env(safe-area-inset-bottom, 0px) + 22px);
    display: grid;
    align-content: start;
    gap: 14px;
    background: linear-gradient(180deg, rgba(247, 240, 219, 0.985) 0%, rgba(236, 223, 181, 0.985) 100%);
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.30);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-kicker {
    justify-self: center;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 999px;
    background: linear-gradient(180deg, #315d33 0%, #244826 100%);
    color: #fff9dc;
    font: 900 14px/1.1 system-ui, sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    box-shadow: 0 10px 22px rgba(34, 67, 37, 0.24);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-panel {
    padding: 20px 18px;
    border-radius: 30px;
    background: linear-gradient(180deg, #fffdf7 0%, #f7edd0 100%);
    border: 4px solid rgba(171, 135, 58, 0.64);
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.68), 0 16px 30px rgba(92, 62, 24, 0.12);
    text-align: center;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-title {
    font: 900 clamp(28px, 7vw, 40px)/1.06 system-ui, sans-serif;
    color: #57320e;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 14px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-sentence {
    font: 900 clamp(27px, 7vw, 42px)/1.18 system-ui, sans-serif;
    color: #2f210d;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-clue,
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-feedback {
    padding: 16px 18px;
    border-radius: 24px;
    text-align: center;
    font-weight: 800;
    line-height: 1.35;
    box-shadow: 0 10px 22px rgba(66, 44, 19, 0.10);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-clue {
    background: rgba(255, 250, 236, 0.96);
    border: 2px solid rgba(177, 138, 56, 0.42);
    color: #543414;
    font-size: clamp(18px, 4.55vw, 26px);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-feedback {
    background: rgba(249, 241, 213, 0.96);
    border: 2px solid rgba(153, 118, 55, 0.34);
    color: #533517;
    font-size: clamp(18px, 4.4vw, 25px);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-feedback.is-correct {
    color: #205d1a;
    background: rgba(221, 248, 212, 0.97);
    border-color: rgba(71, 139, 56, 0.42);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-feedback.is-wrong {
    color: #8a3500;
    background: rgba(255, 228, 212, 0.97);
    border-color: rgba(179, 93, 31, 0.38);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-options {
    display: grid;
    gap: 14px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-option,
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-continue {
    appearance: none;
    width: 100%;
    min-height: 88px;
    border-radius: 28px;
    border: 3px solid rgba(135, 92, 36, 0.72);
    background: linear-gradient(180deg, #fff7dc 0%, #f4de8e 100%);
    box-shadow: 0 12px 24px rgba(77, 50, 17, 0.18), inset 0 2px 0 rgba(255, 255, 255, 0.70);
    color: #42250b;
    font: 900 clamp(28px, 6.5vw, 40px)/1 system-ui, sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 18px 16px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-option.is-selected {
    outline: 4px solid rgba(64, 126, 45, 0.60);
    outline-offset: 2px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-option.is-correct {
    background: linear-gradient(180deg, #c9f7b7 0%, #7ac65a 100%);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-option.is-wrong {
    background: linear-gradient(180deg, #ffd9c8 0%, #f39d74 100%);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-actions {
    display: grid;
    gap: 12px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-hint {
    padding: 14px 18px;
    border-radius: 20px;
    background: rgba(255, 249, 231, 0.95);
    border: 2px solid rgba(166, 130, 55, 0.32);
    color: #6a491c;
    font: 800 clamp(17px, 4vw, 24px)/1.35 system-ui, sans-serif;
    text-align: center;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-continue {
    background: linear-gradient(180deg, #3f8f44 0%, #2a6b2f 100%);
    color: #fff8d5;
    border-color: rgba(35, 80, 32, 0.78);
    min-height: 82px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-progress {
    display: grid;
    gap: 10px;
    justify-items: center;
    padding-bottom: 6px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-progress > span {
    color: #69431c;
    font: 800 clamp(16px, 4vw, 22px)/1.2 system-ui, sans-serif;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-dots {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-dot {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: rgba(100, 76, 37, 0.20);
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-dot.is-active {
    background: linear-gradient(180deg, #ffe899 0%, #d39b27 100%);
  }
  .ordjagt-mode-wordquiz .ordjagt-playfield,
  .ordjagt-mode-wordquiz .ordjagt-clue-zone,
  .ordjagt-mode-wordquiz .ordjagt-category-zone,
  .ordjagt-mode-wordquiz .ordjagt-bank-zone,
  .ordjagt-mode-wordquiz .ordjagt-control-zone {
    opacity: 0;
    pointer-events: none;
  }
}
@media (min-width: 821px) {
  #ordjagt-quiz-portal {
    display: none !important;
  }
}

/* v0.3.67: approved OrdQuiz graphics + progress popup proportion fixes */
.ordjagt-mode-wordquiz .ordjagt-slot.ordjagt-slot-board {
  background: transparent;
  box-shadow: none;
  border: 0;
}
.ordjagt-mode-wordquiz .ordjagt-slot.ordjagt-slot-word,
.ordjagt-mode-wordquiz .ordjagt-slot.ordjagt-slot-category {
  border-radius: 28px;
}
.ordjagt-quiz-card {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  padding: clamp(22px, 2.8vw, 34px) clamp(24px, 3vw, 38px);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 252, 244, 0.98) 0%, rgba(248, 238, 207, 0.98) 100%);
  border: 4px solid rgba(183, 145, 72, 0.72);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.74), 0 18px 36px rgba(0,0,0,0.18);
}
.ordjagt-quiz-card::after {
  content: '';
  position: absolute;
  inset: 12px;
  border-radius: 26px;
  border: 2px solid rgba(181, 147, 88, 0.28);
  pointer-events: none;
}
.ordjagt-quiz-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: min(100%, 380px);
  min-height: 78px;
  padding: 18px 34px;
  margin: 0 auto 4px;
  background: url('../gfx/ordquiz/quiz_title_pill.png') center/100% 100% no-repeat;
  color: #fff7d8;
  text-shadow: 0 2px 4px rgba(0,0,0,0.26);
  font-size: clamp(24px, 2.4vw, 34px);
  letter-spacing: 0.08em;
}
.ordjagt-quiz-subtitle {
  font-size: clamp(17px, 1.45vw, 22px);
  color: #2d5f2f;
  font-weight: 900;
  margin-bottom: 6px;
}
.ordjagt-quiz-sentence {
  max-width: 860px;
  font-size: clamp(28px, 2.9vw, 42px);
  line-height: 1.2;
  font-weight: 900;
  color: #2b1e0a;
}
.ordjagt-quiz-options {
  gap: 20px;
  max-width: 980px;
}
.ordjagt-quiz-option {
  min-height: 106px;
  border: 0;
  border-radius: 0;
  background: url('../gfx/ordquiz/quiz_answer_button.png') center/100% 100% no-repeat;
  box-shadow: none;
  font-size: clamp(28px, 2.3vw, 36px);
  font-weight: 900;
  letter-spacing: 0.06em;
  color: #43260b;
  padding: 20px 30px;
}
.ordjagt-quiz-option:hover,
.ordjagt-quiz-option:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.03);
  box-shadow: none;
}
.ordjagt-quiz-option.is-selected {
  outline: 4px solid rgba(74, 131, 44, 0.55);
  outline-offset: 2px;
}
.ordjagt-quiz-option.is-correct {
  filter: saturate(1.05) brightness(0.98) hue-rotate(18deg);
}
.ordjagt-quiz-option.is-wrong {
  filter: saturate(1.02) hue-rotate(-22deg) brightness(0.98);
}
.ordjagt-quiz-continue {
  min-width: min(100%, 380px);
  min-height: 88px;
  border: 0;
  border-radius: 0;
  background: url('../gfx/ordquiz/green_continue_button.png') center/100% 100% no-repeat;
  color: #fff7d5;
  box-shadow: none;
}
.ordjagt-quiz-continue:hover,
.ordjagt-quiz-continue:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.05);
}
.ordjagt-quiz-feedback,
.ordjagt-quiz-controls-hint {
  border-width: 3px;
  border-color: rgba(181, 144, 83, 0.38);
  background: rgba(255,251,239,0.96);
}
@media (max-width: 900px) {
  .ordjagt-quiz-title {
    min-height: 70px;
    padding: 16px 26px;
  }
  .ordjagt-quiz-option {
    min-height: 96px;
    font-size: clamp(24px, 5.2vw, 32px);
  }
}

@media (max-width: 820px) {
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-shell {
    position: relative;
    width: min(100vw, 560px);
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: calc(env(safe-area-inset-top, 0px) + 28px) 24px calc(env(safe-area-inset-bottom, 0px) + 32px);
    align-content: start;
    gap: 18px;
    background: transparent;
    box-shadow: none;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-shell::before {
    content: '';
    position: absolute;
    inset: calc(env(safe-area-inset-top, 0px) + 4px) 6px 10px;
    background: url('../gfx/ordquiz/fantasy_quiz_frame_med_smykkesten.png') center top / contain no-repeat;
    pointer-events: none;
    z-index: 0;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-shell > * {
    position: relative;
    z-index: 1;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-kicker {
    margin-top: 8px;
    min-height: 54px;
    padding: 10px 22px;
    background: url('../gfx/ordquiz/quiz_title_pill.png') center/100% 100% no-repeat;
    color: #fff8de;
    box-shadow: none;
    font: 900 14px/1.1 system-ui, sans-serif;
    letter-spacing: 0.11em;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-panel {
    margin-top: 54px;
    padding: 26px 20px;
    border-radius: 30px;
    background: rgba(255, 252, 244, 0.94);
    border: 3px solid rgba(181, 143, 79, 0.44);
    box-shadow: 0 16px 28px rgba(73, 49, 19, 0.10);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-title {
    font: 900 clamp(28px, 7vw, 42px)/1.04 system-ui, sans-serif;
    margin-bottom: 16px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-sentence {
    font: 900 clamp(30px, 7.8vw, 44px)/1.15 system-ui, sans-serif;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-clue,
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-feedback {
    padding: 17px 18px;
    border-radius: 24px;
    background: rgba(255, 250, 238, 0.95);
    border: 2px solid rgba(182, 144, 84, 0.35);
    box-shadow: none;
    color: #533517;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-clue {
    font-size: clamp(18px, 4.7vw, 26px);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-feedback {
    font-size: clamp(19px, 4.6vw, 26px);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-feedback.is-correct {
    background: rgba(231, 248, 218, 0.96);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-feedback.is-wrong {
    background: rgba(255, 232, 220, 0.96);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-options {
    gap: 16px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-option,
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-continue {
    min-height: 96px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 18px 22px;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-option {
    background: url('../gfx/ordquiz/quiz_answer_button.png') center/100% 100% no-repeat;
    color: #44270c;
    font: 900 clamp(31px, 7vw, 44px)/1 system-ui, sans-serif;
    letter-spacing: 0.06em;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-option.is-selected {
    outline: 4px solid rgba(67, 129, 46, 0.58);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-option.is-correct {
    filter: saturate(1.05) brightness(0.98) hue-rotate(18deg);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-option.is-wrong {
    filter: saturate(1.02) hue-rotate(-22deg) brightness(0.98);
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-continue {
    background: url('../gfx/ordquiz/green_continue_button.png') center/100% 100% no-repeat;
    color: #fff7d5;
    font: 900 clamp(28px, 6vw, 40px)/1 system-ui, sans-serif;
    letter-spacing: 0.08em;
  }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-progress > span {
    font: 800 clamp(17px, 4.1vw, 22px)/1.2 system-ui, sans-serif;
  }
}

@media (max-width: 720px) {
  #ordjagt-game-root .ordjagt-progress-modal,
  #ordjagt-game-root .ordjagt-progress-modal-v43 {
    place-items: center !important;
    padding: calc(env(safe-area-inset-top, 0px) + 10px) 10px calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
  }

  #ordjagt-game-root .ordjagt-progress-shared-shell {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  #ordjagt-game-root .ordjagt-progress-shared-shell .ojl-progress-card,
  #ordjagt-game-root .ojl-progress-card,
  #ordjagt-game-root .ordjagt-progress-card {
    width: min(96vw, 560px) !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 560px !important;
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px) !important;
    aspect-ratio: 1074 / 1244 !important;
    overflow: hidden !important;
    transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  #ordjagt-game-root .ojl-progress-panel-art,
  #ordjagt-game-root .ordjagt-progress-card::before {
    object-fit: contain !important;
    background-size: contain !important;
  }

  #ordjagt-game-root .ojl-progress-safe-copy {
    left: 13% !important;
    right: 13% !important;
    top: 18% !important;
    bottom: 17% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px !important;
    gap: 8px !important;
  }

  #ordjagt-game-root .ojl-progress-stats {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  #ordjagt-game-root .ojl-progress-stats span {
    padding: 5px 6px !important;
  }

  #ordjagt-game-root .ojl-progress-icon {
    width: 34px !important;
    height: 34px !important;
  }

  #ordjagt-game-root .ojl-progress-gift {
    right: 5% !important;
    bottom: 4% !important;
    width: 24% !important;
    height: 17% !important;
  }
}

/* v0.3.68: desktop burger drawer parity + quiz template shortcuts */
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-menu-toggle {
  display: inline-flex !important;
  position: absolute !important;
  right: 1.35% !important;
  top: 3.0% !important;
  width: 4.9% !important;
  min-width: 52px !important;
  max-width: 88px !important;
  aspect-ratio: 1 !important;
  z-index: 80 !important;
  align-items: center !important;
  justify-content: center !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-menu-toggle span {
  display: block !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-side-zone.ordjagt-side-dropdown-shell {
  display: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  z-index: 150 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer[hidden] {
  display: none !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-backdrop {
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  background: rgba(7, 16, 10, 0.60) !important;
  backdrop-filter: blur(4px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-panel {
  position: absolute !important;
  right: 1.5% !important;
  top: 7.5% !important;
  width: min(31vw, 430px) !important;
  max-height: 84% !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background: rgba(252, 247, 229, 0.98) !important;
  border: 3px solid rgba(128, 84, 24, 0.30) !important;
  box-shadow: 0 28px 60px rgba(0,0,0,0.34) !important;
  transform: translateY(-10px) scale(0.98) !important;
  opacity: 0 !important;
  transition: transform .2s ease, opacity .2s ease !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer.is-open .ordjagt-mobile-drawer-panel {
  transform: translateY(0) scale(1) !important;
  opacity: 1 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 18px 20px !important;
  background: linear-gradient(180deg, rgba(98, 64, 23, .98), rgba(58, 35, 12, .98)) !important;
  color: #fff6d3 !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-head strong {
  font-size: clamp(18px, 1.3vw, 24px) !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-close {
  border: 0 !important;
  background: transparent !important;
  color: #fff6d3 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-scroll {
  overflow: auto !important;
  padding: 18px !important;
  display: grid !important;
  gap: 16px !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-tools {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-tool {
  min-height: 50px !important;
  font-size: 16px !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-side .ordjagt-side-rail {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-side .ordjagt-side-trigger.ordjagt-side-art-trigger {
  width: 100% !important;
  aspect-ratio: auto !important;
  min-height: 52px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-side .ordjagt-side-trigger-img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mobile-drawer-mascot {
  display: none !important;
}
.ordjagt-template-level-chip {
  position: relative;
}
.ordjagt-template-level-badge {
  display: inline-flex;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #2f6e34;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  vertical-align: middle;
}
.ordjagt-template-quiz-shortcut {
  scroll-margin-top: 30px;
}
.ordjagt-template-level-nav-quiz {
  margin-top: 14px;
}

/* v0.3.70: dedicated OrdQuiz template surface using registered Grafik assets */
#ordjagt-game-root .ordjagt-quiz-desktop-overlay {
  position: absolute;
  inset: 0;
  z-index: 35;
  display: none;
  overflow: hidden;
  pointer-events: none;
}
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mode-wordquiz .ordjagt-quiz-desktop-overlay,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app):not(.ordjagt-mobile-portrait-app) .ordjagt-mode-wordquiz .ordjagt-quiz-desktop-overlay {
  display: block;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ordjagt-quiz-desktop-overlay > * {
  pointer-events: auto;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ordjagt-quiz-desktop-overlay .ojq-frame {
  background-image: var(--ojq-frame-desktop, var(--ojq-frame, url('../gfx/ordquiz/quiz_frame_desktop.png')));
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 612 / 408;
  pointer-events: none;
}
#ordjagt-quiz-portal .ordjagt-quiz-mobile-shell .ojq-frame {
  background-image: var(--ojq-frame-mobile, var(--ojq-frame, url('../gfx/ordquiz/quiz_frame_mobile.png')));
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 375 / 666;
  pointer-events: none;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-title,
#ordjagt-quiz-portal .ojq-title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 12px 24px;
  background-image: var(--ojq-title, url('../gfx/ordquiz/quiz_title_pill.png'));
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff6d9;
  text-align: center;
  font: 900 clamp(18px, 2vw, 32px)/1 system-ui, sans-serif;
  letter-spacing: .08em;
  text-shadow: 0 2px 4px rgba(0,0,0,.25);
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-subtitle,
#ordjagt-quiz-portal .ojq-subtitle {
  color: #4c2b0c;
  text-align: center;
  font: 900 clamp(22px, 2.5vw, 40px)/1.08 system-ui, sans-serif;
  text-transform: uppercase;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-sentence,
#ordjagt-quiz-portal .ojq-sentence {
  color: #2d200d;
  text-align: center;
  font: 900 clamp(25px, 2.9vw, 44px)/1.16 system-ui, sans-serif;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-instruction,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-feedback,
#ordjagt-quiz-portal .ojq-instruction,
#ordjagt-quiz-portal .ojq-feedback {
  padding: 14px 18px;
  border-radius: 24px;
  border: 2px solid rgba(177, 138, 67, .42);
  background: rgba(255, 251, 238, .96);
  color: #553513;
  text-align: center;
  font: 800 clamp(16px, 1.5vw, 24px)/1.25 system-ui, sans-serif;
  box-shadow: 0 10px 22px rgba(67,43,15,.12);
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-feedback.is-correct,
#ordjagt-quiz-portal .ojq-feedback.is-correct { background: rgba(224,247,213,.97); color: #245d1d; }
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-feedback.is-wrong,
#ordjagt-quiz-portal .ojq-feedback.is-wrong { background: rgba(255,228,214,.97); color: #8b3909; }
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-answer,
#ordjagt-quiz-portal .ordjagt-quiz-mobile-option {
  min-height: 78px;
  border: 0;
  background-image: var(--ojq-answer, url('../gfx/ordquiz/quiz_answer_button.png'));
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #40250b;
  font: 900 clamp(22px, 2.1vw, 36px)/1 system-ui, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: none;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-answer.is-selected,
#ordjagt-quiz-portal .ordjagt-quiz-mobile-option.is-selected { outline: 4px solid rgba(62,127,47,.6); outline-offset: 2px; }
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-continue,
#ordjagt-quiz-portal .ojq-continue {
  min-height: 70px;
  border: 0;
  background-image: var(--ojq-continue, url('../gfx/ordquiz/green_continue_button.png'));
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff7d2;
  font: 900 clamp(18px, 1.8vw, 30px)/1 system-ui, sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
  box-shadow: none;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-continue-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .62;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-progress,
#ordjagt-quiz-portal .ojq-progress {
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(47, 101, 49, .96);
  color: #fff7dc;
  font: 900 clamp(14px, 1.2vw, 20px)/1.1 system-ui, sans-serif;
  text-align: center;
  white-space: nowrap;
}
/* On desktop the dedicated overlay replaces the old OrdJagt-positioned quiz slots. */
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mode-wordquiz > .ordjagt-playfield,
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mode-wordquiz > .ordjagt-clue-zone,
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mode-wordquiz > .ordjagt-category-zone,
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mode-wordquiz > .ordjagt-slot-word,
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mode-wordquiz > .ordjagt-bank-zone,
#ordjagt-game-root.ordjagt-blueprint-desktop .ordjagt-mode-wordquiz > .ordjagt-control-zone {
  opacity: 0 !important;
  pointer-events: none !important;
}
@media (max-width: 820px) {
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-shell { position: relative; }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-shell .ojq-frame { pointer-events:none; }
  #ordjagt-quiz-portal .ojq-subtitle { font-size: clamp(24px, 7vw, 40px); }
  #ordjagt-quiz-portal .ojq-sentence { font-size: clamp(28px, 7.4vw, 44px); }
}

/* v0.3.70 mobile template normalization: one shared coordinate space */
@media (max-width: 820px) {
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-shell::before { display:none !important; }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-panel,
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-options,
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-actions { display:contents !important; }
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-shell { overflow:hidden !important; }
}
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app):not(.ordjagt-mobile-portrait-app) .ordjagt-mode-wordquiz > .ordjagt-playfield,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app):not(.ordjagt-mobile-portrait-app) .ordjagt-mode-wordquiz > .ordjagt-clue-zone,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app):not(.ordjagt-mobile-portrait-app) .ordjagt-mode-wordquiz > .ordjagt-category-zone,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app):not(.ordjagt-mobile-portrait-app) .ordjagt-mode-wordquiz > .ordjagt-slot-word,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app):not(.ordjagt-mobile-portrait-app) .ordjagt-mode-wordquiz > .ordjagt-bank-zone,
#ordjagt-game-root:not(.ordjagt-mobile-landscape-app):not(.ordjagt-mobile-portrait-app) .ordjagt-mode-wordquiz > .ordjagt-control-zone {
  opacity:0 !important;
  pointer-events:none !important;
}

/* v0.3.73: resilient OrdQuiz text boxes + automatic text fit */
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-title,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-subtitle,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-sentence,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-instruction,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-feedback,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-answer,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-continue,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-progress,
#ordjagt-quiz-portal .ojq-title,
#ordjagt-quiz-portal .ojq-subtitle,
#ordjagt-quiz-portal .ojq-sentence,
#ordjagt-quiz-portal .ojq-instruction,
#ordjagt-quiz-portal .ojq-feedback,
#ordjagt-quiz-portal .ojq-answer,
#ordjagt-quiz-portal .ojq-continue,
#ordjagt-quiz-portal .ojq-progress {
  --ojq-font-scale: 1;
  --ojq-auto-fit: 1;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-answer,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-continue,
#ordjagt-quiz-portal .ojq-answer,
#ordjagt-quiz-portal .ojq-continue {
  line-height: 1.05 !important;
}

#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-sentence,
#ordjagt-quiz-portal .ojq-sentence,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-instruction,
#ordjagt-quiz-portal .ojq-instruction,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-feedback,
#ordjagt-quiz-portal .ojq-feedback {
  line-height: 1.16 !important;
}


/* v0.3.74: one combined info field + frame-safe quiz text */
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-info,
#ordjagt-quiz-portal .ojq-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .28em;
  padding: .55em .9em;
  border-radius: 24px;
  border: 2px solid rgba(177, 138, 67, .42);
  background: rgba(255, 251, 238, .96);
  color: #553513;
  text-align: center;
  font: 800 clamp(16px, 1.5vw, 24px)/1.18 system-ui, sans-serif;
  box-shadow: 0 10px 22px rgba(67,43,15,.12);
  box-sizing: border-box;
  overflow: hidden;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-info-primary,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-info .ojq-feedback,
#ordjagt-quiz-portal .ojq-info-primary,
#ordjagt-quiz-portal .ojq-info .ojq-feedback {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  transform: none !important;
  overflow: visible !important;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-info .ojq-feedback,
#ordjagt-quiz-portal .ojq-info .ojq-feedback {
  font-weight: 900 !important;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-info.is-correct,
#ordjagt-quiz-portal .ojq-info.is-correct {
  background: rgba(224,247,213,.97);
  color: #245d1d;
  border-color: rgba(72,142,57,.45);
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-info.is-wrong,
#ordjagt-quiz-portal .ojq-info.is-wrong {
  background: rgba(255,228,214,.97);
  color: #8b3909;
  border-color: rgba(181,92,37,.42);
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-subtitle,
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-sentence,
#ordjagt-quiz-portal .ojq-subtitle,
#ordjagt-quiz-portal .ojq-sentence {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .18em .35em !important;
  max-width: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  text-wrap: balance;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-subtitle,
#ordjagt-quiz-portal .ojq-subtitle {
  line-height: 1.02 !important;
}
@media (max-width: 820px) {
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-info.ojq-info {
    display: flex !important;
  }
}

/* v0.3.76: readable quiz spacing, compact progress and temporary retry feedback */
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-sentence,
#ordjagt-quiz-portal .ojq-sentence {
  display: block !important;
  text-align: center !important;
  white-space: pre-wrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  word-spacing: .10em !important;
  line-height: 1.22 !important;
  text-wrap: pretty !important;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-sentence .ordjagt-quiz-wrong-word,
#ordjagt-quiz-portal .ojq-sentence .ordjagt-quiz-wrong-word,
.ordjagt-quiz-sentence .ordjagt-quiz-wrong-word {
  display: inline-block !important;
  margin-inline: .08em !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-subtitle,
#ordjagt-quiz-portal .ojq-subtitle {
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important;
  line-height: 1.08 !important;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-continue-placeholder,
#ordjagt-quiz-portal .ojq-continue-placeholder {
  display: none !important;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-progress,
#ordjagt-quiz-portal .ojq-progress,
#ordjagt-quiz-portal .ordjagt-quiz-mobile-progress.ojq-progress {
  width: max-content !important;
  min-width: 3.2em !important;
  max-width: 6em !important;
  height: auto !important;
  min-height: 0 !important;
  padding: .38em .72em !important;
  border-radius: 999px !important;
  font-size: clamp(13px, 1.05vw, 18px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#ordjagt-quiz-portal .ordjagt-quiz-mobile-progress.ojq-progress > span {
  font: inherit !important;
  line-height: inherit !important;
}
#ordjagt-quiz-portal .ordjagt-quiz-mobile-dots {
  display: none !important;
}
#ordjagt-game-root .ordjagt-mode-wordquiz .ojq-feedback-toast,
#ordjagt-quiz-portal .ojq-feedback-toast {
  position: absolute !important;
  z-index: 48 !important;
  transform: translate(-50%, -50%) !important;
  width: max-content !important;
  min-width: 120px !important;
  max-width: min(68%, 420px) !important;
  padding: .58em 1.15em !important;
  border-radius: 999px !important;
  border: 2px solid rgba(135, 82, 24, .40) !important;
  background: rgba(255, 246, 220, .98) !important;
  color: #7e3107 !important;
  text-align: center !important;
  font: 900 clamp(15px, 1.45vw, 24px)/1.1 system-ui, sans-serif !important;
  box-shadow: 0 12px 28px rgba(40, 22, 4, .22) !important;
  pointer-events: none !important;
  animation: ojqRetryFeedbackFade 5s ease both !important;
}
@keyframes ojqRetryFeedbackFade {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.92); }
  8%, 72% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(.98); }
}
@media (max-width: 820px) {
  #ordjagt-game-root .ordjagt-mode-wordquiz .ojq-progress,
  #ordjagt-quiz-portal .ojq-progress,
  #ordjagt-quiz-portal .ordjagt-quiz-mobile-progress.ojq-progress {
    font-size: clamp(13px, 3.4vw, 18px) !important;
    padding: .38em .68em !important;
  }
  #ordjagt-quiz-portal .ojq-feedback-toast {
    max-width: 70% !important;
    font-size: clamp(16px, 4.2vw, 22px) !important;
  }
}