.kamera-durum{color:var(--muted);padding:6px 14px;font-size:13px;display:block}.kamera-durum:empty{display:none}.sahne-alt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;margin:10px 2px 0;display:flex}.gb-dugme{margin-inline-start:auto}.ezgi-arac{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ezgi-arac [aria-pressed=true]{border-color:var(--karar);color:var(--karar)}.ezgi-arac [aria-pressed=true] span[aria-hidden]{animation:.9s steps(2,end) infinite yanip}.eser-cal-ad{overflow-wrap:anywhere;min-width:0;font-weight:600}.eser-cal-hiz{align-items:center;gap:6px;font-size:14px;display:inline-flex}.eser-cal-ilerleme{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.ezgi-gelen{background:color-mix(in srgb,var(--brass) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--brass) 40%,var(--line));border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;padding:10px 14px;display:flex}.dizi-serit[open]{padding-bottom:14px}.dizi-bas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}#arkaplanSec{min-width:8em}.alan-sec .alan-baslik{color:var(--muted);margin-inline-end:4px;font-size:14px}.sahne-arac .alan-sec .alan-baslik{display:none}@media (width<=560px){.sahne-bant{flex-wrap:nowrap;padding:6px 10px}.sahne-bant .alan-baslik{display:none}}.cal-baglar p:last-child{margin-bottom:0}.makam-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:0 0 14px;padding:14px;box-shadow:0 12px 28px -18px #00000059}.makam-panel[hidden]{display:none}.makam-izgara{overscroll-behavior:contain;flex-wrap:wrap;gap:6px;max-height:min(320px,45vh);margin-top:12px;display:flex;overflow-y:auto}.makam-yok{color:var(--muted);margin:10px 2px 0}.gelistirme-bant{background:color-mix(in srgb,var(--brass) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--brass) 35%,var(--line));color:var(--ink);border-radius:999px;flex-wrap:nowrap;align-items:center;gap:10px;margin:10px 0 12px;padding:6px 6px 6px 14px;font-size:14.5px;line-height:1.3;display:flex}.gelistirme-katki{font:inherit;cursor:pointer;background:var(--brass);min-height:32px;color:var(--surface);white-space:nowrap;border:0;border-radius:999px;flex:none;padding:5px 14px;font-size:13.5px;font-weight:600}.gelistirme-katki:hover,.gelistirme-katki:focus-visible{filter:brightness(1.12)}.calma-ayar{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:12px 0 4px;padding:10px 14px;font-size:14px;display:flex}.calma-ayar:empty{display:none}.calma-ayar .ca-alan{align-items:center;gap:8px;display:inline-flex}.calma-ayar .ca-anahtar{color:var(--ink);cursor:pointer;align-items:center;gap:7px;font-weight:600;display:inline-flex}.calma-ayar input[type=checkbox]{width:20px;height:20px;accent-color:var(--brass);margin:0}.calma-ayar input[type=range]{width:96px;accent-color:var(--brass)}.calma-ayar output{font-variant-numeric:tabular-nums;min-width:3.4em}.calma-ayar .ca-ipucu{flex-basis:100%;margin:0;font-size:13px}.kamera-yansima{z-index:0;pointer-events:none;position:absolute;overflow:hidden}.kamera-yansima video,.kamera-yansima canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.kamera-yansima video{opacity:.26;mix-blend-mode:soft-light;filter:grayscale()sepia(.35)contrast(1.3)brightness(1.35)blur(.6px)}.kamera-yansima canvas{mix-blend-mode:screen}.cal-uyg{margin:14px 0}.bilgi-hap ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;margin:0;padding:0;list-style:none;display:grid}.bilgi-hap li{padding-inline-start:18px;font-size:15px;line-height:1.5;position:relative}.bilgi-hap li:before{content:"";inset-inline-start:2px;background:var(--brass);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em}.bilgi-hap b{font-weight:600}@media (width<=760px){.bilgi-hap ul{grid-template-columns:1fr}}.sahne.ezber :is(.lbl,.saz-etiketler,.pt-perde,.pt-nota){visibility:hidden}details.bilgi>summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;list-style:none;display:flex}details.bilgi>summary::-webkit-details-marker{display:none}details.bilgi>summary:before{content:"";border:solid var(--brass);border-width:0 2px 2px 0;flex:none;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}[dir=rtl] details.bilgi>summary:before{transform:rotate(135deg)}details.bilgi[open]>summary:before{transform:rotate(45deg)}details.bilgi>summary h2{margin:0}details.notlar>summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;list-style:none;display:flex}details.notlar>summary::-webkit-details-marker{display:none}details.notlar>summary:before{content:"";border:solid var(--brass);border-width:0 2px 2px 0;flex:none;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}[dir=rtl] details.notlar>summary:before{transform:rotate(135deg)}details.notlar[open]>summary:before{transform:rotate(45deg)}.calma-ayar .ca-eslik{flex-wrap:wrap}.calma-ayar .ca-eslik-ayar{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.calma-ayar .ca-eslik-ayar[hidden]{display:none}.calma-ayar .ca-eslik select{max-width:11em}.perde-tahta.delikli{height:auto;min-height:0;display:block}.ney-sim{color:#f3ead8;--ns-soluk:#cdb88f;grid-template-columns:minmax(140px,230px) 1fr;align-items:center;gap:18px;padding:12px;display:grid}.ns-ney{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:min(70vh,640px)}.ns-delik{cursor:pointer;outline:none}.ns-alan{fill:#0000}.ns-oyuk{fill:#1a120a}.ns-yarim,.ns-parmak{fill:#d9a98a;stroke:#8a5a40;stroke-width:1.5px;opacity:0;transition:opacity .12s}.ns-delik[data-durum=kapali] .ns-parmak,.ns-delik[data-durum=yarim] .ns-yarim{opacity:1}.ns-delik:focus-visible .ns-alan{stroke:var(--brass);stroke-width:2px}.ns-delik.ns-ipucu .ns-alan{stroke:#e0a800;stroke-width:3px;stroke-dasharray:4 3}.ns-tus,.ns-el{fill:var(--ns-soluk);font:600 12px system-ui,sans-serif}.ns-el{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.ns-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.ns-perde{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.ns-perde b{font-size:2rem;line-height:1.1}.ns-perde span{color:var(--ns-soluk);font-size:1.1rem}.ns-nefes{flex-wrap:wrap;gap:6px;display:flex}.ns-nefes button,.ns-eylem button,.ns-cipler button,.ns-hedef button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px}.ns-nefes button[aria-checked=true]{background:var(--brass);border-color:var(--brass);color:#1b130a}.ns-nefes button.ns-ipucu{outline-offset:2px;outline:3px dashed #e0a800}.ns-nefes kbd,.ns-ufle kbd{opacity:.7;margin-inline-start:4px;font-size:.75em}.ns-ufle{border:2px solid var(--brass);background:var(--surface);min-width:170px;color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px;align-self:flex-start;padding:16px 26px;font:700 1.1rem system-ui,sans-serif}.ns-ufle.basili{background:var(--brass);color:#1b130a;box-shadow:0 0 0 6px color-mix(in srgb, var(--brass) 30%, transparent)}.ns-makam h3{margin:4px 0 8px;font-size:1rem}.ns-cipler{flex-wrap:wrap;gap:6px;display:flex}.ns-eylem{gap:8px;margin-top:10px;display:flex}.ns-hedef{min-height:1.5em;margin:8px 0 0;font-weight:600}.ns-hedef.dogru{color:#8fdc8a}.ns-puan{color:var(--ns-soluk);margin-inline-start:6px;font-weight:400}.ns-not{color:var(--ns-soluk);margin:0;font-size:.85rem}@media (width<=640px){.ney-sim{grid-template-columns:110px 1fr;gap:10px;padding:6px}.ns-perde b{font-size:1.5rem}.ns-ufle{width:100%;min-width:0}}.kanun{--pad:14px;--rowh:21px;height:calc(var(--rowh) * var(--sira,26) + var(--pad) * 2);-webkit-user-select:none;user-select:none;background:#3a2419;border-radius:16px 6px 6px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}@media (width>=900px){.kanun{--rowh:23px}}.board{clip-path:polygon(0% 100%,100% 100%,100% 0%,27% 0%);background:repeating-linear-gradient(0deg,#5a371412 0 1px,#0000 1px 6px),linear-gradient(90deg,#c99f66,#ddbf8c 45%,#d3ae77);position:absolute;inset:6px}.skin{background:#eee5d3;border-left:2px solid #8b6a45;width:15%;position:absolute;top:6px;bottom:6px;right:6px}.bridge{background:#6e4b2c;border-radius:2px;width:5px;position:absolute;top:6px;bottom:6px;right:calc(6px + 8.5%)}.row{height:var(--rowh);position:absolute;left:0;right:0}.str{--s:#faf4e8;background:var(--s);height:1.3px;box-shadow:0 -1.7px 0 var(--s),0 1.7px 0 var(--s),0 3px 1.5px #3c230f47;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.row.karar .str{--s:var(--karar)}.row.guclu .str{--s:var(--guclu)}.row.hit .str{--s:#fff;animation:.32s ease-out vib}.row.hit.karar .str,.row.hit.guclu .str{--s:#ffe7b8}@keyframes vib{0%{transform:translateY(-50%)}20%{transform:translateY(calc(1.3px - 50%))}40%{transform:translateY(calc(-50% - 1px))}65%{transform:translateY(calc(.5px - 50%))}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.row.hit .str{animation:none}}.lbl{color:#3f2718;white-space:nowrap;pointer-events:none;justify-content:flex-end;align-items:center;gap:3px;width:12%;height:100%;font-size:11px;font-weight:500;display:flex;position:absolute;top:0}.lbl sub{opacity:.7;font-size:8.5px}.lbl b{color:#7a3d12;font-weight:700}@media (width<=520px){.lbl sub{display:none}}.tab{opacity:.45;background:#8c6a3f;border-radius:2px;width:7px;height:12px;margin-top:-6px;position:absolute;top:50%}.tab.on{opacity:1;background:linear-gradient(#efcd82,#b8893a);box-shadow:0 0 0 1px #50320a73}.zone{touch-action:none;cursor:pointer;position:absolute;inset:0 0 0 40%}.pick{cursor:pointer;touch-action:manipulation;width:40%;position:absolute;top:0;bottom:0;left:0}.kanun[data-enstruman=kanun] .pick{clip-path:polygon(0% 100%,100% 100%,100% 0%,66% 0%)}.row.own .tab{background:var(--own);opacity:1;box-shadow:0 0 0 1px #ffffff80}.row.own .lbl b{color:var(--own)}.row.sel .lbl{box-shadow:0 0 0 1.5px var(--own);background:#fffaf0bf;border-radius:4px}.mandals{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.m{background:var(--bg);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;display:flex}.m .n{font-weight:700}.m button{border:1px solid var(--line);background:var(--surface);width:100%;max-width:44px;height:34px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:7px;font-size:18px;line-height:1}.m .v{font-family:"Alegreya",var(--yazi-ek,Georgia),serif;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700;line-height:1.1}.m .v.off{color:var(--brass)}.m .p{color:var(--muted);text-align:center;overflow-wrap:anywhere;min-height:2.5em;font-size:12px;line-height:1.2}.sira{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.sira select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;flex:160px;min-width:0;padding:8px 10px;font-size:16px}.sira-ctl{align-items:center;gap:8px;display:flex}.sira-ctl button{border:1px solid var(--line);background:var(--surface);width:44px;height:38px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:7px;font-size:18px;line-height:1}.sira-ctl button:disabled,.sira+.info+.actions .btn:disabled{opacity:.4;cursor:default}.sira-ctl .v{font-family:"Alegreya",var(--yazi-ek,Georgia),serif;font-variant-numeric:tabular-nums;text-align:center;min-width:2.2em;font-size:1.35rem;font-weight:700}.sira-ctl .v.off{color:var(--brass)}.sira-list{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:14px;display:flex}.sira-list:empty{display:none}.sira-list .chip{padding:4px 11px;font-size:14px}.dn.own .a{text-decoration:underline;-webkit-text-decoration-color:var(--own);text-decoration-color:var(--own);text-underline-offset:3px;text-decoration-thickness:2px}.kanun.gercekci{background:repeating-linear-gradient(90deg,#0000001a 0 2px,#0000 2px 9px),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 4px),linear-gradient(#4a2a1a,#2c170e);box-shadow:inset 0 0 0 1px #00000073,inset 0 2px #ffdcaa1f,0 10px 26px #28140547}.kanun.gercekci .board{background:radial-gradient(60% 120% at 30%,#fff0cd2e,#0000 70%),repeating-linear-gradient(0deg,#78481c1a 0 1px,#0000 1px 3px,#78481c0d 3px 4px,#0000 4px 7px),repeating-linear-gradient(0deg,#0000 0 22px,#6e411912 22px 24px),linear-gradient(90deg,#5e4024,#6e5133 38%,#664a2d 70%,#5e4326);inset:7px;box-shadow:inset 0 0 18px #502d0f59}.kanun.gercekci .board:before,.kanun.gercekci .board:after{content:"";aspect-ratio:1;background:radial-gradient(circle,#2b160a 0 34%,#8a5a2e 35% 38%,#0000 39%),repeating-radial-gradient(circle,#6e4322 0 1.2px,#ddbb86 1.2px 3.6px),#d8b47c;border-radius:50%;position:absolute;box-shadow:0 0 0 2px #7a4a22,0 0 0 4px #e7cb9c,0 0 0 5px #7a4a22,inset 0 2px 6px #00000059}.kanun.gercekci .board:before{width:min(64px,11%);top:20%;left:47%}.kanun.gercekci .board:after{width:min(48px,8.5%);top:63%;left:61%}.kanun.gercekci.suslu[data-enstruman=kanun] .board:before{aspect-ratio:auto;width:auto;height:auto;box-shadow:none;filter:drop-shadow(0 1px 1px #28120559);pointer-events:none;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20Kanunun%20ses%20gülü:%20Miras-ı%20Saz%20işareti.%20Yıldızın%20içi%20ses%20deliği%20(koyu),%20işaretin%20çizgileri%20deliğin%20üstündeki%20ahşap%20kafes,%20iki%20yandaki%20üç%20tel%20göğse%20kakma.%20isaret.svg%20ile%20aynı%20geometri;%20kanun.css%20.kanun.suslu%20(Süslü%20görünüm)%20--%3e%3cdefs%3e%3cradialGradient%20id='d'%20cx='.5'%20cy='.45'%20r='.6'%3e%3cstop%20offset='0'%20stop-color='%233A1E0B'/%3e%3cstop%20offset='.6'%20stop-color='%231E0E05'/%3e%3cstop%20offset='1'%20stop-color='%230E0602'/%3e%3c/radialGradient%3e%3clinearGradient%20id='a'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23FCEBC4'/%3e%3cstop%20offset='.5'%20stop-color='%23E4BF82'/%3e%3cstop%20offset='1'%20stop-color='%23BE8B4B'/%3e%3c/linearGradient%3e%3cg%20id='k'%20fill='none'%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='2.6'/%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='2.6'%20transform='rotate(45%2024%2024)'/%3e%3ccircle%20cx='24'%20cy='24'%20r='7.2'%20stroke-width='2.2'/%3e%3cpath%20d='M2.5%2020.5h13.2M32.3%2020.5h13.2M2.5%2024h13.2M32.3%2024h13.2M2.5%2027.5h13.2M32.3%2027.5h13.2'%20stroke-width='1.5'/%3e%3c/g%3e%3c/defs%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20fill='url(%23d)'/%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20fill='url(%23d)'%20transform='rotate(45%2024%2024)'/%3e%3cuse%20href='%23k'%20stroke='%233A1D0B'%20transform='translate(0%20.35)'/%3e%3cuse%20href='%23k'%20stroke='%235A3212'/%3e%3cg%20stroke='url(%23a)'%20fill='none'%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='1.9'/%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='1.9'%20transform='rotate(45%2024%2024)'/%3e%3ccircle%20cx='24'%20cy='24'%20r='7.2'%20stroke-width='1.5'/%3e%3cpath%20d='M2.5%2020.5h13.2M32.3%2020.5h13.2M2.5%2024h13.2M32.3%2024h13.2M2.5%2027.5h13.2M32.3%2027.5h13.2'%20stroke-width='.9'/%3e%3c/g%3e%3ccircle%20cx='24'%20cy='24'%20r='2.6'%20fill='url(%23a)'%20stroke='%235A3212'%20stroke-width='.5'/%3e%3c/svg%3e") 75.1% 17%/auto 25% no-repeat,url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20Kanunun%20ses%20gülü:%20Miras-ı%20Saz%20işareti.%20Yıldızın%20içi%20ses%20deliği%20(koyu),%20işaretin%20çizgileri%20deliğin%20üstündeki%20ahşap%20kafes,%20iki%20yandaki%20üç%20tel%20göğse%20kakma.%20isaret.svg%20ile%20aynı%20geometri;%20kanun.css%20.kanun.suslu%20(Süslü%20görünüm)%20--%3e%3cdefs%3e%3cradialGradient%20id='d'%20cx='.5'%20cy='.45'%20r='.6'%3e%3cstop%20offset='0'%20stop-color='%233A1E0B'/%3e%3cstop%20offset='.6'%20stop-color='%231E0E05'/%3e%3cstop%20offset='1'%20stop-color='%230E0602'/%3e%3c/radialGradient%3e%3clinearGradient%20id='a'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23FCEBC4'/%3e%3cstop%20offset='.5'%20stop-color='%23E4BF82'/%3e%3cstop%20offset='1'%20stop-color='%23BE8B4B'/%3e%3c/linearGradient%3e%3cg%20id='k'%20fill='none'%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='2.6'/%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='2.6'%20transform='rotate(45%2024%2024)'/%3e%3ccircle%20cx='24'%20cy='24'%20r='7.2'%20stroke-width='2.2'/%3e%3cpath%20d='M2.5%2020.5h13.2M32.3%2020.5h13.2M2.5%2024h13.2M32.3%2024h13.2M2.5%2027.5h13.2M32.3%2027.5h13.2'%20stroke-width='1.5'/%3e%3c/g%3e%3c/defs%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20fill='url(%23d)'/%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20fill='url(%23d)'%20transform='rotate(45%2024%2024)'/%3e%3cuse%20href='%23k'%20stroke='%233A1D0B'%20transform='translate(0%20.35)'/%3e%3cuse%20href='%23k'%20stroke='%235A3212'/%3e%3cg%20stroke='url(%23a)'%20fill='none'%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='1.9'/%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='1.9'%20transform='rotate(45%2024%2024)'/%3e%3ccircle%20cx='24'%20cy='24'%20r='7.2'%20stroke-width='1.5'/%3e%3cpath%20d='M2.5%2020.5h13.2M32.3%2020.5h13.2M2.5%2024h13.2M32.3%2024h13.2M2.5%2027.5h13.2M32.3%2027.5h13.2'%20stroke-width='.9'/%3e%3c/g%3e%3ccircle%20cx='24'%20cy='24'%20r='2.6'%20fill='url(%23a)'%20stroke='%235A3212'%20stroke-width='.5'/%3e%3c/svg%3e") 75.1% 83%/auto 25% no-repeat,url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20Kanunun%20ses%20gülü:%20Miras-ı%20Saz%20işareti.%20Yıldızın%20içi%20ses%20deliği%20(koyu),%20işaretin%20çizgileri%20deliğin%20üstündeki%20ahşap%20kafes,%20iki%20yandaki%20üç%20tel%20göğse%20kakma.%20isaret.svg%20ile%20aynı%20geometri;%20kanun.css%20.kanun.suslu%20(Süslü%20görünüm)%20--%3e%3cdefs%3e%3cradialGradient%20id='d'%20cx='.5'%20cy='.45'%20r='.6'%3e%3cstop%20offset='0'%20stop-color='%233A1E0B'/%3e%3cstop%20offset='.6'%20stop-color='%231E0E05'/%3e%3cstop%20offset='1'%20stop-color='%230E0602'/%3e%3c/radialGradient%3e%3clinearGradient%20id='a'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23FCEBC4'/%3e%3cstop%20offset='.5'%20stop-color='%23E4BF82'/%3e%3cstop%20offset='1'%20stop-color='%23BE8B4B'/%3e%3c/linearGradient%3e%3cg%20id='k'%20fill='none'%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='2.6'/%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='2.6'%20transform='rotate(45%2024%2024)'/%3e%3ccircle%20cx='24'%20cy='24'%20r='7.2'%20stroke-width='2.2'/%3e%3cpath%20d='M2.5%2020.5h13.2M32.3%2020.5h13.2M2.5%2024h13.2M32.3%2024h13.2M2.5%2027.5h13.2M32.3%2027.5h13.2'%20stroke-width='1.5'/%3e%3c/g%3e%3c/defs%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20fill='url(%23d)'/%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20fill='url(%23d)'%20transform='rotate(45%2024%2024)'/%3e%3cuse%20href='%23k'%20stroke='%233A1D0B'%20transform='translate(0%20.35)'/%3e%3cuse%20href='%23k'%20stroke='%235A3212'/%3e%3cg%20stroke='url(%23a)'%20fill='none'%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='1.9'/%3e%3crect%20x='10'%20y='10'%20width='28'%20height='28'%20rx='1.5'%20stroke-width='1.9'%20transform='rotate(45%2024%2024)'/%3e%3ccircle%20cx='24'%20cy='24'%20r='7.2'%20stroke-width='1.5'/%3e%3cpath%20d='M2.5%2020.5h13.2M32.3%2020.5h13.2M2.5%2024h13.2M32.3%2024h13.2M2.5%2027.5h13.2M32.3%2027.5h13.2'%20stroke-width='.9'/%3e%3c/g%3e%3ccircle%20cx='24'%20cy='24'%20r='2.6'%20fill='url(%23a)'%20stroke='%235A3212'%20stroke-width='.5'/%3e%3c/svg%3e") 31.6% 83%/auto 25% no-repeat,url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3c!--%20Kanunun%20orta%20gülü:%20nakışlı%20çerçeve%20içinde%20ay-yıldız%20ses%20deliği%20(koyu%20boşluk);%20çevrede%20sedef%20nokta%20dizisi%20ve%20ince%20çizgiler%20--%3e%3cdefs%3e%3cradialGradient%20id='d'%20cx='.45'%20cy='.45'%20r='.6'%3e%3cstop%20offset='0'%20stop-color='%233A1E0B'/%3e%3cstop%20offset='.6'%20stop-color='%231E0E05'/%3e%3cstop%20offset='1'%20stop-color='%230E0602'/%3e%3c/radialGradient%3e%3clinearGradient%20id='a'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23FCEBC4'/%3e%3cstop%20offset='.5'%20stop-color='%23E4BF82'/%3e%3cstop%20offset='1'%20stop-color='%23BE8B4B'/%3e%3c/linearGradient%3e%3cmask%20id='hilal'%3e%3crect%20width='48'%20height='48'%20fill='%23000'/%3e%3ccircle%20cx='21.5'%20cy='24'%20r='11'%20fill='%23fff'/%3e%3ccircle%20cx='25'%20cy='24'%20r='8.8'%20fill='%23000'/%3e%3c/mask%3e%3c/defs%3e%3c!--%20Nakış%20çerçevesi:%20iki%20halka%20arasında%20sedef%20noktalar%20ve%20dışta%20tığ%20işi%20dilimler%20--%3e%3cg%20fill='none'%20stroke-linecap='round'%3e%3ccircle%20cx='24'%20cy='24'%20r='22.2'%20stroke='%235A3212'%20stroke-width='1.6'/%3e%3ccircle%20cx='24'%20cy='24'%20r='22.2'%20stroke='url(%23a)'%20stroke-width='1'/%3e%3ccircle%20cx='24'%20cy='24'%20r='21'%20stroke='%235A3212'%20stroke-width='2.4'%20stroke-dasharray='0%203.3'%20stroke-linecap='round'/%3e%3ccircle%20cx='24'%20cy='24'%20r='21'%20stroke='%23FFF6E4'%20stroke-width='1.5'%20stroke-dasharray='0%203.3'%20stroke-linecap='round'/%3e%3ccircle%20cx='24'%20cy='24'%20r='19.4'%20stroke='%235A3212'%20stroke-width='1.4'/%3e%3ccircle%20cx='24'%20cy='24'%20r='19.4'%20stroke='url(%23a)'%20stroke-width='.8'/%3e%3ccircle%20cx='24'%20cy='24'%20r='17.8'%20stroke='%238A5A2E'%20stroke-width='.5'%20stroke-dasharray='1.2%201.2'/%3e%3c/g%3e%3c!--%20Ses%20deliği:%20hilal%20ve%20beş%20köşeli%20yıldız%20--%3e%3crect%20width='48'%20height='48'%20fill='url(%23d)'%20mask='url(%23hilal)'/%3e%3ccircle%20cx='21.5'%20cy='24'%20r='11'%20fill='none'%20stroke='%235A3212'%20stroke-width='.6'%20mask='url(%23hilal)'/%3e%3cpolygon%20points='25.30,24.00%2027.92,23.07%2027.99,20.29%2029.69,22.50%2032.36,21.71%2030.78,24.00%2032.36,26.29%2029.69,25.50%2027.99,27.71%2027.92,24.93'%20fill='url(%23d)'%20stroke='%235A3212'%20stroke-width='.5'%20transform='rotate(0%2028.7%2024)'/%3e%3c!--%20Kakma%20kenar:%20koyu%20tahtada%20da%20seçilsin%20diye%20hilal%20ve%20yıldızın%20çevresinde%20altın/sedef%20çizgi%20(01.10)%20--%3e%3cpath%20d='M29.473%2016.422A11%2011%200%201%200%2029.473%2031.578A8.8%208.8%200%201%201%2029.473%2016.422Z'%20fill='none'%20stroke='url(%23a)'%20stroke-width='.9'%20stroke-linejoin='round'/%3e%3cpolygon%20points='25.30,24.00%2027.92,23.07%2027.99,20.29%2029.69,22.50%2032.36,21.71%2030.78,24.00%2032.36,26.29%2029.69,25.50%2027.99,27.71%2027.92,24.93'%20fill='none'%20stroke='url(%23a)'%20stroke-width='.7'%20stroke-linejoin='round'/%3e%3c/svg%3e") 55.8%/auto 46% no-repeat;border-radius:0;inset:0}.kanun.gercekci.suslu[data-enstruman=kanun] .board:after{aspect-ratio:auto;width:auto;height:auto;box-shadow:none;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%20fill='none'%20stroke-linejoin='round'%3e%3c!--%20Göğsün%20kenarı%20boyunca%20nakış%20bandı:%20dış%20ve%20iç%20koyu%20çizgi%20arasında%20sedef%20nokta%20dizisi%20(boyut%20değişse%20de%20çizgi%20kalınlığı%20sabit)%20--%3e%3cg%20vector-effect='non-scaling-stroke'%3e%3cpolygon%20points='37.6,3.2%2083.6,3.2%2083.6,96.8%2012.2,96.8'%20stroke='%236A3A1A'%20stroke-width='1.6'%20vector-effect='non-scaling-stroke'/%3e%3cpolygon%20points='37.6,3.2%2083.6,3.2%2083.6,96.8%2012.2,96.8'%20stroke='%23F2DDB0'%20stroke-width='.8'%20vector-effect='non-scaling-stroke'%20transform='translate(.12%20.35)'/%3e%3cpolygon%20points='38.4,6.4%2082.6,6.4%2082.6,93.6%2014.4,93.6'%20stroke='%238A5328'%20stroke-width='3.2'%20stroke-dasharray='0%209'%20stroke-linecap='round'%20vector-effect='non-scaling-stroke'/%3e%3cpolygon%20points='38.4,6.4%2082.6,6.4%2082.6,93.6%2014.4,93.6'%20stroke='%23FFF4DE'%20stroke-width='2'%20stroke-dasharray='0%209'%20stroke-linecap='round'%20vector-effect='non-scaling-stroke'/%3e%3cpolygon%20points='39.2,9.6%2081.6,9.6%2081.6,90.4%2016.6,90.4'%20stroke='%236A3A1A'%20stroke-width='1.6'%20vector-effect='non-scaling-stroke'/%3e%3cpolygon%20points='39.2,9.6%2081.6,9.6%2081.6,90.4%2016.6,90.4'%20stroke='%23F2DDB0'%20stroke-width='.8'%20vector-effect='non-scaling-stroke'%20transform='translate(.12%20.35)'/%3e%3c/g%3e%3c/svg%3e") 0 0/100% 100% no-repeat;border-radius:0;inset:0}.kanun.gercekci .skin{background:repeating-linear-gradient(#0000 0 calc(20% - 3px),#6b4424 calc(20% - 3px) 20%),radial-gradient(circle at 30% 20%,#a078462e,#0000 40%),radial-gradient(circle at 70% 65%,#966e3c29,#0000 45%),radial-gradient(circle at 45% 85%,#aa825024,#0000 35%),linear-gradient(90deg,#e9dcc0,#f3ead6 40%,#e6d6b6);border-left:3px solid #5e3b1f;top:7px;bottom:7px;right:7px;box-shadow:inset 3px 0 6px #46280f4d}.kanun.gercekci .bridge{background:repeating-linear-gradient(#0000 0 calc(20% - 7px),#3a2212 calc(20% - 7px) 20%),linear-gradient(90deg,#4c2e17,#8a5a30 50%,#4c2e17);border-radius:2px;width:7px;top:7px;bottom:7px;box-shadow:-3px 0 5px #28140573,2px 0 2px #ffe6be33}.kanun.gercekci .str{--s:#f5eedc;background:linear-gradient(180deg,#fff,var(--s) 60%,#bdb39c);box-shadow:0 -1.7px 0 var(--s),0 1.7px 0 var(--s),0 4px 2px #3c200a52}.kanun.gercekci .row.karar .str{--s:#e9a48f}.kanun.gercekci .row.guclu .str{--s:#9cc3d6}.kanun.gercekci .tab{opacity:1;background:linear-gradient(90deg,#9fa3a8,#e6e8ea 45%,#8e9296);border-radius:2px;width:9px;height:14px;margin-top:-7px;box-shadow:0 1px 1.5px #00000073}.kanun.gercekci .tab.on{background:linear-gradient(90deg,#b8893a,#f4d58c 45%,#a87a2e);box-shadow:0 0 0 1px #50320a80,0 0 6px #f0c87899}.kanun.gercekci .lbl{color:#2e1a0e;background:#f6ecd6eb;border-radius:4px;height:76%;padding:0 4px;top:12%;box-shadow:0 1px 2px #00000059}.kanun[data-enstruman=santur]{box-shadow:none;filter:drop-shadow(0 10px 14px #1e0f0566);background:0 0;border-radius:0}.kanun[data-enstruman=santur]:before{content:"";clip-path:polygon(0% 100%,100% 100%,81% 0%,19% 0%);background:repeating-linear-gradient(90deg,#0000001f 0 2px,#0000 2px 10px),linear-gradient(#6a3a1e,#4a2612 60%,#2e170a);position:absolute;inset:0}.kanun[data-enstruman=santur] .board,.kanun.gercekci[data-enstruman=santur] .board{clip-path:polygon(0% 100%,100% 100%,80.6% 0%,19.4% 0%);inset:10px 11px}.kanun[data-enstruman=santur] .skin,.kanun[data-enstruman=santur] .bridge{display:none}.kanun.gercekci[data-enstruman=santur] .board:before{width:min(46px,5.5%);top:24%;left:47.2%}.kanun.gercekci[data-enstruman=santur] .board:after{width:min(46px,5.5%);top:62%;left:47.2%}.kanun[data-enstruman=santur] .str,.kanun.gercekci[data-enstruman=santur] .str{left:calc(var(--x0) + 2.4%);right:calc(100% - var(--x1) + 2.4%);background:repeating-linear-gradient(180deg,var(--s) 0 1px,transparent 1px 2px);height:7px;box-shadow:0 2.5px 1.5px #3c200a47}.kanun[data-enstruman=santur] .civi{pointer-events:none;border-radius:50%;position:absolute;top:50%}.kanun[data-enstruman=santur] .civi.bag{left:calc(var(--x0) + 2.4%);background:radial-gradient(circle at 35% 35%,#f2f2f0,#8e9296 70%);width:5px;height:5px;margin:-2.5px 0 0 -2.5px;box-shadow:0 1px 1px #00000080}.kanun[data-enstruman=santur] .civi.akort{left:calc(var(--x1) - 2.4%);background:radial-gradient(circle at 35% 35%,#fff,#b9bdc0 45%,#6e7276 80%);width:8px;height:8px;margin:-4px 0 0 -4px;box-shadow:0 1px 1.5px #0000008c,0 0 0 1px #28282859}.kanun[data-enstruman=santur] .kopru{top:50%;left:var(--b);pointer-events:none;background:linear-gradient(90deg,#3a2212,#7a4c28 50%,#3a2212);border-radius:2px;width:8px;height:15px;margin:-7.5px 0 0 -4px;position:absolute;box-shadow:-2px 1px 3px #00000073}.kanun[data-enstruman=santur] .kopru:after{content:"";background:#d9dcde;border-radius:1px;width:2px;position:absolute;top:1px;bottom:1px;left:3px}.kanun[data-enstruman=santur] .row:has(.tab.on) .kopru{background:linear-gradient(90deg,#8a6224,#f4d58c 50%,#8a6224)}.kanun[data-enstruman=santur] .row.own .kopru{box-shadow:0 0 0 2px var(--own),-2px 1px 3px #00000073}.kanun[data-enstruman=santur] .tab{display:none}.kanun[data-enstruman=santur] .lbl{left:calc(var(--x0) + 3.6%);color:#2e1a0e;background:#f6ecd6e6;border-radius:4px;justify-content:flex-start;width:auto;height:72%;padding:0 5px;font-size:10.5px;top:14%;box-shadow:0 1px 2px #0000004d}.kanun[data-enstruman=santur] .row.karar .lbl{box-shadow:0 0 0 1.5px var(--karar),0 1px 2px #0000004d}.kanun[data-enstruman=santur] .row.guclu .lbl{box-shadow:0 0 0 1.5px var(--guclu),0 1px 2px #0000004d}.kanun[data-enstruman=santur] .row.sel .lbl{box-shadow:0 0 0 2px var(--own);background:#fff8ea}.kanun[data-enstruman=santur] .pick{width:30%}.kanun[data-enstruman=santur] .zone{left:30%}.kanun[data-enstruman=santur] .pick{clip-path:polygon(0% 100%,100% 100%,100% 0%,63.3% 0%)}.kanun[data-enstruman=santur] .zone{clip-path:polygon(0% 0%,72.9% 0%,100% 100%,0% 100%)}.burgu{display:none}.kanun.gercekci[data-enstruman=kanun]{box-shadow:none;filter:drop-shadow(0 10px 14px #1e0f0566);background:0 0;border-radius:0}.kanun.gercekci[data-enstruman=kanun]:before{content:"";clip-path:polygon(0% 100%,100% 100%,100% 0%,26% 0%);z-index:-3;background:repeating-linear-gradient(90deg,#0000001f 0 2px,#0000 2px 10px),linear-gradient(#6a3a1e,#4a2612 60%,#2e170a);position:absolute;inset:0}.kanun.gercekci[data-enstruman=kanun] .board{z-index:-2;clip-path:polygon(0% 100%,100% 100%,100% 0%,26.3% 0%);inset:8px}.kanun.gercekci[data-enstruman=kanun]:after{content:"";pointer-events:none;clip-path:polygon(.9% 100%,4.4% 100%,30.4% 0%,26.9% 0%);z-index:-1;background:linear-gradient(90deg,#5a3016,#8a5328 45%,#6a3a1c);position:absolute;inset:8px 0}.kanun.gercekci[data-enstruman=kanun] .burgu{top:50%;left:calc(var(--x0) + 0.5%);pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 45%,#f6ead2 0 1px,#6a3a1a 1.4px 2.3px,#2a1406 2.5px 3.5px,#0000 3.8px) 0/33.34% 10px repeat-x;width:min(30px,3.2%);height:10px;margin-top:-5px;display:block;position:absolute}.kanun.gercekci[data-enstruman=kanun] .str{right:14px;left:calc(var(--x0) + 0.5% + min(15px,1.6%))!important}.kanun.gercekci[data-enstruman=kanun] .tab{z-index:1;background:repeating-linear-gradient(90deg,#c9cdd1 0 3px,#7e8286 3px 3.6px,#0000 3.6px 4.6px);border-radius:1.5px;width:17px;height:12px;margin-top:-6px;box-shadow:0 1px 1.5px #0006;left:calc(var(--x0) + 4.9%)!important}.kanun.gercekci[data-enstruman=kanun] .tab.on{background:repeating-linear-gradient(90deg,#f4d58c 0 3px,#8a6224 3px 3.6px,#0000 3.6px 4.6px);box-shadow:0 0 5px #f0c878b3}.kanun.gercekci[data-enstruman=kanun] .row.own .tab{background:repeating-linear-gradient(90deg,var(--own) 0 3px,#0000004d 3px 3.6px,transparent 3.6px 4.6px)}.kanun.gercekci[data-enstruman=kanun] .lbl{z-index:1;justify-content:flex-start;width:auto;padding:0 5px;font-size:10.5px;left:calc(var(--x0) + 4.9% + 22px)!important}.kanun.gercekci[data-enstruman=kanun] .row.karar .lbl{box-shadow:0 0 0 1.5px var(--karar),0 1px 2px #0000004d}.kanun.gercekci[data-enstruman=kanun] .row.guclu .lbl{box-shadow:0 0 0 1.5px var(--guclu),0 1px 2px #0000004d}.kanun.gercekci[data-enstruman=kanun] .skin{background:repeating-linear-gradient(#0000 0 calc(20% - 3px),#5a3016 calc(20% - 3px) 20%),radial-gradient(70% 40% at 40%,#ffffff59,#0000 70%),repeating-radial-gradient(circle at 30% 30%,#966e3c0d 0 2px,#0000 2px 5px),linear-gradient(90deg,#ecdebed1,#f7f0e0c7 50%,#e4d2acd1);border-left:4px solid #4e2a12;width:15%;top:8px;bottom:8px;right:8px;box-shadow:inset 4px 0 8px #46280f59,inset -2px 0 4px #46280f40}.kanun.gercekci[data-enstruman=kanun] .skin:after{content:"";background:linear-gradient(90deg,#3a1d0b,#7a4a24 50%,#3a1d0b);width:9px;position:absolute;top:0;bottom:0;right:0;box-shadow:-2px 0 3px #00000059}.kanun.gercekci[data-enstruman=kanun] .bridge{background:linear-gradient(90deg,#3e2410,#b98a55 45%,#5a3418);border-radius:2px;width:6px;top:8px;bottom:8px;right:calc(8px + 8%);box-shadow:-3px 0 5px #28140580}.kanun.gercekci[data-enstruman=kanun] .bridge:before{content:"";background:repeating-linear-gradient(#0000 0 calc(10% - 7px),#4a2a12 calc(10% - 7px) calc(10% + 7px),#0000 calc(10% + 5px) 20%);position:absolute;inset:0 -6px}.gorunum{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:14px;display:flex}.gorunum select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:4px 8px;font-size:14px}.kanun,.kanun *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.kanun .zone:focus:not(:focus-visible),.kanun .lbl:focus:not(:focus-visible){outline:none}.kanun .zone:focus-visible{outline:2px solid var(--brass,#b7863b);outline-offset:-2px}.kanun .row[data-tus]:after{content:attr(data-tus);z-index:3;color:#2e1d14;pointer-events:none;white-space:nowrap;background:#fffcf4e6;border-radius:4px;padding:1px 4px;font:700 10px/1.2 ui-monospace,Consolas,monospace;position:absolute;top:50%;right:6px;transform:translateY(-50%);box-shadow:0 0 0 1px #50320a59}.kanun.tus-atama .row:before{content:"";pointer-events:none;position:absolute;inset:0}.kanun.tus-atama .row.tus-hedef:before{background:color-mix(in srgb,var(--brass,#7a561c) 30%,transparent)}.tus-panel{margin:10px 0 0}.tus-panel h3{margin:0 0 4px;font-size:1rem}.tus-durum{color:var(--muted);margin:0 0 8px}.tus-liste{flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.tus-liste li{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 8px;font-size:14px;display:inline-flex}.tus-liste kbd{border:1px solid var(--line);background:var(--bg);border-bottom-width:2px;border-radius:5px;padding:3px 6px;font:700 12.5px/1 ui-monospace,Consolas,monospace}.tus-liste .tus-yok{color:var(--muted);background:0 0;border:0}.tus-sil{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0 3px;font-size:17px;line-height:1}.tus-sil:hover{color:var(--karar,#a33a26)}@media (hover:none) and (pointer:coarse){.tus-dugme,.tus-panel,.kanun .row[data-tus]:after{display:none}}.row svg.titre{pointer-events:none;stroke:var(--s,#faf4e8);display:none;position:absolute;top:0;left:0;overflow:visible}.row.titriyor svg.titre,.row.titriyor-kisa svg.titre{display:block}.row.titriyor .str{visibility:hidden}.kanun .row svg.titre{stroke:#fff}.kanun .row.karar svg.titre,.kanun .row.guclu svg.titre{stroke:#ffe7b8}.kanun .row svg.titre g{filter:drop-shadow(0 1.5px 1px #3c230f59)}.kanun .zone.tam-alan{left:0}.kanun[data-enstruman=kanun] .tab{pointer-events:none}.kanun:not(.gercekci)[data-enstruman=kanun] .board{background:repeating-linear-gradient(0deg,#140a042e 0 1px,#0000 1px 3px,#140a0414 3px 4px,#0000 4px 7px),repeating-linear-gradient(0deg,#0000 0 22px,#ffe6be0d 22px 24px),linear-gradient(90deg,#5e4024,#6e5133 38%,#664a2d 70%,#5e4326)}.kanun:not(.gercekci)[data-enstruman=kanun] .lbl{color:#f3e6cc}.kanun:not(.gercekci)[data-enstruman=kanun] .lbl b{color:#f0c66e}.kanun:not(.gercekci)[data-enstruman=kanun] .tab{opacity:.6;background:#c9a46c}.kanun:not(.gercekci)[data-enstruman=kanun]{box-shadow:none;filter:drop-shadow(0 8px 12px #1e0f0559);background:0 0}.mandal-ipucu{white-space:nowrap;color:#2e1a0e;opacity:0;pointer-events:none;z-index:3;background:#f4d58c;border-radius:5px;margin-left:16px;padding:1px 5px;font:600 11px/1.3 system-ui,sans-serif;transition:opacity .15s,transform .15s;position:absolute;top:50%;transform:translate(-4px,-50%);box-shadow:0 1px 4px #00000059}.mandal-ipucu.gor{opacity:1;transform:translateY(-50%)}.tab.cevir{outline-offset:1px;outline:2px solid #f4d58c}.perde-tahta{-webkit-user-select:none;user-select:none;touch-action:none;background:repeating-linear-gradient(90deg,#3c1e0a14 0 1px,#0000 1px 7px),linear-gradient(#5a3620,#3e2415);border-radius:14px;flex-direction:column;gap:6px;width:100%;max-width:980px;margin-inline:auto;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #0000004d,0 6px 18px #28140540}.perde-tahta[data-enstruman=ud]{background:repeating-linear-gradient(90deg,#0000001a 0 1px,#0000 1px 5px),linear-gradient(#2e1c12,#1e120b)}.perde-sira{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.perde-sira:not(:last-child){grid-template-columns:repeat(8,1fr)}.perde-sira:not(:last-child):before{content:"";grid-column:1}.perde-tus{cursor:pointer;touch-action:none;min-height:78px;font:inherit;color:#3f2718;background:linear-gradient(#f3e6cc,#dcc49a);border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;display:flex;position:relative;box-shadow:inset 0 -3px #5a371440,0 1px #ffffff26}.perde-tus:hover{background:linear-gradient(#f8eeda,#e3cda5)}.perde-tus:focus-visible{outline:2px solid var(--vurgu,#c7772f);outline-offset:2px}.perde-tus .pt-perde{text-align:center;font-size:13px;font-weight:600;line-height:1.1}.perde-tus .pt-nota{opacity:.75;white-space:nowrap;font-size:11px}.perde-tus kbd{opacity:.5;font-family:inherit;font-size:9px;position:absolute;inset-block-start:4px;inset-inline-end:5px}.perde-tus.karar{box-shadow:inset 0 -4px 0 var(--karar,#b8452b),0 0 0 2px var(--karar,#b8452b)}.perde-tus.guclu{box-shadow:inset 0 -4px 0 var(--guclu,#2e7d6b),0 0 0 2px var(--guclu,#2e7d6b)}.perde-tus.caliyor{animation:.35s ease-out perdeCal}@keyframes perdeCal{0%{background:#fff7e4;transform:scale(.96)}to{transform:none}}@media (prefers-reduced-motion:reduce){.perde-tus.caliyor{background:#fff7e4;animation:none}}@media (width<=560px){.perde-tahta{gap:4px;padding:6px}.perde-sira{gap:3px}.perde-tus{min-height:64px}.perde-tus .pt-perde{font-size:11px}.perde-tus .pt-nota{font-size:10px}.perde-tus kbd{display:none}}.perde-tahta.saz{box-shadow:none;max-width:none;aspect-ratio:var(--oran,4);touch-action:none;background:0 0;border-radius:0;gap:0;padding:0;display:block}.sahne .perde-tahta.saz.dondur{aspect-ratio:auto;transform-origin:0 0;position:absolute;top:0;left:0}.saz-svg{filter:drop-shadow(0 10px 14px #1e0f0559);width:100%;height:100%;display:block;overflow:visible}.saz-svg .bolge{fill:#fff6e0;fill-opacity:0;cursor:pointer;pointer-events:all}.saz-svg .bolge:hover{fill-opacity:.07}.saz-svg .bolge.caliyor{animation:.45s ease-out szBolge}@keyframes szBolge{0%{fill-opacity:.22}to{fill-opacity:0}}.saz-svg .parmak{fill:#fff3d6;opacity:0;pointer-events:none}.saz-svg .parmak.caliyor{animation:.5s ease-out szParmak}@keyframes szParmak{0%{opacity:.95}to{opacity:0}}.saz-svg .tel.caliyor{animation:.32s ease-out szTel}@keyframes szTel{20%{transform:translateY(1.2px)}45%{transform:translateY(-.9px)}70%{transform:translateY(.4px)}to{transform:none}}.saz-etiket{pointer-events:none}.saz-etiket rect{fill:#fff8eaeb;stroke:#502d0f59;stroke-width:1px}.saz-etiket text{fill:#3f2718;text-anchor:middle;font:600 12.5px/1 system-ui,sans-serif}.saz-etiket.karar rect{stroke:var(--karar,#b8452b);stroke-width:2.2px}.saz-etiket.guclu rect{stroke:var(--guclu,#2e7d6b);stroke-width:2.2px}@media (prefers-reduced-motion:reduce){.saz-svg .tel.caliyor,.saz-svg .bolge.caliyor{animation:none}}.saz-svg .yay{pointer-events:none}.saz-svg .tel.hava{fill:#fff3d0;opacity:0;pointer-events:none}.saz-svg .tel.hava.caliyor{animation:.6s ease-out nfHava}@keyframes nfHava{0%{opacity:.34}to{opacity:0}}.saz-svg .nefes-es{pointer-events:none}.saz-svg .parmak.uzun.caliyor{animation-duration:.9s}.saz-svg .nf-parmak{fill:#e2a67c;stroke:#9c6038;stroke-width:1.2px}.saz-svg .nf-parmak.arka{fill:none;stroke-dasharray:3 2.5}.klavye-svg .tus{cursor:pointer}.klavye-svg .tus .yuz{fill:url(#kvFildisi);stroke:#8c8474;stroke-width:1px}.klavye-svg .tus:hover .yuz{stroke:#6b6250}.klavye-svg .tus .bas{fill:#e9b96a;opacity:0}.klavye-svg .tus.caliyor .bas{animation:.45s ease-out kvBas}@keyframes kvBas{0%{opacity:.55}to{opacity:0}}.klavye-svg .tus-sonuk{fill:#dcd6c9;stroke:#8c8474;stroke-width:1px;opacity:.72;pointer-events:none}.klavye-svg .siyah{pointer-events:none}@media (prefers-reduced-motion:reduce){.saz-svg .tel.hava.caliyor,.klavye-svg .tus.caliyor .bas{animation:none}}.perde-tahta,.perde-tahta *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.perde-tahta :focus:not(:focus-visible),.perde-tahta:focus:not(:focus-visible){outline:none}