/* kit/kopyakalemi.css — "kopya kalemi" malzemesinin basılı/CSS tarafı. Yalnız html[data-malzeme="kopyakalemi"] altında
   geçerlidir (Kit.malzeme.sec('kopyakalemi') bu özniteliği koyar); başka oyunlarda hiçbir kuralı eşleşmez.
   Kâğıt (kareler, marj, gren) ve açık masa kit/kagit.css'ten aynen gelir; altta duran yapraklar kursunkalem.css gibi. */

html[data-malzeme="kopyakalemi"] {
  --kopya-grafit: #5d4a7a;
  --kopya-canli: #6b3fb0;
  --kopya-acik: #958aa8;
  --mavi: var(--kopya-grafit);         /* eski adları kullanan kit kuralları da kopya kalemi olur */
  --kirmizi: var(--kopya-canli);
  --kursun: var(--kopya-acik);
  /* Kopya kalemi imleci: ucu (3,29) noktasında; mor gövde, açılmış ahşap, mor grafit uç */
  --kalem-imlec: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M9 19 L22 6 L26 10 L13 23 Z' fill='%236b4f8f' stroke='%233d2f52' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M11 21 L24 8' stroke='%23d9cce8' stroke-width='.6' opacity='.6'/%3E%3Cpath d='M9 19 L13 23 L4.6 27.4 Z' fill='%23f1e5cb' stroke='%233d2f52' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M3 29 L5.4 25.2 L6.8 26.6 Z' fill='%235d4a7a'/%3E%3C/svg%3E") 3 29, crosshair;
}

html[data-malzeme="kopyakalemi"] body { color: var(--kopya-grafit); }

/* Ortak açık kâğıt; dış gölge yalnız en alttaki yaprakta (defterde materials denetimi: ::before/::after, 16px 28px 40px -6px). */
html[data-malzeme="kopyakalemi"] .sayfa { box-shadow: inset 0 1px 2px rgba(255, 255, 255, .85); }
html[data-malzeme="kopyakalemi"] .defter { position: relative; isolation: isolate; }
html[data-malzeme="kopyakalemi"] .defter::before,
html[data-malzeme="kopyakalemi"] .defter::after {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: url("gren.png") #f7f4eb;
}
html[data-malzeme="kopyakalemi"] .defter::before {
  z-index: -2; transform: translate(5px, 4px) rotate(.7deg); background-color: #efebdf;
  box-shadow: 16px 28px 40px -6px rgba(58, 36, 16, .44);
}
html[data-malzeme="kopyakalemi"] .defter::after { transform: translate(-3px, 7px) rotate(-.5deg); }
@media (prefers-reduced-motion: no-preference) {
  html[data-malzeme="kopyakalemi"] .defter { animation: kk-gelis .5s ease-out both; }
}
@keyframes kk-gelis { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; } }

/* Komutlar kutu değil: altı kopya kalemiyle çizili sözcük (Kit.kalem.dugmeAltiCiz). */
html[data-malzeme="kopyakalemi"] .dugme { padding: .15em .3em .45em; color: inherit; }
html[data-malzeme="kopyakalemi"] .dugme:active { transform: none; }
html[data-malzeme="kopyakalemi"] .dugme[disabled] { opacity: .5; }
html[data-malzeme="kopyakalemi"] .dugme .cerceve { opacity: .85; transition: opacity .15s; }
html[data-malzeme="kopyakalemi"] .dugme:not([disabled]):hover .cerceve { opacity: 1; }

/* İşaret katmanları tıklanmaz */
html[data-malzeme="kopyakalemi"] .isaret { pointer-events: none; }