#muzik-kok{z-index:60;overscroll-behavior:contain;--bg:#fff8ee;--bg2:#ffe9d2;--sky1:#dcf0ff;--sky2:#fff3e2;--kart:#fff;--cream:#fff9ef;--ink:#2c2036;--ink2:#5c4f6b;--coral:#c4423a;--coral-l:#ff8a7a;--tuned:#0e7a57;--gold:#ffc94a;--gold-d:#8a6508;--muted:#5c4f6b;--r:22px;--tap:56px;position:fixed;inset:0;overflow-y:auto}#muzik-kok *,#muzik-kok :before,#muzik-kok :after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#muzik-kok [hidden]{display:none!important}#muzik-kok{color:var(--ink);background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);overscroll-behavior:none;-webkit-user-select:none;user-select:none;font:500 17px/1.35 -apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif}#muzik-kok #bubble,#muzik-kok .ask,#muzik-kok .soz{-webkit-user-select:text;user-select:text}#muzik-kok #wrap{max-width:940px;padding:max(10px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}#muzik-kok .sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#muzik-kok .ic{fill:currentColor;flex:none;width:24px;height:24px}#muzik-kok .ic.sm{vertical-align:-2px;width:15px;height:15px}#muzik-kok .ic.big{width:44px;height:44px}#muzik-kok #top{justify-content:space-between;align-items:center;display:flex}#muzik-kok #top h1{letter-spacing:.3px;color:var(--ink);margin:0;font-size:22px}#muzik-kok #scoreBox{background:var(--kart);border:2px solid var(--gold-d);color:var(--gold-d);border-radius:999px;align-items:center;gap:6px;padding:6px 15px;font-weight:800;display:flex}#muzik-kok #stage{text-align:center;background:linear-gradient(180deg, var(--sky1) 0%, var(--sky2) 100%);border-radius:var(--r);padding:6px 0 0;position:relative;box-shadow:inset 0 -3px #0000000f}#muzik-kok #cat{width:100%;max-width:380px;height:auto;margin:0 auto;display:block}#muzik-kok #bubble{background:var(--kart);color:var(--ink);text-align:center;border:2px solid #e3d6c2;border-radius:18px;justify-content:center;align-items:center;max-width:560px;min-height:46px;margin:-6px auto -10px;padding:12px 18px;font-weight:700;transition:background .25s;display:flex;box-shadow:0 6px #00000040}#muzik-kok #bubble.ok{background:#d8f7ea}#muzik-kok #bubble.near,#muzik-kok #bubble.far{background:#fff0c9}#muzik-kok .paw{transform-origin:50%;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}#muzik-kok #cat.playing #pawL{transform:translateY(-9px)rotate(-6deg)}#muzik-kok #cat.playing #pawR{transform:translateY(-6px)rotate(5deg)}#muzik-kok #cat.playing #head{transform-origin:210px 130px;animation:.5s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(-4px)rotate(-1.5deg)}}#muzik-kok #mouth{transform-origin:210px 112px;transition:transform .15s}#muzik-kok #cat.singing #mouth{transform:scale(1.25,2.1)}#muzik-kok #smile{transition:opacity .2s}#muzik-kok #cat.tuned #smile{opacity:1}#muzik-kok #cat.tuned #mouth{opacity:0}#muzik-kok #cat.singing #tail{transform-origin:276px 194px;animation:.6s ease-in-out infinite alternate wag}@keyframes wag{to{transform:rotate(-12deg)}}#muzik-kok #cat .eye{transform-origin:50%;animation:5s 3 blink}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}#muzik-kok #noteFx{transition:opacity .3s}#muzik-kok #cat.playing #noteFx{opacity:1}#muzik-kok #cat.playing .fx{animation:1.6s ease-out infinite float}#muzik-kok .fx2{animation-delay:.25s!important}#muzik-kok .fx3{animation-delay:.5s!important}@keyframes float{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}to{opacity:0;transform:translateY(-26px)}}#muzik-kok #stage:after{content:"";border-radius:0 0 var(--r) var(--r);z-index:0;background:linear-gradient(#f6e3c800 0%,#f6e3c8 62%);height:34%;position:absolute;bottom:0;left:0;right:0}#muzik-kok #cat,#muzik-kok #bubble{z-index:1;position:relative}#muzik-kok #modules{scrollbar-width:none;scroll-behavior:smooth;gap:8px;padding-bottom:4px;scroll-padding-inline:12px;display:flex;overflow-x:auto}#muzik-kok #modules::-webkit-scrollbar{display:none}#muzik-kok .mod{cursor:pointer;background:var(--kart);min-height:96px;color:var(--ink);font:inherit;text-align:left;border:2px solid #e3d6c2;border-bottom:5px solid #d8c7ae;border-radius:16px;flex-direction:column;flex:1 0 148px;align-items:flex-start;gap:2px;padding:12px;display:flex;position:relative}#muzik-kok .mod b{font-size:16px}#muzik-kok .mod[aria-pressed=true]:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;right:10px}#muzik-kok .mod[data-locked="1"] b:after{content:" — kapalı";font-size:13px;font-weight:600}#muzik-kok .mod small{color:var(--ink2);font-size:13px}#muzik-kok .mod[aria-pressed=true]{background:var(--coral);color:#fff;border-color:#8f3428 #8f3428 #7a2b21}#muzik-kok .mod[aria-pressed=true] small{color:#ffe3de}#muzik-kok .mod.locked,#muzik-kok .mod[data-locked="1"]{opacity:1;background:#f3eef7}#muzik-kok .mod[data-locked="1"] b{color:var(--ink)}#muzik-kok .mod[data-locked="1"] small{color:var(--ink2)}#muzik-kok .mod.locked{cursor:not-allowed}#muzik-kok #girdiSatir{justify-content:center;display:flex}#muzik-kok .girdi{background:var(--kart);min-height:40px;color:var(--ink);cursor:pointer;border:2px solid #e3d6c2;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font:700 15px/1 inherit;display:inline-flex}#muzik-kok .girdi[aria-pressed=true]{background:var(--gold);color:var(--ink)}#muzik-kok #cardArea{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}#muzik-kok #konfeti{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:visible}#muzik-kok #konfeti i{background:var(--gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:20px;height:20px;animation:.9s cubic-bezier(.2,.7,.3,1) forwards sacil;position:absolute;top:40%;left:50%}@keyframes sacil{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}15%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1) rotate(var(--rot));opacity:0}}#muzik-kok .card.kutlama{animation:.7s ease-out parla}@keyframes parla{0%,to{box-shadow:0 8px #785a3c38}40%{box-shadow:0 8px 0 #785a3c38, 0 0 0 8px var(--gold)}}#muzik-kok #cat.zipla{animation:.62s cubic-bezier(.3,1.4,.4,1) zipla}@keyframes zipla{0%,to{transform:translateY(0)}30%{transform:translateY(-16px)}55%{transform:translateY(0)}75%{transform:translateY(-7px)}}#muzik-kok .card{width:100%;max-width:540px;min-height:230px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,1.4,.5,1);position:relative}#muzik-kok .card.tall{min-height:372px}#muzik-kok .card.open .face.front{position:relative;inset:auto}#muzik-kok .card.open{transform:rotateY(180deg)}#muzik-kok .face{backface-visibility:hidden;border-radius:var(--r);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0;box-shadow:0 8px #785a3c38}#muzik-kok .face.back{color:var(--gold);background:linear-gradient(150deg,#5b4a94,#3b2e68);border:3px solid #2e2350}#muzik-kok .face.back b{color:var(--cream);font-size:19px}#muzik-kok .face.back span{color:#e4dcf2;font-size:14px;font-weight:600}#muzik-kok .face.front{background:var(--kart);color:var(--ink);overscroll-behavior:contain;justify-content:flex-start;gap:10px;overflow-y:auto;transform:rotateY(180deg)}#muzik-kok .step{color:#a63a29;letter-spacing:.4px;font-weight:800}#muzik-kok .pane{flex-direction:column;flex:1;align-items:center;gap:10px;width:100%;display:flex}#muzik-kok .ask{text-align:center;margin:0;font-size:17px;font-weight:700}#muzik-kok .choices{flex:1;gap:12px;width:100%;display:flex}#muzik-kok .choice{color:var(--ink);font:inherit;cursor:pointer;background:#fff9ee;border:3px solid #7a6e58;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}#muzik-kok .choice b{letter-spacing:1px;font-size:20px}#muzik-kok .choice small{color:#6b5e46}#muzik-kok .choice.right{border-color:var(--tuned);background:#cdeedf;border-style:solid}#muzik-kok .choice.miss{background:#f1eadd;border-style:dashed;border-color:#7a6e58}#muzik-kok .choice:disabled{cursor:default}#muzik-kok .tekRow{flex:1;align-items:stretch;gap:14px;width:100%;display:flex}#muzik-kok .tekCol{flex-direction:column;flex:1;justify-content:center;gap:14px;display:flex}#muzik-kok .stars{justify-content:center;gap:8px;display:flex}#muzik-kok .stars .ic{color:#d9cdb8;width:30px;height:30px;transition:transform .3s cubic-bezier(.3,1.8,.5,1),color .3s}#muzik-kok .stars .ic.lit{color:var(--gold);transform:scale(1.22)}#muzik-kok .stars .try.lit{color:var(--tuned)}#muzik-kok .meter{background:#e7dcc9;border-radius:999px;flex:none;width:62px;min-height:128px;position:relative;overflow:hidden}#muzik-kok .meter .zone.ok{background:#cdeedf;border-top:3px dashed #4a3b2a;border-bottom:3px dashed #4a3b2a;height:10%;position:absolute;top:45%;left:0;right:0}#muzik-kok .meter .tick{background:var(--tuned);height:3px;margin-top:-1.5px;position:absolute;top:50%;left:6px;right:6px}#muzik-kok .needle{opacity:0;background:#a8342a;border-radius:6px;height:10px;margin-top:-5px;transition:top 90ms linear,opacity .2s,background .2s,height .2s;position:absolute;top:50%;left:5px;right:5px}#muzik-kok .needle.on{opacity:1}#muzik-kok .needle.hit{background:var(--tuned);border-radius:11px;height:22px;margin-top:-11px}#muzik-kok .meter .lbl{text-align:center;color:#6b5e46;font-size:11px;font-weight:800;position:absolute;left:0;right:0}#muzik-kok .lbl.top{top:6px}.lbl.bottom{bottom:6px}#muzik-kok .slots{justify-content:center;gap:10px;display:flex}#muzik-kok .slot{cursor:pointer;color:#6b5e46;width:74px;height:96px;font-size:13px;font-weight:800;font:inherit;background:#fff9ee;border:3px dashed #7a6e58;border-radius:14px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}#muzik-kok .deck{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#muzik-kok .tone{cursor:pointer;width:74px;height:96px;font:inherit;background:#fff;border:3px solid #7a6e58;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}#muzik-kok .tone .chip{border-radius:6px;flex:none;width:100%;height:18px}#muzik-kok .tone .ladder{background:#ede4d6;border-radius:8px;flex:1;width:16px;position:relative}#muzik-kok .tone .bird{background:var(--ink);border-radius:4px;width:22px;height:8px;position:absolute;left:-3px}#muzik-kok .tone .nm{color:#6e6252;font-size:12px;font-weight:800}#muzik-kok .slot.exact{border-style:solid;border-color:var(--tuned);background:#cdeedf}#muzik-kok .slot.misplaced{background:#fbefcb;border-style:solid;border-color:#8a6508}#muzik-kok .slot.misplaced:after{content:"↕";color:#8a6508;font-size:15px;font-weight:800;position:absolute;top:2px;right:4px}#muzik-kok .slot.wrong{background:#efe7d8;border-style:dotted;border-color:#6e6252}#muzik-kok .adots{justify-content:center;gap:14px;display:flex}#muzik-kok .adots i{background:#fff9ee;border:3px solid #7a6e58;border-radius:50%;width:26px;height:26px;transition:background .2s,transform .2s,border-color .2s}#muzik-kok .adots i.dolu{background:var(--tuned);border-color:var(--tuned);transform:scale(1.15)}#muzik-kok .strip{background:#f1e7d6;border-radius:14px;flex-direction:column;gap:4px;width:100%;padding:6px;display:flex;position:relative}#muzik-kok .srow{gap:3px;height:44px;display:flex}#muzik-kok .srow.sen{background:#e7dcc9;border:2px solid #7a6e58;border-radius:8px;height:22px;position:relative}#muzik-kok .rcell{background:#fff9ee;border:2px solid #7a6e58;border-radius:8px;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}#muzik-kok .rcell.rest{background:#efe7d8;border-style:dashed}#muzik-kok .rcell.on{background:#ffe6a8;border-color:#7a5200}#muzik-kok .rcell.hit{border-color:var(--tuned);background:#cdeedf}#muzik-kok .rcell.miss{background:#f1eadd;border-style:dotted}#muzik-kok .dot{background:var(--ink);border-radius:50%;width:16px;height:16px}#muzik-kok .dot.sm{width:10px;height:10px}#muzik-kok .dot.lg{width:22px;height:22px}#muzik-kok .tapmark{background:#a8342a;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:3px;bottom:3px}#muzik-kok .tapmark.good{background:var(--tuned)}#muzik-kok .playhead{opacity:0;will-change:transform;background:#a8342a;border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:6px}#muzik-kok .playhead.on{opacity:1}#muzik-kok .soz{letter-spacing:2px;color:#6b5e46;margin:0;font-size:15px;font-weight:800}#muzik-kok #ezgiStrip .srow.kedi,#muzik-kok #ezgiStrip .srow.sen{height:76px}#muzik-kok #ezgiStrip .srow.sen{background:#e7dcc9;border:2px solid #7a6e58;border-radius:8px}#muzik-kok .ecell{background:#fff9ee;border:2px solid #7a6e58;border-radius:8px;position:relative}#muzik-kok .ecell.on{background:#ffe6a8;border-color:#7a5200}#muzik-kok .ecell.hit{border-color:var(--tuned);background:#cdeedf}#muzik-kok .ecell.miss{background:#f1eadd;border-style:dotted}#muzik-kok .pdot{border:2px solid var(--ink);border-radius:50%;width:18px;height:18px;margin-bottom:-9px;position:absolute;left:10px}#muzik-kok .hayalet .pdot{opacity:.45}#muzik-kok .gizli .pdot{opacity:0}#muzik-kok .sungdot{background:#a8342a;border-radius:50%;width:12px;height:12px;margin-bottom:-6px;margin-left:-6px;position:absolute}#muzik-kok #ritimKart{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}#muzik-kok .rslots,#muzik-kok .rpalet{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#muzik-kok .rslot,#muzik-kok .rcard{cursor:pointer;width:62px;height:52px;font:inherit;background:#fff9ee;border:3px solid #7a6e58;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}#muzik-kok .rslot{border-style:dashed}#muzik-kok .rslot.dolu{border-style:solid}#muzik-kok .rslot.exact{border-color:var(--tuned);background:#cdeedf}#muzik-kok .rslot.near{background:#fbefcb;border-color:#8a6d0b;position:relative}#muzik-kok .rslot.near:after{content:"↕";color:#8a6d0b;font-size:13px;font-weight:800;position:absolute;top:0;right:3px}#muzik-kok .rslot.wrong{background:#efe7d8;border-style:dotted;border-color:#6e6252}#muzik-kok .rcard.secili{background:#ffe6a8;border-color:#7a5200}#muzik-kok .rslot .dot,#muzik-kok .rcard .dot{width:13px;height:13px}#muzik-kok .rslot .dot.sm,#muzik-kok .rcard .dot.sm{width:8px;height:8px}#muzik-kok .rslot .dot.lg,#muzik-kok .rcard .dot.lg{width:19px;height:19px}#muzik-kok .rcard .bos,#muzik-kok .rslot .bos{border:2px dashed #9c8e76;border-radius:6px;width:22px;height:12px}#muzik-kok .pad{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#6d4e97,#4b3b7a);border:0;border-bottom:6px solid #2e2350;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:10px;width:100%;min-height:84px;font:800 20px/1 inherit;display:flex}#muzik-kok .pad:disabled{opacity:.45}#muzik-kok .pad.beat{background:linear-gradient(#ffb199, var(--coral-l));color:var(--ink);border-bottom-width:2px;transform:translateY(4px)}#muzik-kok #actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#muzik-kok button.primary,#muzik-kok button.ghost{min-height:var(--tap);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:9px;padding:0 26px;font:800 18px/1 inherit;display:inline-flex}#muzik-kok button.primary{background:var(--coral);color:#fff;border-bottom:5px solid #7a2b21}#muzik-kok button.ghost{background:var(--kart);color:var(--ink);border:2px solid #e3d6c2;border-bottom:5px solid #d8c7ae}#muzik-kok button:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px)}#muzik-kok button:disabled{opacity:.5;cursor:default}#muzik-kok :focus-visible{outline:3px solid var(--ink);outline-offset:0;box-shadow:0 0 0 6px var(--gold)}#muzik-kok .choice:focus-visible,#muzik-kok .tone:focus-visible,#muzik-kok .slot:focus-visible,#muzik-kok .rslot:focus-visible,#muzik-kok .rcard:focus-visible,#muzik-kok .pad:focus-visible,#muzik-kok .mod:focus-visible{outline:3px solid var(--ink);outline-offset:-6px;box-shadow:inset 0 0 0 3px var(--gold)}#muzik-kok #pianoWrap{text-align:center}#muzik-kok #piano{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-width:660px;height:150px;margin:0 auto;display:grid;position:relative}#muzik-kok .wkey,#muzik-kok .bkey{font:inherit;cursor:pointer;border:0;padding:0}#muzik-kok .wkey{color:#6e6252;background:linear-gradient(#fff,#ede4d6);border-bottom:6px solid #c6b9a5;border-radius:0 0 10px 10px;justify-content:center;align-items:flex-end;padding-bottom:8px;font-size:13px;font-weight:800;display:flex;position:relative}#muzik-kok .bkey{z-index:2;background:linear-gradient(#4a3b60,#221831);border-bottom:6px solid #120c1e;border-radius:0 0 7px 7px;width:34px;height:62%;position:absolute;top:0}#muzik-kok .wkey.hit{background:linear-gradient(#ffe6a8,#ffd166);border-bottom-width:2px;transform:translateY(4px)}#muzik-kok .bkey.hit{background:linear-gradient(#ff9c90,#ff6f61);border-bottom-width:2px;transform:translateY(4px)}#muzik-kok .wkey.target,#muzik-kok .bkey.target{box-shadow:inset 0 0 0 4px var(--ink);position:relative}#muzik-kok .wkey.target:before,#muzik-kok .bkey.target:before{content:"";background:var(--gold);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;left:50%}#muzik-kok .wkey.target:before{bottom:30px}#muzik-kok .bkey.target:before{bottom:10px}#muzik-kok #hint{color:var(--ink2);margin:8px 0 0;font-size:14px}@media (max-width:560px){#muzik-kok .card{min-height:210px}#muzik-kok .card.tall{min-height:360px}#muzik-kok #piano{height:118px}#muzik-kok .tone,#muzik-kok .slot{width:60px;height:84px}}@media (prefers-reduced-motion:reduce){#muzik-kok *,#muzik-kok :before,#muzik-kok :after{transition-duration:.01ms!important;animation:none!important}}@media (prefers-contrast:more){#muzik-kok .choice,#muzik-kok .tone,#muzik-kok .slot,#muzik-kok .rslot,#muzik-kok .rcard,#muzik-kok .adots i{border-width:4px;border-color:var(--ink)}#muzik-kok .rcell,#muzik-kok .ecell{border-color:var(--ink)}#muzik-kok .mod small,#muzik-kok .face.back span{color:var(--cream)}#muzik-kok .step{color:#7a2417}}