/* V194 Art Room: one continuous drawing board with a fitted sheet. Attached
   ruler and tape have their own silhouettes, without disconnected corner steps. */
@media screen {
body[data-world-family='art-room'] {
  --art-board:#d2c39a;--art-edge:#797851;--art-tape:#b0b986;
  --art-tooth:url('assets/world-rework/art-room/gouache-garden/paper-tooth.png');
  --art-dot:url('assets/world-rework/art-room/gouache-garden/dots-light.svg');
  --art-outer-top:29px;--art-outer-right:33px;--art-outer-bottom:34px;--art-outer-left:38px;
}
body[data-world-family='art-room'] .editor-scroll {
  background-image:linear-gradient(125deg,rgb(255 253 239 / .20),transparent 50%),repeating-linear-gradient(90deg,transparent 0 141px,rgb(75 59 40 / .035) 142px 143px);
}
body[data-world-family='art-room'] .ink-stage {margin-top:58px;margin-bottom:72px;}
body[data-world-family='art-room'] .world-surround {z-index:-1;}
body[data-world-family='art-room'] .world-surround-upper {
  inset:calc(-1 * var(--art-outer-top)) calc(-1 * var(--art-outer-right)) calc(-1 * var(--art-outer-bottom)) calc(-1 * var(--art-outer-left));
  width:auto;height:auto;border:3px solid var(--art-board);border-radius:11px;
  box-shadow:0 1px 0 var(--art-edge),1px 5px 5px rgb(54 42 35 / .2),inset 0 0 0 1px color-mix(in srgb,var(--art-edge) 32%,transparent);
}
body[data-world-family='art-room'] .world-surround .world-surround-upper {background-repeat:repeat;background-color:var(--art-board);}
body[data-world-family='art-room'] .world-surround-left,
body[data-world-family='art-room'] .world-surround-right {display:none;}
body[data-world-family='art-room'] .world-surround-lower {
  inset:calc(-1 * var(--art-outer-top)) calc(-1 * var(--art-outer-right)) calc(-1 * var(--art-outer-bottom)) calc(-1 * var(--art-outer-left));
  width:auto;height:auto;background:none;border:0;box-shadow:none;
}
body[data-world-family='art-room'] .world-surround-upper::before,
body[data-world-family='art-room'] .world-surround-lower::after {
  content:"";position:absolute;width:83px;height:23px;background:var(--art-tape);
  border-block:1px solid color-mix(in srgb,var(--art-edge) 25%,transparent);
  box-shadow:0 2px 1px rgb(50 45 27 / .15);
  clip-path:polygon(1% 0,99% 0,97% 15%,100% 25%,97% 36%,100% 51%,97% 64%,100% 80%,98% 100%,0 100%,3% 83%,0 67%,3% 49%,0 31%,3% 14%);
}
body[data-world-family='art-room'] .world-surround-upper::before {top:13px;left:17px;transform:rotate(-27deg);}
body[data-world-family='art-room'] .world-surround-lower::after {bottom:12px;right:19px;transform:rotate(-23deg);}
body[data-world-family='art-room'][data-world-motif='blue-pencil'] {--art-board:#7e94a4;--art-edge:#3e5667;--art-tape:#c7d7d7;}
body[data-world-family='art-room'][data-world-motif='blue-pencil'] .world-surround-left {
  display:block;left:calc(4px - var(--art-outer-left));top:calc(4px - var(--art-outer-top));bottom:calc(4px - var(--art-outer-bottom));width:23px;
  border:1px solid #627e91;border-radius:6px;
  background:linear-gradient(90deg,#b9c9cf,#d9e3e2 38%,#a6b9c4);box-shadow:1px 1px 2px rgb(36 56 69 / .2);
}
body[data-world-family='art-room'][data-world-motif='blue-pencil'] .world-surround-left::after {
  content:"";position:absolute;inset:10px 2px;
  background:repeating-linear-gradient(180deg,#3e5667 0 1px,transparent 1px 8px) right / 6px 40px repeat-y,repeating-linear-gradient(180deg,#3e5667 0 1px,transparent 1px 40px) right / 12px 40px repeat-y;
}
body[data-world-family='art-room'][data-world-motif='blue-pencil'] .world-surround-upper::before {left:auto;right:19px;transform:rotate(25deg);width:68px;height:19px;}
body[data-world-family='art-room'][data-world-motif='blue-pencil'] .world-surround-lower::after {right:auto;left:22px;transform:rotate(19deg);width:68px;height:19px;}
body[data-world-family='art-room'][data-world-motif='terracotta-studio'] {--art-board:#b57152;--art-edge:#704837;--art-tape:#d5b182;}
body[data-world-family='art-room'][data-world-motif='terracotta-studio'] .world-surround-upper {border-width:5px;}
body[data-world-family='art-room'][data-world-motif='terracotta-studio'] .world-surround-upper::before {left:12px;top:5px;width:56px;height:32px;transform:rotate(-6deg);}
body[data-world-family='art-room'][data-world-motif='terracotta-studio'] .world-surround-lower::after {right:17px;bottom:6px;width:56px;height:32px;transform:rotate(6deg);}
body[data-world-family='art-room'][data-theme='dark'] .editor-scroll {background-image:linear-gradient(135deg,rgb(10 19 29 / .30),transparent 72%,rgb(245 216 167 / .10));}
body[data-world-family='art-room'][data-theme='dark'] :is(.world-surround-upper,.world-surround-lower,.world-surround-left) {filter:brightness(.64) saturate(.7);}
body[data-world-family='art-room'][data-theme='dark'] .world-night-light {
  display:block;right:calc(-1 * var(--art-outer-right));top:calc(-1 * var(--art-outer-top));bottom:calc(-1 * var(--art-outer-bottom));width:35px;border-radius:0 11px 11px 0;
  background:linear-gradient(180deg,rgb(255 239 197 / .38),rgb(236 211 169 / .09) 42%,transparent 83%);
  box-shadow:5px -7px 21px rgb(253 227 177 / .08);mix-blend-mode:screen;
}
@media(max-width:600px) {
  body[data-world-family='art-room'] {--art-outer-top:21px;--art-outer-right:23px;--art-outer-bottom:25px;--art-outer-left:26px;}
  body[data-world-family='art-room'] .ink-stage {margin-top:43px;margin-bottom:56px;}
  body[data-world-family='art-room'] .world-surround-upper {border-radius:8px;border-width:2px;}
  body[data-world-family='art-room'] .world-surround-upper::before {top:9px;left:9px;width:45px;height:15px;transform:rotate(-24deg);}
  body[data-world-family='art-room'] .world-surround-lower::after {bottom:8px;right:9px;width:45px;height:15px;transform:rotate(-24deg);}
  body[data-world-family='art-room'] .world-surround-left {mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);}
  body[data-world-family='art-room'][data-world-motif='blue-pencil'] .world-surround-left {width:14px;border-radius:4px;}
  body[data-world-family='art-room'][data-world-motif='blue-pencil'] .world-surround-left::after {background-size:4px 40px,8px 40px;}
  body[data-world-family='art-room'][data-world-motif='blue-pencil'] .world-surround-upper::before,
  body[data-world-family='art-room'][data-world-motif='blue-pencil'] .world-surround-lower::after {width:45px;height:15px;}
  body[data-world-family='art-room'][data-world-motif='terracotta-studio'] .world-surround-upper {border-width:3px;}
  body[data-world-family='art-room'][data-world-motif='terracotta-studio'] .world-surround-upper::before,
  body[data-world-family='art-room'][data-world-motif='terracotta-studio'] .world-surround-lower::after {width:38px;height:19px;}
  body[data-world-family='art-room'][data-theme='dark'] .world-night-light {width:23px;border-radius:0 8px 8px 0;}
}
}

@media screen {
body[data-world-family='art-room'] .theme-material-grain {
  background-image:var(--art-tooth);background-size:256px 256px;mix-blend-mode:multiply;opacity:.18;
}
body[data-world-family='art-room'][data-theme='dark'] .theme-material-grain {mix-blend-mode:soft-light;opacity:.17;}
body[data-world-family='art-room'][data-paper='dots'] .note-editor {background-image:var(--art-dot);background-size:24px 24px;}
body[data-world-family='art-room'][data-paper='ruled'] .note-editor {
  background-image:linear-gradient(90deg,transparent 0 53px,color-mix(in srgb,var(--world-rule) 40%,transparent) 53px 54px,transparent 54px),repeating-linear-gradient(180deg,transparent 0 31px,color-mix(in srgb,var(--world-rule) 35%,transparent) 31px 32px);
}
body[data-world-family='art-room'][data-paper='grid'] .note-editor {
  background-image:linear-gradient(180deg,color-mix(in srgb,var(--world-rule) 20%,transparent) 0 .7px,transparent .7px),linear-gradient(90deg,color-mix(in srgb,var(--world-rule) 20%,transparent) 0 .7px,transparent .7px),linear-gradient(180deg,color-mix(in srgb,var(--world-rule) 40%,transparent) 0 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--world-rule) 40%,transparent) 0 1px,transparent 1px);
  background-size:30px 30px,30px 30px,150px 150px,150px 150px;
}
body[data-world-family='art-room'][data-paper='chalkboard'] .theme-material-grain {background-image:var(--world-chalk-grain);mix-blend-mode:normal;opacity:.36;}
body[data-world-family='art-room'][data-paper='chalkboard'] .note-editor {background-image:linear-gradient(130deg,rgb(248 240 214 / .045),transparent 38%),radial-gradient(ellipse at 90% 86%,rgb(217 202 175 / .045),transparent 33%);}

}
/* Generated motif asset bindings. */
@media screen {
body[data-world-family='art-room'][data-world-motif='gouache-garden'] {
  --art-dot:url('assets/world-rework/art-room/gouache-garden/dots-light.svg');
  --art-tooth:url('assets/world-rework/art-room/gouache-garden/paper-tooth.png');
}
body[data-world-family='art-room'][data-world-motif='gouache-garden'][data-theme='dark'] {--art-dot:url('assets/world-rework/art-room/gouache-garden/dots-dark.svg');}
body[data-world-family='art-room'][data-world-motif='blue-pencil'] {
  --art-dot:url('assets/world-rework/art-room/blue-pencil/dots-light.svg');
  --art-tooth:url('assets/world-rework/art-room/blue-pencil/paper-tooth.png');
}
body[data-world-family='art-room'][data-world-motif='blue-pencil'][data-theme='dark'] {--art-dot:url('assets/world-rework/art-room/blue-pencil/dots-dark.svg');}
body[data-world-family='art-room'][data-world-motif='terracotta-studio'] {
  --art-dot:url('assets/world-rework/art-room/terracotta-studio/dots-light.svg');
  --art-tooth:url('assets/world-rework/art-room/terracotta-studio/paper-tooth.png');
}
body[data-world-family='art-room'][data-world-motif='terracotta-studio'][data-theme='dark'] {--art-dot:url('assets/world-rework/art-room/terracotta-studio/dots-dark.svg');}
}

/* Small material grip; board resize interaction remains shared. */
body[data-world-family="art-room"] .board-resize-handle {
  background: var(--art-handle) center / contain no-repeat;
}

/* One night light event; approved artwork and mounting stay stationary. */
@media screen and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
  @keyframes artroom-lamp-drift {
    from { opacity: .45; }
    to { opacity: 1; }
  }
  body[data-world-family='art-room'][data-theme='dark']:not([data-readability='high']) .world-night-light {
    animation: artroom-lamp-drift 10s ease-in-out infinite alternate;
  }
}