@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Patrick+Hand&display=swap');:root{font-family:'Patrick Hand','Comic Sans MS',cursive;color:#252016;background:#6a5945}*{box-sizing:border-box}body{margin:0;background:repeating-linear-gradient(30deg,#79644d 0 26px,#806d55 27px 54px);font-size:20px}.paper{max-width:1250px;min-height:100vh;margin:auto;padding:30px clamp(16px,5vw,65px);background:radial-gradient(circle at 12% 18%,#f6e8bd 0,transparent 33%),radial-gradient(circle at 90% 80%,#b5a07b 0,transparent 44%),repeating-linear-gradient(0deg,transparent 0 30px,#654e3120 31px 32px),#d9c59c;box-shadow:0 0 0 8px #ab9066,0 0 40px #21190f;position:relative}.paper:before{content:"";position:absolute;inset:12px;border:2px dashed #6e533b65;pointer-events:none}header,main,footer{position:relative}header{text-align:center}.eyebrow,.subtitle,.marquee{letter-spacing:3px;font-weight:bold}.eyebrow{font-size:15px}h1,h2,h3,button,nav{font-family:'Permanent Marker','Impact',cursive}h1{font-size:clamp(45px,8vw,110px);line-height:.95;transform:rotate(-2deg);margin:26px 0 16px;text-shadow:4px 5px #b78e59}h1 span{color:#9c2f22}.subtitle{font-size:17px}.subtitle b{background:#b12c20;color:#fff;padding:4px 12px;transform:rotate(4deg);display:inline-block}nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:35px 0 20px}button,.links a{cursor:pointer;background:#28241f;color:#fff3d8;border:0;padding:12px 18px;font-size:15px;text-decoration:none;display:inline-block;transform:rotate(-1deg);box-shadow:3px 4px 0 #806e52}button:hover,.links a:hover,nav .active{background:#a33325;color:white}button:disabled{opacity:.55;cursor:not-allowed}.marquee{border-block:4px solid #27221b;padding:11px 0;text-align:center;font-size:14px;transform:rotate(.3deg)}main{min-height:450px;padding:28px 0 50px}h2{font-size:clamp(28px,4vw,43px);margin:0 0 15px}h2 small{font-family:'Patrick Hand';font-size:17px}.split{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.filters{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}input,textarea,select{font:inherit;color:#292118;background:#fff6de;border:2px solid #6b5338;padding:10px;max-width:100%}.filters input{flex:1;min-width:190px}.postgrid,.videoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.note,.post{background:#f5e6bc;padding:22px;border:1px solid #bba278;box-shadow:5px 7px 0 #6c543a55;overflow-wrap:anywhere}.post:nth-child(3n+1){transform:rotate(-1deg);background:#f2d9a5}.post:nth-child(3n+2){transform:rotate(1deg);background:#e7dbbd}.post h3{margin:4px 0;font-size:23px}.post p{white-space:pre-wrap}.meta{font-size:15px;opacity:.75}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{font-size:12px;padding:7px}.reply{border-top:1px dashed #826c4b;margin-top:12px;padding-top:8px}.video{background:#ead9b4;padding:12px;box-shadow:5px 6px #70594066}.video img{width:100%;aspect-ratio:16/9;object-fit:cover}.video h3{font-size:18px}.links{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}footer{border-top:4px solid #252016;padding:20px 0;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}footer p{width:100%;font-size:15px}dialog{width:min(92vw,520px);border:5px solid #31271e;background:#ead5aa;box-shadow:10px 12px #251d15;color:#282017}dialog::backdrop{background:#211b13b8}dialog label{display:block;margin:13px 0}dialog input,dialog textarea,dialog select{display:block;width:100%;margin-top:4px}#reports .note{margin-bottom:12px}.error{color:#8d231c}@media(max-width:600px){.paper{padding:20px}nav button{font-size:12px;padding:9px}.postgrid,.videoGrid{grid-template-columns:1fr}footer{display:block}}

/* KoQ 2.2 logo and password visibility */
.koq-logo{display:block;width:clamp(108px,16vw,168px);height:auto;margin:0 auto 10px;object-fit:contain;filter:drop-shadow(2px 3px 1px rgba(0,0,0,.12))}
.password-visibility{display:flex;align-items:center;gap:9px;margin:12px 0;cursor:pointer;font-weight:700;font-size:.94rem}
.password-visibility input{width:18px;height:18px;accent-color:#25211d;flex:none}

/* KoQ 2.4: two distinct video-gallery rows */
.koq-gallery{display:flex;flex-direction:column;gap:38px;margin-top:26px}
.gallery-section{min-width:0}
.gallery-section__heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:3px dashed #6b5338;margin-bottom:18px;padding-bottom:9px}
.gallery-section__heading h3{font-size:clamp(24px,3vw,33px);margin:0}
.gallery-section__heading span{font-size:16px}
.koq-gallery .videoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.koq-gallery .video{min-width:0;overflow-wrap:anywhere}
.koq-gallery .video__image{display:block;position:relative;overflow:hidden;background:#2b241c}
.koq-gallery .video__image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .2s}
.koq-gallery .video__image:hover img{transform:scale(1.04)}
.koq-gallery .video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#a33325ed;color:white;border-radius:10px;padding:8px 14px;font:24px sans-serif;pointer-events:none}
.koq-gallery .video h3{margin:10px 0;font-size:19px}
.koq-gallery .video>a:last-child{font-size:15px;color:#6f251c}
@media(max-width:900px){.koq-gallery .videoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.koq-gallery .videoGrid{grid-template-columns:1fr}}

/* KoQ 2.6: play full videos and Shorts inside the gallery */
.koq-gallery .video__player{position:relative;width:100%;aspect-ratio:16/9;background:#211c18;overflow:hidden}
.koq-gallery .video__player iframe{display:block;width:100%;height:100%;border:0}
.koq-gallery button.video__image{display:block;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;cursor:pointer;background:#211c18;text-align:left}
.koq-gallery button.video__image:hover{transform:none}
.koq-gallery button.video__image:focus-visible{outline:4px solid #a33325;outline-offset:-4px}
.koq-gallery button.video__image img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}

/* KoQ 2.8 featured upload on The Board */
.featured-upload{margin:22px 0 28px;padding:17px;background:#e8d5ae;border:2px dashed #6b5338;box-shadow:5px 6px 0 #8b7456;transform:rotate(-.2deg)}
.featured-upload__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.featured-upload__header h2{margin:0}.featured-upload__tag{font-weight:bold;font-size:13px;letter-spacing:.04em;background:#34291e;color:#f9e9c7;padding:7px 10px}
.featured-upload__body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(190px,1fr);gap:18px;align-items:center}
.featured-upload__player{position:relative;aspect-ratio:16/9;background:#211c18;overflow:hidden}
.featured-upload__player iframe{display:block;width:100%;height:100%;border:0}
.featured-upload__details h3{margin:10px 0;font-size:clamp(19px,2.4vw,28px)}
.featured-upload__details a{color:#76251d;overflow-wrap:anywhere}
@media(max-width:680px){.featured-upload__body{grid-template-columns:1fr}.featured-upload{padding:12px}}

/* 2.9: small featured player directly below the marquee, above the tab content */
.paper > .featured-upload{width:min(100% - 32px, 310px);box-sizing:border-box;margin:12px 16px 18px;padding:9px 10px;transform:none;box-shadow:3px 3px 0 #8b7456}
.paper > .featured-upload .featured-upload__header{margin-bottom:6px;gap:3px}
.paper > .featured-upload .featured-upload__header h2{font-size:14px;line-height:1.2}
.paper > .featured-upload .featured-upload__header h2 small{font-size:10px}
.paper > .featured-upload .featured-upload__tag{display:none}
.paper > .featured-upload .featured-upload__body{display:block}
.paper > .featured-upload .featured-upload__player{width:100%;aspect-ratio:16/9}
.paper > .featured-upload .featured-upload__details{margin-top:5px}
.paper > .featured-upload .featured-upload__details h3{font-size:13px;margin:2px 0 3px;line-height:1.3}
.paper > .featured-upload .featured-upload__details p{display:none}
.paper > .featured-upload .featured-upload__details .meta{font-size:10px}
.paper > .featured-upload .featured-upload__details a{font-size:10px}
@media(max-width:480px){.paper > .featured-upload{width:min(100% - 24px, 280px);margin:10px 12px 16px}}

/* KoQ 3.0: larger logo overlapping the headline like a crown. */
header .koq-logo {
  width: clamp(160px, 21vw, 215px);
  max-width: 55%;
  height: auto;
  position: relative;
  z-index: 2;
  margin: 3px auto -35px;
  filter: drop-shadow(3px 5px 2px rgba(39, 27, 17, .25));
  pointer-events: none;
}
header h1 {
  position: relative;
  z-index: 1;
  margin-top: 0;
}
@media (max-width: 600px) {
  header .koq-logo { width: clamp(135px, 34vw, 180px); margin-bottom: -20px; }
}

/* KoQ 3.1 — compact horizontal feature: video left, ALL copy to its right. */
.paper > .featured-upload { width:min(calc(100% - 32px), 690px); max-width:690px; margin:12px 16px 18px; padding:10px 12px; }
.paper > .featured-upload .featured-upload__header { margin:0 0 7px; }
.paper > .featured-upload .featured-upload__body { display:grid; grid-template-columns:minmax(0, 195px) minmax(0,1fr); gap:14px; align-items:start; }
.paper > .featured-upload .featured-upload__player { width:100%; aspect-ratio:16/9; }
.paper > .featured-upload .featured-upload__details { min-width:0; margin:0; text-align:left; }
.paper > .featured-upload .featured-upload__details h3 { font-size:clamp(14px, 1.8vw, 19px); margin:3px 0 7px; }
.paper > .featured-upload .featured-upload__details p { display:block; margin:3px 0 8px; font-size:12px; line-height:1.35; }
.paper > .featured-upload .featured-upload__details .meta { font-size:11px; }
.paper > .featured-upload .featured-upload__details a { font-size:11px; }
/* Slightly larger crown logo while maintaining the overlap with the title. */
header .koq-logo { width:clamp(180px, 24vw, 245px); max-width:65%; margin-bottom:-39px; }
@media (max-width:600px) {
  header .koq-logo { width:clamp(150px, 38vw, 205px); margin-bottom:-24px; }
  .paper > .featured-upload { width:calc(100% - 24px); margin:10px 12px 16px; }
  .paper > .featured-upload .featured-upload__body { grid-template-columns:minmax(0, 42%) minmax(0, 1fr); gap:9px; }
  .paper > .featured-upload .featured-upload__details h3 { font-size:13px; }
  .paper > .featured-upload .featured-upload__details p { display:none; }
}

/* KoQ 3.2 — logo-only masthead; 100px larger than v3.1. */
header .koq-logo {
  width: min(345px, 85vw);
  max-width: none;
  height: auto;
  margin: 10px auto 12px;
  position: relative;
  z-index: 2;
}
@media (max-width:600px) {
  header .koq-logo { width:min(305px, 85vw); margin:8px auto 10px; }
}

/* KoQ 3.4: ~100px-tall featured YouTube player, with copy to the right. */
.paper > .featured-upload .featured-upload__body {
  grid-template-columns: minmax(0, 178px) minmax(0, 1fr);
}
.paper > .featured-upload .featured-upload__player {
  width: 100%;
  aspect-ratio: 16 / 9;
}
@media (max-width:600px) {
  .paper > .featured-upload .featured-upload__body {
    grid-template-columns: minmax(0, 178px) minmax(0, 1fr);
  }
}
@media (max-width:400px) {
  .paper > .featured-upload .featured-upload__body {
    grid-template-columns: minmax(0, 45%) minmax(0, 1fr);
  }
}

/* KoQ 3.5: Correct selectors for the featured player nested inside #board. */
#board .featured-upload {
  width: min(100%, 600px);
  box-sizing: border-box;
  margin: 12px 0 18px;
  padding: 10px 12px;
}
#board .featured-upload .featured-upload__body {
  display: grid;
  grid-template-columns: 178px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
#board .featured-upload .featured-upload__player {
  display: block;
  width: 178px;
  height: 100px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
#board .featured-upload .featured-upload__player iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
#board .featured-upload .featured-upload__details {
  min-width: 0;
  margin: 0;
  text-align: left;
}
#board .featured-upload .featured-upload__details h3 {
  font-size: 15px;
  line-height: 1.25;
  margin: 3px 0 5px;
}
#board .featured-upload .featured-upload__details p {
  display: none;
}
#board .featured-upload .featured-upload__details a {
  font-size: 11px;
}
@media (max-width: 420px) {
  #board .featured-upload .featured-upload__body {
    grid-template-columns: minmax(0, 46%) minmax(0, 1fr);
    gap: 9px;
  }
  #board .featured-upload .featured-upload__player {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  #board .featured-upload .featured-upload__details h3 { font-size: 13px; }
}

/* KoQ 3.6: A single compact horizontal strip. The iframe and its surrounding
   paper frame share the same 100px height; ALL text sits to its right. */
#board .featured-upload {
  width: min(100%, 590px);
  max-width: 590px;
  margin: 12px 0 18px;
  padding: 7px;
  box-sizing: border-box;
  transform: none;
}
#board .featured-upload #featuredVideo { width: 100%; }
#board .featured-upload .featured-upload__body {
  display: grid;
  grid-template-columns: minmax(0, 178px) minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}
#board .featured-upload .featured-upload__player {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#board .featured-upload .featured-upload__player iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  border: 0;
}
#board .featured-upload .featured-upload__details {
  min-width: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}
#board .featured-upload .featured-upload__details .featured-upload__heading {
  margin: 0 0 3px;
  font-size: 13px;
  line-height: 1.15;
}
#board .featured-upload .featured-upload__details .meta { font-size: 10px; }
#board .featured-upload .featured-upload__details h3 {
  font-size: 13px;
  line-height: 1.2;
  margin: 2px 0 3px;
}
#board .featured-upload .featured-upload__details p { display: none; }
#board .featured-upload .featured-upload__details a { font-size: 10px; }
@media (max-width: 420px) {
  #board .featured-upload .featured-upload__body {
    grid-template-columns: minmax(0, 46%) minmax(0, 1fr);
    gap: 8px;
  }
  #board .featured-upload .featured-upload__details .featured-upload__heading { font-size: 11px; }
  #board .featured-upload .featured-upload__details h3 { font-size: 11px; }
}


/* KoQ 3.8 — tightly stacked header; preserve the 345px logo width. */
header { text-align:center; }
header .eyebrow {
  font-size:clamp(10px, 2vw, 15px);
  letter-spacing:clamp(.5px, .2vw, 2px);
  line-height:1.15;
  margin:0;
  padding:0;
}
header .koq-logo {
  display:block;
  width:min(345px, 85vw);
  max-width:none;
  height:auto;
  margin:1px auto 0;
  padding:0;
  position:relative;
}
header .subtitle {
  margin:0;
  padding:0;
  line-height:1.05;
  font-size:17px;
}
header nav {
  margin:5px 0 5px;
  padding:0;
  gap:7px;
  align-items:center;
}
header nav button {
  padding:8px 12px;
  line-height:1.15;
}
header + .marquee {
  margin:0;
  padding:6px 3px;
  line-height:1.25;
  letter-spacing:1.4px;
}
@media(max-width:600px) {
  header .koq-logo { width:min(305px, 85vw); margin:1px auto 0; }
  header .subtitle { font-size:15px; }
  header nav { gap:6px; margin:5px 0 5px; }
  header nav button { font-size:11px; padding:7px 8px; }
  header + .marquee { font-size:11px; letter-spacing:.6px; padding:5px 2px; }
}

/* 4.2 profile and friends */
header nav .profile-nav{border:3px solid #33281c!important;border-radius:3px!important;background:#f3d879!important;color:#241b12!important;box-shadow:4px 4px 0 #443122!important;min-width:90px;min-height:48px;transform:rotate(-2deg);font-weight:900;letter-spacing:.3px}
header nav .profile-nav.active{background:#f6a84c!important;outline:2px dashed #3b2719;outline-offset:2px}
.profile-nav span{font-size:22px;vertical-align:middle;margin-right:3px}
.fan-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px;margin:18px 0}
.fan-card{padding:16px;background:#ead6ab;border:2px solid #483622;box-shadow:4px 5px 0 #7e6548;overflow-wrap:anywhere}
.fan-card h3{margin:5px 0}.fan-card p{margin:8px 0}.fan-card button{margin-top:8px}
.fan-avatar{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid #45331e;background:#fff2d0;font-size:28px;transform:rotate(-5deg)}
.fan-status{font-size:12px;font-weight:bold;padding:3px 8px;border:1px solid #584630;display:inline-block;margin-left:8px}
.fan-status.online{background:#b9d6a5}.fan-status.offline{background:#d8c8b6}
.fan-profile-header{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.fan-profile-header .fan-avatar{width:74px;height:74px;font-size:42px}
.fan-friend-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;border-bottom:1px dashed #826a4c;padding:8px 0}
.fan-friend-row button{font-size:12px}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto}
#fanEditForm label{display:block;margin:12px 0}#fanEditForm input:not([type=checkbox]),#fanEditForm textarea,#fanEditForm select{display:block;width:100%;max-width:580px}
@media(max-width:600px){header nav .profile-nav{min-height:44px;min-width:78px;padding:6px!important}.profile-nav span{font-size:18px}}

/* KoQ 4.4: prominently display the public poster username on each pin. */
.post > .meta .pin-poster {display:inline-block;font-weight:900;color:#3a2317;font-size:1.05em;letter-spacing:.3px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}

/* 4.5: author names open public fan profiles; close action in directory */
.poster-profile-link { appearance:none; border:0; background:transparent; padding:0; margin:0; cursor:pointer; font:inherit; color:#3a2317; font-weight:900; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px; }
.poster-profile-link:hover,.poster-profile-link:focus-visible { color:#9a361a; outline-offset:3px; }
.public-fan-toolbar { display:flex; justify-content:flex-end; margin-bottom:12px; }
.public-fan-toolbar button { border:2px solid #3a2317; background:#f4dfb2; color:#3a2317; font-weight:900; cursor:pointer; padding:8px 12px; }

/* 4.6 verified public member roles */
.koq-role{display:inline-block;vertical-align:middle;border:1px solid #6b604d;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:900;letter-spacing:.07em;line-height:1.5;background:#e8ddc7;color:#453e34;white-space:nowrap}
.koq-role-moderator{background:#d9e5dd;color:#215740;border-color:#527a61}
.koq-role-admin{background:#f3dfb1;color:#7a3a12;border-color:#a56b2c}
.fan-card .koq-role,.fan-profile-header .koq-role{margin:2px 0 5px}

/* KoQ 5.5 — periodic logo shake and down-right cast shadow. */
header .koq-logo {
  filter: drop-shadow(11px 13px 5px rgba(35, 23, 15, .65));
  transform-origin: 50% 52%;
  animation: koq-logo-rattle 9s ease-in-out infinite;
  will-change: transform;
}
@keyframes koq-logo-rattle {
  0%, 5%, 13%, 100% { transform: translate(0, 0) rotate(0deg); }
  6% { transform: translate(-3px, 1px) rotate(-2deg); }
  7% { transform: translate(4px, -2px) rotate(2.5deg); }
  8% { transform: translate(-4px, 2px) rotate(-2.5deg); }
  9% { transform: translate(3px, -1px) rotate(1.8deg); }
  10% { transform: translate(-2px, 1px) rotate(-1deg); }
  11% { transform: translate(1px, 0) rotate(.5deg); }
}
@media (prefers-reduced-motion: reduce) {
  header .koq-logo { animation: none; will-change: auto; }
}

/* KoQ 5.6: site-wide tactile button states and logo lab */
:where(button, [role="button"], input[type="submit"], input[type="button"]) { transition: transform .17s cubic-bezier(.2,.8,.2,1),box-shadow .17s ease,filter .17s ease,background-color .17s ease; transform-origin:center; touch-action:manipulation; }
@media (hover:hover) { :where(button, [role="button"], input[type="submit"], input[type="button"]):not(:disabled):not(.koq-logo-trigger):hover { transform:translateY(-3px) rotate(-.6deg); box-shadow:4px 5px 0 rgba(47,30,20,.42); filter:brightness(1.09); } }
:where(button, [role="button"], input[type="submit"], input[type="button"]):not(:disabled):not(.koq-logo-trigger):active { transform:translate(2px,2px) scale(.96);box-shadow:1px 1px 0 rgba(47,30,20,.4); }
:where(button, [role="button"], input[type="submit"], input[type="button"]):focus-visible { outline:3px dashed #b12718;outline-offset:3px; }
:where(button, [role="button"], input[type="submit"], input[type="button"]).koq-click-burst { animation:koq-button-burst .3s ease-out; }
@keyframes koq-button-burst { 0%{filter:brightness(1.3)} 50%{filter:brightness(1.5) contrast(1.15)} 100%{filter:brightness(1)} }
header .koq-logo-trigger { display:block;position:relative;width:fit-content;max-width:100%;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;overflow:visible; }
header .koq-logo-trigger:hover,header .koq-logo-trigger:active { box-shadow:none;filter:none;transform:none; }
header .koq-logo-trigger .koq-logo { --koq-size:1;--koq-shadow:.65;--koq-shadow-color:35,23,15; width:min(calc(345px * var(--koq-size)),85vw); max-width:none; filter:drop-shadow(11px 13px 5px rgba(var(--koq-shadow-color),var(--koq-shadow))); transition:width .25s ease,filter .25s ease; }
@media(max-width:600px){header .koq-logo-trigger .koq-logo{width:min(calc(305px * var(--koq-size)),85vw)}}
header .koq-logo-trigger:hover .koq-logo { filter:drop-shadow(13px 15px 7px rgba(var(--koq-shadow-color),var(--koq-shadow))) brightness(1.1); }
header .koq-logo-trigger .koq-logo.koq-spin { animation:koq-logo-spin .7s ease-in-out 1!important; }
header .koq-logo-trigger .koq-logo.koq-pop { animation:koq-logo-pop .55s ease-out 1!important; }
header .koq-logo-trigger .koq-logo.koq-shake-now { animation:koq-logo-manual-shake .6s ease-in-out 1!important; }
@keyframes koq-logo-spin { to { transform:rotate(360deg); } }
@keyframes koq-logo-pop { 40% { transform:scale(1.2) rotate(-7deg); } 70% { transform:scale(.92) rotate(4deg); } }
@keyframes koq-logo-manual-shake { 15%,45%,75% {transform:translate(-8px,2px) rotate(-5deg)} 30%,60%,90% {transform:translate(8px,-2px) rotate(5deg)} }
header .koq-logo-trigger .koq-logo[data-vibe="neon"] { --koq-shadow-color:177,32,137;filter:drop-shadow(8px 9px 6px rgba(190,0,180,.8)) drop-shadow(0 0 12px rgba(40,210,220,.8)); }
header .koq-logo-trigger .koq-logo[data-vibe="ink"] { filter:grayscale(1) contrast(1.5) drop-shadow(11px 13px 3px rgba(0,0,0,.8)); }
header .koq-logo-trigger .koq-logo[data-vibe="gold"] { filter:sepia(.75) saturate(1.8) drop-shadow(11px 13px 6px rgba(107,69,13,.8)); }
.koq-logo-studio { max-width:480px;margin:10px auto 12px;padding:13px;border:3px dashed #49301e;background:#f1ddb3;color:#332216;text-align:left;box-shadow:6px 7px 0 rgba(46,29,17,.4); }
.koq-logo-studio[hidden] { display:none!important; }
.koq-studio-heading,.koq-studio-actions { display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap; }
.koq-studio-heading { margin-bottom:10px; }
.koq-logo-studio button { border:2px solid #3c281a;background:#e6bf83;color:#2b1c14;padding:7px 9px;font-weight:900;cursor:pointer; }
.koq-logo-studio label { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;font-weight:800; }
.koq-logo-studio input[type="range"] { flex:1;max-width:190px;accent-color:#a33224; }
.koq-logo-studio select { padding:5px;background:#fff3d7;color:#332216; }
.koq-logo-studio .koq-toggle { justify-content:flex-start; }
.koq-studio-note { font-size:11px;margin:10px 0 0; }
@media(prefers-reduced-motion:reduce){:where(button,[role="button"],input[type="submit"],input[type="button"]){transition:none!important;animation:none!important} header .koq-logo-trigger .koq-logo{animation:none!important;transition:none!important} }

/* KoQ 5.7 — persistent light/dark mode, charcoal recycled-cardboard artwork */
.koq-theme-toggle{position:absolute;top:25px;right:0;z-index:10;display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:8px 12px;transform:rotate(2deg);border:2px dashed #b08d59;background:#30261f;color:#fff0d2;box-shadow:3px 4px 0 #72563a;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.koq-theme-icon{font-family:system-ui,sans-serif;font-size:19px;line-height:1}
.koq-theme-toggle:hover{transform:rotate(0deg) translateY(-2px)}
@media(max-width:600px){.koq-theme-toggle{position:relative;top:auto;right:auto;float:right;margin:0 0 8px 12px;font-size:11px;padding:6px 9px}}
html[data-theme="dark"]{color-scheme:dark;color:#f2e9d7;background:#121116}
html[data-theme="dark"] body{color:#f2e9d7;background:repeating-linear-gradient(30deg,#141318 0 26px,#1d1b22 27px 54px)}
html[data-theme="dark"] .paper{background:radial-gradient(circle at 12% 18%,#37313a99 0,transparent 34%),radial-gradient(circle at 90% 80%,#4a323088 0,transparent 43%),repeating-linear-gradient(0deg,transparent 0 30px,#b39a8520 31px 32px),url('assets/dark-cardboard.svg') repeat,#25242a;box-shadow:0 0 0 8px #48404a,0 0 45px #050407}
html[data-theme="dark"] .paper:before{border-color:#a4918566}
html[data-theme="dark"] h1{text-shadow:4px 5px #5b3434}
html[data-theme="dark"] h1 span{color:#f18473}
html[data-theme="dark"] .marquee,html[data-theme="dark"] footer{border-color:#d5b99a}
html[data-theme="dark"] button,html[data-theme="dark"] .links a{background:#3b3038;color:#fff2de;box-shadow:3px 4px 0 #141116}
html[data-theme="dark"] button:hover,html[data-theme="dark"] .links a:hover,html[data-theme="dark"] nav .active{background:#9e4436;color:#fff6e7}
html[data-theme="dark"] .koq-theme-toggle{background:#dfb879;color:#211c20;border-color:#f5d59a;box-shadow:3px 4px 0 #0e0d11}
html[data-theme="dark"] .note,html[data-theme="dark"] .post{background:#35313a;color:#f4eadc;border-color:#78665c;box-shadow:5px 7px 0 #100e13a8}
html[data-theme="dark"] .post:nth-child(3n+1){background:#403039}
html[data-theme="dark"] .post:nth-child(3n+2){background:#353a3e}
html[data-theme="dark"] .video,html[data-theme="dark"] .featured-upload{background:#343039;color:#f3e7d8;border-color:#a28a79;box-shadow:5px 6px 0 #121016}
html[data-theme="dark"] .featured-upload__tag{background:#d7b27e;color:#1f1a1e}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{color:#f9f0e2;background:#211f26;border-color:#9c877a;accent-color:#d9a86d}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#bcb1aa;opacity:1}
html[data-theme="dark"] dialog{background:#29252d;color:#f2e7d7;border-color:#a8917a;box-shadow:10px 12px #0a090c}
html[data-theme="dark"] dialog::backdrop{background:#070609d9}
html[data-theme="dark"] .gallery-section__heading{border-color:#a38a7a}
html[data-theme="dark"] .reply{border-color:#998477}
html[data-theme="dark"] .featured-upload__details a,html[data-theme="dark"] .koq-gallery .video>a:last-child,html[data-theme="dark"] a:not(.links a){color:#ffc18c}
html[data-theme="dark"] .error{color:#ff9b8d}
html[data-theme="dark"] .koq-logo-studio{background:#302a33;color:#f4e8da;border-color:#a68a76}
html[data-theme="dark"] .koq-studio-note{color:#d7c8bb}
html[data-theme="dark"] :focus-visible{outline:3px solid #f5c780;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.koq-theme-toggle{transition:none}}

/* 5.8 Chatroomz — uses the same paper and dark-mode surfaces */
.chat-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:20px;margin-top:18px}.chat-layout .note{min-width:0}.chat-room{width:100%;display:block;text-align:left;margin:9px 0;transform:none;overflow-wrap:anywhere}.chat-room small{display:block;font-family:'Patrick Hand',cursive;font-size:15px;opacity:.85}.chat-messages{height:390px;overflow-y:auto;border:2px dashed #876b50;padding:12px;margin:12px 0;background:#a88a5720}.chat-bubble{padding:8px 12px;margin:8px 0;border-bottom:1px dashed #80684b;overflow-wrap:anywhere;white-space:pre-wrap}.chat-bubble strong{font-size:16px}.chat-bubble time{font-size:13px;opacity:.7;margin-left:8px}.chat-bubble p{margin:4px 0}.chat-compose{display:flex;gap:9px}.chat-compose input{flex:1;min-width:0}.chat-conversation{min-height:450px}html[data-theme="dark"] .chat-messages{background:#10101477;border-color:#a09085}html[data-theme="dark"] .chat-bubble{border-color:#71606a}@media(max-width:700px){.chat-layout{grid-template-columns:1fr}.chat-messages{height:300px}}

/* KoQ emoji controls */
.koq-emoji-trigger{display:inline-flex;align-items:center;gap:.35rem;margin:.45rem .4rem .45rem 0;padding:.48rem .75rem;cursor:pointer;font-weight:800;letter-spacing:.025em;transform-origin:center;transition:transform .15s ease,filter .15s ease}
.koq-emoji-trigger:hover{transform:translateY(-2px) rotate(-1deg);filter:brightness(1.08)}
.koq-emoji-trigger:active{transform:translateY(2px) scale(.96)}
.koq-emoji-panel{position:relative;z-index:30;width:min(100%,370px);margin:.5rem 0 1rem;padding:.85rem;border:2px solid currentColor;border-radius:10px;background:var(--paper,#f4e4c5);color:var(--ink,#251c15);box-shadow:7px 8px 0 rgba(0,0,0,.28)}
.koq-emoji-panel[hidden]{display:none!important}
.koq-emoji-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.koq-emoji-caption{font-size:.8rem;margin:.3rem 0}.koq-emoji-categories{display:flex;gap:.3rem;flex-wrap:wrap;margin:.45rem 0}.koq-emoji-categories button{font-size:.8rem;padding:.3rem .5rem}.koq-emoji-categories button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:1px}.koq-emoji-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;max-height:220px;overflow-y:auto}.koq-emoji-grid .koq-emoji-choice{font-family:system-ui,sans-serif;font-size:1.45rem;min-width:0;padding:.2rem;border:1px solid transparent;background:transparent;box-shadow:none;cursor:pointer}.koq-emoji-grid .koq-emoji-choice:hover,.koq-emoji-grid .koq-emoji-choice:focus-visible{background:rgba(127,127,127,.2);border-color:currentColor;transform:scale(1.12)}
html[data-theme="dark"] .koq-emoji-panel,body.dark-mode .koq-emoji-panel{background:#302b2c;color:#f8e8d3}
@media(prefers-reduced-motion:reduce){.koq-emoji-trigger,.koq-emoji-choice{transition:none!important}}

/* 6.1: messaging, notifications, room presence */
.koq-member-list,.koq-dm-messages,#koqConversations{padding:12px;margin:12px 0;border:2px dashed currentColor;border-radius:8px;max-height:350px;overflow:auto}.koq-member{display:flex;justify-content:space-between;gap:10px;padding:7px;border-bottom:1px dotted currentColor}.koq-online{color:#21814c}.koq-offline{opacity:.65}.koq-dm-layout{display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,2fr);gap:16px}.koq-dm-messages{min-height:220px}.koq-dm-message{padding:8px;margin:6px 0;border:1px solid currentColor;border-radius:6px;overflow-wrap:anywhere}.koq-dm-message time{display:block;font-size:.75em;opacity:.7}.koq-dm-layout textarea{width:100%;box-sizing:border-box}.koq-notification{padding:8px;border-bottom:1px dotted currentColor}.koq-unread{font-weight:bold}#koqInboxNav.koq-unread{outline:3px solid #e96338}@media(max-width:650px){.koq-dm-layout{grid-template-columns:1fr}}

/* KoQ 6.2 pocket pet and animation controls */
.koq-pet{margin:12px 0;padding:14px;border:2px dashed currentColor;border-radius:10px;background:rgba(125,105,80,.12);text-align:center}.koq-pet h3{margin:0 0 6px}.koq-pet-note{font-size:.82rem;margin:0 0 8px}.koq-pet-face{font-size:3.5rem;line-height:1.2;animation:koq-pet-idle 3s ease-in-out infinite}.koq-pet-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;text-align:left}.koq-pet-stats label{font-size:.8rem;display:block}.koq-pet-stats span{float:right}.koq-pet-stats progress{width:100%;accent-color:#bf8036}.koq-pet small{display:block;margin:10px 0}.koq-logo-studio output{font-size:.8rem}.koq-wiggle{animation:koq-wiggle 700ms ease-in-out!important}.koq-bounce{animation:koq-bounce 900ms ease-in-out!important}.koq-flip{animation:koq-flip 900ms ease-in-out!important}.koq-pulse{animation:koq-pulse 950ms ease-in-out!important}@keyframes koq-wiggle{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-12deg)}40%,80%{transform:rotate(12deg)}}@keyframes koq-bounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-24px)}65%{transform:translateY(-8px)}}@keyframes koq-flip{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}@keyframes koq-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes koq-pet-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.koq-pet-face{animation:none}}

/* KoQ 6.3 - Tha Stash */
.stash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:18px 0}.stash-balance strong{font-size:2.1rem}.stash-item{border:2px dashed currentColor;border-radius:8px;padding:12px;margin:9px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.stash-item button{flex-shrink:0}.stash-item small{display:block;opacity:.75}.koq-pet-economy{margin-top:16px;padding:12px;border:2px dashed currentColor;border-radius:8px}.stash-muted{opacity:.7}

/* KoQ Crak Labratory */
.koq-lab-tabs{display:flex;gap:7px;margin:12px 0;flex-wrap:wrap}.koq-lab-tabs button{flex:1;min-width:130px}.koq-lab-tabs .koq-lab-active{outline:2px solid currentColor;outline-offset:2px}#koqLabDawPanel{max-width:100%;min-width:0}#koqLabDawPanel[hidden],#koqLabLogoPanel[hidden]{display:none!important}.koq-daw-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:12px 0}.koq-daw-toolbar label{display:flex;align-items:center;gap:5px;font-size:.82rem}.koq-daw-toolbar input[type=number]{width:65px}.koq-daw-toolbar input[type=text],#koqDawName{width:145px;max-width:100%}.koq-daw-grid{display:grid;grid-template-columns:minmax(74px,1.5fr) repeat(16,minmax(18px,1fr));gap:3px;overflow-x:auto;padding:5px 0}.koq-daw-row-label{font-size:.72rem;align-self:center;white-space:nowrap}.koq-daw-step{padding:0!important;min-height:25px;min-width:18px;border:1px solid #8c775e;border-radius:3px;background:#c6b79b;color:#231d15;cursor:pointer;transition:transform .12s,filter .12s}.koq-daw-step[aria-pressed=true]{background:#de783d;box-shadow:inset 0 0 0 2px #56321e}.koq-daw-step.koq-daw-current{outline:2px solid #48a97e;outline-offset:-2px}.koq-daw-step:hover{filter:brightness(1.2);transform:scale(1.08)}.koq-daw-help{font-size:.83rem;line-height:1.4}html[data-theme=dark] .koq-daw-step,body.dark-mode .koq-daw-step{background:#514b49;border-color:#857973}html[data-theme=dark] .koq-daw-step[aria-pressed=true],body.dark-mode .koq-daw-step[aria-pressed=true]{background:#cc693d}@media(max-width:620px){.koq-daw-grid{grid-template-columns:70px repeat(16,23px);overflow-x:auto}.koq-logo-studio{max-width:calc(100vw - 24px)}}

/* 6.5 Stash trading and pet timer controls */
.koq-pet-background{display:flex!important;gap:8px;align-items:center;padding:10px 0;font-size:.9rem}.koq-pet-background input{width:auto!important}.koq-trade-area{margin-top:18px}.koq-trade-area label{display:block;margin:10px 0}.koq-trade-area input,.koq-trade-area select{display:block;width:100%;max-width:500px;padding:8px}.koq-trade-entry{border:1px dashed currentColor;padding:10px;margin:10px 0;border-radius:6px}.koq-trade-entry button{margin:5px}

/* 6.6 logo transparency + collapsible animationz */
#koqLogoTrigger,#koqLogoTrigger .koq-logo,#koqLogoTrigger img{background:transparent!important;background-color:transparent!important;box-shadow:none!important}
#koqLogoTrigger .koq-logo{filter:drop-shadow(calc(7px * var(--koq-shadow, .65)) calc(8px * var(--koq-shadow, .65)) 2px rgba(0,0,0,.65))}
[data-theme="dark"] #koqLogoTrigger,[data-theme="dark"] #koqLogoTrigger .koq-logo,[data-theme="dark"] #koqLogoTrigger img{background:transparent!important;background-color:transparent!important}
#koqAnimationzPanel[hidden],#koqAnimationzSettings[hidden]{display:none!important}
.koq-arena{border:2px dashed currentColor;border-radius:8px;padding:12px;margin:16px 0}.koq-arena label{display:block;margin:10px 0}.koq-arena input,.koq-arena select{max-width:100%;width:100%;padding:8px}.koq-arena button{margin:4px}.koq-arena-entry,.koq-achievement{border:1px solid rgba(127,127,127,.4);padding:10px;margin:9px 0;border-radius:6px}.koq-achievement.locked{opacity:.55}.koq-arena-hp{font-size:.85em}.koq-arena-hp progress{width:100%;max-width:220px}

/* KoQ Logo Lab: three separate, colour-coded sections */
.koq-lab-tabs #koqLabLogoTab{background:#e7a34b;color:#241408;border:2px solid #6d3d12}
.koq-lab-tabs #koqLabPetTab{background:#83c7a4;color:#10291c;border:2px solid #286d4b}
.koq-lab-tabs #koqLabDawTab{background:#bba0ed;color:#27193d;border:2px solid #6841a0}
.koq-lab-tabs button:hover{filter:brightness(1.1);transform:translateY(-2px)}
.koq-lab-tabs button.koq-lab-active{outline:3px solid currentColor;outline-offset:2px;box-shadow:3px 4px 0 rgba(0,0,0,.3)}
#koqLabPetPanel[hidden],#koqLabLogoPanel[hidden],#koqLabDawPanel[hidden]{display:none!important}

/* 6.9: make hidden tab panels unconditionally invisible until selected. */
#koqLabPetPanel[hidden],#koqLabLogoPanel[hidden],#koqLabDawPanel[hidden]{display:none!important}

/* KoQ NPC dialogue disclaimer: original retro farming/social sim-inspired UI */
.koq-disclaimer-foot{display:flex;justify-content:center;margin-top:12px;padding-top:8px}
.koq-disclaimer-trigger{font-family:inherit;font-size:.72rem;letter-spacing:.08em;padding:7px 14px;border:2px dashed currentColor;background:transparent;color:inherit;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.koq-disclaimer-trigger:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:3px 4px 0 rgba(0,0,0,.25)}
.koq-npc-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;background:transparent;color:#342315;overflow:visible}
.koq-npc-dialog::backdrop{background:rgba(13,10,13,.72);backdrop-filter:blur(3px)}
.koq-npc-shell{border:5px solid #49301f;outline:3px solid #edc68d;outline-offset:-10px;border-radius:13px;background:#f6dfa8;box-shadow:9px 11px 0 rgba(0,0,0,.44),inset 0 0 0 10px #c88e54;overflow:hidden;animation:koqNpcAppear .28s steps(5,end) both}
.koq-npc-heading{background:#73432e;color:#fff0cb;display:flex;align-items:center;gap:10px;padding:12px 18px;font-weight:900;letter-spacing:.09em;font-size:.83rem}
.koq-npc-star{color:#f8c959}.koq-npc-close{margin-left:auto;border:2px solid #f6d9a6;border-radius:3px;background:#512b20;color:#fff0cb;cursor:pointer;min-width:34px;min-height:34px}
.koq-npc-body{display:grid;grid-template-columns:94px minmax(0,1fr);gap:15px;padding:23px 23px 18px}
.koq-npc-portrait{height:94px;border:4px solid #5e3925;background:repeating-linear-gradient(45deg,#f6b961 0 10px,#edaa53 10px 20px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:4px 4px 0 #a77847}
.koq-npc-portrait span{font-size:2.7rem;line-height:1}.koq-npc-portrait small{font-size:.65rem;font-weight:900}
.koq-npc-name{font-weight:900;font-size:1rem;margin-bottom:9px;color:#743e24}.koq-npc-text{min-height:115px;line-height:1.6;font-size:1rem;font-weight:650;white-space:pre-wrap;margin:0;color:#342315}
.koq-npc-cursor{display:block;text-align:right;font-size:.8rem;animation:koqNpcBlink .75s steps(2,end) infinite}
.koq-npc-actions{padding:11px 20px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.68rem;font-weight:900;letter-spacing:.04em}
.koq-npc-actions button{background:#73432e;color:#fff0cb;border:3px solid #392315;padding:10px 14px;font:inherit;font-size:.83rem;cursor:pointer;box-shadow:3px 3px 0 #a77847}
.koq-npc-actions button:hover{transform:translateY(-2px)}.koq-npc-actions button:active{transform:translateY(2px);box-shadow:none}
@keyframes koqNpcAppear{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes koqNpcBlink{50%{opacity:0}}
@media(max-width:440px){.koq-npc-body{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:18px 14px}.koq-npc-portrait{height:64px}.koq-npc-portrait span{font-size:1.9rem}.koq-npc-text{font-size:.88rem;min-height:155px}.koq-npc-actions{padding:9px 12px 15px}.koq-npc-actions span{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){.koq-npc-shell,.koq-npc-cursor{animation:none}.koq-disclaimer-trigger{transition:none}}


/* Pocket Hed v7.1: responsive game viewport, panels and customizable widgets */
.koq-pet-v71{position:relative;width:100%;max-width:920px;margin:auto;padding:clamp(10px,2vw,18px);border-radius:14px;box-sizing:border-box;overflow:auto;max-height:min(82dvh,820px);overscroll-behavior:contain}
.phed-topbar,.phed-toolbar,.phed-hud,.phed-nav{display:flex;align-items:center;gap:8px}.phed-topbar{justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.phed-toolbar{flex-wrap:wrap}.phed-toolbar button{font-size:.72rem;padding:7px 9px;min-height:32px}.phed-hud{align-items:stretch;gap:12px}.phed-portrait{flex:0 0 34%;min-width:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed currentColor;border-radius:12px;padding:8px;position:relative}.phed-portrait .koq-pet-face{font-size:clamp(3rem,10vw,5.5rem);line-height:1.2;margin:0;filter:drop-shadow(3px 5px 1px #0004)}.phed-portrait strong{font-size:1rem}.phed-portrait #koqPetMood{font-size:.75rem}.phed-status{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.koq-pet-v71 .koq-pet-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:0}.koq-pet-v71 .koq-pet-stats label{min-width:0;font-size:.76rem;display:block}.koq-pet-v71 .koq-pet-stats label span{float:right}.koq-pet-v71 .koq-pet-stats progress{width:100%;height:9px;display:block;accent-color:#69a987}.koq-pet-v71 #koqPetInfo{font-size:.7rem;margin-top:8px}.phed-quick{margin:10px 0}.phed-quick .koq-studio-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.phed-quick button{font-size:.76rem;min-width:0;padding:9px 3px;white-space:normal}.phed-nav{gap:5px;margin:8px 0;overflow-x:auto;padding-bottom:4px}.phed-nav button{flex:1 0 auto;font-size:.75rem;padding:8px 7px;min-width:0;border-radius:9px}.phed-nav button[aria-selected="true"]{outline:2px solid #db8b43;outline-offset:-3px;box-shadow:inset 0 -3px 0 #a65c29}.phed-screen{padding:10px;border:1px solid #8886;border-radius:10px;max-height:32dvh;overflow-y:auto}.phed-screen[hidden],.phed-widgets-panel[hidden],.phed-toast[hidden]{display:none!important}.phed-screen .koq-arena{margin:0;padding:0}.phed-screen button{max-width:100%}.phed-screen input,.phed-screen select{max-width:100%;box-sizing:border-box}.phed-widgets-panel{padding:10px;margin-bottom:10px;border:2px solid #9d7455;border-radius:10px;background:var(--paper,#e8d8b7);color:var(--ink,#2e241b);display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.8rem}.phed-widgets-panel strong,.phed-widgets-panel p{flex-basis:100%;margin:0}.phed-widgets-panel label{display:flex;gap:4px;align-items:center}.phed-wallet,.phed-tip{font-size:.75rem}.phed-toast{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:9px 14px;background:#292321;color:#fff7e3;border:2px solid #edbc6b;border-radius:9px;z-index:5;pointer-events:none;max-width:90%;text-align:center;animation:phed-toast-in .25s ease-out}.phed-portrait.phed-animate-feed .koq-pet-face{animation:phed-nom .5s ease-in-out}.phed-portrait.phed-animate-play .koq-pet-face{animation:phed-hop .65s ease-in-out}.phed-portrait.phed-animate-rest .koq-pet-face{animation:phed-sleep .85s ease-in-out}.phed-portrait.phed-animate-clean .koq-pet-face{animation:phed-sparkle .65s ease-in-out}.phed-portrait.phed-animate-rename .koq-pet-face{animation:phed-hop .65s ease-in-out}.koq-pet-v71.phed-compact .phed-screen{max-height:25dvh}.koq-pet-v71:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(10px,3vw,24px);background:#e5d3aa;color:#30251e}.koq-pet-v71:fullscreen .phed-hud{flex:0 0 auto;max-height:38dvh}.koq-pet-v71:fullscreen .phed-screen{max-height:none;flex:1;min-height:0}.koq-pet-v71:fullscreen .phed-portrait .koq-pet-face{font-size:clamp(4rem,15vh,9rem)}html[data-theme="dark"] .koq-pet-v71:fullscreen{background:#28252b;color:#f2e6d3}html[data-theme="dark"] .phed-widgets-panel{background:#383139;color:#f2e6d3}
@keyframes phed-nom{0%,100%{transform:scale(1)}40%{transform:scale(1.24,.75)}70%{transform:scale(.9,1.1)}}@keyframes phed-hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-24px) rotate(-8deg)}70%{transform:translateY(-6px) rotate(7deg)}}@keyframes phed-sleep{0%,100%{transform:scale(1)}50%{transform:scale(.88) rotate(7deg);opacity:.7}}@keyframes phed-sparkle{0%,100%{filter:brightness(1)}50%{filter:brightness(1.7) drop-shadow(0 0 14px gold);transform:rotate(9deg)}}@keyframes phed-toast-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:600px){.koq-pet-v71{max-height:calc(100dvh - 115px);padding:8px}.phed-topbar strong{font-size:.84rem}.phed-toolbar button{font-size:.66rem;padding:6px}.phed-hud{gap:7px}.phed-portrait{flex-basis:32%;min-width:85px;padding:4px}.phed-portrait .koq-pet-face{font-size:3rem}.koq-pet-v71 .koq-pet-stats{gap:4px 6px}.koq-pet-v71 .koq-pet-stats label{font-size:.64rem}.phed-quick button{font-size:.64rem;padding:7px 2px}.phed-nav button{font-size:.67rem;padding:8px 5px}.phed-screen{max-height:29dvh;padding:8px}.koq-pet-v71:fullscreen{max-height:none}.koq-pet-v71:fullscreen .phed-screen{max-height:none}}
@media(prefers-reduced-motion:reduce){.phed-portrait .koq-pet-face,.phed-toast{animation:none!important}}

/* 7.2 Pocket Hed style studio */
.phed-style-screen h3{margin:0 0 6px}.phed-style-screen p{font-size:.78rem}.phed-style-screen label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700}.phed-style-screen select{width:100%;padding:7px;border-radius:7px}.phed-style-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.phed-style-preview{margin:10px auto;max-width:330px}.phed-style-backdrop{height:170px;border:3px solid #4c392f;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(#a9dcf1 0 66%,#8dbb78 66%);transition:background .25s}.phed-style-pet{font-size:75px;line-height:1;z-index:2;filter:drop-shadow(3px 5px 1px #0005);animation:phed-style-breathe 2.5s ease-in-out infinite}.phed-style-hat{position:absolute;z-index:3;top:13px;font-size:36px;pointer-events:none}.phed-style-outfit{position:absolute;z-index:3;top:102px;font-size:30px;pointer-events:none}.phed-style-prop{position:absolute;right:13px;bottom:13px;font-size:42px;z-index:1}.phed-portrait.phed-styled{background:var(--pet-room-bg,transparent);overflow:hidden}.phed-portrait.phed-styled::before{content:attr(data-room-prop);position:absolute;right:4px;bottom:5px;font-size:27px;opacity:.9}.phed-portrait .phed-active-hat,.phed-portrait .phed-active-wear{position:absolute;z-index:3;pointer-events:none;line-height:1}.phed-portrait .phed-active-hat{top:0;font-size:27px}.phed-portrait .phed-active-wear{top:67%;font-size:22px}.phed-portrait .koq-pet-face{z-index:2}.phed-style-screen .koq-studio-actions{display:flex;flex-wrap:wrap;gap:6px}.phed-style-screen .koq-studio-actions button{flex:1;min-width:90px}@keyframes phed-style-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:430px){.phed-style-fields{grid-template-columns:1fr}.phed-style-backdrop{height:135px}.phed-style-pet{font-size:60px}.phed-style-hat{top:8px}.phed-style-outfit{top:82px}}@media(prefers-reduced-motion:reduce){.phed-style-pet{animation:none}}


/* v7.3 — site-wide compact responsive design. No application IDs altered. */
:root{--koq-content:1120px}html{scroll-behavior:smooth;scroll-padding-top:12px}body{overflow-x:hidden;line-height:1.32}.paper{max-width:var(--koq-content);padding:18px clamp(12px,2.7vw,32px);min-width:0}.paper:before{inset:7px}header{min-width:0}.eyebrow{font-size:clamp(10px,1.5vw,13px);letter-spacing:1.2px;line-height:1.3}.subtitle{font-size:clamp(12px,1.8vw,15px);letter-spacing:1px}.koq-logo-trigger{max-width:100%}header .koq-logo{max-width:min(260px,65vw);height:auto}nav{gap:6px;margin:15px 0 12px}nav button{font-size:clamp(11px,1.2vw,13px);padding:9px 11px;transform:none;border-radius:4px;min-height:38px;white-space:nowrap}button,.links a{transition:background .15s ease,box-shadow .15s ease,filter .15s ease}button{max-width:100%;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #df8b24;outline-offset:2px}.marquee{padding:7px 3px;font-size:clamp(10px,1.4vw,12px);letter-spacing:1px}main{padding:16px 0 28px;min-height:300px}h2{font-size:clamp(24px,3.2vw,35px);margin-bottom:8px}h3{margin:10px 0 7px}p{margin:8px 0 12px}.filters{gap:7px;margin:10px 0}.postgrid,.videoGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:12px}.note,.post{padding:13px;box-shadow:3px 4px 0 #6c543a44}.split{gap:9px}input,textarea,select{padding:7px 9px;min-height:36px}textarea{width:100%}button,.links a{padding:9px 12px;font-size:clamp(12px,1.2vw,14px)}img,video,iframe,canvas{max-width:100%}section,article,form,fieldset{min-width:0}footer{padding-block:12px} .koq-logo-studio{max-width:min(100%,1000px)}.koq-lab-tabs{gap:5px}.koq-lab-tabs button{transform:none}.koq-pet-v71{width:100%;max-width:100%}.chat-layout,.koq-dm-layout{min-width:0}.koq-back-top{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));right:14px;z-index:1000;border-radius:100px;width:43px;height:43px;display:grid;place-items:center;font-size:22px;padding:0;transform:none;opacity:.94;box-shadow:0 4px 12px #0006}.koq-back-top[hidden]{display:none!important}
@media(max-width:800px){.paper{padding:12px 12px 22px}.paper:before{inset:4px}.koq-theme-toggle{position:relative;top:auto;right:auto;margin:0 0 8px auto;display:flex;width:max-content}.eyebrow{letter-spacing:.5px}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:12px 0 9px}nav button{white-space:normal;line-height:1.05;padding:8px 4px;min-height:43px;box-shadow:2px 2px 0 #806e52;font-size:clamp(10px,2.1vw,13px);word-break:normal}nav button.profile-nav{width:auto;min-width:0}.marquee{font-size:11px}main{padding-top:12px}.koq-logo-studio{padding:10px}.koq-lab-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.koq-lab-tabs button{font-size:clamp(10px,2vw,13px);padding:7px 3px;min-height:42px}.filters>*{min-width:0}.postgrid,.videoGrid{gap:9px}.note,.post{padding:11px}}
@media(max-width:520px){body{font-size:16px}.paper{padding:9px 9px 18px;box-shadow:none}.eyebrow{font-size:10px}header .koq-logo{max-width:min(180px,55vw)}.subtitle{font-size:12px}nav button{font-size:11px;min-height:40px;padding:7px 3px}h2{font-size:25px}h2 small{font-size:14px}.marquee{padding:6px 2px;letter-spacing:0}.postgrid,.videoGrid{grid-template-columns:minmax(0,1fr)}.note,.post{padding:10px}.filters{gap:5px}.filters input{min-width:0}.split{align-items:stretch}.split>*{max-width:100%}.koq-logo-studio{padding:7px}.koq-studio-actions{gap:5px}.koq-studio-actions button{padding:7px}.koq-back-top{width:39px;height:39px;right:9px;bottom:calc(9px + env(safe-area-inset-bottom))}input,textarea,select{font-size:16px} .koq-pet-v71{max-height:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Pocket Hed background-timer preference lives inside the HUD widgetz menu. */
.phed-widgets-panel .phed-background-setting{display:flex;align-items:flex-start;gap:.55rem;line-height:1.4;padding:.6rem .35rem;border-top:1px dashed currentColor;margin-top:.45rem}.phed-widgets-panel .phed-background-setting input{flex:none;margin-top:.2rem}

/* 7.4: KoQ play prompt only when Logo Lab is collapsed */
.koq-logo-play-wrap{position:relative;width:fit-content;max-width:100%;margin:0 auto;isolation:isolate}
.koq-logo-play-wrap .koq-logo-trigger{margin:0 auto}
.koq-play-bubble{position:absolute;z-index:4;right:-58px;top:9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:112px;padding:9px 13px!important;border:3px solid #322117!important;border-radius:18px 18px 18px 4px!important;background:#fff0bc!important;color:#2d1c13!important;box-shadow:4px 5px 0 #33241a80!important;transform:rotate(5deg);cursor:pointer;font-family:inherit;line-height:1.1;text-align:center;animation:koq-play-float 3s ease-in-out infinite}
.koq-play-bubble strong{font-size:clamp(13px,1.8vw,17px);white-space:nowrap}.koq-play-bubble small{font-size:10px;font-weight:700;letter-spacing:.4px;opacity:.8;white-space:nowrap}
.koq-play-bubble::after{content:"";position:absolute;left:-11px;bottom:6px;width:14px;height:14px;background:#fff0bc;border-left:3px solid #322117;border-bottom:3px solid #322117;transform:rotate(45deg)}
.koq-play-bubble[hidden]{display:none!important}
@keyframes koq-play-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:600px){.koq-play-bubble{right:-30px;top:5%;min-width:90px;padding:7px 9px!important}.koq-play-bubble strong{font-size:12px}.koq-play-bubble small{font-size:9px}}
@media(max-width:370px){.koq-play-bubble{right:-17px;top:0}}
html[data-theme="dark"] .koq-play-bubble{background:#e5cfa0!important;color:#211a18!important}
html[data-theme="dark"] .koq-play-bubble::after{background:#e5cfa0}
@media(prefers-reduced-motion:reduce){.koq-play-bubble{animation:none}}

/* KoQ 7.5 Pocket Hed soundtrack controls */
.phed-music-settings{display:grid;gap:.3rem;padding:.45rem .7rem;margin:.4rem 0;background:rgba(128,110,85,.11);border:1px dashed currentColor;border-radius:9px}.phed-music-settings label{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.85rem}.phed-music-settings input[type=range]{width:100%;accent-color:#659f78;cursor:pointer}.phed-music-settings small{font-size:.72rem;opacity:.78}.phed-toolbar{flex-wrap:wrap}#phedMusicToggle[aria-pressed=true]{box-shadow:inset 0 0 0 2px #70ab79}

/* KoQ 7.6: Pocket Hed dialogue and loyalty */
.koq-bond{border:2px solid var(--ink,#35251d);border-radius:12px;padding:12px;margin:10px 0;background:var(--paper,#f5e7c6);max-width:100%;color:inherit}
.koq-bond-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.koq-bond progress{display:block;width:100%;height:12px;margin:7px 0}
.koq-bond-warning{font-size:.78rem;line-height:1.4;margin:6px 0 10px}
.koq-bond-speech{padding:10px;border:2px solid currentColor;border-radius:10px;background:rgba(140,110,65,.12);font-size:.92rem;min-height:3em}
.koq-bond-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin-top:9px}
.koq-bond-options button{font-size:.82rem;min-height:40px}
.koq-bond-options button:disabled{opacity:.55;cursor:wait}
#koqPetBondStatus{display:block;min-height:1.2em;margin-top:6px}
@media(max-width:480px){.koq-bond{padding:9px}.koq-bond-options{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 7.7: genuinely compact Logo Lab and Pocket Hed — existing controls/IDs unchanged */
#koqLogoStudio.koq-logo-studio{width:min(100%,660px);max-width:660px;margin:6px auto 8px;padding:8px 10px;border-width:2px;box-shadow:3px 4px 0 #24180e55;font-size:12px;line-height:1.18}
#koqLogoStudio .koq-studio-heading{margin-bottom:4px;gap:5px}
#koqLogoStudio .koq-studio-heading strong{font-size:13px}
#koqLogoStudio .koq-lab-tabs{margin:5px 0 7px;gap:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#koqLogoStudio .koq-lab-tabs button{min-width:0;min-height:31px;padding:5px 3px;font-size:11px;line-height:1.12}
#koqLogoStudio button{padding:5px 7px;font-size:11px;line-height:1.2}
#koqLogoStudio label{font-size:11px;margin-top:5px;gap:6px}
#koqLogoStudio select,#koqLogoStudio input:not([type=checkbox]):not([type=range]){padding:4px 6px;min-height:29px;font-size:12px}
#koqLogoStudio input[type=range]{max-width:130px}
#koqLogoStudio .koq-studio-actions{gap:4px}
#koqLogoStudio .koq-studio-note{font-size:10px;margin:5px 0}
#koqLogoStudio .koq-pet-v71{max-width:100%;max-height:min(70dvh,570px);padding:7px 9px;border-radius:9px;font-size:12px;overflow:auto}
#koqLogoStudio .phed-topbar{margin-bottom:5px;gap:4px}
#koqLogoStudio .phed-topbar strong{font-size:12px}
#koqLogoStudio .phed-toolbar{gap:4px}
#koqLogoStudio .phed-toolbar button{font-size:10px;padding:4px 6px;min-height:28px}
#koqLogoStudio .phed-hud{gap:7px}
#koqLogoStudio .phed-portrait{flex:0 0 28%;min-width:78px;padding:4px;border-radius:7px}
#koqLogoStudio .phed-portrait .koq-pet-face{font-size:clamp(2rem,5vw,3.3rem)}
#koqLogoStudio .phed-portrait strong{font-size:12px}
#koqLogoStudio .phed-portrait .phed-active-hat{font-size:19px}
#koqLogoStudio .phed-portrait .phed-active-wear{font-size:16px}
#koqLogoStudio .phed-status{min-width:0}
#koqLogoStudio .koq-pet-stats{gap:3px 5px}
#koqLogoStudio .koq-pet-stats label{font-size:10px;margin:0}
#koqLogoStudio .phed-quick{gap:4px;margin:5px 0}
#koqLogoStudio .phed-quick button{padding:5px 3px;min-height:29px;font-size:10px}
#koqLogoStudio .phed-nav{gap:3px;margin:4px 0}
#koqLogoStudio .phed-nav button{padding:5px 3px;font-size:10px;min-height:30px}
#koqLogoStudio .phed-screen{padding:7px;max-height:24dvh;overflow:auto;font-size:11px}
#koqLogoStudio .phed-screen h3{font-size:14px;margin:3px 0}
#koqLogoStudio .phed-screen p{font-size:11px;margin:4px 0 6px}
#koqLogoStudio .phed-style-fields{gap:5px;margin:6px 0}
#koqLogoStudio .phed-style-preview{margin:5px auto}
#koqLogoStudio .phed-style-backdrop{height:105px}
#koqLogoStudio .phed-style-pet{font-size:48px}
#koqLogoStudio .phed-style-hat{font-size:23px;top:6px}
#koqLogoStudio .phed-style-outfit{font-size:20px;top:64px}
#koqLogoStudio .phed-style-prop{font-size:27px}
#koqLogoStudio .phed-widgets-panel{padding:7px;font-size:11px}
#koqLogoStudio .phed-widgets-panel p{font-size:11px}
#koqLogoStudio .phed-music-settings{font-size:11px}
/* Fullscreen deliberately retains more room for the game and readable controls. */
#koqLogoStudio .koq-pet-v71:fullscreen{max-width:none;max-height:none;width:100vw;height:100dvh;padding:clamp(10px,2vw,20px)}
#koqLogoStudio .koq-pet-v71:fullscreen .phed-screen{max-height:none;flex:1}
#koqLogoStudio .koq-pet-v71:fullscreen .phed-portrait .koq-pet-face{font-size:clamp(3.5rem,12vh,8rem)}
@media(max-width:600px){
 #koqLogoStudio.koq-logo-studio{width:100%;padding:5px 6px;margin:4px auto}
 #koqLogoStudio .koq-lab-tabs button{font-size:10px;min-height:34px}
 #koqLogoStudio .koq-pet-v71{max-height:min(75dvh,590px);padding:5px 6px}
 #koqLogoStudio .phed-portrait{flex-basis:27%;min-width:70px;padding:3px}
 #koqLogoStudio .phed-portrait .koq-pet-face{font-size:2.3rem}
 #koqLogoStudio .phed-nav button{font-size:9px;padding:5px 2px}
 #koqLogoStudio .phed-screen{max-height:26dvh;padding:5px}
 #koqLogoStudio .phed-style-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 #koqLogoStudio .phed-quick button{font-size:9px}
}
@media(max-width:380px){#koqLogoStudio .phed-style-fields{grid-template-columns:1fr}#koqLogoStudio .phed-toolbar button{font-size:9px}}

/* 7.9 public Pocket Hed kennel */
.koq-public-pets{margin:12px 0}.koq-public-pets-results{margin-top:9px;display:grid;gap:8px}.koq-public-pets-results[hidden]{display:none}.koq-public-pet-card{padding:10px;border:1px dashed var(--ink,#51402e);border-radius:9px;background:rgba(173,136,83,.08)}.koq-public-pet-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:5px;margin-top:7px;font-size:.85em}.koq-pet-active{font-size:.75em;font-weight:700}

/* 8.1 Pocket Hed home-screen collapsible dialogue */
.phed-talk-accordion{margin:6px 0 10px;min-width:0}
.phed-talk-toggle{display:block;width:100%;text-align:left;font-weight:800;letter-spacing:.02em;padding:9px 12px}
#phedTalkContent{padding-top:7px}
#phedTalkContent[hidden]{display:none!important}
#phedTalkContent .koq-bond{margin:0;max-width:100%}

/* KoQ 8.2: compact ambient Logo Lab and expressive Hed */
#koqLabLogoPanel{position:relative;isolation:isolate}
.koq-atmosphere{position:relative;border:1px dashed var(--ink,#65533e);border-radius:12px;padding:8px;margin:6px 0 9px;background:linear-gradient(110deg,rgba(255,210,112,.11),rgba(154,125,232,.09),rgba(108,207,178,.1));overflow:hidden}
.koq-atmosphere-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}
.koq-atmosphere-actions button{font-size:.74rem;padding:5px 8px;min-height:30px}
.koq-oracle-text{font-size:.76rem;text-align:center;margin:6px 0 0;min-height:1.3em}
.koq-aura-on #koqLabLogoPanel:before{content:'';pointer-events:none;position:absolute;inset:0;z-index:-1;border-radius:14px;background:radial-gradient(ellipse at 15% 20%,rgba(255,205,96,.20),transparent 55%),radial-gradient(ellipse at 85% 75%,rgba(154,100,255,.13),transparent 60%);animation:koqAuraBreathe 7s ease-in-out infinite alternate}
@keyframes koqAuraBreathe{from{opacity:.4;transform:scale(.99)}to{opacity:1;transform:scale(1.01)}}
.koq-cursor-spark{position:absolute;z-index:6;pointer-events:none;font-style:normal;color:#e4a737;text-shadow:0 0 6px #fff;font-size:17px;animation:koqSparkOut .65s ease-out forwards}
@keyframes koqSparkOut{to{opacity:0;transform:translateY(-22px) rotate(55deg) scale(.3)}}
.koq-confetti-layer{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden}
.koq-confetti-layer span{position:absolute;top:-10px;left:var(--x);font-size:15px;color:hsl(var(--hue),75%,48%);animation:koqConfettiFall 1.65s ease-in var(--delay) forwards}
@keyframes koqConfettiFall{to{opacity:0;transform:translate(var(--dx),420px) rotate(540deg)}}
.koq-oracle-jolt{animation:koqOracleJolt .5s ease-out!important}
@keyframes koqOracleJolt{25%{transform:rotate(-6deg) scale(1.06)}60%{transform:rotate(5deg)}100%{transform:rotate(0)}}
.phed-chirp-status{text-align:center;font-size:.72rem;opacity:.85;padding:3px 6px}
#koqPetFace{cursor:pointer;user-select:none}
#koqPetFace:focus-visible{outline:2px solid #bd8639;outline-offset:3px}
.koq-hed-boop{animation:koqHedBoop .55s ease-out!important}
@keyframes koqHedBoop{35%{transform:scale(1.2) rotate(-9deg)}70%{transform:scale(.94) rotate(6deg)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.koq-aura-on #koqLabLogoPanel:before,.koq-hed-boop,.koq-oracle-jolt{animation:none!important}}

/* 8.3 interactive milk particle overlay */
#koqMilkCanvas{position:fixed;inset:0;z-index:9990;pointer-events:none;contain:strict}#koqMilkCanvas[hidden]{display:none!important}
#koqMilkToggle{position:fixed;right:12px;bottom:54px;z-index:9991;font-size:10px;line-height:1.2;padding:5px 8px;min-height:28px;border-radius:9px;opacity:.76;box-shadow:0 2px 8px #0002}#koqMilkToggle:hover,#koqMilkToggle:focus-visible{opacity:1}
@media(max-width:640px),(pointer:coarse){#koqMilkToggle{display:none!important}}
@media(prefers-reduced-motion:reduce){#koqMilkCanvas,#koqMilkToggle{display:none!important}}

/* KoQ button hover guide — unobtrusive cursor-side explanations */
.koq-button-guide{position:fixed;z-index:2147483000;pointer-events:none;box-sizing:border-box;width:max-content;max-width:min(260px,calc(100vw - 24px));padding:9px 11px;border:1px solid #68523b;border-radius:11px;background:rgba(255,248,226,.97);color:#2c241c;box-shadow:0 5px 20px #0003;font-size:12px;line-height:1.4;text-align:left;overflow-wrap:anywhere;backdrop-filter:blur(7px)}.koq-button-guide[hidden]{display:none!important}.koq-button-guide-title{display:block;font-size:12px;font-weight:800;margin-bottom:3px}.koq-button-guide-description{display:block;font-size:11px;font-weight:400}.koq-button-guide[data-open]{animation:koqGuideIn .12s ease-out}@keyframes koqGuideIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}[data-theme="dark"] .koq-button-guide{background:rgba(36,31,29,.97);color:#f5e8d2;border-color:#ac8961}@media(hover:none){.koq-button-guide{display:none!important}}@media(prefers-reduced-motion:reduce){.koq-button-guide[data-open]{animation:none}}

/* KoQ 8.7 */
.koq-cred{margin:1rem 0;padding:1rem;border:2px dashed var(--ink,#34291c);border-radius:14px}.koq-cred .actions{display:flex;gap:.5rem;flex-wrap:wrap}.koq-ranks{padding-left:1.8rem}.koq-ranks li{padding:.55rem;border-bottom:1px dashed #a88b64;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.koq-ranks b{white-space:nowrap}
.koq-creator-badge{display:inline-block;font-size:.72rem;font-weight:800;background:#ffdf89;color:#30200d;padding:.15rem .4rem;border:1px solid #806019;border-radius:9px;margin:.2rem .4rem .2rem 0}

/* v8.9: visible verification workflow */
#koqStreetCred{display:block!important;visibility:visible!important;scroll-margin-top:2rem}#koqStreetCred .koq-verify-steps{font-weight:600;line-height:1.8}#koqStreetCred .actions{align-items:center}#koqYoutubeUrl{display:block;min-width:min(100%,290px);width:min(100%,500px);padding:.65rem;border:2px solid #756048;border-radius:8px}#koqYoutubeLink{font-size:1rem;font-weight:800;padding:.85rem 1rem;background:#f4d078;color:#291b10;border:2px solid #4b3420;border-radius:10px;cursor:pointer}#koqYoutubeStatus{padding:.65rem 0;min-height:1.5em}.koq-verify-challenge{margin:1rem 0;padding:1rem;background:#fff3d4;color:#2b2218;border:2px dashed #75522d;border-radius:12px}.koq-verify-challenge[hidden]{display:none!important}#koqYoutubeCode{display:block;user-select:all;font-weight:900;font-size:clamp(1rem,3vw,1.45rem);overflow-wrap:anywhere;letter-spacing:.05em;padding:.8rem;background:#fff;border:1px solid #a38b68;border-radius:8px;margin:.6rem 0}#koqYoutubeCopy{margin-bottom:.5rem}

/* KoQ 9.0 verified-only composer controls */
.koq-street-trigger{display:inline-flex;align-items:center;gap:.3rem;margin:.35rem .35rem .5rem 0;padding:.42rem .7rem;border:2px dashed #7e5a24;border-radius:8px;background:#e8ce86;color:#35250e;font:inherit;font-weight:800;cursor:pointer}
.koq-street-trigger[hidden],.koq-street-picker[hidden]{display:none!important}
.koq-street-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.3rem 0 .8rem;padding:.6rem;border:2px solid #7e5a24;border-radius:9px;background:#e8d5aa;color:#30200c;max-width:100%;box-sizing:border-box}
.koq-street-picker strong{width:100%;font-size:.85rem}
.koq-street-picker button{font-size:1.35rem;cursor:pointer;padding:.3rem .5rem;border-radius:7px;border:1px solid #8b6a32;background:#fff6dc}

/* v9.2: private verified-owner channel control */
.koq-profile-unlink { margin: .75rem 0 .3rem; }
.koq-profile-unlink-status:empty { display:none; }

/* v9.3: YouTube verification belongs exclusively to the Profile tab.
   Respect the hidden attribute even though earlier CSS forces display:block. */
#koqStreetCred[hidden], #koqCredEmoji[hidden] { display:none !important; }
#fans #koqStreetCred { margin:1rem 0; }

/* KoQ v9.4 first-visitor interactive tutorial */
.koq-tour-replay-wrap{margin:2rem auto 0;padding:1.25rem;text-align:center;border:2px dashed currentColor;border-radius:12px;max-width:640px}.koq-tour-replay{font-weight:800;letter-spacing:.04em}.koq-tour-replay-caption{font-size:.85rem;opacity:.75;margin:.65rem 0 0}
.koq-tour-overlay[hidden]{display:none!important}.koq-tour-overlay{position:fixed;inset:0;z-index:2147483000;pointer-events:none}.koq-tour-shade{position:absolute;inset:0;background:rgba(10,9,7,.67);pointer-events:auto}.koq-tour-target{position:relative!important;z-index:2147483001!important;outline:4px solid #e4b54f!important;outline-offset:5px!important;box-shadow:0 0 0 9px rgba(228,181,79,.25)!important;scroll-margin:100px;pointer-events:none!important}.koq-tour-panel{position:fixed;z-index:2147483002;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#f5e8c7;color:#272014;border:3px solid #382a1a;border-radius:14px;box-shadow:8px 10px 0 rgba(0,0,0,.32);padding:18px;pointer-events:auto;font-family:inherit}.koq-tour-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.koq-tour-kicker{font-size:.72rem;font-weight:900;letter-spacing:.05em}.koq-tour-panel button{background:#36291b!important;color:#fff2d5!important;border:1px solid #36291b!important;border-radius:7px;padding:8px 11px;cursor:pointer;font-weight:800}.koq-tour-panel button:focus-visible{outline:3px solid #c27d20;outline-offset:2px}.koq-tour-panel button:disabled{opacity:.35;cursor:not-allowed}.koq-tour-progress{height:7px;background:#c9b68e;border-radius:9px;overflow:hidden;margin:14px 0 6px}.koq-tour-progress>div{height:100%;background:#805421;transition:width .2s}.koq-tour-count{font-size:.75rem;opacity:.8;font-weight:800}.koq-tour-panel h2{font-size:1.2rem;margin:12px 0 8px;color:#272014}.koq-tour-panel p{line-height:1.5}.koq-tour-controls{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:18px}.koq-tour-hint{font-size:.72rem;opacity:.75;margin-bottom:0}@media(max-width:600px){.koq-tour-panel{padding:12px;box-shadow:3px 4px 0 rgba(0,0,0,.3)}.koq-tour-panel h2{font-size:1.03rem}.koq-tour-panel p{font-size:.88rem}.koq-tour-controls button{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.koq-tour-progress>div{transition:none}}

.koq-profile-youtube-controls[hidden]{display:none!important;}
.koq-profile-youtube-controls{margin-top:1rem;}

/* v9.9.2 — natural staggered pin board. Only the wall is affected. */
#posts.postgrid {
  grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));
  gap:26px 22px;
  align-items:start;
  padding:15px 14px 26px;
}
#posts.postgrid > .post {
  min-width:0;
  width:100%;
  margin:0;
  position:relative;
  transform:translate(var(--pin-x,0px),var(--pin-y,0px)) rotate(var(--pin-angle,0deg));
  transition:transform .18s ease,box-shadow .18s ease;
}
#posts.postgrid > .post:nth-child(8n+1){--pin-x:-5px;--pin-y:2px;--pin-angle:-1.7deg}
#posts.postgrid > .post:nth-child(8n+2){--pin-x:5px;--pin-y:17px;--pin-angle:1.3deg}
#posts.postgrid > .post:nth-child(8n+3){--pin-x:-3px;--pin-y:-7px;--pin-angle:-.7deg}
#posts.postgrid > .post:nth-child(8n+4){--pin-x:3px;--pin-y:11px;--pin-angle:1.8deg}
#posts.postgrid > .post:nth-child(8n+5){--pin-x:5px;--pin-y:-4px;--pin-angle:-1.1deg}
#posts.postgrid > .post:nth-child(8n+6){--pin-x:-6px;--pin-y:13px;--pin-angle:.9deg}
#posts.postgrid > .post:nth-child(8n+7){--pin-x:2px;--pin-y:5px;--pin-angle:-1.4deg}
#posts.postgrid > .post:nth-child(8n+8){--pin-x:-2px;--pin-y:-9px;--pin-angle:.6deg}
#posts.postgrid > .post:focus-within {z-index:2;}
#posts.postgrid > .post:hover {z-index:2;box-shadow:6px 9px 0 #6c543a55;}
@media(max-width:520px){
  #posts.postgrid {grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 15px;padding:12px 7px 22px;}
  #posts.postgrid > .post {--pin-x:0px;}
  #posts.postgrid > .post .actions {gap:4px;}
  #posts.postgrid > .post .actions button {font-size:11px;padding:6px;}
}
@media(max-width:350px){#posts.postgrid {grid-template-columns:minmax(0,1fr);}}
@media(prefers-reduced-motion:reduce){#posts.postgrid > .post{transition:none;}}

/* v9.9.3 — smaller pin notes, natural offsets retained. */
#posts.postgrid {
  grid-template-columns:repeat(auto-fill,minmax(min(100%,155px),155px));
  justify-content:start;
  gap:26px 20px;
}
#posts.postgrid > .post { font-size:clamp(13px,1.35vw,17px); padding:10px; }
#posts.postgrid > .post h3 {font-size:clamp(16px,1.7vw,20px);}
#posts.postgrid > .post .actions button {font-size:11px;padding:5px 6px;}
/* The embedded featured player now sits right of the category filter,
   immediately below the Tape Dek heading. Only this instance is resized. */
#music .koq-tapedeck-toolbar {
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:16px;flex-wrap:wrap;margin:8px 0 18px;
}
#music .koq-tapedeck-toolbar > .filters {margin:0;flex:0 0 auto;}
#music .koq-tapedeck-toolbar > .featured-upload {
  width:min(100%,460px);max-width:460px;flex:0 1 460px;
  margin:0;padding:7px;transform:none;
}
#music .featured-upload .featured-upload__body {
  display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);
  align-items:start;gap:10px;
}
#music .featured-upload .featured-upload__player {width:100%;aspect-ratio:16/9;}
#music .featured-upload .featured-upload__details {min-width:0;margin:0;}
#music .featured-upload .featured-upload__heading {font-size:12px;line-height:1.2;margin:0 0 3px;}
#music .featured-upload .featured-upload__details h3 {font-size:13px;margin:3px 0;}
#music .featured-upload .featured-upload__details .meta {font-size:10px;}
#music .featured-upload .featured-upload__details p {display:none;}
#music .featured-upload .featured-upload__details a {font-size:10px;}
@media(max-width:520px){
  #posts.postgrid {grid-template-columns:repeat(2,minmax(0,155px));gap:20px 14px;padding:12px 6px 22px;}
  #music .koq-tapedeck-toolbar {gap:10px;}
  #music .koq-tapedeck-toolbar > .featured-upload {flex:1 1 100%;}
}
@media(max-width:350px){#posts.postgrid {grid-template-columns:minmax(0,1fr);}}

/* v9.9.4 — notes start short, then expand in place without changing grid width. */
#posts.postgrid > .post .pin-body {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  margin:7px 0;
}
#posts.postgrid > .post.pin-collapsed .pin-body {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
  max-height:4.2em;
}
#posts.postgrid > .post.pin-collapsed .replies {display:none;}
#posts.postgrid > .post .pin-expand-toggle {
  display:block;width:100%;margin:7px 0 8px;
  padding:5px 4px;font-size:10px;line-height:1.25;
  transform:none;box-shadow:2px 2px 0 #806e52;
}
#posts.postgrid > .post.pin-collapsed .actions {margin-top:3px;}
#posts.postgrid > .post.pin-expanded {z-index:1;}

/* 9.9.5 — slimmer, taller, clearer Logo Lab section tabs */
#koqLogoStudio.koq-logo-studio{width:min(100%,600px);max-width:600px}
#koqLogoStudio .koq-lab-tabs{max-width:555px;margin:5px auto 7px;gap:6px}
#koqLogoStudio .koq-lab-tabs button{min-height:46px;font-size:13px;line-height:1.15;padding:8px 5px}
@media(max-width:600px){
 #koqLogoStudio.koq-logo-studio{width:100%;max-width:100%}
 #koqLogoStudio .koq-lab-tabs{max-width:100%;gap:4px}
 #koqLogoStudio .koq-lab-tabs button{min-height:49px;font-size:12px;padding:8px 3px}
}

/* v9.9.6 — hide post actions until the corresponding note is expanded.
   This only targets the pin board, leaving actions elsewhere unchanged. */
#posts.postgrid > .post.pin-collapsed .actions { display:none; }
#posts.postgrid > .post.pin-expanded .actions { display:flex; }


/* v9.9.8: detachable desktop controls outside the central Pocket Hed game. */
#koqLogoStudio.koq-side-deck-active{position:relative;overflow:visible}
#koqLogoStudio .koq-side-deck{position:absolute;top:82px;width:210px;box-sizing:border-box;padding:10px;background:var(--paper,#e8d8b7);color:var(--ink,#2e241b);border:2px solid #735039;border-radius:11px;box-shadow:3px 5px 0 #0003;max-height:min(74dvh,690px);overflow-y:auto;text-align:left;z-index:8}
#koqLogoStudio .koq-side-deck-left{right:calc(100% + 12px)}
#koqLogoStudio .koq-side-deck-right{left:calc(100% + 12px)}
#koqLogoStudio .koq-side-deck-heading{display:block;margin:0 0 10px;font-size:12px;letter-spacing:.05em;text-align:center}
#koqLogoStudio .koq-side-deck .phed-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:8px}
#koqLogoStudio .koq-side-deck .phed-toolbar button{font-size:10px;padding:7px 2px;min-width:0}
#koqLogoStudio .koq-side-deck .phed-quick .koq-studio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
#koqLogoStudio .koq-side-deck .phed-nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:6px}
#koqLogoStudio .koq-side-deck .phed-nav button{white-space:normal;min-height:38px}
#koqLogoStudio .koq-side-deck .phed-music-settings{margin:8px 0}
#koqLogoStudio .koq-side-deck .phed-widgets-panel{display:flex;flex-direction:column;align-items:stretch}
#koqLogoStudio .koq-side-deck .phed-widgets-panel[hidden]{display:none!important}
@media(max-width:1099px){#koqLogoStudio .koq-side-deck{display:none!important}}

/* v9.9.11: Keep the game and all controls at their normal width and scale.
   Opening Talk expands ONLY the vertical space available to the home/loyalty viewport. */
#koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen){
 max-height:min(88dvh,790px);
}
#koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen) .phed-screen[data-phed-page="home"]{
 max-height:min(58dvh,540px);
 overflow-y:auto;
 overscroll-behavior:contain;
}
@media(max-width:600px){
 #koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen){max-height:min(88dvh,790px)}
 #koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen) .phed-screen[data-phed-page="home"]{max-height:min(56dvh,520px)}
}

/* v9.9.12 — taller loyalty conversation viewport, without scaling or widening the game.
   Override the compact game's height cap so it cannot clip the expanded viewport. */
#koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen){
  max-height:none; height:auto; overflow:visible;
}
#koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen) .phed-screen[data-phed-page="home"]{
  box-sizing:border-box; height:clamp(340px,55dvh,510px);
  min-height:340px; max-height:none; overflow-y:auto; overflow-x:hidden;
  overscroll-behavior:contain; scrollbar-gutter:stable;
}
#koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen) .phed-talk-accordion{
  width:100%; min-width:0;
}
#koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen) #phedTalkContent{
  max-width:100%; min-width:0;
}
#koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen) .koq-bond{
  box-sizing:border-box; width:100%; max-width:100%; margin:8px 0;
}
@media(max-width:600px){
 #koqLogoStudio #koqPocketGame.phed-talk-open:not(:fullscreen) .phed-screen[data-phed-page="home"]{
   height:clamp(310px,50dvh,460px);min-height:310px;max-height:none;
 }
}


/* v9.9.13 — native-resolution text and controls; avoid compositing text on
   transformed surfaces. Do not scale the Pocket Hed game or conversation. */
#koqLogoStudio,
#koqLogoStudio #koqPocketGame,
#koqLogoStudio .phed-screen,
#koqLogoStudio .phed-talk-accordion,
#koqLogoStudio #phedTalkContent,
#koqLogoStudio .koq-side-deck {
  zoom:1;
  filter:none;
  -webkit-backface-visibility:visible;
  backface-visibility:visible;
}
#koqLogoStudio #koqPocketGame,
#koqLogoStudio .phed-screen,
#koqLogoStudio .phed-talk-accordion,
#koqLogoStudio #phedTalkContent,
#koqLogoStudio .koq-side-deck {
  transform:none;
  will-change:auto;
}
/* Disable shrink-on-press for game controls: scale(.96) rasterizes small
   lettering at a fractional size and is especially soft on Windows. */
#koqLogoStudio button:not(:disabled):active,
#koqLogoStudio [role="button"]:not([aria-disabled="true"]):active {
  transform:none;
}
/* Keep the handmade style but avoid tilted text-heavy cards becoming a
   blurry transformed bitmap. A subtle rotated shadow keeps the pin feel. */
#posts.postgrid > .post:nth-child(n) {
  transform:none;
  will-change:auto;
}
#posts.postgrid > .post:nth-child(3n+1){box-shadow:3px 5px 0 #6c543a55}
#posts.postgrid > .post:nth-child(3n+2){box-shadow:5px 4px 0 #6c543a55}
/* Avoid blurry scaled thumbnails, and keep SVG edges vector sharp. */
img,svg{image-rendering:auto}
#koqLogoStudio svg{shape-rendering:geometricPrecision}
/* Consistent legibility for tiny game status labels without changing layout. */
#koqLogoStudio .phed-status,
#koqLogoStudio .phed-screen,
#koqLogoStudio .koq-side-deck {
  text-rendering:optimizeLegibility;
}
/* Prevent text from being smoothed as a flattened layer during hover. */
#koqLogoStudio .phed-screen button,
#koqLogoStudio .koq-side-deck button {
  will-change:auto;
  transition:background-color .15s ease,box-shadow .15s ease,color .15s ease;
}
@media(prefers-reduced-motion:reduce){
 #koqLogoStudio .phed-screen button,
 #koqLogoStudio .koq-side-deck button{transition:none}
}

/* v9.9.14: enforce the selected logo vibe after legacy filter rules.
   CSS custom properties keep the shadow slider working in every theme. */
#koqLogoTrigger .koq-logo {
  --koq-vibe-filter: none;
  --koq-vibe-glow: drop-shadow(0 0 0 transparent);
  filter:var(--koq-vibe-filter) drop-shadow(11px 13px 5px rgba(var(--koq-shadow-color,35,23,15),var(--koq-shadow,1))) var(--koq-vibe-glow);
}
#koqLogoTrigger .koq-logo[data-vibe="classic"] { --koq-shadow-color:35,23,15; --koq-vibe-filter:none; --koq-vibe-glow:drop-shadow(0 0 0 transparent); }
#koqLogoTrigger .koq-logo[data-vibe="neon"] { --koq-shadow-color:177,32,137; --koq-vibe-filter:saturate(2.5) hue-rotate(105deg) contrast(1.12); --koq-vibe-glow:drop-shadow(0 0 12px rgba(40,210,220,.85)); }
#koqLogoTrigger .koq-logo[data-vibe="ink"] { --koq-shadow-color:0,0,0; --koq-vibe-filter:grayscale(1) contrast(1.65); --koq-vibe-glow:drop-shadow(0 0 0 transparent); }
#koqLogoTrigger .koq-logo[data-vibe="gold"] { --koq-shadow-color:107,69,13; --koq-vibe-filter:sepia(.9) saturate(2.3) hue-rotate(345deg) brightness(1.07); --koq-vibe-glow:drop-shadow(0 0 5px rgba(226,160,30,.45)); }
@media(hover:hover){#koqLogoTrigger:hover .koq-logo{filter:var(--koq-vibe-filter) brightness(1.08) drop-shadow(13px 15px 7px rgba(var(--koq-shadow-color,35,23,15),var(--koq-shadow,1))) var(--koq-vibe-glow)}}

/* 9.9.15: profile page subnavigation for public member profiles */
.koq-profile-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.koq-profile-subtabs button{min-width:145px}.koq-profile-subtabs button.active{background:#dba85e;border-color:#53371e;box-shadow:3px 3px 0 #6c4c31}.koq-profile-subtabs [hidden],#koqOwnProfilePane[hidden],#koqFellowProfilePane[hidden]{display:none!important}

/* v9.9.16 — RGB and randomized logo vibes (no raster scaling). */
#koqLogoTrigger .koq-logo.koq-rgb-vibe {
  --koq-shadow-color:85,45,130;
  --koq-vibe-filter:saturate(2.4) contrast(1.12);
  --koq-vibe-glow:drop-shadow(0 0 9px rgba(130,70,255,.72));
  animation:koq-rgb-hue 5s linear infinite;
}
@keyframes koq-rgb-hue {
  0%{filter:hue-rotate(0deg) saturate(2.4) contrast(1.12) drop-shadow(11px 13px 5px rgba(85,45,130,var(--koq-shadow,1))) drop-shadow(0 0 9px rgba(130,70,255,.72))}
  100%{filter:hue-rotate(360deg) saturate(2.4) contrast(1.12) drop-shadow(11px 13px 5px rgba(85,45,130,var(--koq-shadow,1))) drop-shadow(0 0 9px rgba(130,70,255,.72))}
}
@media(prefers-reduced-motion:reduce){#koqLogoTrigger .koq-logo.koq-rgb-vibe{animation:none}}

/* v9.9.19: auth controls in header, directly above left edge of page navigation */
header .koq-header-auth-row {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  margin:14px 0 4px;
  position:relative;
  z-index:2;
}
header .koq-header-auth-row #account {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  text-align:left;
  font-size:clamp(12px,1.5vw,16px);
}
header .koq-header-auth-row #account button {
  transform:none;
  min-height:38px;
  white-space:nowrap;
}
header .koq-header-auth-row + nav { margin-top:8px; }
@media(max-width:600px) {
  header .koq-header-auth-row { margin-top:10px; }
  header .koq-header-auth-row #account { gap:7px; }
}

/* v9.9.23 — compact, responsive shop catalog; inventory layout stays unchanged. */
#stashShop, #koqCredShop {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,165px),1fr));
  align-items:stretch;
  gap:10px;
  margin-top:12px;
}
#stashShop > .stash-item, #koqCredShop > .stash-item {
  min-width:0;
  margin:0;
  padding:11px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  gap:9px;
  text-align:left;
}
#stashShop > .stash-item > div, #koqCredShop > .stash-item > div {
  min-width:0;
  overflow-wrap:anywhere;
  line-height:1.35;
}
#stashShop > .stash-item strong, #koqCredShop > .stash-item strong {
  display:inline;
  font-size:.95rem;
}
#stashShop > .stash-item small, #koqCredShop > .stash-item small {
  margin-top:6px;
  font-size:.77rem;
  line-height:1.35;
}
#stashShop > .stash-item button, #koqCredShop > .stash-item button {
  width:100%;
  margin-top:auto;
  min-height:34px;
}
@media(max-width:420px) {
  #stashShop, #koqCredShop {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  #stashShop > .stash-item, #koqCredShop > .stash-item {padding:8px;}
}

/* v9.9.24 shop browsing and product tiles */
.koq-shop-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}
.koq-shop-toolbar label{font-weight:800;font-size:.82rem}
.koq-shop-toolbar select{min-width:180px;max-width:100%;padding:9px}
#koqShopCount{font-size:.8rem;opacity:.8}
.koq-shop-card .koq-shop-icon{font-size:2rem;line-height:1.3;margin-bottom:6px}
.koq-shop-card .koq-shop-category{display:block;font-size:.68rem;opacity:.75;margin-top:7px;text-transform:uppercase}
.koq-shop-card .koq-shop-purchase{display:flex;flex-direction:column;gap:7px}
.koq-shop-card .koq-shop-purchase strong{font-size:.85rem}

/* v9.9.25: My Loot is collapsed by default; native details handles toggle, keyboard and ARIA. */
.koq-loot-collapse{align-self:start;min-width:0;}
.koq-loot-collapse summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:800;font-size:1.12rem;list-style:none;padding:4px 0;}
.koq-loot-collapse summary::-webkit-details-marker{display:none;}
.koq-loot-collapse summary:focus-visible{outline:3px solid currentColor;outline-offset:4px;}
.koq-loot-chevron{display:inline-block;transition:transform .18s ease;}
.koq-loot-collapse[open] .koq-loot-chevron{transform:rotate(180deg);}
.koq-loot-content{padding-top:12px;}

/* v9.9.26: independent collapsible Stash sections */
#stash details.koq-stash-collapse{min-width:0;overflow:hidden}
#stash details.koq-stash-collapse>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;padding:10px 4px;user-select:none}
#stash details.koq-stash-collapse>summary::-webkit-details-marker{display:none}
#stash details.koq-stash-collapse>summary::marker{content:""}
#stash details.koq-stash-collapse>summary .koq-loot-chevron{transition:transform .18s ease}
#stash details.koq-stash-collapse[open]>summary .koq-loot-chevron{transform:rotate(180deg)}
#stash details.koq-stash-collapse>.koq-stash-content{padding-top:10px;min-width:0}
#stash details.koq-stash-collapse>summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* KoQ v9.9.29 — recycled cardboard / torn-paper redesign */
:root,html[data-theme="light"],html[data-theme="dark"]{--koq-ink:#33291f;--koq-card:#c7a77e;color:#33291f;background:#ae8b64;color-scheme:light}
html,body{background:#b6956d!important;color:#33291f!important}
body{background-image:url('assets/koq-cardboard-sheet.webp')!important;background-position:center top!important;background-size:cover!important;background-attachment:fixed!important}
.paper{background:transparent!important;box-shadow:none!important;max-width:1350px}.paper::before{display:none!important}
header,main,footer{background:transparent!important}
h1,h2,h3,h4,.eyebrow,.subtitle,.meta,.marquee{color:#30261d}
.note,.post,.card,.panel,.widget,.shop-item,.shop-card,.phed-screen,.koq-logo-studio,.koq-pet,.koq-bond,.koq-studio-actions,.koq-atmosphere,.koq-npc-shell,dialog,section.note,details.note,article.post,[class*="shop-item"],[class*="stash-card"]{
background-color:#d2b18a!important;background-image:linear-gradient(155deg,#f4e3c13d,#795a3619),url('assets/koq-cardboard-sheet.webp')!important;background-size:cover!important;border:0!important;border-radius:0!important;box-shadow:4px 7px 8px #3b2c2152!important;color:#34291e!important;
clip-path:polygon(0% 2%,3% 1%,8% 2%,14% 0%,22% 2%,30% 1%,39% 2%,47% 0%,55% 2%,64% 1%,72% 2%,81% 0%,90% 2%,97% 1%,100% 4%,98% 14%,100% 24%,99% 37%,100% 49%,98% 61%,100% 76%,99% 89%,100% 97%,93% 99%,85% 98%,75% 100%,66% 98%,57% 100%,47% 98%,38% 100%,28% 98%,19% 100%,10% 98%,2% 99%,0% 96%,2% 84%,0% 71%,1% 59%,0% 46%,2% 33%,0% 19%)}
button,.links a,input[type="submit"],input[type="button"],nav a,[role="button"]{background:#b88e61 url('assets/koq-cardboard-sheet.webp') center/cover!important;color:#292118!important;border:0!important;border-radius:0!important;text-shadow:none!important;box-shadow:2px 4px 5px #3e302352!important;
clip-path:polygon(0% 7%,7% 2%,18% 5%,28% 0%,39% 5%,52% 1%,64% 4%,75% 0%,87% 5%,98% 2%,100% 12%,97% 29%,100% 46%,98% 65%,100% 83%,97% 98%,84% 96%,73% 100%,60% 96%,49% 100%,36% 97%,25% 100%,13% 96%,2% 99%,0% 86%,3% 67%,0% 48%,2% 30%);transition:filter .16s ease!important}
button:hover,.links a:hover,nav .active,[aria-selected="true"]{filter:brightness(1.11) saturate(.88);color:#22180f!important}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px dashed #503c2b!important;outline-offset:3px}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select{background:#f0dfbd!important;color:#30251b!important;border:1px solid #9a7856!important;border-radius:1px!important;box-shadow:inset 1px 2px 3px #56432a21!important}
.post{background-image:linear-gradient(130deg,#ffffff3b,#0000000d)!important}
.post.paper-kraft{background-color:#c8a17b!important}.post.paper-cream{background-color:#ead9b7!important}.post.paper-sage{background-color:#b9c3a7!important}.post.paper-dusty-rose{background-color:#cba8a5!important}.post.paper-slate{background-color:#a9b7bd!important}.post.paper-ochre{background-color:#d4b47d!important}
.post:nth-child(3n+1){transform:rotate(-.65deg)}.post:nth-child(3n+2){transform:rotate(.55deg)}.post:nth-child(3n){transform:rotate(-.25deg)}
.post .meta,.post .pin-body,.post .actions,.post .replies{color:#30271f!important}#postPaperColor{min-width:210px}dialog::backdrop{background:#201a14a8}
@media(max-width:650px){.paper{padding:16px 12px!important}.postgrid{gap:13px}.post{transform:none!important}}@media(prefers-reduced-motion:reduce){button,.links a{transition:none!important}}

/* v9.9.30: one continuous, realistic kraft-cardboard background, no tiled panels. */
html,html[data-theme],body{background-color:#ab875e!important;background-image:none!important;}
body{background-image:url('assets/koq-full-cardboard.webp')!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;background-attachment:fixed!important;min-height:100vh;}
body::before,body::after{background-image:none!important;}
.paper,.paper::before,.paper::after,body>.paper,main,header,footer{background-color:transparent!important;background-image:none!important;}
@media(max-width:700px){body{background-attachment:scroll!important;background-size:cover!important;}}

/* v9.9.31: PAPER COLLAGE visual system. CSS-only; no functional code altered. */
:root,html[data-theme="light"],html[data-theme="dark"]{
 --koq-paper:#e7d9bc;--koq-paper-warm:#dfc8a6;--koq-paper-ink:#332b23;
 --koq-paper-edge:#a48a6d;--koq-paper-shadow:rgba(42,29,18,.27);
 --koq-paper-highlight:rgba(255,255,255,.18);
}
html,body{background-color:#92704e!important;color:var(--koq-paper-ink)!important}
body{
 background-image:url("assets/koq-full-cardboard.webp")!important;
 background-size:cover!important;background-position:center center!important;
 background-attachment:fixed!important;background-repeat:no-repeat!important;
}
.paper,header,main,footer{background:transparent!important;background-image:none!important}
.paper::before,.paper::after{display:none!important}
h1,h2,h3,h4,.eyebrow,.subtitle,.meta{color:#30261d!important}
header .eyebrow{display:table;margin:12px auto;padding:8px 18px;background:#e3d0ac!important;box-shadow:3px 4px 0 #58432c44;transform:rotate(-.7deg)}
/* Paper sheets are deliberately lighter than the cardboard background. */
.note,.post,.card,.panel,.widget,.shop-item,.shop-card,.stash-item,
.phed-screen,.koq-logo-studio,.koq-pet,.koq-bond,.koq-studio-actions,
.koq-atmosphere,.koq-npc-shell,dialog,section.note,details.note,article.post,
[class*="shop-item"],[class*="stash-card"],.koq-shop-card{
 background-color:var(--koq-paper)!important;
 background-image:repeating-linear-gradient(0deg,transparent 0 24px,rgba(115,94,67,.035) 25px 26px),linear-gradient(125deg,#fff8e46b,#ae8e6423)!important;
 background-size:auto!important;
 border:1px solid rgba(104,81,53,.24)!important;
 border-radius:1px!important;
 box-shadow:3px 6px 0 rgba(68,48,30,.16),7px 12px 15px rgba(48,33,20,.18)!important;
 color:var(--koq-paper-ink)!important;
}
.note,.card,.panel,details.note,dialog{padding:clamp(12px,2.2vw,24px)}
/* Irregular edges, without clipping interactive controls or text inside sheets. */
.note,.post,.card,.panel,details.note,.stash-item,.koq-shop-card{
 clip-path:polygon(0% 1.4%,7% .5%,14% 1.1%,22% 0%,30% 1%,39% .4%,48% 1.3%,57% .3%,67% 1.2%,76% .1%,85% 1%,94% .4%,100% 1.7%,99% 13%,100% 27%,99.2% 44%,100% 60%,99.1% 79%,100% 98%,92% 99%,83% 98.5%,74% 100%,65% 99%,55% 100%,46% 99%,37% 100%,28% 99%,18% 100%,9% 99%,0% 98%,1% 83%,0% 66%,1% 49%,0% 32%,1% 16%)!important;
}
.post{background-image:repeating-linear-gradient(0deg,transparent 0 28px,#8b765a13 29px 30px),linear-gradient(135deg,#fff9ec72,#98755219)!important}
.post.paper-kraft{background-color:#d0ae88!important}
.post.paper-cream{background-color:#eee1c9!important}
.post.paper-sage{background-color:#bfc8b0!important}
.post.paper-dusty-rose{background-color:#d5b4ae!important}
.post.paper-slate{background-color:#b6c4c9!important}
.post.paper-ochre{background-color:#d9bc8b!important}
.post:nth-child(3n+1){transform:rotate(-.4deg)}
.post:nth-child(3n+2){transform:rotate(.4deg)}
/* Torn paper tabs for all clickable controls. */
button,.links a,input[type="submit"],input[type="button"],nav a,[role="button"]{
 background:#e0c9a5!important;
 background-image:linear-gradient(150deg,#fff5dd80,#ac876d22)!important;
 color:#33291f!important;
 border:1px solid #aa8c6a88!important;border-radius:0!important;
 box-shadow:2px 3px 0 #6b4f3260,4px 6px 8px #30221333!important;
 text-shadow:none!important;
}
button:hover,.links a:hover,nav a:hover,[role="button"]:hover{background-color:#f0ddbc!important;filter:none!important}
button:active,[role="button"]:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px dashed #453626!important;outline-offset:3px}
nav{background:transparent!important;border:0!important}
nav a,nav button{margin:2px}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select{
 background:#f7edda!important;color:#33291f!important;
 border:1px solid #b4a083!important;border-radius:0!important;
 box-shadow:inset 1px 2px 2px #72583c1a!important;
}
label,summary,small,p,.post .meta,.post .pin-body{color:#3a3026}
#stash details.koq-stash-collapse{background-color:#e7d9bc!important}
#stash details.koq-stash-collapse>summary{padding:12px 8px}
#stashShop>.stash-item,#koqCredShop>.stash-item{background-color:#f0dfc3!important}
footer{color:#3b3025!important}
footer>div,footer>p{display:table;background:#e5d2b2!important;padding:5px 12px;margin:8px auto}
dialog::backdrop{background:rgba(34,25,17,.67)}
/* Keep fixed overlays and their hit targets intact; don't cut off nested content. */
.koq-logo-studio,dialog,.phed-screen,.koq-npc-shell{clip-path:none!important}
@media(max-width:650px){
 .paper{padding:12px!important}
 .post{transform:none!important}
 .note,.card,.panel{padding:12px!important}
 body{background-attachment:scroll!important}
}
@media(prefers-reduced-motion:reduce){button,.post{transition:none!important;transform:none!important}}

/* v9.9.32: Paper labels group Pocket Hed functions. */
.phed-action-category{display:block;width:max-content;max-width:100%;background:#ead9b8;color:#392d21;padding:6px 12px;margin:12px 0 6px;box-shadow:2px 3px 0 #5c422b35;font-size:.85rem;letter-spacing:.025em}
.phed-loyalty-explain{display:block;margin:7px 0 12px;line-height:1.45}
.koq-street-picker{max-height:min(48vh,320px);overflow-y:auto;max-width:min(90vw,410px)}
.koq-street-picker button{margin:3px;min-width:46px;min-height:38px}

/* v9.9.33: Pocket Hed menu deck sits below Game Controls on wide screens. */
@media(min-width:1100px){
 #koqLogoStudio.koq-side-deck-active .koq-side-deck-menus{position:absolute!important;right:0!important;top:calc(50% + 175px)!important;left:auto!important;width:220px!important;max-height:35vh!important;overflow:auto!important;z-index:9!important;}
 #koqLogoStudio.koq-side-deck-active .koq-side-deck-menus .phed-nav{display:flex!important;flex-direction:column!important;gap:6px!important;}
 #koqLogoStudio.koq-side-deck-active .koq-side-deck-menus .phed-nav button{width:100%!important;}
}
#koqPetRenameDialog{max-width:min(92vw,440px);padding:22px;background:#e7d9bc;color:#332b23;border:2px solid #967552;}
#koqPetRenameDialog form{display:grid;gap:12px;}
#koqPetRenameDialog input{width:100%;box-sizing:border-box;}

/* v9.9.34 — both Pocket Hed right-side decks stack alongside the main game. */
@media(min-width:1100px){
 #koqLogoStudio.koq-side-deck-active .koq-side-deck-right{top:14px!important;left:calc(100% + 12px)!important;right:auto!important;width:220px!important;max-height:unset!important;overflow:visible!important}
 #koqLogoStudio.koq-side-deck-active .koq-side-deck-menus{top:calc(14px + var(--koq-game-controls-height, 220px) + 12px)!important;left:calc(100% + 12px)!important;right:auto!important;width:220px!important;max-height:min(46vh,430px)!important;overflow-y:auto!important}
}

/* v9.9.35: accessible pet identity action and higher, unobstructed side panels. */
#koqPetIdentity.phed-identity-trigger{display:block;position:relative;z-index:2;pointer-events:auto!important;cursor:pointer;text-align:left;border:1px solid #9c7e5b!important;min-height:34px;margin:10px 0 7px;transform:none!important}
#koqPetRename{position:relative;z-index:2;pointer-events:auto!important}
.koq-public-pet-names{background:#f2e3c6;border-left:3px solid #9a7850;padding:9px 12px;overflow-wrap:anywhere}
@media(min-width:1100px){
 #koqLogoStudio.koq-side-deck-active .koq-side-deck-right{top:0px!important;z-index:15!important}
 #koqLogoStudio.koq-side-deck-active .koq-side-deck-menus{top:calc(var(--koq-game-controls-height,220px) + 8px)!important;z-index:15!important}
 #koqLogoStudio.koq-side-deck-active .koq-side-deck-right button,#koqLogoStudio.koq-side-deck-active .koq-side-deck-menus button{pointer-events:auto!important}
}

/* v9.9.36 — Ragdoll Lab: paper arcade panel */
.koq-ragdoll-panel{padding:14px;background:#e8d7b7;color:#332b23;max-width:100%;overflow:hidden}
.koq-ragdoll-panel h3,.koq-ragdoll-panel h4{margin:12px 0;color:#392d20}
.koq-ragdoll-panel p{margin:8px 0}
.koq-ragdoll-panel canvas{display:block;width:100%;height:auto;max-width:820px;margin:10px auto;border:5px solid #806649;box-sizing:border-box;touch-action:none;cursor:grab;box-shadow:4px 6px 0 #3b2a2145}
.koq-ragdoll-panel canvas:active{cursor:grabbing}
.koq-ragdoll-tools,.koq-ragdoll-shop,.koq-ragdoll-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.koq-ragdoll-tools label{display:flex;align-items:center;gap:8px}
.koq-ragdoll-shop button[aria-pressed="true"]{outline:3px solid #77552e;outline-offset:1px}
.koq-ragdoll-stats span{background:#f7e7c8;padding:6px 10px;border:1px solid #9d8465}
#koqLabRagdollTab{white-space:normal}

/* v9.9.37 — individually colored KoQ Logo Lab paper menu tabs */
#koqLogoStudio .koq-lab-tabs{display:flex!important;flex-wrap:wrap;gap:9px!important;align-items:stretch}
#koqLogoStudio .koq-lab-tabs button{flex:1 1 135px;min-width:0;padding:12px 10px!important;color:#29221d!important;font-weight:800;border:2px solid #71583c77!important;border-radius:3px!important;box-shadow:3px 4px 0 #3c2a2250!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#koqLabLogoTab{background:#d7bb87!important;background-image:linear-gradient(135deg,#f5e2bb55,#a88b6140)!important}
#koqLabPetTab{background:#b9c7a5!important;background-image:linear-gradient(135deg,#ecf1df66,#83946b33)!important}
#koqLabDawTab{background:#b4bdcf!important;background-image:linear-gradient(135deg,#ecf1ff66,#8395b133)!important}
#koqLabRagdollTab{background:#d7aaa0!important;background-image:linear-gradient(135deg,#ffe8e066,#a36b6633)!important}
#koqLogoStudio .koq-lab-tabs button.koq-lab-active{outline:3px dashed #42311e!important;outline-offset:2px;transform:translateY(-2px);box-shadow:4px 6px 0 #3c2a2266!important}
#koqLogoStudio .koq-lab-tabs button:hover{filter:brightness(1.07)!important}
#koqLabRagdollPanel:not([hidden]){display:block!important;min-width:0}

/* v9.9.38 — functional, accessible charcoal-cardboard dark theme */
html[data-theme="dark"]{color-scheme:dark!important;--koq-paper:#493d33;--koq-paper-warm:#514234;--koq-paper-ink:#f3e5d0;--koq-paper-edge:#8c7357;--koq-paper-shadow:rgba(0,0,0,.45);--koq-ink:#f3e5d0;--koq-card:#544536;--paper:#514235;--ink:#f3e5d0;background:#29231f!important;color:#f3e5d0!important}
html[data-theme="dark"] body{background-color:#29231f!important;background-image:linear-gradient(rgba(14,13,13,.76),rgba(14,13,13,.76)),url("assets/koq-full-cardboard.webp")!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;color:#f3e5d0!important}
html[data-theme="dark"] .paper,html[data-theme="dark"] header,html[data-theme="dark"] main,html[data-theme="dark"] footer{background:transparent!important;color:#f3e5d0!important}
html[data-theme="dark"] .note,html[data-theme="dark"] .post,html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .widget,html[data-theme="dark"] .shop-item,html[data-theme="dark"] .shop-card,html[data-theme="dark"] .stash-item,html[data-theme="dark"] .phed-screen,html[data-theme="dark"] .koq-logo-studio,html[data-theme="dark"] .koq-pet,html[data-theme="dark"] .koq-bond,html[data-theme="dark"] .koq-studio-actions,html[data-theme="dark"] .koq-atmosphere,html[data-theme="dark"] .koq-npc-shell,html[data-theme="dark"] dialog,html[data-theme="dark"] section.note,html[data-theme="dark"] details.note,html[data-theme="dark"] article.post,html[data-theme="dark"] [class*="shop-item"],html[data-theme="dark"] [class*="stash-card"],html[data-theme="dark"] .koq-shop-card,html[data-theme="dark"] .koq-ragdoll-panel{background-color:#4b3e33!important;background-image:repeating-linear-gradient(0deg,transparent 0 24px,rgba(240,222,190,.025) 25px 26px),linear-gradient(130deg,#8d70551c,#1e171720)!important;color:#f3e5d0!important;border-color:#8d765d!important;box-shadow:3px 6px 0 #1b1519,7px 12px 18px #0008!important}
html[data-theme="dark"] .post.paper-kraft{background-color:#594536!important}
html[data-theme="dark"] .post.paper-cream{background-color:#615341!important}
html[data-theme="dark"] .post.paper-sage{background-color:#465448!important}
html[data-theme="dark"] .post.paper-dusty-rose{background-color:#634a4c!important}
html[data-theme="dark"] .post.paper-slate{background-color:#43535b!important}
html[data-theme="dark"] .post.paper-ochre{background-color:#635039!important}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] p,html[data-theme="dark"] label,html[data-theme="dark"] summary,html[data-theme="dark"] small,html[data-theme="dark"] .meta,html[data-theme="dark"] .post .pin-body,html[data-theme="dark"] footer,html[data-theme="dark"] footer *{color:#f3e5d0!important}
html[data-theme="dark"] header .eyebrow,html[data-theme="dark"] footer>div,html[data-theme="dark"] footer>p{background:#493b2e!important;color:#f3e5d0!important}
html[data-theme="dark"] button,html[data-theme="dark"] .links a,html[data-theme="dark"] input[type="submit"],html[data-theme="dark"] input[type="button"],html[data-theme="dark"] nav a,html[data-theme="dark"] [role="button"]{background-color:#6c5844!important;background-image:linear-gradient(145deg,#9d805022,#21191522)!important;color:#fff0d7!important;border-color:#ad8f6d!important;box-shadow:2px 3px 0 #151011,4px 6px 8px #0006!important}
html[data-theme="dark"] button:hover,html[data-theme="dark"] nav a:hover{background-color:#826b52!important}
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#302923!important;color:#f7e9d5!important;border-color:#a18869!important}
html[data-theme="dark"] #koqLogoStudio #koqLabLogoTab{background:#746047!important}
html[data-theme="dark"] #koqLogoStudio #koqLabPetTab{background:#52684f!important}
html[data-theme="dark"] #koqLogoStudio #koqLabDawTab{background:#4b6075!important}
html[data-theme="dark"] #koqLogoStudio #koqLabRagdollTab{background:#80524d!important}
html[data-theme="dark"] #koqLogoStudio .koq-lab-tabs button{color:#fff0d7!important}
html[data-theme="dark"] .koq-ragdoll-stats span{background:#514134!important;color:#f3e5d0!important}
html[data-theme="dark"] .phed-widgets-panel,html[data-theme="dark"] #stash details.koq-stash-collapse,html[data-theme="dark"] #stashShop>.stash-item,html[data-theme="dark"] #koqCredShop>.stash-item{background:#493d33!important;color:#f3e5d0!important}
html[data-theme="dark"] #koqThemeToggle{background:#bfa079!important;color:#231b15!important;border:2px solid #ebd3ac!important}
html[data-theme="light"] #koqThemeToggle{background:#e4c99d!important;color:#33291f!important}
@media(max-width:650px){html[data-theme="dark"] body{background-attachment:scroll!important}}

/* v9.9.39: KoQ Hedz public/member profile cards match dark cardboard mode. */
html[data-theme="dark"] #fans .fan-card,
html[data-theme="dark"] #fans .fan-profile-header,
html[data-theme="dark"] #fans .koq-public-pet-names,
html[data-theme="dark"] #fanDirectory .fan-card,
html[data-theme="dark"] #fanProfileView .fan-card,
html[data-theme="dark"] #publicFanProfileView .fan-card{
 background-color:#493d33!important;
 background-image:repeating-linear-gradient(0deg,transparent 0 25px,#e3ccaa09 26px 27px),linear-gradient(130deg,#8b70551e,#21191225)!important;
 border:2px solid #8d765d!important;color:#f3e5d0!important;
 box-shadow:3px 5px 0 #17120f,6px 9px 14px #0008!important;
}
html[data-theme="dark"] #fans .fan-card *,
html[data-theme="dark"] #fans .koq-public-pet-names *,
html[data-theme="dark"] #fanDirectory .fan-card *{color:#f3e5d0!important}
html[data-theme="dark"] #fans .fan-avatar,
html[data-theme="dark"] #fanDirectory .fan-avatar{background:#66523e!important;border-color:#b19470!important;color:#fff0d7!important}
html[data-theme="dark"] #fans .fan-status,
html[data-theme="dark"] #fanDirectory .fan-status{border-color:#9b8164!important;color:#f3e5d0!important}
html[data-theme="dark"] #fans .fan-status.online,
html[data-theme="dark"] #fanDirectory .fan-status.online{background:#435d47!important}
html[data-theme="dark"] #fans .fan-status.offline,
html[data-theme="dark"] #fanDirectory .fan-status.offline{background:#53473f!important}
html[data-theme="dark"] #fans .poster-profile-link{color:#eed2a3!important}

/* 9.9.40: arrow tracking and two-part guided tours */
.koq-tour-part2{display:block;margin:12px auto 0;background:#943a27!important;color:#fff2d8!important;border:2px solid #4c2118!important}
.koq-tour-arrow{position:fixed;z-index:2147483003;color:#f52222;font-family:Arial,sans-serif;font-size:76px;font-weight:900;line-height:1;text-shadow:0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,0 5px 13px #000;pointer-events:none;transform-origin:center;animation:koqArrowPulse .75s ease-in-out infinite alternate}
.koq-tour-arrow[hidden]{display:none!important}
@keyframes koqArrowPulse{from{filter:drop-shadow(0 0 2px #ff3939);opacity:.82}to{filter:drop-shadow(0 0 12px #ff1c1c);opacity:1}}
.koq-tour-target{scroll-margin-block:120px!important}
@media(max-width:600px){.koq-tour-arrow{font-size:50px}.koq-tour-panel{max-height:48dvh}}
@media(prefers-reduced-motion:reduce){.koq-tour-arrow{animation:none}}

/* 9.9.41: Tour dialog uses the browser top layer, above every site stacking context. */
dialog.koq-tour-overlay { position:fixed!important; inset:0!important; margin:0!important; padding:0!important; border:0!important; width:100vw!important; height:100dvh!important; max-width:none!important; max-height:none!important; background:transparent!important; color:inherit; overflow:visible!important; pointer-events:none; }
dialog.koq-tour-overlay::backdrop { background:transparent!important; }
dialog.koq-tour-overlay .koq-tour-shade { z-index:0; }
dialog.koq-tour-overlay .koq-tour-panel { z-index:2; }
dialog.koq-tour-overlay .koq-tour-arrow { z-index:3; }

/* 9.9.42 — dedicated top-layer tour portal, always above Logo Lab UI. */
.koq-tour-overlay[popover]{position:fixed!important;inset:0!important;margin:0!important;padding:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border:0!important;background:transparent!important;overflow:visible!important;pointer-events:none!important;z-index:2147483647!important;transform:none!important;filter:none!important;opacity:1!important;clip-path:none!important;}
.koq-tour-overlay[popover]:popover-open{display:block!important;}
.koq-tour-overlay[popover] .koq-tour-panel{position:fixed!important;z-index:2147483646!important;pointer-events:auto!important;isolation:isolate;}
.koq-tour-overlay[popover] .koq-tour-arrow{position:fixed!important;z-index:2147483647!important;}
.koq-tour-overlay[popover] .koq-tour-shade{z-index:0!important;}
body.koq-tour-running .koq-tour-target{z-index:auto!important;pointer-events:none!important;}

/* v9.9.44: persistent main-menu active page indicator (light and dark). */
header nav button.active,header nav button[aria-current="page"]{background:#a33325!important;color:#fff9e8!important;outline:3px solid #f5bd4d!important;outline-offset:2px;box-shadow:inset 0 -4px 0 #5a1f18,3px 4px 0 #50331e!important;filter:none!important;font-weight:900;}
html[data-theme="dark"] header nav button.active,html[data-theme="dark"] header nav button[aria-current="page"]{background:#a94334!important;color:#fff8e7!important;outline-color:#f3c46b!important;}
header nav button.active:hover,header nav button[aria-current="page"]:hover{filter:brightness(1.08)!important;}

/* v9.9.45 — desktop-only sticky replacement when site header leaves viewport */
.koq-floating-nav{display:none!important;}
@media(min-width:901px){
  .koq-floating-nav.is-visible{
    display:flex!important;position:fixed;top:0;left:50%;transform:translateX(-50%);
    width:max-content;max-width:calc(100vw - 24px);overflow-x:auto;gap:7px;
    align-items:center;justify-content:center;padding:10px 14px;
    z-index:2147483000;border:2px solid #8b5c35;border-top:0;
    border-radius:0 0 16px 16px;background:#e7d3aa;
    box-shadow:0 5px 0 #6e442d,0 12px 28px #0006;
    scrollbar-width:thin;
  }
  .koq-floating-nav button{flex:0 0 auto;cursor:pointer;padding:9px 11px;
    border:2px solid #6f4a2b;border-radius:8px;background:#f7e8c8;
    color:#352314;font:inherit;font-size:12px;font-weight:800;
    box-shadow:2px 3px 0 #795b3d;white-space:nowrap;}
  .koq-floating-nav button:hover,.koq-floating-nav button:focus-visible{background:#ffdc8a;}
  .koq-floating-nav button.active,.koq-floating-nav button[aria-current="page"]{
    background:#a33325;color:#fff9e8;outline:2px solid #f5bd4d;outline-offset:1px;}
  html[data-theme="dark"] .koq-floating-nav.is-visible{background:#29231f;border-color:#a77a4e;}
  html[data-theme="dark"] .koq-floating-nav button{background:#46392f;color:#f4e4c6;border-color:#b58d5e;}
  html[data-theme="dark"] .koq-floating-nav button.active,
  html[data-theme="dark"] .koq-floating-nav button[aria-current="page"]{background:#a94334;color:#fff8e7;}
}

/* v9.9.47 Pocket Hed beginner-friendly layout */
#koqPocketGame .phed-newcomer{background:#f1e3bb;color:#302417;border:2px dashed #8b6138;border-radius:9px;padding:12px 14px;margin:10px 0 14px;box-shadow:2px 3px 0 #967c5633}#koqPocketGame .phed-newcomer-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}#koqPocketGame .phed-newcomer-heading button{padding:3px 9px;min-width:32px}#koqPocketGame .phed-newcomer p{margin:8px 0;line-height:1.5}#koqPocketGame .phed-guide-steps{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}#koqPocketGame .phed-guide-steps span{background:#fff8e6;border:1px solid #a48b60;border-radius:6px;padding:6px 8px;font-size:.85rem;flex:1 1 150px}#koqPocketGame #phedGuideTry{background:#79552e;color:#fff4d9;padding:9px 12px;font-weight:bold;border-radius:6px}#koqPocketGame .phed-section-label{font-size:1rem;margin:12px 0 7px}#koqPocketGame .phed-stat-help,#koqPocketGame .phed-care-explain,#koqPocketGame .phed-talk-intro,#koqPocketGame .phed-identity-intro,#koqPocketGame .phed-explore-intro{font-size:.86rem;line-height:1.5;margin:8px 0;color:inherit;opacity:.88}#koqPocketGame .phed-quick{border:1px solid #a98b60;background:rgba(241,222,184,.34);border-radius:8px;padding:12px;margin:12px 0}#koqPocketGame .phed-quick .koq-studio-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#koqPocketGame .phed-quick .koq-studio-actions button{min-height:45px;white-space:normal;font-weight:bold}#koqPocketGame .phed-quick.phed-care-pulse{outline:3px solid #c34130;outline-offset:3px}#koqPocketGame .phed-nav{margin-top:8px}@media(max-width:650px){#koqPocketGame .phed-quick .koq-studio-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme=dark] #koqPocketGame .phed-newcomer{background:#493c2d;color:#f6e9cf;border-color:#ba9660}[data-theme=dark] #koqPocketGame .phed-guide-steps span{background:#302920;color:#f6e9cf}[data-theme=dark] #koqPocketGame .phed-quick{background:rgba(80,67,48,.45)}

/* 9.9.49: allow native Style option lists to open without clipping */
#koqLogoStudio .phed-screen[data-phed-page="style"],#koqLogoStudio .phed-style-screen,#koqLogoStudio .phed-style-fields{overflow:visible!important;max-height:none!important;}
#koqLogoStudio .phed-screen[data-phed-page="style"]{min-height:390px;height:auto!important;}
#koqLogoStudio .phed-style-screen select{min-height:44px!important;height:44px!important;line-height:normal!important;font-size:15px!important;appearance:auto!important;-webkit-appearance:menulist!important;position:relative;z-index:2;}
#koqLogoStudio .phed-style-fields label{min-height:68px!important;}
#koqLogoStudio .phed-style-screen select:focus{outline:3px solid #d44a2c;outline-offset:2px;}


/* KoQ 9.9.50 — ScrapYard DIY, the mandatory visual identity. Light/dark remain selectable. */
:root{--scrap-ink:#302116;--scrap-sheet:#f2dfb9;--scrap-tape:#e8d5a8;--scrap-red:#b92f27;--scrap-edge:#755234;--scrap-shadow:#35241955}
html[data-theme="dark"]{--scrap-ink:#f5e8d4;--scrap-sheet:#3d332d;--scrap-tape:#6b5845;--scrap-red:#bd302c;--scrap-edge:#a78b6d;--scrap-shadow:#0009}
body{background-color:#785839!important;background-image:linear-gradient(100deg,#3d291a35,transparent 40%,#2c1a1035),url('assets/scrapyard-cardboard.svg')!important;background-size:auto,720px 600px!important}
html[data-theme="dark"] body{background-color:#161514!important;background-image:linear-gradient(#101011d9,#101011df),url('assets/scrapyard-cardboard.svg')!important}
.paper{isolation:isolate;background:linear-gradient(145deg,#d2b48b25,#69482d15),url('assets/scrapyard-cardboard.svg') repeat!important;background-size:auto,720px 600px!important;box-shadow:0 0 0 9px #7d5a37,0 0 0 14px #3b291c,0 16px 45px #1c100d88!important;outline:3px dashed #e6cf9a55;outline-offset:-17px}
html[data-theme="dark"] .paper{background:linear-gradient(#171719d9,#18181cdb),url('assets/scrapyard-cardboard.svg') repeat!important;background-size:auto,720px 600px!important;box-shadow:0 0 0 9px #49392d,0 0 0 14px #0c0b0b,0 16px 45px #000!important}
.paper::before{border:0!important;inset:7px!important;background:repeating-linear-gradient(94deg,transparent 0 75px,#593c2412 76px 78px,transparent 79px 120px);z-index:-1}
header{padding:12px 12px 5px;position:relative}
header::before{content:"";position:absolute;left:5%;right:5%;top:4px;height:20px;background:repeating-linear-gradient(105deg,#f2dfb18a 0 27px,#c3a57799 28px 48px);transform:rotate(-1.4deg);clip-path:polygon(0 16%,8% 0,19% 14%,35% 0,48% 17%,65% 0,83% 19%,100% 0,99% 100%,0 93%);pointer-events:none}
header .koq-logo{filter:drop-shadow(5px 6px 0 #291b173d) drop-shadow(-2px -1px 0 #fff3c055)}
header nav{gap:9px!important}
header nav button,.koq-floating-nav button{position:relative;clip-path:polygon(0 8%,9% 0,20% 6%,35% 0,53% 5%,68% 0,85% 6%,100% 0,98% 82%,89% 100%,68% 94%,47% 100%,25% 94%,0 100%);border:1px solid #755332!important;background:#e9d4a9!important;color:#302319!important;box-shadow:3px 5px 0 #4d332d55!important;transform:rotate(-1deg);transition:transform .15s,filter .15s}
header nav button:nth-child(3n+2){transform:rotate(1.3deg);background:#d4bd95!important}
header nav button:nth-child(4n+3){transform:rotate(-2deg);background:#f0dfbf!important}
header nav button:hover,.koq-floating-nav button:hover{transform:rotate(0) translateY(-3px)!important;filter:brightness(1.06)}
header nav button.active,header nav button[aria-current="page"],.koq-floating-nav button.active,.koq-floating-nav button[aria-current="page"]{background:#c4372e!important;color:#fff8e7!important;outline:2px dashed #f3d27d!important;outline-offset:2px}
.marquee{background:#eddfb9b8;border:0!important;border-block:3px dashed #856747!important;clip-path:polygon(0 8%,10% 0,21% 8%,34% 0,50% 9%,69% 0,84% 7%,100% 0,100% 94%,89% 100%,69% 93%,49% 100%,29% 94%,11% 100%,0 95%);box-shadow:0 4px 7px #38251544}
html[data-theme="dark"] .marquee{background:#342e2c!important;color:#f5e4ca!important;border-color:#a0876b!important}
main .tab{position:relative}
main .tab > h2,main h2, .gallery-section__heading h3{display:table;max-width:100%;padding:5px 22px 7px 14px;background:#d2a875;color:#302117;transform:rotate(-1.2deg);clip-path:polygon(0 0,12% 5%,23% 0,39% 6%,60% 0,79% 5%,100% 0,97% 100%,75% 94%,52% 100%,31% 95%,13% 100%,0 92%);text-shadow:1px 1px #ffedce88}
html[data-theme="dark"] main h2,html[data-theme="dark"] .gallery-section__heading h3{background:#765941;color:#fff0d9}
.note,.post,.video,.fan-card,.featured-upload,.stash-item,.phed-newcomer{position:relative;box-shadow:5px 7px 0 var(--scrap-shadow),0 1px 8px #3b261b33!important;border:2px solid var(--scrap-edge)!important;outline:1px dashed #9c7c555c;outline-offset:-8px;clip-path:polygon(0 1.5%,7% 0,17% 1%,30% 0,45% 1%,60% 0,76% 1%,91% 0,100% 2%,99% 24%,100% 50%,99% 75%,100% 98%,88% 100%,73% 99%,56% 100%,39% 99%,22% 100%,9% 99%,0 100%,1% 73%,0 49%,1% 25%)}
.note::before,.post::before,.video::before,.fan-card::before{content:"";position:absolute;top:-2px;left:37%;width:70px;height:18px;z-index:1;pointer-events:none;background:repeating-linear-gradient(94deg,#d4b68dba 0 10px,#e9d5a8bd 11px 21px);transform:rotate(-3deg);box-shadow:0 1px 2px #36271b35;opacity:.9}
.post:nth-child(3n+1),.video:nth-child(3n+1){transform:rotate(-.7deg)}
.post:nth-child(3n+2),.video:nth-child(3n+2){transform:rotate(.85deg)}
.post:nth-child(3n),.video:nth-child(3n){transform:rotate(-.35deg)}
.post:hover,.video:hover{filter:brightness(1.025)}
main button:not(.video__image),.filters button,.links a{border-radius:1px;clip-path:polygon(0 7%,12% 0,27% 5%,48% 0,67% 5%,83% 0,100% 6%,98% 90%,86% 100%,62% 95%,40% 100%,18% 95%,0 100%)}
input,textarea,select{border:2px dashed #8a6846!important;border-radius:2px!important;box-shadow:inset 2px 2px 3px #4a2d1612;background:#fff0d0}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#312b28!important;color:#f9e9d0!important;border-color:#a78b68!important}
html[data-theme="dark"] .note,html[data-theme="dark"] .post,html[data-theme="dark"] .video{border-color:#98785c!important}
html[data-theme="dark"] header nav button,html[data-theme="dark"] .koq-floating-nav button{background:#6a5340!important;color:#f9e9d0!important;border-color:#b39167!important}
html[data-theme="dark"] header nav button:nth-child(3n+2){background:#514136!important}
html[data-theme="dark"] header nav button.active,html[data-theme="dark"] header nav button[aria-current="page"],html[data-theme="dark"] .koq-floating-nav button.active{background:#b8312d!important;color:#fff9e8!important}
@media(min-width:901px){.koq-floating-nav.is-visible{background:linear-gradient(120deg,#c19b6e,#e0c69c,#b28b5e)!important;border:3px dashed #74502d!important;box-shadow:0 6px 15px #1c140e77!important}html[data-theme="dark"] .koq-floating-nav.is-visible{background:linear-gradient(120deg,#2e2723,#4c3c30,#302723)!important}}
@media(max-width:700px){.paper{outline-offset:-8px}header nav{gap:5px!important}.note::before,.post::before,.video::before{width:44px;height:12px}.postgrid,.videoGrid{gap:14px}.paper{box-shadow:0 0 0 3px #6b4c32,0 0 18px #160f0b88!important}}
@media(prefers-reduced-motion:reduce){header nav button,.koq-floating-nav button{transition:none!important}}
/* Critical overlays must never be covered by decorative scraps. */
[role="dialog"],dialog:modal,.koq-tour-panel,.koq-tour-arrow{isolation:isolate}


/* 9.9.51 — physical collage reconstruction, intentional overlapping paperwork */
:root{--yard-ink:#291c15;--yard-paper:#eed7aa;--yard-card:#c49a6b;--yard-tape:#ecd6a9;--yard-contrast:#fff2d3;--yard-outline:#503522}
html[data-theme="dark"]{--yard-ink:#f6ead6;--yard-paper:#302c2a;--yard-card:#262322;--yard-tape:#8b7356;--yard-contrast:#1e1c1d;--yard-outline:#c6a984}
body{background:#7d5538 url('assets/scrapyard-collage-light.svg') center top/950px auto repeat!important}
html[data-theme="dark"] body{background:#111 url('assets/scrapyard-collage-dark.svg') center top/950px auto repeat!important}
.paper{background:linear-gradient(#e2c399c9,#d0a778d0),url('assets/scrapyard-collage-light.svg') center/1200px repeat!important;border:14px solid transparent!important;border-image:linear-gradient(35deg,#8b603b,#d5b07d,#5f3c25,#c69c67) 14!important;box-shadow:0 18px 65px #1d100dc7!important;overflow:visible!important;position:relative}
html[data-theme="dark"] .paper{background:linear-gradient(#171516dd,#211d1ee8),url('assets/scrapyard-collage-dark.svg') center/1200px repeat!important;border-image:linear-gradient(35deg,#131313,#564234,#121112,#514237) 14!important}
/* decorative wallpaper is behind content and never captures pointer events */
.paper::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.68;background-image:url('assets/scrapyard-collage-light.svg');background-size:1500px auto;mix-blend-mode:multiply;mask-image:linear-gradient(to right,#0009,transparent 22%,transparent 78%,#0009)}
html[data-theme="dark"] .paper::after{background-image:url('assets/scrapyard-collage-dark.svg');mix-blend-mode:screen;opacity:.19}
.paper>header,.paper>main,.paper>footer{position:relative;z-index:1}
header{background:linear-gradient(175deg,#e7cb9dd9,#c49b6fca),url('assets/scrapyard-collage-light.svg') center/1150px!important;border-bottom:9px ridge #97714d!important;box-shadow:0 9px 0 #39271940!important;padding:25px 24px 22px!important}
html[data-theme="dark"] header{background:linear-gradient(175deg,#282525d9,#171516e8),url('assets/scrapyard-collage-dark.svg') center/1150px!important;border-bottom-color:#514033!important}
header::before{height:34px!important;top:0!important;left:8%!important;right:11%!important;transform:rotate(-2deg)!important;background:repeating-linear-gradient(92deg,#fff3c777 0 9px,#aa8b6577 10px 17px)!important;box-shadow:2px 3px 6px #0003!important}
header .eyebrow{background:#e6d0a4!important;color:#3a2618!important;display:table;margin:8px auto 16px!important;padding:5px 20px;transform:rotate(-2deg);box-shadow:4px 5px #37251550;outline:2px dashed #755b3e}
html[data-theme="dark"] header .eyebrow{background:#6a5140!important;color:#fff0d7!important}
header nav{padding:12px 6px!important;background:linear-gradient(10deg,#98704944,#ebd2a244)!important;outline:3px dashed #6e492b8c;outline-offset:4px;gap:11px!important}
header nav button,.koq-floating-nav button{font-weight:900!important;letter-spacing:.2px!important;box-shadow:2px 3px 0 #5b3827,5px 7px 0 #1e120e48!important;border:2px solid #67472f!important;min-height:44px;clip-path:polygon(0 4%,11% 0,23% 5%,36% 1%,49% 5%,63% 0,78% 4%,91% 0,100% 8%,98% 48%,100% 91%,88% 100%,72% 96%,57% 100%,43% 96%,29% 100%,15% 96%,0 100%,2% 52%)!important}
header nav button:nth-child(5n+1){transform:rotate(-2.1deg)}header nav button:nth-child(5n+2){transform:rotate(1.8deg)}header nav button:nth-child(5n+3){transform:rotate(-1.3deg)}header nav button:nth-child(5n+4){transform:rotate(2.2deg)}
header nav button.active,header nav button[aria-current="page"],.koq-floating-nav button.active{background:#c82e29!important;color:#fff!important;box-shadow:4px 5px #5d1c1a!important;outline:3px dashed #f9d47b!important}
.marquee{margin:15px -7px 25px!important;transform:rotate(-.65deg);background:linear-gradient(110deg,#e9d8ae,#caa276,#f2dfb5)!important;color:#332116!important;border:2px dashed #65482d!important;box-shadow:5px 7px 0 #3d291a5c!important}
html[data-theme="dark"] .marquee{background:linear-gradient(110deg,#392f2d,#65513d,#332c2b)!important;color:#f5e5d1!important}
main{position:relative;padding:18px!important;background:linear-gradient(90deg,#c5a17615,#f0d5a61c,#9e765014)!important}
main h2,.gallery-section__heading h3{position:relative;box-shadow:4px 5px #3a241a77,8px 9px #ad87564d!important;transform:rotate(-2deg)!important;border:2px solid #67472c!important;letter-spacing:.5px;padding:10px 26px!important}
main h2::after,.gallery-section__heading h3::after{content:"✎";font-size:14px;position:absolute;right:3px;top:1px;transform:rotate(22deg);opacity:.5}
.note,.post,.video,.fan-card,.featured-upload,.stash-item,.phed-newcomer{background-image:linear-gradient(145deg,#fff4d11a,#5a39181a),url('assets/scrapyard-cardboard.svg')!important;background-size:auto,500px!important;box-shadow:3px 4px 0 #8c6549,7px 9px 0 #422a1c88,10px 13px 15px #21140d66!important;border:3px solid var(--yard-outline)!important;outline:2px dashed #93724e77!important;outline-offset:-11px!important;overflow:visible}
html[data-theme="dark"] .note,html[data-theme="dark"] .post,html[data-theme="dark"] .video,html[data-theme="dark"] .fan-card,html[data-theme="dark"] .featured-upload,html[data-theme="dark"] .stash-item{background-image:linear-gradient(#262323ee,#292423ee),url('assets/scrapyard-collage-dark.svg')!important;background-size:auto,700px!important;color:#f4e7d5!important;box-shadow:4px 5px #514238,8px 10px #0c0a0a,11px 15px 18px #0008!important}
.note::before,.post::before,.video::before,.fan-card::before{content:""!important;top:-8px!important;left:31%!important;width:105px!important;height:27px!important;opacity:.92!important;transform:rotate(-6deg)!important;background:repeating-linear-gradient(92deg,#ead3a9b9 0 13px,#c5ab83bf 14px 23px)!important;clip-path:polygon(0 8%,12% 0,31% 7%,51% 0,75% 5%,100% 0,97% 100%,69% 93%,35% 100%,0 90%)}
.note::after,.post::after,.video::after,.fan-card::after{content:"";position:absolute;pointer-events:none;right:9px;top:7px;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffb4a3,#ba231f 55%,#5a0e0b 80%);box-shadow:2px 3px 0 #0006;z-index:2}
.note:nth-of-type(3n+2),.post:nth-of-type(3n+2),.video:nth-of-type(3n+2){transform:rotate(.6deg)}
.note:nth-of-type(3n+3),.post:nth-of-type(3n+3),.video:nth-of-type(3n+3){transform:rotate(-.65deg)}
/* make physical details but avoid rotations on interactive dialogs */
main button:not(.video__image),.links a{box-shadow:2px 3px 0 #54382155!important;transition:filter .16s,translate .16s!important}
main button:hover{filter:brightness(1.08);translate:0 -1px}
input,textarea,select{background:var(--yard-contrast)!important;color:var(--yard-ink)!important;border:2px dashed var(--yard-outline)!important;min-height:34px}
footer{background:linear-gradient(100deg,#a88057c9,#e4c59bc9)!important;border-top:6px dashed #7d5736!important;transform:rotate(.15deg);margin-top:30px!important}
html[data-theme="dark"] footer{background:linear-gradient(100deg,#2c2523,#4b3a31)!important;color:#f5e8d4!important}
/* dialogs, tours, lab and floating nav are not trapped by visual clipping */
#koqLogoStudio,.koq-tour-panel,.koq-tour-arrow,dialog,.koq-floating-nav{clip-path:none!important}
@media(max-width:900px){.paper{border-width:5px!important}header{padding:14px 8px!important}main{padding:8px!important}.paper::after{opacity:.22}.note::before,.post::before,.video::before{width:62px!important;height:17px!important}.note::after,.post::after,.video::after{width:9px;height:9px}header nav button{transform:none!important}}
@media(prefers-reduced-motion:reduce){main button{transition:none!important}}

/* 9.9.52: rasterised physical collage artwork, eliminating repeated SVG turbulence
   and gaussian blur on every scrolling paint. Keep the handcrafted appearance. */
body{background-image:url('assets/scrapyard-collage-light.webp')!important;background-size:950px auto!important;background-attachment:scroll!important}
html[data-theme="dark"] body{background-image:url('assets/scrapyard-collage-dark.webp')!important;background-size:950px auto!important;background-attachment:scroll!important}
.paper{background-image:linear-gradient(#e2c399c9,#d0a778d0),url('assets/scrapyard-collage-light.webp')!important;background-attachment:scroll!important}
html[data-theme="dark"] .paper{background-image:linear-gradient(#171516dd,#211d1ee8),url('assets/scrapyard-collage-dark.webp')!important}
/* The masked multiply-blend duplicate was costly during scrolling. */
.paper::after{display:none!important}
header{background-image:linear-gradient(175deg,#e7cb9dd9,#c49b6fca),url('assets/scrapyard-collage-light.webp')!important}
html[data-theme="dark"] header{background-image:linear-gradient(175deg,#282525d9,#171516e8),url('assets/scrapyard-collage-dark.webp')!important}
html[data-theme="dark"] .note,html[data-theme="dark"] .post,html[data-theme="dark"] .video,html[data-theme="dark"] .fan-card,html[data-theme="dark"] .featured-upload,html[data-theme="dark"] .stash-item{background-image:linear-gradient(#262323ee,#292423ee),url('assets/scrapyard-collage-dark.webp')!important}
/* Reduce repaint costs from wide blurred shadows without flattening the paper layers. */
.paper{box-shadow:0 12px 24px #1d100d80!important}
.note,.post,.video,.fan-card,.featured-upload,.stash-item,.phed-newcomer{box-shadow:3px 4px 0 #8c6549,7px 9px 0 #422a1c88!important}
html[data-theme="dark"] .note,html[data-theme="dark"] .post,html[data-theme="dark"] .video,html[data-theme="dark"] .fan-card,html[data-theme="dark"] .featured-upload,html[data-theme="dark"] .stash-item{box-shadow:4px 5px #514238,8px 10px #0c0a0a!important}
/* Preserve animated Logo Lab effects only when users enable them; avoid continuous
   decorative movement in ordinary browsing. */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* v9.9.60 — recycled paper swatch selector for pin notes */
.koq-paper-picker{margin:12px 0 18px;padding:12px;border:2px dashed #8a6549;border-radius:5px;background:#bba17a25}
.koq-paper-picker legend{font-weight:900;letter-spacing:.04em;padding:0 7px}
.koq-paper-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:6px 0 12px}
.koq-paper-swatches label{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;min-width:0;font-size:.75rem}
.koq-paper-swatches input{position:absolute;opacity:0;width:1px;height:1px}
.koq-paper-swatches .swatch{display:block;width:100%;max-width:58px;aspect-ratio:1.3;border:2px solid #6c4c35;box-shadow:2px 3px 0 #34271c55;transform:rotate(-2deg);transition:transform .15s,outline-color .15s}
.koq-paper-swatches label:nth-child(even) .swatch{transform:rotate(3deg)}
.koq-paper-swatches input:checked+.swatch{outline:3px solid #3e2b20;outline-offset:3px;transform:scale(1.08) rotate(0deg)}
.koq-paper-swatches input:focus-visible+.swatch{outline:3px dashed #136d9a;outline-offset:4px}
.swatch-kraft{background:#c8a17b}.swatch-cream{background:#ead9b7}.swatch-sage{background:#b9c3a7}.swatch-dusty-rose{background:#cba8a5}.swatch-slate{background:#a9b7bd}.swatch-ochre{background:#d4b47d}
.koq-paper-select-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.koq-paper-select-label select{flex:1;min-width:145px}
@media(max-width:440px){.koq-paper-swatches{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}}
html[data-theme="dark"] .koq-paper-picker{background:#31251e;border-color:#ab9177}
html[data-theme="dark"] .koq-paper-swatches input:checked+.swatch{outline-color:#f6e6ca}

/* KoQ v9.9.63 Trail Editor */
#koqTrailEdit{position:fixed;right:12px;bottom:18px;z-index:9991;font-size:10px;line-height:1.2;padding:5px 8px;min-height:28px;border-radius:9px;opacity:.85;box-shadow:0 2px 8px #0003}#koqTrailEdit:hover{opacity:1}
#koqTrailDialog{max-width:min(92vw,620px);width:620px;max-height:85vh;overflow:auto;padding:0;border:3px dashed #61432d;border-radius:14px;background:#d6b98e;color:#2d2119;box-shadow:0 14px 70px #0009;z-index:10020}#koqTrailDialog::backdrop{background:#0009}.koq-trail-panel{padding:22px;background:repeating-linear-gradient(9deg,#d6b98e,#d6b98e 24px,#d2b184 25px)}.koq-trail-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.koq-trail-panel h2{margin:0}.koq-trail-panel label{display:block;font-weight:700;margin:12px 0}.koq-trail-panel select{width:100%;padding:8px}.koq-trail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.koq-trail-grid input[type=range]{display:block;width:100%}.koq-trail-grid output{float:right}.koq-trail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.koq-trail-hint{font-size:.85rem}.koq-trail-check input{width:auto}@media(max-width:640px),(pointer:coarse){#koqTrailEdit{display:none!important}}@media(prefers-reduced-motion:reduce){#koqTrailEdit{display:none!important}}@media(max-width:500px){.koq-trail-grid{grid-template-columns:1fr}}

/* Official notice board — v9.9.64 */
.koq-staff-board{margin:18px auto 26px;padding:18px;max-width:1120px;background:linear-gradient(120deg,#e4c994,#c5a875);border:4px dashed #50371f;box-shadow:7px 8px 0 #34291f;transform:rotate(-.15deg);color:#312313}.koq-staff-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:2px dashed #70543a;padding-bottom:12px}.koq-staff-head h2{margin:5px 0;font-size:clamp(1.3rem,3vw,2rem)}.koq-staff-head p{margin:0}.koq-staff-stamp{display:inline-block;background:#39251a;color:#f4daab;padding:5px 12px;transform:rotate(-2deg);font-weight:900}.koq-staff-board button{cursor:pointer;border:2px solid #3e2b1b;background:#f6e5ba;color:#2e2118;padding:7px 12px;font-weight:bold}.koq-staff-board button:hover{filter:brightness(.92)}.koq-staff-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;margin-top:16px}.koq-staff-note{padding:15px;background:#f7e4b2;border:2px solid #806142;box-shadow:3px 4px 0 #876947;min-width:0}.koq-staff-note:nth-child(3n+2){background:#e2e8b7;transform:rotate(.35deg)}.koq-staff-note:nth-child(3n+3){background:#eac7b8;transform:rotate(-.4deg)}.koq-staff-note h3{margin:5px 0 10px;overflow-wrap:anywhere}.koq-staff-note p{white-space:pre-wrap;overflow-wrap:anywhere}.koq-staff-meta{font-size:.78rem;opacity:.75}.koq-staff-actions{display:flex;flex-wrap:wrap;gap:7px}.koq-staff-replies{margin-top:10px;border-top:1px dashed #8b7254;padding-top:8px}.koq-staff-reply{padding:6px 0;border-bottom:1px dotted #a38c6d;font-size:.9rem}.koq-staff-board textarea,.koq-staff-board input{box-sizing:border-box;width:100%;padding:9px;border:2px solid #6c5138;background:#fff9e8;color:#302219}.koq-staff-board form{display:grid;gap:9px;margin:12px 0}.koq-staff-status{margin-top:9px;font-weight:bold}.koq-staff-board [hidden]{display:none!important}html[data-theme="dark"] .koq-staff-board{background:linear-gradient(125deg,#352c27,#493a30);border-color:#b59464;color:#f3dfc0;box-shadow:6px 7px 0 #120f0c}html[data-theme="dark"] .koq-staff-note{background:#4c4034;color:#f9e8d2;border-color:#a98d6b}html[data-theme="dark"] .koq-staff-note:nth-child(3n+2){background:#39463a}html[data-theme="dark"] .koq-staff-note:nth-child(3n+3){background:#4a3436}html[data-theme="dark"] .koq-staff-board button{background:#59452d;color:#fff0d6;border-color:#bca078}html[data-theme="dark"] .koq-staff-board input,html[data-theme="dark"] .koq-staff-board textarea{background:#292522;color:#fff0d6;border-color:#bca078}

/* v9.9.65: recycled-paper backdrop for the official staff notice board */
.koq-staff-board{position:relative;isolation:isolate;background-color:#bd996b;background-image:repeating-linear-gradient(14deg,transparent 0 18px,rgba(79,47,22,.09) 19px 20px,transparent 21px 42px),repeating-linear-gradient(94deg,rgba(255,240,198,.12) 0 3px,transparent 4px 21px),radial-gradient(ellipse at 17% 26%,rgba(102,65,37,.23),transparent 46%),radial-gradient(ellipse at 86% 83%,rgba(255,236,186,.5),transparent 58%),linear-gradient(128deg,#d9bc86,#aa8056 60%,#d7b78b);border:6px ridge #70502d;box-shadow:0 0 0 7px rgba(73,48,25,.22),9px 12px 0 #34291f}
.koq-staff-board::before{content:"";position:absolute;inset:8px;pointer-events:none;border:2px dashed rgba(71,43,24,.35);z-index:-1}
.koq-staff-note{background-image:repeating-linear-gradient(0deg,rgba(108,75,39,.045) 0 1px,transparent 1px 23px);border-top:8px solid rgba(122,83,43,.35)}
.koq-staff-board .koq-emoji-trigger{width:max-content;max-width:100%;margin:4px 0 8px}
.koq-staff-board .koq-emoji-panel{max-width:min(100%,420px);z-index:15}
html[data-theme="dark"] .koq-staff-board{background-color:#352b23;background-image:repeating-linear-gradient(14deg,transparent 0 18px,rgba(0,0,0,.2) 19px 20px,transparent 21px 42px),repeating-linear-gradient(94deg,rgba(229,189,134,.05) 0 3px,transparent 4px 21px),radial-gradient(ellipse at 17% 26%,rgba(144,99,58,.16),transparent 46%),linear-gradient(128deg,#4a392a,#2c251f 65%,#51402e);border-color:#8b6a43;box-shadow:0 0 0 7px rgba(14,10,8,.5),9px 12px 0 #120f0c}

/* v9.9.67 account levelz: tactile cardboard reward cards */
.koq-account-levels{border:5px double #705037!important;background:repeating-linear-gradient(3deg,rgba(91,53,20,.08) 0 2px,transparent 2px 12px),linear-gradient(135deg,#cfa875,#f1d7a5 48%,#b88c5b)!important;color:#302116!important;box-shadow:8px 9px 0 #573c2b, inset 0 0 25px #65432255;padding:1.25rem;margin:1.5rem 0}
.koq-account-levels h2,.koq-account-levels p,.koq-account-levels strong{color:inherit!important}
.koq-level-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:1.15rem}
.koq-account-levels progress{width:100%;height:1.2rem;accent-color:#4e8c43}
.koq-level-roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px;max-height:550px;overflow:auto;padding:12px 4px}
.koq-level-card{display:flex;flex-direction:column;gap:5px;padding:12px;border:2px dashed #765b41;background:#ead5b0;box-shadow:3px 4px 0 #846c50;color:#302116}
.koq-level-card.milestone{border:3px solid #ac7423;background:#f5dfaa}
.koq-level-card.is-locked{filter:saturate(.5);opacity:.78}
.koq-level-card small{font-size:.72rem;color:#604830}
.koq-level-reward{font-size:.77rem;text-align:left;white-space:normal;min-height:38px;padding:5px;border:1px solid #7b5938;background:#f8ebd1;color:#33251a}
.koq-level-reward:disabled{opacity:.66;cursor:not-allowed}
body.dark-mode .koq-account-levels,body[data-theme="dark"] .koq-account-levels,.dark .koq-account-levels{background:repeating-linear-gradient(3deg,#ffffff08 0 2px,transparent 2px 12px),linear-gradient(135deg,#352a24,#514034 48%,#29221e)!important;color:#f5e3c4!important;border-color:#9c7a56!important}
body.dark-mode .koq-level-card,body[data-theme="dark"] .koq-level-card,.dark .koq-level-card{background:#49392e;color:#f4e1bf;border-color:#98714c}
body.dark-mode .koq-level-card small,body[data-theme="dark"] .koq-level-card small,.dark .koq-level-card small{color:#ddc4a1}


/* v9.9.68: compact ink-backed labels for exposed copy, scoped to the site canvas.
   Inline box-decoration-break keeps each wrapped line tight instead of painting full-width bars. */
:root{--koq-ink-chip:#f0ddb9;--koq-ink-chip-text:#30231b;--koq-ink-chip-edge:#806449}
html[data-theme="dark"],body.dark-mode{--koq-ink-chip:#403329;--koq-ink-chip-text:#f6e8cf;--koq-ink-chip-edge:#947451}
/* Only text on exposed collage sections, not text already on cards or controls. */
.koq-staff-head p,.koq-staff-head h2,.koq-staff-stamp,
.koq-tour-replay-caption,.koq-studio-note,.koq-oracle-text,
.phed-explore-intro,.phed-identity-intro,.phed-talk-intro,
.phed-care-explain,.phed-stat-help,.phed-tip,
.koq-cred > p,.koq-account-levels > p,
.koq-staff-board > #koqStaffStatus{
  background:var(--koq-ink-chip);color:var(--koq-ink-chip-text);
  padding:.12em .34em;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;
  box-shadow:1px 2px 0 rgba(48,31,17,.16);
}
/* Paragraph boxes should hug their content rather than stretch to full panel width. */
.koq-staff-head p,.koq-tour-replay-caption,.koq-studio-note,.koq-oracle-text,
.phed-explore-intro,.phed-identity-intro,.phed-talk-intro,
.phed-care-explain,.phed-stat-help,.phed-tip,.koq-cred > p,.koq-account-levels > p{
  width:fit-content;max-width:100%;
}
/* Compact official board: fixed scrollable viewing window for any number of notices. */
#koqStaffBoard{max-height:310px;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#8e6845 transparent;padding:12px 16px;
}
#koqStaffBoard .koq-staff-head{gap:8px;margin-bottom:6px}
#koqStaffBoard .koq-staff-head h2{margin:.15em 0}
#koqStaffBoard .koq-staff-head p{margin:.25em 0;font-size:.9em}
#koqStaffBoard .koq-staff-feed{margin-top:6px}
@media(max-width:600px){#koqStaffBoard{max-height:265px;padding:10px 12px}}

/* v9.9.69 — inline account level badges */
.koq-name-level{display:inline-flex;align-items:center;vertical-align:middle;margin-inline-start:.42em;padding:.12em .42em;border:1px solid #74512b;border-radius:5px;background:#e9c779;color:#241707;font-size:.68em;font-weight:900;line-height:1.35;letter-spacing:.035em;white-space:nowrap;box-shadow:1px 2px 0 #543c27}
[data-theme="dark"] .koq-name-level,body.dark .koq-name-level{background:#584523;color:#ffe7a0;border-color:#c6a36c;box-shadow:1px 2px 0 #16110c}

/* v9.9.72: paid pin deletion */
.koq-paid-pin-delete{display:inline-flex;align-items:center;gap:.2em;padding:.28em .55em!important;background:#e5c27e!important;color:#332311!important;border:2px solid #6c4b25!important;border-radius:6px;font-weight:800;white-space:nowrap}.koq-paid-pin-delete:hover{filter:brightness(1.09)}body.dark .koq-paid-pin-delete,[data-theme='dark'] .koq-paid-pin-delete{background:#ac844b!important;color:#17120b!important}

/* v9.9.73 compact recycled-paper text backing */
.koq-ink-label{display:table;width:fit-content;max-width:100%;padding:.23em .5em;margin-block:.35em .75em;color:#30251b!important;background:#eee0bb!important;border:1px solid #9e8158;border-radius:3px 7px 4px 5px;box-shadow:2px 3px 0 rgba(55,39,21,.18);line-height:1.55;text-shadow:none!important}
body.dark .koq-ink-label,[data-theme="dark"] .koq-ink-label,body.dark-mode .koq-ink-label{color:#f7ebcf!important;background:#3c3229!important;border-color:#8d7355;box-shadow:2px 3px 0 rgba(0,0,0,.32)}
@media(max-width:600px){.koq-ink-label{max-width:calc(100% - 1em)}}

/* 9.9.74: single-note compact official board, no inner scrolling */
#koqStaffBoard{max-height:none!important;height:auto!important;overflow:visible!important;padding:10px 14px!important;margin:10px auto 14px!important}
#koqStaffBoard .koq-staff-head{padding-bottom:4px!important;gap:5px!important}
#koqStaffBoard .koq-staff-head h2{font-size:clamp(1.05rem,2.3vw,1.4rem)!important;margin:0!important}
#koqStaffBoard .koq-staff-head p{font-size:.8rem!important;margin:0!important}
#koqStaffBoard .koq-staff-feed{display:block!important;margin-top:5px!important}
#koqStaffBoard .koq-staff-note{padding:9px 12px!important;box-shadow:2px 2px 0 #876947!important}
#koqStaffBoard .koq-staff-note h3{margin:3px 0!important}
#koqStaffBoard .koq-staff-note p{margin:4px 0 8px!important}
#koqStaffBoard .koq-staff-replies{max-height:none!important;overflow:visible!important}
#koqStaffBoard .koq-notice-expiry{display:table;background:#584026;color:#fff0d2;padding:3px 8px;border-radius:4px;font-size:.78rem;font-weight:800;margin:4px 0}
html[data-theme="dark"] #koqStaffBoard .koq-notice-expiry{background:#c7a16a;color:#23190e}
#koqStaffBoard button:disabled{opacity:.45;cursor:not-allowed}

/* KoQ v9.9.75 — private message mailroom; recycled-paper/cardboard design */
#koqInbox.koq-mailroom{padding:clamp(14px,2.5vw,26px);border:3px solid #5b412a;border-radius:10px;background:repeating-linear-gradient(12deg,#0000 0 29px,#6745260a 30px 31px),#b9986d;color:#302317;box-shadow:6px 7px 0 #2f211f45;min-width:0}
#koqInbox .koq-mailroom-heading{display:table;padding:.25em .65em;margin:0 0 12px;background:#ead5a8;border:2px solid #775333;transform:rotate(-.4deg);box-shadow:3px 3px 0 #0003;color:#302317}
#koqInbox .koq-mailroom-privacy{display:table;max-width:100%;padding:9px 12px;background:#efe1bf;color:#433122;border:1px solid #a58a64;border-radius:5px;line-height:1.55}
#koqInbox .koq-mailroom-alerts:not(:empty){padding:8px 12px;margin:12px 0;background:#f1ddb1;border:2px dashed #94714b;border-radius:7px}
#koqInbox .koq-dm-layout{grid-template-columns:minmax(200px,.8fr) minmax(0,1.6fr);gap:14px;align-items:stretch;margin-top:16px}
#koqInbox .koq-mailroom-threads,#koqInbox .koq-mailroom-thread{padding:clamp(12px,2vw,20px);background:#e7d1a5;border:2px solid #70543a;border-radius:8px;box-shadow:3px 4px 0 #44321c40;min-width:0}
#koqInbox .koq-mailroom-thread{background:#f2e5c9}
#koqInbox .koq-mailroom-threads>h3,#koqInbox .koq-mailroom-thread-title{display:table;background:#cfb085;color:#2e2116;padding:6px 11px;border:1px solid #8e6b46;border-radius:3px;max-width:100%;overflow-wrap:anywhere}
#koqInbox #koqConversations{background:#f8ebce;border:1px solid #a58962;min-height:180px;max-height:440px;padding:9px;color:#35271c}
#koqInbox #koqConversations>button{display:block;width:100%;text-align:left;margin:0 0 8px;padding:12px;background:#e7c88d;color:#322315;border:2px solid #97734d;border-radius:6px;box-shadow:2px 2px 0 #0002;overflow-wrap:anywhere}
#koqInbox #koqConversations>button:hover,#koqInbox #koqConversations>button:focus-visible{background:#f5d99f}
#koqInbox .koq-dm-messages{background:#fff4db;color:#322719;border:1px solid #ac9068;min-height:240px;max-height:440px;padding:14px;overflow-y:auto}
#koqInbox .koq-dm-message{background:#ead3a8;color:#2c2016;border:1px solid #a78b60;padding:12px 14px;margin:8px 0;border-radius:9px 9px 9px 2px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:2px 2px 0 #00000012}
#koqInbox .koq-dm-message strong{display:inline-block;margin-right:8px;background:#d1b17b;padding:2px 6px;border-radius:3px}
#koqInbox .koq-dm-message time{margin:5px 0 8px;color:#624d36;opacity:1}
#koqInbox .koq-mailroom-compose{display:flex;flex-direction:column;gap:10px;padding:13px;background:#dcc49b;border:2px solid #9b7d56;border-radius:7px;margin-top:12px}
#koqInbox #koqDmText{background:#fff7e7!important;color:#2b211a!important;border:2px solid #957650;border-radius:5px;min-height:105px;padding:12px;font:inherit;resize:vertical}
#koqInbox #koqDmForm button[type=submit]{align-self:flex-end;background:#80532c;color:#fff4d6;border:2px solid #3c2718;border-radius:5px;font-weight:900;letter-spacing:.04em}
#koqInbox #koqDmForm button[type=submit]:hover{background:#5e3b21}
body.dark #koqInbox.koq-mailroom,[data-theme=dark] #koqInbox.koq-mailroom{background:#28231f;color:#f4e5c8;border-color:#8c7457}
body.dark #koqInbox .koq-mailroom-heading,body.dark #koqInbox .koq-mailroom-privacy,body.dark #koqInbox .koq-mailroom-threads,body.dark #koqInbox .koq-mailroom-thread,body.dark #koqInbox .koq-mailroom-alerts:not(:empty),[data-theme=dark] #koqInbox .koq-mailroom-heading,[data-theme=dark] #koqInbox .koq-mailroom-privacy,[data-theme=dark] #koqInbox .koq-mailroom-threads,[data-theme=dark] #koqInbox .koq-mailroom-thread,[data-theme=dark] #koqInbox .koq-mailroom-alerts:not(:empty){background:#3b332b;color:#f3e3c5;border-color:#897255}
body.dark #koqInbox .koq-mailroom-threads>h3,body.dark #koqInbox .koq-mailroom-thread-title,[data-theme=dark] #koqInbox .koq-mailroom-threads>h3,[data-theme=dark] #koqInbox .koq-mailroom-thread-title{background:#594a38;color:#f4e4c7}
body.dark #koqInbox #koqConversations,body.dark #koqInbox .koq-dm-messages,body.dark #koqInbox .koq-mailroom-compose,[data-theme=dark] #koqInbox #koqConversations,[data-theme=dark] #koqInbox .koq-dm-messages,[data-theme=dark] #koqInbox .koq-mailroom-compose{background:#292722;color:#f2e5ce;border-color:#7f6c52}
body.dark #koqInbox #koqConversations>button,body.dark #koqInbox .koq-dm-message,[data-theme=dark] #koqInbox #koqConversations>button,[data-theme=dark] #koqInbox .koq-dm-message{background:#514537;color:#f8e9d0;border-color:#8b7557}
body.dark #koqInbox #koqConversations>button:hover,[data-theme=dark] #koqInbox #koqConversations>button:hover{background:#6b5741}
body.dark #koqInbox .koq-dm-message strong,[data-theme=dark] #koqInbox .koq-dm-message strong{background:#786345}
body.dark #koqInbox .koq-dm-message time,[data-theme=dark] #koqInbox .koq-dm-message time{color:#d6c3a6}
body.dark #koqInbox #koqDmText,[data-theme=dark] #koqInbox #koqDmText{background:#201e1b!important;color:#f5e8d1!important;border-color:#8c7457}
@media(max-width:700px){#koqInbox .koq-dm-layout{grid-template-columns:1fr}#koqInbox #koqConversations{min-height:85px;max-height:220px}#koqInbox .koq-dm-messages{min-height:180px}}

/* KoQ v9.9.76 — match the native paper scraps, torn edges, and ink.
   Official notice is inside #board, so it follows existing tab visibility. */
#board #koqStaffBoard{
 background:repeating-linear-gradient(0deg,transparent 0 30px,#654e3118 31px 32px),#dfc89d!important;
 color:#30241b!important;
 border:3px dashed #76583b!important;
 border-radius:3px 10px 5px 8px!important;
 box-shadow:4px 5px 0 #6c543a55!important;
 transform:rotate(-.15deg);
 max-width:100%;margin:0 0 18px!important;
}
#board #koqStaffBoard .koq-staff-stamp{background:#30251d;color:#f4e7c8}
#board #koqStaffBoard .koq-staff-note{
 background:#f5e6bc!important;color:#2e251c!important;
 border:1px solid #bba278!important;border-radius:2px 6px 3px 7px;
 box-shadow:3px 4px 0 #6c543a55!important;transform:rotate(.2deg)
}
#board #koqStaffBoard .koq-staff-head p{background:#f4e6c3;color:#30251b}
#board #koqStaffBoard .koq-staff-reply{background:#e9d6af;padding:7px 9px;margin:5px 0;border:1px dashed #ab9169}
#board #koqStaffBoard button{background:#28241f;color:#fff3d8;border:0;box-shadow:2px 3px 0 #806e52}
#board #koqStaffBoard button:hover{background:#a33325;color:#fff}
#koqInbox.koq-mailroom{
 background:repeating-linear-gradient(0deg,transparent 0 30px,#654e3118 31px 32px),#dcc69d!important;
 border:3px dashed #755638!important;border-radius:3px 10px 5px 8px!important;
 color:#30251b!important;box-shadow:4px 5px 0 #6c543a55!important
}
#koqInbox .koq-mailroom-heading{
 background:#f5e6bc!important;color:#30251b!important;
 border:1px solid #bba278!important;border-radius:2px!important;
 box-shadow:3px 4px 0 #6c543a55!important
}
#koqInbox .koq-mailroom-privacy{background:#f5e6bc!important;color:#30251b!important;border:1px solid #bba278!important;border-radius:2px}
#koqInbox .koq-mailroom-threads,#koqInbox .koq-mailroom-thread{
 background:#e8d6b3!important;color:#30251b!important;
 border:2px dashed #95764d!important;border-radius:3px 8px 4px 6px!important;
 box-shadow:3px 4px 0 #6c543a44!important
}
#koqInbox .koq-mailroom-threads>h3,#koqInbox .koq-mailroom-thread-title{
 background:#f5e6bc!important;color:#30251b!important;border:1px solid #bba278!important
}
#koqInbox #koqConversations,#koqInbox .koq-dm-messages{
 background:#f8edcf!important;color:#30251b!important;border:1px dashed #ac926d!important
}
#koqInbox #koqConversations>button{
 background:#28241f!important;color:#fff3d8!important;border:0!important;
 box-shadow:2px 3px 0 #806e52!important
}
#koqInbox #koqConversations>button:hover{background:#a33325!important;color:white!important}
#koqInbox .koq-dm-message{
 background:#f5e6bc!important;color:#30251b!important;border:1px solid #bba278!important;
 box-shadow:2px 3px 0 #6c543a33!important
}
#koqInbox .koq-dm-message strong{background:#ddc598!important;color:#30251b!important}
#koqInbox .koq-mailroom-compose{background:#e9d6b3!important;border:2px dashed #a58b62!important}
#koqInbox #koqDmText{background:#fff6de!important;color:#292118!important;border:2px solid #6b5338!important}
#koqInbox #koqDmForm button[type=submit]{background:#28241f!important;color:#fff3d8!important;border:0!important}
#koqInbox #koqDmForm button[type=submit]:hover{background:#a33325!important}
html[data-theme="dark"] #board #koqStaffBoard,
html[data-theme="dark"] #koqInbox.koq-mailroom{
 background:repeating-linear-gradient(0deg,transparent 0 30px,#c6a46d0b 31px 32px),#302b25!important;
 color:#f4e7ce!important;border-color:#8e7759!important;box-shadow:4px 5px 0 #17120e!important
}
html[data-theme="dark"] #board #koqStaffBoard .koq-staff-note,
html[data-theme="dark"] #board #koqStaffBoard .koq-staff-reply,
html[data-theme="dark"] #board #koqStaffBoard .koq-staff-head p,
html[data-theme="dark"] #koqInbox .koq-mailroom-heading,
html[data-theme="dark"] #koqInbox .koq-mailroom-privacy,
html[data-theme="dark"] #koqInbox .koq-mailroom-threads,
html[data-theme="dark"] #koqInbox .koq-mailroom-thread,
html[data-theme="dark"] #koqInbox .koq-mailroom-threads>h3,
html[data-theme="dark"] #koqInbox .koq-mailroom-thread-title,
html[data-theme="dark"] #koqInbox .koq-dm-message,
html[data-theme="dark"] #koqInbox .koq-mailroom-compose{
 background:#40372f!important;color:#f4e7ce!important;border-color:#8e7759!important;box-shadow:2px 3px 0 #17120e!important
}
html[data-theme="dark"] #koqInbox #koqConversations,
html[data-theme="dark"] #koqInbox .koq-dm-messages{background:#292521!important;color:#f4e7ce!important;border-color:#8e7759!important}
html[data-theme="dark"] #koqInbox .koq-dm-message strong{background:#69563d!important;color:#fff0d6!important}
html[data-theme="dark"] #koqInbox #koqDmText{background:#292521!important;color:#fff0d6!important;border-color:#8e7759!important}
html[data-theme="dark"] #koqInbox .koq-mailroom-alerts:not(:empty){background:#40372f;color:#f4e7ce;border-color:#8e7759}


/* v9.9.77: Private Messagez — same paper/note language as the actual KoQ site.
   Intentional final override of v9.9.75/76 experimental mailroom colours. */
#koqInbox.koq-mailroom {
  background: transparent !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; padding:0 !important; color:inherit !important;
  font-family:'Patrick Hand','Comic Sans MS',cursive;
}
#koqInbox .koq-mailroom-heading {
  display:table; transform:rotate(-1deg); margin:0 0 16px;
  padding:9px 16px; font-family:'Permanent Marker','Impact',cursive;
  background:#f5e6bc !important; color:#292118 !important;
  border:1px solid #bba278 !important; border-radius:0 !important;
  box-shadow:5px 7px 0 #6c543a55 !important;
}
#koqInbox .koq-mailroom-privacy {
  display:table; max-width:100%; padding:8px 12px; margin:12px 0 20px;
  background:#f5e6bc !important; color:#292118 !important;
  border:1px solid #bba278 !important; border-radius:0 !important;
  box-shadow:3px 4px 0 #6c543a40 !important; opacity:1;
}
#koqInbox .koq-dm-layout {
  display:grid; grid-template-columns:minmax(210px,1fr) minmax(0,2fr);
  align-items:stretch; gap:22px; margin-top:16px;
}
#koqInbox .koq-mailroom-threads, #koqInbox .koq-mailroom-thread {
  position:relative; min-width:0; padding:22px !important;
  background:#f5e6bc !important; color:#292118 !important;
  border:1px solid #bba278 !important; border-radius:0 !important;
  box-shadow:5px 7px 0 #6c543a55 !important;
}
#koqInbox .koq-mailroom-threads {transform:rotate(-.25deg)}
#koqInbox .koq-mailroom-thread {transform:rotate(.2deg)}
#koqInbox .koq-mailroom-threads>h3, #koqInbox .koq-mailroom-thread-title {
  display:block; padding:0 0 10px; margin:0 0 12px;
  font-family:'Permanent Marker','Impact',cursive; font-size:clamp(19px,2.4vw,26px);
  color:#292118 !important; background:transparent !important; border:0 !important;
  border-bottom:2px dashed #80684b !important; border-radius:0 !important; box-shadow:none !important;
}
#koqInbox #koqConversations {
  min-height:150px; max-height:430px; overflow-y:auto; padding:5px !important;
  background:transparent !important; color:inherit !important; border:0 !important;
}
#koqInbox #koqConversations>button {
  display:block; width:100%; text-align:left; margin:6px 0 12px; padding:10px 12px;
  background:#28241f !important; color:#fff3d8 !important;
  font-family:'Permanent Marker','Impact',cursive; font-size:14px;
  border:0 !important; border-radius:0 !important; transform:rotate(-.4deg);
  box-shadow:3px 4px 0 #806e52 !important; overflow-wrap:anywhere;
}
#koqInbox #koqConversations>button:hover, #koqInbox #koqConversations>button:focus-visible {
  background:#a33325 !important; color:white !important;
}
#koqInbox .koq-dm-messages {
  min-height:240px; max-height:450px; overflow-y:auto;
  padding:12px !important; margin:0 0 15px;
  background:#ead9b4 !important; color:#292118 !important;
  border:2px dashed #876b50 !important; border-radius:0 !important;
}
#koqInbox .koq-dm-message {
  margin:9px 0; padding:11px 13px; white-space:pre-wrap; overflow-wrap:anywhere;
  background:#f5e6bc !important; color:#292118 !important;
  border:1px solid #bba278 !important; border-radius:0 !important;
  box-shadow:2px 3px 0 #6c543a44 !important; font-family:'Patrick Hand',cursive;
}
#koqInbox .koq-dm-message:nth-child(2n) {background:#e7dbbd !important}
#koqInbox .koq-dm-message strong {
  background:transparent !important; color:inherit !important; padding:0 !important;
  font-family:'Permanent Marker','Impact',cursive; font-size:15px;
}
#koqInbox .koq-dm-message time {color:#66523a !important; font-size:13px}
#koqInbox .koq-mailroom-compose {
  display:flex; flex-direction:column; gap:12px; margin:0; padding:0 !important;
  background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
}
/* Keep the composer invisible until an actual conversation is selected. */
#koqInbox #koqDmForm[hidden], #koqInbox [hidden] {display:none !important}
#koqInbox #koqDmText {
  display:block; width:100%; min-height:110px; padding:12px;
  background:#fff6de !important; color:#292118 !important;
  border:2px solid #6b5338 !important; border-radius:0 !important;
  font-family:'Patrick Hand',cursive; font-size:20px;
}
#koqInbox #koqDmForm button[type=submit] {
  align-self:flex-end; background:#28241f !important; color:#fff3d8 !important;
  padding:12px 18px; border:0 !important; border-radius:0 !important;
  transform:rotate(-1deg); box-shadow:3px 4px 0 #806e52 !important;
}
#koqInbox #koqDmForm button[type=submit]:hover {background:#a33325 !important}
#koqInbox .koq-mailroom-alerts:not(:empty) {
  display:table; max-width:100%; padding:10px 13px; margin:14px 0;
  background:#ead9b4 !important; color:#292118 !important;
  border:1px solid #bba278 !important; border-radius:0 !important;
  box-shadow:3px 4px 0 #6c543a55 !important;
}
html[data-theme="dark"] #koqInbox .koq-mailroom-heading,
html[data-theme="dark"] #koqInbox .koq-mailroom-privacy,
html[data-theme="dark"] #koqInbox .koq-mailroom-threads,
html[data-theme="dark"] #koqInbox .koq-mailroom-thread,
html[data-theme="dark"] #koqInbox .koq-dm-message {
  background:#35313a !important; color:#f4eadc !important;
  border-color:#78665c !important; box-shadow:5px 7px 0 #100e13a8 !important;
}
html[data-theme="dark"] #koqInbox .koq-mailroom-threads>h3,
html[data-theme="dark"] #koqInbox .koq-mailroom-thread-title {
  color:#f4eadc !important; border-bottom-color:#998477 !important;
}
html[data-theme="dark"] #koqInbox .koq-dm-messages {
  background:#2a2730 !important; color:#f4eadc !important; border-color:#78665c !important;
}
html[data-theme="dark"] #koqInbox .koq-dm-message:nth-child(2n) {background:#403039 !important}
html[data-theme="dark"] #koqInbox .koq-dm-message time {color:#d0bca8 !important}
html[data-theme="dark"] #koqInbox #koqDmText {
  background:#211f26 !important; color:#f9f0e2 !important; border-color:#9c877a !important;
}
html[data-theme="dark"] #koqInbox .koq-mailroom-alerts:not(:empty) {
  background:#35313a !important; color:#f4eadc !important; border-color:#78665c !important;
}
html[data-theme="dark"] #koqInbox #koqConversations>button {
  background:#3b3038 !important; color:#fff2de !important; box-shadow:3px 4px 0 #141116 !important;
}
html[data-theme="dark"] #koqInbox #koqConversations>button:hover {background:#9e4436 !important}
@media(max-width:700px){
 #koqInbox .koq-dm-layout {grid-template-columns:minmax(0,1fr);gap:18px}
 #koqInbox .koq-mailroom-threads,#koqInbox .koq-mailroom-thread {transform:none;padding:14px !important}
 #koqInbox #koqConversations {min-height:75px;max-height:220px}
 #koqInbox .koq-dm-messages {min-height:190px}
}

/* KoQ Koinzland Chronicles — handcrafted paper RPG interface */
#koqLabRpgPanel{width:100%;padding:10px 0;box-sizing:border-box}
#koqLabRpgPanel[hidden]{display:none!important}
.koq-rpg-shell{position:relative;background:#c3a47b;color:#322417;border:4px solid #6a4a30;border-radius:8px;box-shadow:5px 7px 0 #211b1755;padding:12px;max-width:100%;font-family:inherit}
.koq-rpg-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#eed7a9;border:2px dashed #8b6443;padding:10px 14px;margin-bottom:12px}
.koq-rpg-head h2{font-size:clamp(17px,2.2vw,28px);margin:3px 0;color:#3a2718}
.koq-rpg-head p{margin:3px 0;font-size:12px;color:#5e4430}
.koq-rpg-head small{letter-spacing:.16em;font-size:10px}
.koq-rpg-top-actions,.koq-rpg-actions,.koq-rpg-side-tabs{display:flex;gap:6px;flex-wrap:wrap}
.koq-rpg-shell button{font:inherit;font-size:12px;font-weight:800;cursor:pointer;background:#302821;color:#f6e7c8;border:2px solid #7b5536;border-radius:4px;padding:8px 10px;box-shadow:2px 2px 0 #6d513a55}
.koq-rpg-shell button:hover,.koq-rpg-shell button:focus-visible{background:#a63f2f;color:white}
.koq-rpg-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,300px);gap:12px;align-items:start}
.koq-rpg-game,.koq-rpg-sidebar{min-width:0;background:#ead7b3;border:2px solid #8c6b49;padding:10px;box-shadow:3px 4px 0 #5c442b44}
.koq-rpg-bars{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:space-between;font-size:11px;font-weight:bold;margin-bottom:7px}
.koq-rpg-bars span{background:#f8e9c9;border:1px solid #a78d64;padding:4px 6px}
#rpgCanvas{display:block;width:100%;height:auto;aspect-ratio:5/3;border:4px solid #37271c;background:#554c38;image-rendering:pixelated;box-sizing:border-box;outline-offset:2px}
.koq-rpg-actions{justify-content:center;padding:9px 0}
.koq-rpg-controls{font-size:11px;line-height:1.6;background:#f4e6c9;padding:7px 10px;border:1px dashed #ae9167}
.koq-rpg-log{min-height:42px;padding:9px 10px;font-size:12px;background:#3b2d24;color:#f5dfa6;margin-top:9px;line-height:1.5}
.koq-rpg-hero{background:#f6e9cc;border:2px dashed #9b7950;padding:10px;margin-bottom:9px}
.koq-rpg-hero h3{margin:0 0 7px;font-size:18px;color:#3b2719}
#rpgHeroStats{font-size:11px;line-height:1.6}
#rpgBars label{display:block;font-size:11px;margin:5px 0}
#rpgBars progress{display:block;width:100%;height:10px;accent-color:#ae5740}
.koq-rpg-side-tabs{margin-bottom:9px}
.koq-rpg-side-tabs button{padding:6px 8px;font-size:11px;flex:1}
.koq-rpg-side-tabs button.active{background:#b14d37}
.koq-rpg-side-content{max-height:445px;overflow:auto;background:#f6e8c8;border:2px solid #9c7e55;padding:9px}
.rpg-item{background:#e4cfa5;border-bottom:1px dashed #96764c;padding:9px 7px;margin:3px 0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.rpg-item button{display:inline-block;margin:5px 3px 0 0;padding:5px 7px;font-size:10px}
.koq-rpg-dialog{position:absolute;z-index:20;inset:0;background:#1e1714c9;display:grid;place-items:center;padding:12px}
.koq-rpg-dialog[hidden]{display:none!important}
.koq-rpg-dialog-inner{max-height:85%;overflow:auto;width:min(580px,95%);background:#ead5aa;color:#33251b;border:5px double #61482e;box-shadow:7px 8px 0 #120c0a;box-sizing:border-box;padding:20px}
.koq-rpg-dialog-inner h3{margin-top:0}
#rpgDialogActions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.rpg-worldmap{display:grid;grid-template-columns:repeat(24,1fr);gap:1px;background:#34291e;border:3px solid #493321}
.rpg-worldmap span{display:block;aspect-ratio:1;min-width:0;font-size:10px;overflow:hidden}
html[data-theme=dark] .koq-rpg-shell{background:#2d2925;color:#f1e2c4;border-color:#8c7556}
html[data-theme=dark] .koq-rpg-head,html[data-theme=dark] .koq-rpg-game,html[data-theme=dark] .koq-rpg-sidebar,html[data-theme=dark] .koq-rpg-hero,html[data-theme=dark] .koq-rpg-side-content,html[data-theme=dark] .koq-rpg-dialog-inner{background:#40372f;color:#f3e5ca;border-color:#897354}
html[data-theme=dark] .koq-rpg-head h2,html[data-theme=dark] .koq-rpg-head p,html[data-theme=dark] .koq-rpg-hero h3{color:#f3e5ca}
html[data-theme=dark] .koq-rpg-bars span,html[data-theme=dark] .koq-rpg-controls,html[data-theme=dark] .rpg-item{background:#332d27;color:#f3e5ca;border-color:#78654d}
@media(max-width:850px){.koq-rpg-layout{grid-template-columns:1fr}.koq-rpg-side-content{max-height:300px}}
@media(max-width:500px){.koq-rpg-shell{padding:5px}.koq-rpg-game,.koq-rpg-sidebar{padding:5px}.koq-rpg-head{padding:8px}.koq-rpg-shell button{padding:6px}.koq-rpg-bars{font-size:10px}}

/* 9.9.79 — campaign, tactical combat, faction, and party tabs */
#koqLabRpgPanel .koq-rpg-side-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#koqLabRpgPanel .koq-rpg-side-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere}
#koqLabRpgPanel .rpg-battle-arena{background:repeating-linear-gradient(20deg,#b89c73,#b89c73 12px,#c4aa84 12px,#c4aa84 24px);padding:18px;border:2px dashed #715337;text-align:center}
#koqLabRpgPanel .rpg-battle-enemy{font-size:64px;animation:koq-rpg-boss-float 1.5s ease-in-out infinite}
#koqLabRpgPanel .rpg-battle-arena progress{display:block;width:100%;height:15px;accent-color:#aa3f35}
@keyframes koq-rpg-boss-float{50%{transform:translateY(-9px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){#koqLabRpgPanel .rpg-battle-enemy{animation:none}}
html[data-theme=dark] #koqLabRpgPanel .rpg-battle-arena{background:#45382b;color:#f4e3c6;border-color:#9b805b}

/* v9.9.82 — visible keyboard legend and touch navigation */
#koqLabRpgPanel .koq-rpg-controls{background:#f3e1bc;border:2px dashed #8d6941;padding:12px;margin-top:8px;color:#2e251c}
#koqLabRpgPanel .koq-rpg-help-heading{font-size:14px;font-weight:900;letter-spacing:.05em;margin-bottom:9px}
#koqLabRpgPanel .koq-rpg-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px}
#koqLabRpgPanel .koq-rpg-control-grid span{background:#e0c99d;border:1px solid #a18a60;padding:7px;font-size:12px}
#koqLabRpgPanel kbd{display:inline-block;padding:2px 5px;background:#352b22;color:#fff0d1;border-radius:3px;font-family:monospace;font-weight:bold}
#koqLabRpgPanel .koq-rpg-tip{font-size:12px;line-height:1.5;margin:10px 0 0}
#koqLabRpgPanel .koq-rpg-mobile-controls{display:flex;align-items:center;justify-content:center;gap:20px;background:#ead6b0;border:2px dashed #9c7e54;margin:10px 0;padding:10px}
#koqLabRpgPanel .koq-rpg-mobile-controls p{font-size:12px;max-width:210px}
#koqLabRpgPanel .koq-rpg-dpad{text-align:center;touch-action:none;user-select:none}
#koqLabRpgPanel .koq-rpg-dpad>button{display:block;margin:0 auto 4px}
#koqLabRpgPanel .koq-rpg-dpad>div{display:flex;gap:4px}
#koqLabRpgPanel .koq-rpg-dpad button{min-width:48px;min-height:45px;font-size:18px}
#koqLabRpgPanel .koq-rpg-dpad button.pressed{background:#ad4b32;transform:translateY(2px)}
#koqLabRpgPanel .koq-rpg-actions button{min-width:95px;flex:1}
html[data-theme=dark] #koqLabRpgPanel .koq-rpg-controls,html[data-theme=dark] #koqLabRpgPanel .koq-rpg-mobile-controls{background:#3c342c;color:#f4e4c7;border-color:#91795a}
html[data-theme=dark] #koqLabRpgPanel .koq-rpg-control-grid span{background:#2e2822;color:#f4e4c7;border-color:#796448}
@media(max-width:580px){#koqLabRpgPanel .koq-rpg-mobile-controls{flex-direction:column;gap:5px}#koqLabRpgPanel .koq-rpg-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v9.9.85 profile switching */
.koq-profile-slots{position:relative;z-index:3;max-width:760px;margin:16px auto;padding:16px;background:var(--paper,#c9b18a);border:3px dashed #6b4b2b;box-shadow:3px 4px 0 #5b412c;color:#2e251c}
.koq-profile-slots[hidden]{display:none!important}.koq-slots-heading{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}.koq-profile-slots label{display:block;margin:12px 0}.koq-profile-slots select{padding:9px;max-width:100%;background:#fff7e5;color:#282017}.koq-slots-actions{display:flex;gap:8px;flex-wrap:wrap}.koq-slots-note{font-size:.8rem;line-height:1.5;opacity:.85}html[data-theme=dark] .koq-profile-slots{background:#332a24;color:#f5e9d2;border-color:#9c7c59}

/* v9.9.88 — readable game controls and responsive graphics settings */
#koqLabRpgPanel{font-size:17px;line-height:1.5}
#koqLabRpgPanel button,#koqLabRpgPanel select{font-size:15px;line-height:1.4;min-height:40px}
#koqLabRpgPanel .rpg-performance-readout{font:700 15px/1.5 ui-monospace,monospace;color:#e9d5ac;background:#26231e;padding:6px 12px;border:1px solid #b39a68;letter-spacing:.02em}
#koqLabRpgPanel .rpg-graphics-panel{background:#e9d8b4;color:#25221c;border:3px solid #82633f;padding:18px;display:grid;gap:10px;margin:12px 0;box-shadow:4px 5px 0 #3c3024}
#koqLabRpgPanel .rpg-graphics-panel[hidden]{display:none}
#koqLabRpgPanel .rpg-graphics-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:21px}
#koqLabRpgPanel .rpg-graphics-panel label{font-weight:800}
#koqLabRpgPanel .rpg-graphics-panel select{width:100%;max-width:580px;background:#fff8e7;color:#1c1b17;border:2px solid #68543c;padding:9px}
#koqLabRpgPanel .rpg-graphics-panel button{background:#443427;color:#fff4d8;border:2px solid #927651;padding:8px 12px}
#koqLabRpgPanel .rpg-graphics-note{font-size:14px;margin:0}
html[data-theme="dark"] #koqLabRpgPanel .rpg-graphics-panel{background:#332b24;color:#f4e7cc;border-color:#927651}
@media(max-width:600px){#koqLabRpgPanel{font-size:16px}#koqLabRpgPanel .rpg-graphics-heading{font-size:18px}}

/* v9.9.89 offline asset management */
#koqLabRpgPanel .rpg-asset-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#koqLabRpgPanel .rpg-asset-actions button{padding:10px 14px;font-size:14px;font-weight:800;min-height:42px}
#koqLabRpgPanel #rpgAssetStatus{font-size:15px;line-height:1.5;font-weight:700}
@media(max-width:850px){
}
@media(max-width:620px){
}

/* v9.9.92 navigable maps */
.koq-rpg-game .rpg-canvas-wrap{position:relative;min-width:0;line-height:0}
.koq-rpg-game .rpg-canvas-wrap>#rpgCanvas{display:block;width:100%;height:auto}
.rpg-minimap{position:absolute;right:12px;top:12px;width:clamp(140px,20%,218px);padding:8px;border:2px solid #d9b878;border-radius:9px;background:#211d1bea;color:#f7e5c5;z-index:4;line-height:1.3;box-shadow:0 4px 16px #0008;box-sizing:border-box}
.rpg-minimap-head{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:12px;margin-bottom:6px}
.rpg-minimap-head>div{display:flex;gap:3px}
.rpg-minimap-head button{min-width:27px;min-height:27px;padding:1px 5px;font-size:17px;font-weight:900;border:1px solid #cbb28d;border-radius:4px;background:#514332;color:#fff;cursor:pointer}
.rpg-minimap canvas{width:100%;height:auto;aspect-ratio:1;display:block;border:1px solid #77684c;image-rendering:pixelated}
.rpg-minimap small{display:block;margin-top:5px;text-align:center;font-size:11px;color:#f2e4d2}
#rpgWorldMapCanvas{display:block;width:min(100%,640px);height:auto;aspect-ratio:1;margin:10px auto;border:3px solid #b99b62;image-rendering:pixelated}
.rpg-map-info{text-align:center;font-size:14px;line-height:1.5}
@media(max-width:650px){.rpg-minimap{width:125px;right:5px;top:5px;padding:4px}.rpg-minimap-head strong{font-size:10px}.rpg-minimap-head button{min-width:22px;min-height:22px;font-size:14px}}

/* v9.9.93 exploration and compass */
#rpgCompass{display:block;margin-top:5px;padding:5px 6px;background:#14272b;color:#ffecac;border:1px solid #9e814c;border-radius:5px;font-size:12px;font-weight:800;line-height:1.35}
#rpgWorldMapCanvas{cursor:crosshair;max-width:100%;height:auto;image-rendering:pixelated;border:2px solid #b39b6e}

/* v9.9.95 clear collision affordances */
.rpg-collision-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;padding:7px 12px;margin:5px 0;border:1px solid #9d7d40;background:#211d19;color:#ffe6a7;font:700 12px/1.4 system-ui,sans-serif;border-radius:7px}
.rpg-collision-legend strong{color:#fff5d8}
.rpg-collision-legend span{white-space:normal}

/* v9.9.97 — prominent, accessible character XP progress */
.koq-rpg-hero .rpg-xp-panel{margin:11px 0 13px;padding:9px 11px;border:2px solid #b98937;border-radius:9px;background:linear-gradient(130deg,#251d17,#382a1c);color:#fff0c9}
.koq-rpg-hero .rpg-xp-label{font-size:clamp(14px,1.15vw,17px);font-weight:900;letter-spacing:.02em;line-height:1.45;margin-bottom:6px;text-shadow:0 1px 2px #000}
.koq-rpg-hero #rpgXPProgress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:19px;border:2px solid #e0b968;border-radius:9px;overflow:hidden;background:#1d252b}
.koq-rpg-hero #rpgXPProgress::-webkit-progress-bar{background:#1d252b}
.koq-rpg-hero #rpgXPProgress::-webkit-progress-value{background:linear-gradient(90deg,#9a5ae8,#c28fff,#e2bbff);border-radius:6px;transition:width .22s ease}
.koq-rpg-hero #rpgXPProgress::-moz-progress-bar{background:linear-gradient(90deg,#9a5ae8,#c28fff,#e2bbff);border-radius:6px}

/* v9.9.98: profile management beneath user information on My Profile only */
#koqOwnProfilePane #koqProfileSlots{display:block;position:static;float:none;clear:both;width:100%;max-width:100%;margin:16px 0 22px;box-sizing:border-box}
#koqOwnProfilePane #koqProfileSlots[hidden]{display:none}
#koqOwnProfilePane #koqProfileSlots .koq-slots-actions{display:flex;flex-wrap:wrap;gap:8px}

/* v9.9.103: dual-currency readout and permanent map legend */
.rpg-currency-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0 12px}
.rpg-currency-panel>div{background:#27251f;color:#fff4d7;border:2px solid #9b7c46;border-radius:9px;padding:8px;display:flex;flex-direction:column;gap:3px;min-width:0}
.rpg-currency-panel strong{font-size:12px}.rpg-currency-panel span{font-size:clamp(15px,1.4vw,21px);font-weight:900;color:#ffdf85;overflow-wrap:anywhere}
.rpg-currency-panel small{font-size:10px;line-height:1.3;color:#e2d0aa}
.rpg-minimap-legend{margin-top:7px;background:#1d2425;border:1px solid #9f824c;border-radius:6px;padding:5px 7px;color:#fff0c9}
.rpg-minimap-legend summary{font-size:11px;font-weight:900;cursor:pointer;list-style-position:inside}
.rpg-map-legend-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;margin-top:6px;font:700 10px/1.3 system-ui,sans-serif}
.rpg-map-legend-items span{white-space:nowrap}.rpg-map-legend-items b{font-size:13px;margin-right:4px}
.legend-rock{color:#f5c65e}.legend-player{color:#fff}.legend-town{color:#ffe49b}.legend-vault{color:#dc9eff}.legend-landmark{color:#4ff5f0}.legend-quest{color:#6df0d2}.legend-waypoint{color:#ffea57}.legend-enemy{color:#e45c53}.legend-fog{color:#77808a}
@media(max-width:620px){.rpg-currency-panel{grid-template-columns:1fr}}

/* v9.9.104: contextual map hover details; tooltip never blocks pointer input */
.rpg-map-hover-tip{position:absolute;z-index:40;pointer-events:none;max-width:200px;min-width:150px;box-sizing:border-box;background:#181d20f5;border:2px solid #dfbd75;color:#fff0d1;border-radius:7px;padding:7px 9px;box-shadow:0 5px 16px #000b;font:12px/1.35 system-ui,sans-serif;text-align:left}
.rpg-map-hover-tip[hidden]{display:none!important}
.rpg-map-hover-tip strong,.rpg-map-hover-tip span{display:block}
.rpg-map-hover-tip strong{color:#ffe19d;margin-bottom:3px}
.rpg-minimap .rpg-map-legend-items span[title]{cursor:help}
.rpg-minimap .rpg-map-legend-items span[title]:focus-visible{outline:2px solid #ffe19d;outline-offset:2px}
#rpgWorldMapCanvas{cursor:crosshair}

/* RPG advanced graphics controls */
.rpg-graphics-advanced{margin:14px 0;padding:14px;border:1px solid #8a6e48;border-radius:12px;background:rgba(30,27,23,.14)}
.rpg-graphics-advanced h3{margin:0 0 12px;font-size:1rem}.rpg-graphics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.rpg-graphics-grid label{display:flex;flex-direction:column;gap:5px;font-size:.9rem}.rpg-graphics-grid input[type=range]{width:100%;accent-color:#bd5c3a}.rpg-graphics-grid .rpg-graphics-toggle{flex-direction:row;align-items:center}.rpg-graphics-panel{max-height:75vh;overflow-y:auto;opacity:var(--rpg-menu-opacity,1)}.rpg-minimap{opacity:var(--rpg-minimap-opacity,1)}.rpg-no-tooltips .rpg-map-tooltip{display:none!important}

/* v9.9.114 — GUI scaling must work inside fullscreen and reach ALL interface surfaces.
   zoom scales intrinsic box sizes, unlike transform:scale which leaves hitboxes/layout unchanged. */
#koqLabRpgPanel{--rpg-hud-scale:1}
#koqLabRpgPanel .koq-rpg-head,
#koqLabRpgPanel .koq-rpg-bars,
#koqLabRpgPanel .koq-rpg-actions,
#koqLabRpgPanel .koq-rpg-controls,
#koqLabRpgPanel .rpg-collision-legend,
#koqLabRpgPanel .rpg-performance-readout,
#koqLabRpgPanel .koq-rpg-log,
#koqLabRpgPanel .koq-rpg-hero,
#koqLabRpgPanel .koq-rpg-side-tabs,
#koqLabRpgPanel .koq-rpg-side-content,
#koqLabRpgPanel .rpg-minimap,
#koqLabRpgPanel .rpg-graphics-panel,
#koqLabRpgPanel .koq-rpg-dialog-inner{zoom:var(--rpg-hud-scale,1)}
#koqLabRpgPanel .koq-rpg-side-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
#koqLabRpgPanel .koq-rpg-sidebar{min-width:0;min-height:0}
#koqLabRpgPanel .koq-rpg-side-content{min-width:0;overflow:auto}
#koqLabRpgPanel .koq-rpg-side-tabs button{min-width:0;overflow-wrap:anywhere;white-space:normal}
#koqLabRpgPanel .koq-rpg-head{flex-wrap:wrap}
#koqLabRpgPanel .koq-rpg-top-actions{display:flex;flex-wrap:wrap}
#koqLabRpgPanel .rpg-interface-help{font-size:12px;line-height:1.5}

/* v9.9.119: compact embedded layout + fullscreen viewport-first overlay cockpit */
#koqLabRpgPanel .rpg-drawer-heading,#koqLabRpgPanel .rpg-tab-picker-label{display:none}
#koqLabRpgPanel .rpg-tab-picker{display:block;width:100%;padding:8px;background:#f3dfb8;color:#29231c;border:2px solid #80623f;margin:0 0 8px}
#koqLabRpgPanel .koq-rpg-side-tabs{display:none!important}
#koqLabRpgPanel .koq-rpg-controls{display:block;padding:5px 8px}
#koqLabRpgPanel .koq-rpg-controls summary{cursor:pointer;font-weight:800}
#koqLabRpgPanel .koq-rpg-controls:not([open]) .rpg-controls-inside{display:none}
#koqLabRpgPanel .rpg-system-menu{position:relative;z-index:22}
#koqLabRpgPanel .rpg-system-menu summary{cursor:pointer;list-style:none;padding:8px 12px;border:2px solid #80623f;background:#ddc596;font-weight:800}
#koqLabRpgPanel #rpgSystemShortcuts{position:absolute;right:0;top:100%;width:180px;padding:8px;background:#e9d8b4;border:2px solid #80623f;display:grid;gap:4px;box-shadow:0 5px 15px #0005}
#koqLabRpgPanel #rpgSystemShortcuts button{width:100%}
#koqLabRpgPanel #rpgHudToggle,#koqLabRpgPanel #rpgQuickToggle{display:none}
@media(max-width:850px){}
@media(max-width:650px){}

/* v9.9.120 independent HUD and menu scale */
#koqLabRpgPanel{--rpg-menu-scale:1}
#koqLabRpgPanel .koq-rpg-side-content,#koqLabRpgPanel .koq-rpg-side-tabs,#koqLabRpgPanel .rpg-graphics-panel,#koqLabRpgPanel .koq-rpg-dialog-inner{zoom:var(--rpg-menu-scale,1)}
#koqLabRpgPanel .rpg-graphics-panel #rpgGraphicsApply{background:#28634b;color:#fff;border-color:#65a98a;margin:12px 8px 12px 0;font-weight:900}
#koqLabRpgPanel .rpg-graphics-panel #rpgGraphicsApply:disabled{opacity:.5;cursor:default}

/* v9.9.122: persistent resource HUD in immersive fullscreen */
#koqLabRpgPanel .rpg-fullscreen-resource-hud{display:none}
@media(max-width:650px){}
@media(max-width:650px){
}

/* v9.9.129 dungeon exploration */
.rpg-dungeon-scene{font-size:clamp(28px,5vw,52px);padding:20px 8px;text-align:center;background:linear-gradient(125deg,#1c2430,#382d30,#1d202b);border:2px solid #8c7550;border-radius:12px;margin:12px 0;letter-spacing:12px;text-shadow:0 0 14px #e1aa66;}

/* KoQ v9.9.132 — Interface & Gameplay Polish 2.0. RPG-scoped only. */
#koqLabRpgPanel{--rpg-ink:#f2e7d2;--rpg-muted:#b9b6ad;--rpg-accent:#e8b96d;--rpg-line:#695b49;--rpg-surface:#22282a;--rpg-raised:#303637;--rpg-focus:#ffd989}
#koqLabRpgPanel .koq-rpg-shell{background:linear-gradient(155deg,#313738,#202627 62%,#252c2c);color:var(--rpg-ink);border:2px solid #79634a;border-radius:14px;box-shadow:0 12px 35px #0005;padding:clamp(9px,1.5vw,17px)}
#koqLabRpgPanel .koq-rpg-head{background:linear-gradient(110deg,#3e423d,#2b3334);border:1px solid #75664d;border-radius:10px;padding:12px 15px;margin-bottom:10px}
#koqLabRpgPanel .koq-rpg-head h2{color:#ffdf9c;letter-spacing:.03em;text-shadow:0 2px 4px #0006}
#koqLabRpgPanel .koq-rpg-head p,#koqLabRpgPanel .koq-rpg-head small{color:#c7c6bc}
#koqLabRpgPanel .koq-rpg-shell button{background:#3b4140;color:#f9eed9;border:1px solid #77674f;border-radius:7px;box-shadow:0 2px 0 #10171766;transition:background .15s,border-color .15s,transform .15s}
#koqLabRpgPanel .koq-rpg-shell button:hover{background:#5b503d;border-color:#e0b66e;transform:translateY(-1px)}
#koqLabRpgPanel .koq-rpg-shell button:focus-visible,#koqLabRpgPanel .koq-rpg-shell select:focus-visible{outline:3px solid var(--rpg-focus);outline-offset:2px}
#koqLabRpgPanel .koq-rpg-game,#koqLabRpgPanel .koq-rpg-sidebar{background:var(--rpg-surface);border:1px solid var(--rpg-line);border-radius:10px;box-shadow:0 5px 14px #0004;padding:10px}
#koqLabRpgPanel .koq-rpg-layout{gap:12px;grid-template-columns:minmax(0,1fr) minmax(255px,310px)}
#koqLabRpgPanel .koq-rpg-bars{gap:6px;justify-content:flex-start}
#koqLabRpgPanel .koq-rpg-bars span{background:#343d3e;color:#f2e7d2;border:1px solid #56615c;border-radius:6px;padding:6px 9px}
#koqLabRpgPanel .koq-rpg-hero{background:linear-gradient(140deg,#353c3b,#2b3333);border:1px solid #6e654e;border-radius:9px;color:#f3ead9}
#koqLabRpgPanel .koq-rpg-hero h3{color:#ffdc91}
#koqLabRpgPanel .koq-rpg-side-tabs{gap:5px;max-height:170px;overflow:auto;scrollbar-width:thin}
#koqLabRpgPanel .koq-rpg-side-tabs button{flex:1 1 110px;min-width:0;font-size:11px;padding:8px 6px}
#koqLabRpgPanel .koq-rpg-side-tabs button.active{background:#88613a;color:#fff3d8;border-color:#f0c478}
#koqLabRpgPanel .koq-rpg-side-content{background:#e7d8b7;color:#322719;border:1px solid #ad946d;border-radius:8px;padding:12px;max-height:clamp(340px,52vh,590px);line-height:1.5;scrollbar-width:thin}
#koqLabRpgPanel .koq-rpg-side-content button{color:#fff0d7}
#koqLabRpgPanel .koq-rpg-log{border-radius:7px;border:1px solid #756348;background:#1b2223;color:#f6d89b}
#koqLabRpgPanel .koq-rpg-controls{background:#323a38;color:#eee2c8;border:1px solid #655c4b;border-radius:8px}
#koqLabRpgPanel .rpg-ui-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 9px;margin-bottom:10px;border:1px solid #6b5d49;border-radius:9px;background:#262d2c}
#koqLabRpgPanel .rpg-ui-toolbar-label{font-size:10px;letter-spacing:.13em;font-weight:900;color:#f4d79f;margin-right:3px}
#koqLabRpgPanel .rpg-ui-toolbar button{padding:6px 9px;font-size:11px}
#koqLabRpgPanel .rpg-ui-toolbar-tip{margin-left:auto;color:#c0c6bc;font-size:11px}
#koqLabRpgPanel .rpg-current-panel-heading{padding:7px 10px;margin:0 0 7px;background:#373e3b;border-left:3px solid #e2b66c;border-radius:4px;color:#ffdf9e;font-size:12px;font-weight:900;letter-spacing:.06em}
#koqLabRpgPanel .rpg-minimap{border-radius:9px;overflow:hidden}
#koqLabRpgPanel .koq-rpg-dialog-inner{border-radius:12px;box-shadow:0 20px 60px #0008}
#koqLabRpgPanel .koq-rpg-shell progress{accent-color:#d9aa60}
#koqLabRpgPanel .koq-rpg-shell button:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media(max-width:900px){#koqLabRpgPanel .koq-rpg-layout{grid-template-columns:minmax(0,1fr)}#koqLabRpgPanel .rpg-ui-toolbar-tip{display:none}}
@media(max-width:520px){#koqLabRpgPanel .rpg-ui-toolbar-label{width:100%}#koqLabRpgPanel .rpg-ui-toolbar button{flex:1 1 30%}#koqLabRpgPanel .koq-rpg-head{padding:10px}}
@media(prefers-reduced-motion:reduce){#koqLabRpgPanel .koq-rpg-shell button{transition:none}#koqLabRpgPanel .koq-rpg-shell button:hover{transform:none}}

/* Compact KoQ Hedz disclosures: only identity and titles are previewed. */
#fanDirectory.fan-directory{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:9px;align-items:start}
#fanDirectory .fan-card-compact{padding:0;clip-path:none;outline:none!important;border-width:2px!important;min-width:0;box-shadow:2px 3px 0 #422a1c66!important}
#fanDirectory .fan-card-compact::before,#fanDirectory .fan-card-compact::after{display:none!important}
#fanDirectory .fan-card-compact>summary{display:flex;gap:7px;align-items:center;padding:9px 10px;cursor:pointer;list-style:none;min-height:48px}
#fanDirectory .fan-card-compact>summary::-webkit-details-marker{display:none}
#fanDirectory .fan-card-compact>summary:focus-visible{outline:3px solid #328ca4;outline-offset:2px}
#fanDirectory .fan-card-chevron{font-size:15px;flex:none;transition:transform .12s}
#fanDirectory .fan-card-compact[open] .fan-card-chevron{transform:rotate(90deg)}
#fanDirectory .fan-card-identity{display:flex;flex-wrap:wrap;align-items:center;gap:3px 5px;min-width:0}
#fanDirectory .fan-card-name{font-size:.9rem;font-weight:800;overflow-wrap:anywhere}
#fanDirectory .fan-card-identity .koq-role,#fanDirectory .fan-card-identity .koq-creator-badge{font-size:.63rem;margin:0!important;padding:2px 4px;line-height:1.3}
#fanDirectory .fan-card-identity .koq-name-level{display:none}
#fanDirectory .fan-card-body{padding:8px 11px 12px;border-top:1px dashed #9e8567;font-size:.82rem}
#fanDirectory .fan-card-body p{margin:5px 0}#fanDirectory .fan-card-body button{font-size:.73rem;max-width:100%;white-space:normal}
@media(prefers-reduced-motion:reduce){#fanDirectory .fan-card-chevron{transition:none}}