/* Only loaded by the dedicated exterior simulator page. Source app CSS and JS are unmodified. */
.iromihon-page button{font-size:inherit}
.iromihon-page textarea{font-family:inherit}
.iromihon-page [hidden]{display:none!important}
/* The source app measures a fixed theme header; this non-sticky shell instead uses the
   renderer's live WordPress admin-bar height, including its off-screen mobile state. */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url("./webfonts/fa-solid-900.woff2") format("woff2")}
.iromihon-page .fas{display:inline-block;font-family:"Font Awesome 5 Free";font-style:normal;font-variant:normal;text-rendering:auto;font-weight:900;line-height:1;-webkit-font-smoothing:antialiased}
.iromihon-page .fa-chevron-left:before{content:""}
.iromihon-page .fa-chevron-right:before{content:""}
.iromihon-page .fa-arrow-right:before{content:""}
.iromihon-page .fa-palette:before{content:""}
.iromihon-page .fa-layer-group:before{content:""}
.iromihon-page .fa-home:before{content:""}
.iromihon-page .fa-tree:before{content:""}

/* Keep the reference layout; only branding, accents and the mascot differ. */
.iromihon-page,.iromihon-page * { letter-spacing:0; }
.iromihon-page { --nanairo-blue:#306ebb; --nanairo-yellow:#d4a01b; }
.iromihon-page :is(button,a,input,select,summary):focus-visible { outline:2px solid #82b5f5; outline-offset:3px; }
.iromihon-page { --gold:var(--nanairo-yellow); --gold2:var(--nanairo-yellow); }
.iromihon-page .simulator-entry__start { background:var(--nanairo-yellow); color:#171717; }
.iromihon-page .simulator-entry__start:hover { background:#e6b331; }
.iromihon-page .simulator-entry__handle { background:var(--nanairo-blue); }
.iromihon-page .simulator-entry__divider { background:#91bbed; }
.iromihon-page .simulator-entry__palette,
.iromihon-page .simulator-entry__sides { z-index:3; }
.iromihon-page .simulation-navigation>.wrap>.simulation-navigation__tabs button.is-active {
  color:#245b9e; border-bottom-color:var(--nanairo-blue);
}
.iromihon-page .simulator-heading>i { color:#77a9e7; }
.iromihon-page .nanairo-bear-ground {
  position:absolute; z-index:2; left:calc(50% - 18.65rem); bottom:-.4rem;
  width:223px; max-width:32%; aspect-ratio:1; pointer-events:none; user-select:none;
}
.iromihon-page .nanairo-bear-ground::before {
  content:""; position:absolute; left:9%; right:7%; bottom:3%; height:6%;
  background:rgba(20,27,21,.3); border-radius:50%; filter:blur(3px);
}
.iromihon-page .nanairo-bear-family {
  position:relative; display:block; width:100%; height:auto;
}
.iromihon-page .nanairo-bear-painted {
  position:absolute; inset:0; display:block; width:100%; height:100%; visibility:hidden;
}
.iromihon-page .is-brush-ready .nanairo-bear-painted { visibility:visible; }
.iromihon-page .is-brush-ready .nanairo-bear-family { opacity:0; }
.iromihon-page .nanairo-cub-arm {
  position:absolute; display:block; pointer-events:none;
  animation-duration:5.6s; animation-iteration-count:infinite;
  animation-timing-function:ease-in-out; animation-play-state:paused;
}
.iromihon-page .nanairo-cub-arm--left { animation-name:nanairo-cub-wave-left; }
.iromihon-page .nanairo-cub-arm--right { animation-name:nanairo-cub-wave-right; }
.iromihon-page .is-cub-waving .nanairo-cub-arm { animation-play-state:running; }
@keyframes nanairo-cub-wave-left {
  0%,8%,44%,100% { transform:rotate(0); }
  13%,23%,33% { transform:rotate(17deg); }
  18%,28%,38% { transform:rotate(-13deg); }
}
@keyframes nanairo-cub-wave-right {
  0%,11%,47%,100% { transform:rotate(0); }
  16%,26%,36% { transform:rotate(-18deg); }
  21%,31%,41% { transform:rotate(14deg); }
}
@media (prefers-reduced-motion:reduce) {
  .iromihon-page .nanairo-cub-arm { animation:none; }
}
@media (max-width:768px) {
  .iromihon-page .nanairo-bear-ground { left:calc(26.3% - 20.5px); width:173px; }
}
@media (max-width:420px) {
  .iromihon-page .nanairo-bear-ground { left:9.6rem; bottom:0; width:104px; }
  .iromihon-page .simulator-entry__handle { top:50%; }
}
@media (max-width:360px) {
  .iromihon-page .nanairo-bear-ground { left:9.8rem; width:84px; }
}

/* 入力・仕様コピー・正規ダウンロードと3Dポインター操作を維持する。 */
.iromihon-page.simulator-protected, .iromihon-page.simulator-protected * {
  -webkit-user-select:none!important; user-select:none!important; -webkit-touch-callout:none;
}
.iromihon-page.simulator-protected :is(input,textarea,select,[contenteditable]:not([contenteditable="false"]),[data-copy-allowed]),
.iromihon-page.simulator-protected :is([contenteditable]:not([contenteditable="false"]),[data-copy-allowed]) * {
  -webkit-user-select:text!important; user-select:text!important; -webkit-touch-callout:default;
}
.iromihon-page.simulator-protected :is(img,canvas,svg) { -webkit-user-drag:none; }
@media print {
  .iromihon-page.simulator-protected { background:#fff!important; color:#000!important; }
  .iromihon-page.simulator-protected>* { display:none!important; }
  .iromihon-page.simulator-protected::after {
    content:"Simulator by YUKIGUNI - All rights reserved.";
    display:block!important; padding:2.4rem; font:1.4rem sans-serif;
  }
}