.bisc-page{--ink:#49382c;--paper:#fff7df;--rose:#276b54;--focus:#0a6eb1;box-sizing:border-box;margin:0;min-height:100vh;background:radial-gradient(#e8ce9e 1px,transparent 1px) 0 0/19px 19px,var(--paper);font:500 16px/1.55 system-ui,"PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink)}
.bisc-page *{box-sizing:inherit}.bisc-page :is(h1,p,ul){margin:0}
.bisc-wrap{width:min(100% - 32px,464px);margin-inline:auto;padding:clamp(26px,6vh,62px) 0 25px;text-align:center}
.bisc-header{margin-bottom:24px}.bisc-badge{display:inline-block;border:1px solid #8ac6a3;background:#daf2e0;border-radius:99px;padding:3px 14px;font-size:.83rem;letter-spacing:.16em;font-weight:750}
.bisc-header h1{font-size:clamp(2.35rem,9vw,3.65rem);line-height:1.2;letter-spacing:.06em;font-weight:950;margin:10px 0 7px}.bisc-header p{font-size:.95rem;color:#655744}
.bisc-ticket{overflow:hidden;background:#fffefa;border:1.5px solid #cfab72;border-radius:26px;box-shadow:0 8px 0 #ead3a6,0 18px 40px #69471e18}
.bisc-top{background:#daf2e0;padding:7px 16px 10px;border-bottom:2px dashed #9fbe9c}.bisc-top img{display:block;margin:0 auto -4px}.bisc-top p{font-size:.72rem;letter-spacing:.18em;font-weight:800}.bisc-top span{padding-left:6px;font-variant-numeric:tabular-nums}
.bisc-stub{padding:18px clamp(13px,5vw,25px) 17px}
.bisc-window{position:relative;height:170px;overflow:hidden;border-radius:16px;background:#fff1cc;border:1px solid #dabd82}
.bisc-prize{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 10px}.bisc-prize strong{font-size:clamp(1.23rem,5.7vw,1.78rem);font-weight:900}.bisc-prize span:last-child{font-size:.9rem}.bisc-prize span:first-child{font-size:2.1rem;line-height:1.1}
#scratch{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;transition:opacity .25s}#scratch:active{cursor:grabbing}#scratch.bisc-done{opacity:0;pointer-events:none}
#hint{margin-top:9px;font-size:.83rem;color:#645644}.bisc-actions{margin-top:10px}
.bisc-actions button{font:inherit;font-weight:750;background:var(--rose);color:#fff;border:0;border-radius:999px;padding:9px 23px;min-height:44px;cursor:pointer}.bisc-actions button:hover{background:#1a553e}.bisc-page :focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.bisc-wrap footer{font-size:.74rem;color:#665944}.bisc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){#scratch{transition:none}}

/* 像素村莊、任務窗與金色封印 */
.bisc-page {
  --ink: #392a24;
  --rose: #88441f;
}
.bisc-wrap { width: min(100% - 32px, 500px); }
.bisc-badge {
  background: #fff4b7;
  border: 2px solid #684224;
  border-radius: 2px;
  box-shadow: 3px 3px #684224;
}
.bisc-header h1 { color: #4a301e; text-shadow: 2px 3px #fff3b8; }
.bisc-header p { color: #392a24; }
.bisc-ticket {
  background: #fff5d9;
  border: 3px solid #623c23;
  border-radius: 6px;
  box-shadow: 0 5px #623c23, 0 12px 25px #47332335;
}
.bisc-top {
  border-bottom: 3px solid #623c23;
  padding-block: 10px 12px;
}
.bisc-top p {
  display: inline-block;
  background: #fff5d9;
  padding: 3px 10px;
  border: 2px solid #623c23;
}
.bisc-window {
  height: 216px;
  background: #fff0c0;
  border: 2px solid #94653d;
  border-radius: 3px;
}
.bisc-prize { gap: 6px; }
.bisc-prize #prize-note { font-size: .9rem; }
.bisc-compensation {
  max-width: 100%;
  padding: 4px 8px;
  background: #f8dca1;
  border: 1px solid #af7645;
  font-size: .95rem;
  font-weight: 800;
}
.bisc-actions button {
  border: 2px solid #5a2f1b;
  border-radius: 4px;
  box-shadow: 0 3px #5a2f1b;
}
.bisc-actions button:hover { background: #6e3518; }
.bisc-wrap footer {
  display: inline-block;
  background: #fff5d9;
  color: #49382c;
  padding: 2px 8px;
  border-radius: 2px;
}

/* 弓箭手村的遊戲地圖與楓幣商店 */
.bisc-page {
  background: url("henesys.webp") center bottom / auto clamp(195px, 42vh, 460px) no-repeat fixed,
    linear-gradient(#87c9ef, #dff5ff 78%, #acc77c) fixed;
}
.bisc-top {
  background: linear-gradient(#c9e8fb, #8ac9ec);
}
.bisc-top h2 { font-size: 1.05rem; margin: 10px 0 0; }
.bisc-top .bisc-mushroom { image-rendering: pixelated; margin: 6px auto 0; }
.bisc-shop-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid #d9bc80;
  text-align: left;
}
.bisc-shop-line output { font-weight: 800; }
.bisc-actions button:disabled { opacity: .5; cursor: default; }
.bisc-progress {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: .82rem;
}
#scratch-progress { display: block; width: 100%; accent-color: #88441f; }
.bisc-wrap footer { margin-top: 16px; }