html,body{overscroll-behavior:none}
#c{width:100%;height:100%;height:100dvh;touch-action:none}
.v12-entry{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;background:radial-gradient(ellipse at 85% 14%,#f9d99a 0,transparent 53%),radial-gradient(ellipse at 5% 90%,#efacc8 0,transparent 55%),#eddff1;color:#452d50;padding:22px}
.v12-entry>article{width:min(400px,100%);padding:34px 29px 25px;border:1px solid #fff1e6;border-radius:26px;background:#fff9f0;box-shadow:0 20px 60px #6743612c;text-align:center}
.v12-entry-mark{display:flex;justify-content:center;gap:9px;color:#905573;font:800 12px Nunito,system-ui;letter-spacing:.19em;margin:0 0 15px}
.v12-entry-mark span{color:#b47c34}.v12-entry h1{font:600 clamp(36px,9vw,51px)/.97 Fredoka,system-ui;letter-spacing:-.045em;color:#4a2d58;margin:0 0 16px}
#v12-entry-note{margin:0 0 20px;color:#654c61;font:700 15px/1.36 Nunito,system-ui}
#v12-start{display:block;width:100%;min-height:54px;border-radius:15px;background:#ad3e78;color:#fff9ee;border:0;font:600 19px Fredoka,system-ui;box-shadow:0 4px 0 #802e5c;cursor:pointer}
#v12-alternate{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:13px;color:#73547a;font:700 13px Nunito,system-ui;text-decoration:underline;text-underline-offset:4px}
.v12-entry :is(a,button):focus-visible{outline:3px solid #8a4b7d;outline-offset:4px}
.v12-paper :is(#chips,.friend-lines){visibility:hidden}
.v12-paper #btnCam{display:none}
.v13-quick-controls{position:absolute;left:50%;bottom:128px;transform:translateX(-50%);display:flex;gap:7px;pointer-events:auto}
.v13-quick-controls button{width:45px;height:45px;padding:0;border:1px solid #ffffffc5;border-radius:15px;background:#fff9e9e6;color:#4f375e;font:800 23px Nunito,system-ui;box-shadow:0 3px 9px #38233f29;touch-action:manipulation}
.v13-quick-controls button[aria-pressed="true"]{background:#ffda7e;color:#563766;border-color:#ffffff}
.v13-quick-controls button:focus-visible{outline:3px solid #8053a0;outline-offset:2px}
.v12-paper .v13-quick-controls [data-control="focus"]{display:none}
@media(max-height:430px) and (orientation:landscape){.v13-quick-controls{bottom:13px}}
.v12-restore{position:fixed;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,90vw);padding:20px;background:#fff9ed;color:#553861;border:2px solid #fff;border-radius:21px;text-align:center;box-shadow:0 18px 45px #39234c77}
.v12-restore p{margin:0 0 13px}.v12-restore button{font-size:15px}
.v12-restore a{display:flex;margin:7px 0 0;text-decoration:none;font-size:14px}
.v12-ticket{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;padding:12px;background:#fcf5e7;border:1px solid #dbc9a6;border-radius:20px}
.v12-ticket img{width:100%;display:block;object-fit:cover;aspect-ratio:16/9;border-radius:12px}
.v12-ticket p{color:#584157;font-size:16px;line-height:1.35;margin:0 0 11px}
.v12-ticket .v12-best{font-size:13px;color:#776048}.v12-ticket-actions{display:flex;flex-wrap:wrap;gap:7px}
.v12-ticket .btn{min-height:48px;font-size:14px;padding:9px 15px;white-space:normal;text-align:center}
#title .cards,#cards2{padding:8px 5px;max-height:28dvh;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a77da5 #fdf3fa60}
#title .card[aria-pressed="true"],#cards2 .card[aria-pressed="true"]{transform:none;box-shadow:inset 0 0 0 3px var(--c),0 3px 9px #48234422}
#title .card,#cards2 .card{min-width:0;min-height:57px}
.v12-touch .glass,.v12-touch .school-nav>button{backdrop-filter:none;-webkit-backdrop-filter:none}
.v12-touch #hud>#joy{pointer-events:auto;touch-action:none;bottom:max(21px,calc(env(safe-area-inset-bottom) + 8px));left:max(18px,calc(env(safe-area-inset-left) + 7px));width:101px;height:101px;background:#fffaf069;border-color:#fffdf5b8}
.v12-touch #hud>#joy.idle{opacity:.78}
.v12-touch #hud>#joyHint{bottom:max(127px,calc(env(safe-area-inset-bottom) + 109px));left:max(18px,calc(env(safe-area-inset-left) + 7px));max-width:102px;font-size:11px}
.v12-touch #btnJump{touch-action:none}
.v12-touch #school-ui .school-nav{overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}
.v12-touch #school-ui .school-nav::-webkit-scrollbar{display:none}
.v12-touch #school-ui .school-nav>button{min-height:44px;flex-shrink:0}
.v12-touch #toast{left:50%;right:auto;top:150px;bottom:auto;width:max-content;max-width:calc(100vw - 25px);padding:8px 13px;border-radius:15px;font-size:14px;line-height:1.24;pointer-events:none}
@media(orientation:landscape){.v12-touch #toast{top:71px;max-width:min(75vw,500px)}}
@media(max-width:575px){
  .v12-ticket{grid-template-columns:1fr}.v12-ticket img{max-height:145px}
  #title .cards{grid-template-columns:repeat(4,minmax(0,1fr));max-height:25dvh;gap:6px}
  #title .card{padding:4px 3px;min-height:55px}.v12-touch #school-ui .school-nav{max-width:calc(100vw - 14px);justify-content:flex-start;padding:2px 1px 5px}
  .v12-touch #school-ui .school-nav>button{font-size:12px;padding-inline:9px}
  .v12-touch #school-ui .school-nav>button span{font-size:17px}
}
@media(max-height:430px) and (orientation:landscape){
  .v12-touch #hud>#joy{width:80px;height:80px;bottom:max(10px,env(safe-area-inset-bottom))}
  .v12-touch #hud>#joyHint{bottom:93px}
  #title .cards{max-height:24dvh}
}

.licornia-v13 {
  --v13-ink: #2b413c;
  --v13-paper: #fcf4e1;
  --v13-edge: #d9c7a6;
  --v13-green: #496e5f;
  --v13-gold: #f4ca7c;
}

.licornia-v13 #school-ui .school-nav {
  display: flex;
  justify-content: center;
  gap: 8px;
  width: max-content;
  max-width: calc(100vw - 18px);
  overflow: visible;
  padding: 0;
}

.licornia-v13 #school-ui .school-nav[hidden] { display: none; }
.licornia-v13 #school-ui .school-nav button { min-height: 47px; padding-inline: 15px; border-radius: 18px; color: var(--v13-ink); }
.licornia-v13 #school-ui .school-nav :is([data-place],[data-open="art"],[data-open="journal"],[data-open="settings"],[data-open="voyage"]) { display: none; }
.licornia-v13 #school-ui .school-nav [data-v13-book] { background: #f5e5b6; border-color: #fff7d7; }
.licornia-v13 .hud-side { gap: 8px; }
.licornia-v13 .hud-side :is(#btnWorld, #btnEmote, #btnWard) { display: none; }
.licornia-v13 #whoType { display: none; }
.licornia-v13 .v13-quick-controls [data-control="map"] { display: none; }
.licornia-v13 .v13-quick-controls {
  left: auto;
  right: max(16px, calc(env(safe-area-inset-right) + 11px));
  bottom: max(116px, calc(env(safe-area-inset-bottom) + 108px));
  transform: none;
  flex-direction: row;
  gap: 9px;
}

.licornia-v13 .v13-quick-controls button, .licornia-v13 #btnCam {
  color: var(--v13-ink);
  background: #fcf4e5ee;
  border-color: #fffbec;
}

.licornia-v13 #btnCam.v10-view { width: 45px; height: 45px; padding: 2px 0; font-size: 17px; gap: 0; box-shadow: 0 3px 9px #38233f29; }
.licornia-v13 #btnCam.v10-view small { font-size: 9px; }
.licornia-v13 #hud .hud-br { right: max(16px, calc(env(safe-area-inset-right) + 11px)); gap: 11px; }
.licornia-v13 #btnAction {
  min-width: 84px;
  min-height: 62px;
  max-width: 44vw;
  padding: 9px 14px;
  gap: 6px;
  flex-direction: row;
  font-size: clamp(14px, 2.9vmin, 18px);
  border: 1px solid #fef3d5;
  background: #f7d08b;
  color: #382e25;
  box-shadow: 0 4px 0 #8d624e, 0 9px 25px #26372e3d;
}
.licornia-v13 #actIc { font-size: 21px; }
.licornia-v13 .flower-pocket { display: none; }
.licornia-v13.v13-sheet-open #toast { visibility: hidden; }

.licornia-v13 #btnJump {
  width: 79px;
  height: 79px;
  background: #fff8e4eb;
  color: var(--v13-ink);
  border-color: #fff9e6;
}

.licornia-v13 #btnJump span { font-size: 1.85rem; }
.licornia-v13 #btnJump b { color: var(--v13-ink); }
.licornia-v13.v13-swimming #btnJump { visibility: hidden; }
.licornia-v13 #chips .chip { text-shadow: 0 1px 4px #233b30; }
.licornia-v13 .v13-compass {
  position: absolute;
  pointer-events: auto;
  right: max(17px, calc(env(safe-area-inset-right) + 11px));
  bottom: max(173px, calc(env(safe-area-inset-bottom) + 165px));
  width: clamp(60px, 10vmin, 91px);
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 0;
  border: 2px solid #fef0c9;
  background: #39564b;
  box-shadow: 0 3px 16px #243c3566;
  touch-action: manipulation;
}

.v13-compass svg { display: block; width: 100%; height: 100%; }
.v13-guide {
  position: absolute;
  left: 50%;
  top: max(72px, calc(env(safe-area-inset-top) + 68px));
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 9px;
  max-width: calc(100vw - 36px);
  padding: 7px 13px;
  border: 1px solid #fff0c3;
  border-radius: 20px;
  background: #fcf4e5ec;
  color: #31453d;
  font: 800 14px Nunito, system-ui;
  white-space: nowrap;
  box-shadow: 0 3px 13px #253a322e;
}

.v13-guide span { color: #73512b; font-size: 20px; line-height: 1; }
.v13-guide small { color: #526753; }
.v13-guide[hidden] { display: none; }
.v13-map-layout { display: grid; grid-template-columns: minmax(0, 1.26fr) minmax(0, 1fr); gap: 17px; align-items: start; }
.v13-map-picture { min-width: 0; }
.v13-atlas { display: block; width: 100%; max-height: 43dvh; border-radius: 18px; }
.v13-map-roads { fill: none; stroke: #ac895f; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3.6; }
.v13-map-pins circle { fill: #fff2d7; stroke: #706955; stroke-width: 2; }
.v13-map-pins .selected circle { fill: #ffcd77; stroke-width: 3; }
.v13-map-pins .visited circle { fill: #edcd8d; }
.v13-map-pins text { font-size: 13px; text-anchor: middle; }
.v13-map-picture p { margin: 9px 0; color: var(--v13-ink); font: 750 14px/1.36 Nunito, system-ui; }
.v13-map-picture p b { display: block; color: #34574a; font: 570 19px Fredoka, system-ui; }
.v13-map-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.v13-map-actions .btn { min-height: 48px; padding: 8px 12px; white-space: normal; }
.v13-map-places { display: grid; gap: 6px; }
.v13-map-places button, .v13-choice-grid button {
  color: var(--v13-ink);
  border: 1px solid var(--v13-edge);
  background: #fff9ee;
  font: 700 15px/1.15 Nunito, system-ui;
  border-radius: 15px;
  text-align: left;
  cursor: pointer;
  min-height: 48px;
}

.v13-map-places button { display: flex; align-items: center; gap: 9px; padding: 7px 10px; }
.v13-map-places i { font-style: normal; margin-left: auto; color: #987045; }
.v13-map-places span, .v13-choice-grid span { font-size: 23px; }
.v13-map-places button[aria-pressed="true"], .v13-choice-grid button[aria-pressed="true"] { background: #f7dfae; border-color: #ab8e64; }
.v13-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.v13-choice-grid button { display: grid; gap: 6px; padding: 14px; min-width: 0; min-height: 82px; }
.v13-choice-grid strong { font: 560 19px/1.15 Fredoka, system-ui; }
.v13-choice-grid small { color: #4a6259; font-size: 13px; }
.v13-shortcuts { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 16px; }
.v13-shortcuts button { min-height: 67px; padding: 10px; justify-items: center; text-align: center; }
.v13-shortcuts strong { font-size: 15px; }
.v13-play-together { min-height: 54px; margin: 8px 0; }
.v13-play-together span { margin-right: 6px; }
.licornia-v13 .school-sheet { background: #fff7e7; }
.licornia-v13 .school-sheet header { border-bottom-color: #decbaa; }
.licornia-v13 .school-sheet :is(h2, h3) { color: #304e44; }
.licornia-v13 :is(.v13-compass,.v13-choice-grid button,.v13-map-places button):focus-visible { outline: 3px solid #407063; outline-offset: 3px; }
.licornia-v13 .school-close { min-width: 45px; min-height: 45px; }

@media (max-width: 600px) {
  .licornia-v13 #school-ui .school-nav { top: max(64px, calc(env(safe-area-inset-top) + 58px)); }
  .licornia-v13 #school-ui .school-nav button { min-height: 44px; padding: 7px 11px; }
  .v13-guide { top: max(116px, calc(env(safe-area-inset-top) + 110px)); }
  .v13-map-layout { gap: 12px; }
  .v13-map-places button { font-size: 12px; padding: 6px; gap: 5px; }
  .v13-map-places span { font-size: 18px; }
  .v13-map-actions .btn { font-size: 12px; }
  .v13-shortcuts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .licornia-v13 .v13-compass { right: 16px; }
}

@media (max-height: 445px) and (orientation: landscape) {
  .licornia-v13 .v13-compass { bottom: 142px; width: 58px; }
  .licornia-v13 .v13-quick-controls { bottom: 88px; }
  .licornia-v13 #hud .hud-br { bottom: max(12px, env(safe-area-inset-bottom)); }
  .licornia-v13 #btnJump { width: 66px; height: 66px; }
  .licornia-v13 #btnJump span { font-size: 1.4rem; }
  .licornia-v13 #btnJump b { font-size: 13px; }
  .v13-guide { top: 60px; }
  .v13-map-picture { display: flex; flex-direction: column; gap: 8px; }
  .v13-map-picture p { margin: 0; }
  .v13-map-actions { order: -1; }
  .v13-atlas { max-height: clamp(108px, 33dvh, 158px); }
  .v13-map-places { max-height: 49dvh; overflow-y: auto; overscroll-behavior: contain; padding-right: 3px; }
}

.school-overlay.v13-cp-overlay {
  background: #29294385;
  padding: max(12px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
}
.v13-cp-overlay .school-sheet {
  width: min(790px, 100%);
  max-height: calc(100dvh - max(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
  background: #fff9ed;
  color: #42384e;
}
.v13-cp-overlay .school-sheet > header {
  padding: 12px clamp(16px, 3vw, 27px);
}
.v13-cp-overlay .school-content {
  padding: 14px clamp(12px, 2.8vw, 23px) 19px;
}
.v13-cp-overlay .sheet-eyebrow {
  color: #80596f;
}
.v13-cp {
  --ink: #443654;
  --warm-line: #e5d6c9;
  --cream: #fffbf3;
  --paper: #f1e5db;
  --accent: #673b68;
  color: var(--ink);
  line-height: 1.35;
}
.v13-cp-honey { --paper: #f8e9bf; --accent: #71521c; }
.v13-cp-berry { --paper: #f4dfeb; --accent: #75455f; }
.v13-cp-peach { --paper: #f9e5d6; --accent: #8b4c33; }
.v13-cp-plum { --paper: #eae1f2; --accent: #5c426f; }
.v13-cp-indigo { --paper: #e4e5f6; --accent: #49477e; }
.v13-cp-sea { --paper: #e0eef1; --accent: #2b6067; }
.v13-cp-fern { --paper: #e5edda; --accent: #42623e; }
.v13-cp h3, .v13-cp h4, .v13-cp p { margin: 0; }
.v13-cp button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}
.v13-cp button:disabled { cursor: default; }
.v13-cp-cover {
  position: relative;
  display: grid;
  grid-template-columns: minmax(90px, 140px) minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  padding: 10px 18px 10px 7px;
  border-radius: 19px;
  color: #fff7e7;
  background:
    radial-gradient(ellipse at 3% 96%, #8d5368 0, transparent 65%),
    #583c58;
}
.v13-cp-fox {
  display: block;
  width: 100%;
}
.v13-cp .v13-cp-tag {
  margin: 0 0 3px;
  color: #f9d59b;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .085em;
  text-transform: uppercase;
}
.v13-cp-cover h3 {
  font: 500 clamp(1.32rem, 5.3vw, 2rem)/1.05 Fredoka, system-ui, sans-serif;
}
.v13-cp-cover p:not(.v13-cp-tag) {
  margin-top: 4px;
  color: #f4e6e2;
  font-size: .88rem;
}
.school-content .v13-cp-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: .35rem;
  min-height: 46px;
  padding: 8px 13px;
  color: var(--ink);
  background: #fffdf7;
  border: 1px solid var(--warm-line);
  border-radius: 14px;
  font: 800 .88rem/1.2 Nunito, system-ui, sans-serif;
}
.school-content .v13-cp-cover-voice {
  margin-top: 8px;
  background: #ffe1a9;
  color: #4d3555;
  border-color: transparent;
}
.v13-cp-chapters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.school-content .v13-cp-chapter {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  justify-items: start;
  gap: 3px 11px;
  min-height: 84px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid #e5d6c9;
  border: 1px solid color-mix(in srgb, var(--accent) 18%, #fff);
  color: var(--accent);
  background: var(--paper);
  text-align: left;
}
.v13-cp-chapter-icon {
  display: grid;
  grid-row: span 2;
  align-self: center;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: #fffaf3bb;
  font-size: 1.66rem;
}
.v13-cp-chapter-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.v13-cp-chapter-copy strong {
  font: 500 clamp(.96rem, 2.6vw, 1.22rem)/1.13 Fredoka, system-ui, sans-serif;
}
.v13-cp-chapter-copy small {
  font-size: .74rem;
  line-height: 1.25;
}
.v13-cp-marks {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.v13-cp-marks i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 1px solid currentColor;
  opacity: .55;
}
.v13-cp-marks i.found {
  background: currentColor;
  opacity: 1;
}
.v13-cp-marks i.current {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}
.v13-cp-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
}
.v13-cp-tools b {
  font-size: .72rem;
  background: #efe4d9;
  padding: 4px 6px;
  border-radius: 8px;
}
.v13-cp-task {
  display: grid;
  gap: 10px;
}
.v13-cp-task-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 1px;
}
.v13-cp-task-progress {
  display: grid;
  justify-items: end;
  gap: 7px;
  padding: 0 3px;
  color: var(--accent);
  font-size: .81rem;
  font-weight: 800;
}
.v13-cp-task h3 {
  color: var(--accent);
  font: 500 clamp(1.42rem, 4.7vw, 2.05rem)/1.05 Fredoka, system-ui, sans-serif;
}
.v13-cp-question {
  max-width: 46ch;
  font-size: clamp(.92rem, 3.4vw, 1.12rem);
  font-weight: 800;
}
.v13-cp-task-audio {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.school-content .v13-cp-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: #fffdf7;
}
.v13-cp-illustration {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(3px, 1.6vw, 14px);
  min-height: 72px;
  padding: 7px 9px;
  border: 1px solid #e8dfd5;
  border-radius: 15px;
  background: var(--paper);
  font-size: clamp(1.34rem, 4.9vw, 2.4rem);
}
.v13-cp-many { min-height: 64px; }
.v13-cp-sequence {
  display: flex;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.v13-cp-sequence li {
  display: grid;
  place-items: center;
  width: clamp(52px, 19vw, 82px);
  height: 45px;
  border-radius: 13px;
  border: 1px dashed #ad97ab;
  background: #fffcf4;
  color: #755974;
  font-size: 1.18rem;
  font-weight: 800;
}
.v13-cp-sequence li.filled {
  border-style: solid;
  border-color: #7caa78;
  background: #e5f2df;
}
.v13-cp-picks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(5px, 1.5vw, 13px);
}
.school-content .v13-cp-pick {
  display: grid;
  grid-template-rows: 1fr auto;
  place-items: center;
  min-height: 96px;
  padding: 8px 5px;
  border: 1px solid #e5d6c9;
  border-bottom: 3px solid #ddc9be;
  border-radius: 15px;
  background: #fffef8;
  color: var(--ink);
  text-align: center;
}
.v13-cp-pick.is-right {
  border-color: #81a97c;
  background: #e6f4df;
  color: #3d6640;
}
.v13-cp-pick.try-again {
  border-style: dashed;
  background: #f3eae4;
  opacity: .72;
}
.v13-cp-answer-icon {
  font-size: clamp(1.38rem, 4vw, 2.6rem);
  font-weight: 900;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.v13-cp-answer-label {
  font-size: .73rem;
  line-height: 1.15;
}
.v13-cp-plan {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 128px;
  padding: 15px 9px;
  border-radius: 16px;
  background: #edf1d9;
  border: 1px solid #dfdfbd;
}
.v13-cp-plan svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.school-content .v13-cp-plan .v13-cp-pick {
  align-self: center;
  background: #fffbecf0;
  border-color: #d6cbaa;
}
.school-content .v13-cp-plan .v13-cp-pick.is-right { background: #e5f2df; }
.v13-cp-response {
  padding: 10px 12px;
  border-radius: 13px;
  background: #f6eedc;
  border: 1px solid #e5d7b8;
  color: #634f3d;
  font-size: .9rem;
  font-weight: 800;
}
.v13-cp-response[data-mood="win"] {
  color: #38573c;
  border-color: #b1c8a9;
  background: #e7f1de;
}
.v13-cp-task-foot {
  justify-content: flex-end;
  margin-top: 0;
}
.v13-cp-album-group {
  margin-top: 14px;
}
.v13-cp-album-heading {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
}
.v13-cp-album-group h3 {
  font: 500 1.17rem Fredoka, system-ui, sans-serif;
  color: var(--accent);
}
.v13-cp-note {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 6px;
  padding: 8px 9px 8px 13px;
  border-radius: 12px;
  background: var(--paper);
}
.v13-cp-note h4 { color: var(--accent); }
.v13-cp-note p { font-size: .86rem; }
.v13-cp-empty { padding: 16px 0; }
@media (hover: hover) and (pointer: fine) {
  .v13-cp button:not(:disabled):hover { filter: brightness(.97); }
}
@media (max-width: 540px) {
  .v13-cp-cover { gap: 5px; padding-right: 9px; grid-template-columns: minmax(72px, 100px) minmax(0, 1fr); }
  .v13-cp-chapters { gap: 7px; }
  .school-content .v13-cp-chapter { gap: 4px 6px; padding: 7px; }
  .v13-cp-chapter-icon { width: 32px; height: 37px; font-size: 1.25rem; }
  .v13-cp-chapter-copy small { font-size: .67rem; }
}
@media (max-height: 500px) and (orientation: landscape) {
  .v13-cp-overlay .school-sheet > header { padding-block: 5px; }
  .v13-cp-overlay .school-sheet h2 { font-size: 1.36rem; }
  .v13-cp-overlay .school-content { padding-block: 8px; }
  .v13-cp-cover { grid-template-columns: 72px minmax(0, 1fr); }
  .v13-cp-chapters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .v13-cp-task {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    grid-auto-rows: min-content;
    column-gap: 14px;
    row-gap: 6px;
    align-items: start;
  }
  .v13-cp-task-top { grid-area: 1 / 1 / 2 / -1; }
  .v13-cp-task h3 { grid-area: 2 / 1; font-size: 1.38rem; }
  .v13-cp-question { grid-area: 3 / 1; font-size: .9rem; }
  .v13-cp-task-audio { grid-area: 4 / 1; }
  .v13-cp-illustration { grid-area: 2 / 2 / 4 / 3; min-height: 44px; padding-block: 3px; font-size: 1.7rem; }
  .v13-cp-task[data-cp-type="order"] .v13-cp-illustration { grid-area: 2 / 2; }
  .v13-cp-sequence { grid-area: 3 / 2; }
  .v13-cp-sequence li { height: 31px; }
  .v13-cp-picks { grid-area: 4 / 2; }
  .v13-cp-plan { grid-area: 2 / 2 / 5 / 3; }
  .v13-cp-response { grid-area: 5 / 1; font-size: .83rem; padding: 7px 9px; }
  .v13-cp-task-foot { grid-area: 5 / 2; }
  .school-content .v13-cp-pick { min-height: 65px; }
  .v13-cp-answer-icon { font-size: 1.55rem; }
}