/* Ventorn Colouring 0.2.0 — all front-end selectors are namespaced vtnc-. */
.vtnc-page{
  --vtnc-ink:#1d1b18;
  --vtnc-brass:#a67a3d;
  --vtnc-brass-dark:#765126;
  --vtnc-copper:#9b6031;
  --vtnc-ivory:#f7f0e3;
  --vtnc-paper:#fffdf8;
  --vtnc-panel:#ead9bc;
  --vtnc-navy:#263f56;
  --vtnc-blue:#376f91;
  width:min(calc(100% - 24px),1440px);
  margin:26px auto 64px;
}
.vtnc-sr-only{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}
.vtnc-player{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-areas:"stage" "tools";
  grid-template-rows:minmax(0,1fr) auto;
  height:clamp(520px,78dvh,850px);
  min-height:0;
  overflow:hidden;
  border:2px solid var(--vtnc-brass-dark);
  border-radius:14px;
  background:#ded6ca;
  box-shadow:0 12px 34px rgba(28,23,17,.14), inset 0 0 0 3px #d8b982;
}
.vtnc-frame{position:absolute;inset:0;pointer-events:none;z-index:8}
.vtnc-corner{position:absolute;width:22px;height:22px;border-color:#d0a965;border-style:solid;opacity:.82}
.vtnc-corner--tl{left:6px;top:6px;border-width:2px 0 0 2px}.vtnc-corner--tr{right:6px;top:6px;border-width:2px 2px 0 0}.vtnc-corner--bl{left:6px;bottom:6px;border-width:0 0 2px 2px}.vtnc-corner--br{right:6px;bottom:6px;border-width:0 2px 2px 0}
.vtnc-gear{position:absolute;color:#7f5a2d;text-shadow:0 1px #f3d9a7;opacity:.72;font-size:24px;width:24px;height:24px;line-height:24px}
.vtnc-gear--a{left:11px;top:11px;animation:vtnc-spin 18s linear infinite}.vtnc-gear--b{right:11px;bottom:11px;animation:vtnc-spin-reverse 22s linear infinite}
@keyframes vtnc-spin{to{transform:rotate(360deg)}}@keyframes vtnc-spin-reverse{to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.vtnc-gear{animation:none!important}}
.vtnc-stage{grid-area:stage;position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;background:linear-gradient(135deg,#ded7cb,#d2c9bc)}
.vtnc-canvas{display:block;max-width:none!important;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.12);border:1px solid rgba(86,66,43,.25);touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:crosshair}
.vtnc-status{position:absolute;left:14px;bottom:12px;z-index:4;padding:5px 8px;border:1px solid rgba(91,72,49,.2);border-radius:999px;background:rgba(255,253,248,.87);backdrop-filter:blur(3px);color:#675e53;font:600 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;transition:opacity .3s ease}
.vtnc-status.is-quiet{opacity:.18}
.vtnc-watermark{position:absolute;right:14px;bottom:12px;z-index:3;color:rgba(42,35,28,.16);font:800 11px/1 Georgia,serif;letter-spacing:.12em;pointer-events:none}
.vtnc-tools{grid-area:tools;position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:9px 12px;background:linear-gradient(180deg,#f1e4cf 0%,#e8d2af 100%);border-top:1px solid #b99866;box-shadow:inset 0 1px #fff7}
.vtnc-palette{display:grid;grid-template-columns:repeat(18,minmax(18px,1fr));gap:6px;align-items:center;min-width:0}
.vtnc-swatch{appearance:none!important;-webkit-appearance:none!important;width:100%;max-width:29px;aspect-ratio:1;border-radius:50%!important;border:1.5px solid rgba(28,25,21,.28)!important;padding:0!important;margin:0!important;min-width:18px!important;min-height:18px!important;background:var(--vtnc-swatch)!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.42),0 1px 2px rgba(0,0,0,.08);cursor:pointer;transition:transform .12s ease,outline-color .12s ease}
.vtnc-swatch:hover{transform:translateY(-1px)}.vtnc-swatch.is-selected{outline:2px solid #191714!important;outline-offset:2px;transform:translateY(-2px)}
.vtnc-actions{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:6px}
.vtnc-btn{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:35px!important;margin:0!important;padding:5px 8px!important;border:1px solid #a98658!important;border-radius:7px!important;background:#fbf4e8!important;color:#29241f!important;box-shadow:inset 0 1px #fff,0 1px 2px #0001!important;font:700 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer!important;white-space:nowrap}
.vtnc-btn:hover{background:#fffaf2!important}.vtnc-btn:disabled{opacity:.4!important;cursor:not-allowed!important}.vtnc-btn--primary{background:var(--vtnc-navy)!important;border-color:#193448!important;color:#fff!important}.vtnc-btn--primary:hover{background:var(--vtnc-blue)!important}
.vtnc-btn .dashicons{font-size:17px;width:17px;height:17px;line-height:17px}
.vtnc-nav{display:flex;gap:5px;align-items:center}.vtnc-nav__btn{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid #9f7c4e;background:#f9edd9;color:#3b3025!important;text-decoration:none!important;font:800 26px/1 Georgia,serif;box-shadow:inset 0 1px #fff,0 1px 2px #0001}.vtnc-nav__btn:hover{background:#fff7e9;text-decoration:none!important}.vtnc-nav__btn.is-disabled{opacity:.3}

/* Portrait art gets a compact side instrument panel automatically. */
.vtnc-player.vtnc--portrait{grid-template-areas:"stage tools";grid-template-columns:minmax(0,1fr) clamp(190px,20vw,236px);grid-template-rows:1fr}
.vtnc-player.vtnc--portrait .vtnc-tools{grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:center;border-top:0;border-left:1px solid #b99866;padding:14px 10px;gap:12px}
.vtnc-player.vtnc--portrait .vtnc-palette{grid-template-columns:repeat(6,1fr);gap:8px}.vtnc-player.vtnc--portrait .vtnc-swatch{max-width:27px;justify-self:center}.vtnc-player.vtnc--portrait .vtnc-actions{grid-template-columns:1fr 1fr}.vtnc-player.vtnc--portrait .vtnc-nav{justify-content:center}

.vtnc-copy{max-width:820px;margin:34px auto 0;padding:0 6px;color:#2c2925}.vtnc-copy__kicker{color:var(--vtnc-copper);font:800 11px/1 system-ui,sans-serif;letter-spacing:.13em}.vtnc-copy h2{margin:8px 0 10px;font:900 clamp(32px,5vw,54px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.vtnc-copy__deck{margin:0 0 16px;color:#595149;font-size:18px}.vtnc-copy__body{font-size:17px;line-height:1.65}

/* Fullscreen is the cleanest child-facing mode: the site chrome disappears. */
.vtnc-player:fullscreen,.vtnc-player:-webkit-full-screen{width:100vw!important;height:100vh!important;max-height:none!important;border-radius:0!important;border-width:0!important}
.vtnc-player:fullscreen .vtnc-stage,.vtnc-player:-webkit-full-screen .vtnc-stage{padding:8px}

@media(max-width:1040px){
  .vtnc-player{height:clamp(500px,76dvh,760px)}
  .vtnc-tools{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"palette nav" "actions actions";gap:7px 10px;padding:8px 10px}
  .vtnc-palette{grid-area:palette;grid-template-columns:repeat(18,minmax(16px,1fr));gap:5px}.vtnc-actions{grid-area:actions;grid-template-columns:repeat(6,minmax(0,1fr))}.vtnc-nav{grid-area:nav}
}
@media(max-width:760px){
  .vtnc-page{width:min(calc(100% - 12px),1440px);margin:12px auto 42px}
  .vtnc-player,.vtnc-player.vtnc--portrait{grid-template-areas:"stage" "tools";grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;height:72dvh;min-height:440px;border-radius:9px}
  .vtnc-player.vtnc--portrait .vtnc-tools,.vtnc-tools{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"palette nav" "actions actions";border-left:0;border-top:1px solid #b99866;padding:7px;gap:7px}
  .vtnc-player.vtnc--portrait .vtnc-palette,.vtnc-palette{grid-area:palette;grid-template-columns:repeat(12,minmax(15px,1fr));gap:5px}.vtnc-swatch,.vtnc-player.vtnc--portrait .vtnc-swatch{max-width:24px;min-width:15px!important;min-height:15px!important}
  .vtnc-actions,.vtnc-player.vtnc--portrait .vtnc-actions{grid-area:actions;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.vtnc-btn{min-height:32px!important;padding:4px!important}.vtnc-btn span:not(.dashicons){display:none}.vtnc-btn .dashicons{font-size:18px;width:18px;height:18px}
  .vtnc-nav{grid-area:nav}.vtnc-nav__btn{width:32px;height:32px;font-size:23px}.vtnc-stage{padding:5px}.vtnc-status{left:8px;bottom:7px}.vtnc-watermark{right:8px;bottom:7px}
}
@media(max-width:440px){
  .vtnc-player,.vtnc-player.vtnc--portrait{height:70dvh;min-height:410px}
  .vtnc-player.vtnc--portrait .vtnc-palette,.vtnc-palette{grid-template-columns:repeat(9,minmax(14px,1fr));gap:4px}.vtnc-swatch,.vtnc-player.vtnc--portrait .vtnc-swatch{max-width:22px}.vtnc-tools{padding:6px}
}