:root{--masa-derin:#0b1a0f;--masa:#123a1c;--ahsap:#2a1f14;--domates:#e23b2e;--marul:#4caf50;--karnabahar:#f5f0dc;--biber:#ef9d21;--vurgu:#f4c11c;--hata:#d64525;--bocek:#8d3b1e;--kagit:#f7f3e3;--mürekkep:#1b1a12;--key:#ffd9a3;--fill:#9dc4ff;--rim:#ff9d52;--r:14px;--kart-r:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E") repeat, radial-gradient(ellipse 72% 52% at 20% 6%, #3d6b2c8c, transparent 64%), radial-gradient(ellipse 62% 48% at 90% 96%, #10323f99, transparent 62%), radial-gradient(ellipse 130% 95% at 50% 44%, var(--masa), var(--masa-derin) 74%);color:var(--kagit);overscroll-behavior:none;background-attachment:fixed;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.lobby-wrap{isolation:isolate;flex-direction:column;min-height:100%;display:flex;position:relative}.lobby-wrap>.lobby{z-index:1;flex:1;position:relative}.lobby{max-width:460px;padding:max(24px, env(safe-area-inset-top)) 20px 32px;background:radial-gradient(90% 42% at 50% -4%,#6b4a1c40,#0000 66%);flex-direction:column;gap:18px;min-height:100%;margin:0 auto;display:flex}.lobby h1{letter-spacing:-.02em;margin:12px 0 0;font-size:clamp(34px,11vw,52px);line-height:.95}.lobby h1 span{color:var(--vurgu);display:block}.tagline{opacity:.75;margin:0}fieldset{border:0;margin:0;padding:0}legend{text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:8px;font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r);background:#ffffff14;border:2px solid #0000;min-width:56px;min-height:46px;padding:0 16px;box-shadow:inset 0 1px #ffffff1a}.chip.on{background:var(--vurgu);color:var(--mürekkep);font-weight:700;box-shadow:inset 0 1px #fff9,0 2px 8px #f4c11c3d}.primary{border-radius:var(--r);background:var(--vurgu);min-height:56px;color:var(--mürekkep);margin-top:4px;font-size:19px;font-weight:800;box-shadow:0 3px #00000059,0 6px 16px #00000047,inset 0 1px #fff9}.primary:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #00000059,inset 0 1px #fff9}.ghost{border-radius:var(--r);background:#ffffff1a;min-height:56px;padding:0 20px;box-shadow:inset 0 1px #ffffff1f}.rules{border-radius:var(--r);background:#0000002e;margin-top:auto;padding:12px 14px;box-shadow:inset 0 1px #ffffff0f}.rules summary{cursor:pointer;font-weight:600}.rules ol{opacity:.9;gap:8px;margin:10px 0 0;padding-left:20px;font-size:14px;display:grid}.yelpaze{place-items:center;height:clamp(150px,36vw,196px);margin:2px 0;display:grid;position:relative}.yelpaze .card{width:clamp(74px,21vw,100px);position:absolute}.yelpaze .y1{transform:translate(-64%)rotate(-15deg)}.yelpaze .y2{z-index:2;transform:translateY(-10px)}.yelpaze .y3{z-index:3;transform:translate(64%)rotate(15deg)}.secimler{gap:10px;display:grid}.secim{text-align:left;border-radius:var(--r);background:#ffffff12;align-items:center;gap:14px;width:100%;min-height:74px;padding:0 18px;transition:background .15s,transform .1s;display:flex;box-shadow:inset 0 1px #ffffff1f,0 3px 12px #0003}.secim:hover{background:#ffffff1f}.secim:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1f,0 1px 4px #0003}.secim.one{background:#ffffff1f;box-shadow:inset 0 1px #fff3,0 5px 18px #00000042}.secim.one:hover{background:#ffffff2b}.s-metin{flex:1;gap:3px;min-width:0;display:grid}.s-metin b{letter-spacing:-.01em;font-size:18px;font-weight:700}.s-metin small{opacity:.62;font-size:13px}.s-ok{opacity:.4;flex:none;font-size:27px;line-height:1}.adim-baslik{letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(27px,7.5vw,36px);line-height:1.05}.geri{opacity:.65;align-self:flex-start;align-items:center;gap:7px;margin-bottom:-6px;padding:10px 14px 10px 2px;font-size:15px;display:inline-flex}.geri:hover{opacity:1}.geri span{font-size:20px;line-height:1}.table{flex-direction:column;height:100%;display:flex}.players{padding:max(8px, env(safe-area-inset-top)) 10px 8px;scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.player{white-space:nowrap;background:#ffffff12;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.player.on{border-color:var(--vurgu);background:#f4c11c22;box-shadow:0 0 14px #f4c11c33}.pcards{font-variant-numeric:tabular-nums;background:#0005;border-radius:999px;padding:1px 8px}.quit{opacity:.6;margin-left:auto;padding:8px 10px;font-size:18px}.status{scrollbar-width:none;gap:8px;padding:0 10px 8px;font-size:13px;display:flex;overflow-x:auto}.durum{white-space:nowrap;background:#00000038;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex;box-shadow:inset 0 1px #ffffff0d}.durum-et{opacity:.55;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.durum-val{align-items:center;gap:6px;display:flex}.none{opacity:.4}.taboo-badge{align-items:center;gap:5px;font-weight:600;display:inline-flex}.stage{isolation:isolate;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(28px,5vh,46px);min-height:0;padding:8px;display:flex;position:relative}.stage:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(88% 72% at 50% 46%,#0000 56%,#05100885 100%);position:absolute;inset:0}.piles,.open,.stage>.hint{z-index:1;position:relative}.dekor{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.d{display:block;position:absolute}.d-uzak{filter:blur(7px)saturate(.5)brightness(.5);opacity:.8}.d-orta{filter:blur(4px)saturate(.65)brightness(.62);opacity:.85}.d-yakin{filter:blur(1.5px)saturate(.6)brightness(.7);opacity:.6}.d-kase{width:clamp(170px,38%,290px);bottom:-6%;left:-8%}.d-kupa{width:clamp(96px,22%,170px);top:4%;right:-7%}.d-tuzluk{width:clamp(40px,9%,70px);top:2%;left:6%}.d-catal{width:clamp(130px,32%,230px);bottom:9%;right:2%;transform:rotate(-18deg)}.d-kirinti{width:clamp(120px,34%,240px);bottom:20%;left:22%}@media (width<=520px){.d-tuzluk,.d-kirinti{display:none}}.piles{justify-content:center;gap:clamp(12px,4vw,26px);min-width:min(238px,62vw);display:flex}.pile{opacity:.62;transition:opacity .18s;position:relative}.pile.active,.pile:only-child{opacity:1}.piles:before{content:"";background:radial-gradient(62% 54% at 50% 38%,#ffd08a2b,#0000 72%),repeating-linear-gradient(183deg,#00000012 0 2px,#0000 2px 11px),linear-gradient(168deg,#7d6440,#5a452c 58%,#46341f);border-radius:12px;position:absolute;inset:-20px -30px -24px;box-shadow:0 2px 3px #0000005c,0 16px 34px #00000052,inset 0 1px #ffffff24}.pile-count{font-variant-numeric:tabular-nums;background:#000a;border-radius:999px;padding:1px 9px;font-size:12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14}.yigin{position:relative}.kat{border-radius:var(--kart-r);background:#ede8d6;position:absolute;inset:0;box-shadow:0 1px 2px #00000052,inset 0 0 0 1px #00000012}.kat:first-child{transform:translate(-5px,5px)rotate(-2.4deg)}.kat:nth-child(2){transform:translate(-3px,4px)rotate(1.7deg)}.kat:nth-child(3){transform:translate(-2px,2px)rotate(-1deg)}.kat:nth-child(4){transform:translate(-1px,1px)rotate(.6deg)}.card{aspect-ratio:5/7;border-radius:var(--kart-r);background-color:var(--kagit);background-image:linear-gradient(152deg,#ffffff5c,#fff0 46%),radial-gradient(88% 62% at 78% 112%,#0000001c,#0000 64%);place-items:center;width:clamp(64px,19vw,92px);display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000005c,0 6px 14px #0000004d,inset 0 1px #ffffffb8,inset 0 -2px #00000014,inset 0 0 0 1px #0000000f}.card.big{width:clamp(92px,27vw,128px);box-shadow:0 2px 4px #0006,0 16px 34px #0000006b,inset 0 1px #ffffffd1,inset 0 -2px #0000001a,inset 0 0 0 1px #00000014}.card.empty{background:#00000026;box-shadow:inset 0 2px 6px #0000004d,inset 0 -1px #ffffff0d}.card.taboo{outline:3px solid var(--hata);outline-offset:-3px;overflow:visible}.bug{filter:drop-shadow(0 2px 3px #000000a6);position:absolute;top:-6px;right:-8px;transform:rotate(-9deg)}.card.big .bug{top:-8px;right:-11px}.card.v-domates{background-color:#ffe3df}.card.v-marul{background-color:#e4f4e2}.card.v-karnabahar{background-color:#f7f4e6}.card.v-biber{background-color:#fdeccb}.open{flex-direction:column;align-items:center;gap:8px;display:flex}.open-label{opacity:.85;text-shadow:0 1px 3px #0009;font-size:14px;font-weight:700}.overlay{z-index:5;-webkit-backdrop-filter:blur(6px)saturate(.35)brightness(.7);backdrop-filter:blur(6px)saturate(.35)brightness(.7);background:#041007a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overlay.win{-webkit-backdrop-filter:blur(4px)saturate(1.25)brightness(1.06);backdrop-filter:blur(4px)saturate(1.25)brightness(1.06);background:radial-gradient(70% 60% at 50% 45%,#ffb43d2e,#2a170366 78%)}.flash-card{background-color:var(--kagit);color:var(--mürekkep);text-align:center;background-image:linear-gradient(152deg,#ffffff7a,#fff0 48%);border-radius:18px;max-width:340px;padding:22px;box-shadow:0 2px 4px #0000006b,0 24px 48px #00000080,inset 0 1px #fff,inset 0 -2px #00000012}.overlay.win .flash-card{box-shadow:0 2px 4px #0000006b,0 24px 56px #00000080,0 0 90px #f4c11c5c,inset 0 1px #fff}.flash-card .ghost{background:#1b1a120d;box-shadow:inset 0 0 0 2px #1b1a1230}.flash-card .ghost:active{background:#1b1a121a}.flash-card h2{margin:0 0 10px;font-size:22px}.flash-card p{margin:6px 0}.ceza{opacity:.65;font-size:14px;margin-top:12px!important}.row{gap:10px;margin-top:16px;display:flex}.row>*{flex:1}.timer{background:#ffffff14;height:6px;overflow:hidden}.timer-fill{background:linear-gradient(90deg, #d9a70f, var(--vurgu));transform-origin:0;height:100%;transform:scaleX(0);box-shadow:0 0 10px #f4c11c73}.timer-fill[data-low=true]{background:linear-gradient(90deg, #b6301a, var(--hata));box-shadow:0 0 12px #d6452599}.controls{padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:8px;transition:opacity .15s;display:grid}.controls.off{opacity:.35}.veg-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.declare{border-radius:var(--r);background-color:var(--kagit);min-height:62px;color:var(--mürekkep);background-image:linear-gradient(160deg,#fff6,#fff0 52%);align-items:center;gap:10px;padding:0 14px;font-weight:700;display:flex;position:relative;box-shadow:0 3px #00000059,0 5px 10px #0000003d,inset 0 1px #ffffffa6}.declare:disabled{cursor:default}.declare:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #00000059,inset 0 1px #ffffffa6}.declare.bocek{background-color:var(--bocek);color:#fff;justify-content:center}.declare kbd{opacity:.4;font-family:inherit;font-size:10px;position:absolute;top:5px;right:8px}.declare.v-domates{background-color:#ffd9d4}.declare.v-marul{background-color:#d9f0d6}.declare.v-karnabahar{background-color:#f4efdc}.declare.v-biber{background-color:#fce4bb}@media (width>=720px){.table{width:100%;max-width:900px;margin:0 auto}.veg-grid{grid-template-columns:repeat(4,1fr)}.declare{flex-direction:column;justify-content:center;gap:4px;min-height:86px;padding:8px}.declare.bocek{flex-direction:row;min-height:62px}}@media (prefers-reduced-motion:reduce){.timer-fill{transition:none}*{animation:none!important}}.tabs{margin-top:4px}.input{border-radius:var(--r);width:100%;min-height:50px;color:var(--kagit);background:#ffffff14;border:2px solid #fff2;padding:0 14px;font-size:17px}.input.kod{letter-spacing:.3em;text-transform:uppercase;text-align:center;font-weight:700}.hint{opacity:.6;margin:0;font-size:14px}.primary:disabled{color:#f7f3e37a;cursor:default;background:#ffffff14;box-shadow:inset 0 1px #ffffff14}.player.gone{opacity:.4;text-decoration:line-through}.kopuk{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--hata);color:#fff;z-index:10;border-radius:999px;padding:8px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #00000059,inset 0 1px #fff3}