/* 新シリーズ（透明アクリル）の見せ方：ビス留めのアクリル板・バーコードのラベル
   index.html・works.html で共通。ビスとバーコードは assets/mariexe.js の addScrews() / barcodeLabel() がつける */

/* 透明なアクリル板（厚み・ふちの光・落ちる影） */
.acrylic{position:relative;border-radius:10px;padding:clamp(26px,4vw,44px);
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.22) 45%,rgba(214,240,255,.28));
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.7),inset 0 -2px 0 rgba(180,200,225,.35),
    0 1px 0 rgba(20,32,107,.06),0 36px 60px -34px rgba(20,32,107,.45)}
.acrylic::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 40%,transparent 48%);opacity:.7} /* 板の表面の映りこみ */
/* ネオンライムの蛍光アクリル板 */
.acrylic.lime{background:linear-gradient(135deg,rgba(226,255,92,.92),rgba(206,255,40,.78) 55%,rgba(232,255,140,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.55),inset 0 -3px 0 rgba(150,190,0,.35),
    0 0 40px -6px rgba(214,255,58,.65),0 36px 60px -34px rgba(20,32,107,.4)}

/* 四すみのビス（銀・マイナスのみぞ） */
.screw{position:absolute;width:12px;height:12px;border-radius:50%;z-index:2;pointer-events:none;
  background:radial-gradient(circle at 35% 30%,#fff 0,#E4E8EF 30%,#AEB5C4 70%,#8790A3 100%);
  box-shadow:0 1px 2px rgba(20,32,107,.35),inset 0 0 0 1px rgba(255,255,255,.55)}
.screw::after{content:"";position:absolute;left:2px;right:2px;top:50%;height:1.5px;margin-top:-.75px;background:rgba(60,66,90,.55);transform:rotate(var(--r,30deg));border-radius:1px}
.screw.tl{left:12px;top:12px}.screw.tr{right:12px;top:12px}.screw.bl{left:12px;bottom:12px}.screw.br{right:12px;bottom:12px}

/* バーコードのラベル（見出し） */
.barlabel{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#14206B;border-radius:2px;padding:6px 10px 6px 11px;
  font:400 11px/1 "JetBrains Mono",monospace;letter-spacing:.18em;opacity:1;
  box-shadow:0 1px 0 rgba(20,32,107,.08),0 6px 14px -8px rgba(20,32,107,.35);transform:rotate(var(--tilt,-1deg))}
.barlabel svg{display:block;height:16px;width:auto}
.barlabel .no{font-size:9px;letter-spacing:.12em;opacity:.55}