:root{--gece: #140b2b;--gece-2: #1f1340;--gece-3: #2c1c57;--cizgi: #3a2670;--pembe: #ff3d7f;--sari: #ffd23f;--camgobegi: #2ee6d6;--mor: #8b5cf6;--metin: #f4f0ff;--metin-soluk: #a99bcf;--hata: #ff6b4a;--r-s: 10px;--r-m: 16px;--r-l: 24px;--golge: 0 5px 0 rgba(0, 0, 0, .35);--font: "Rubik", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;background:radial-gradient(90% 50% at 50% -10%,rgba(139,92,246,.25),transparent 60%),radial-gradient(60% 40% at 100% 100%,rgba(255,61,127,.12),transparent 60%),var(--gece);background-attachment:fixed;color:var(--metin);font-family:var(--font);line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}img{display:block}a{color:var(--camgobegi)}.mono{font-family:var(--mono)}.muted{color:var(--metin-soluk)}.app{max-width:1320px;margin:0 auto;padding:16px 16px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.brand{display:flex;align-items:center;gap:10px}.brand .record{width:48px;height:48px}.wordmark{font-weight:900;font-size:26px;letter-spacing:-.5px}.wordmark-bozuk{color:var(--sari);text-shadow:-2px 2px 0 var(--camgobegi)}.wordmark-plak{color:var(--pembe);text-shadow:-2px 2px 0 var(--camgobegi)}.pill{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--gece-2);border:1px solid var(--cizgi);color:var(--metin-soluk)}.lab{display:grid;gap:16px;grid-template-columns:minmax(280px,1fr) minmax(340px,1.25fr) minmax(300px,1fr);align-items:start}@media (max-width: 1100px){.lab{grid-template-columns:1fr 1fr}.lab-player{grid-column:1 / -1;order:-1}}@media (max-width: 720px){.lab{grid-template-columns:1fr}}.panel{background:#1f1340d9;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:18px;min-width:0}.panel h2{margin:0 0 14px;font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px}.step{font-family:var(--mono);font-size:13px;color:var(--gece);background:var(--sari);width:24px;height:24px;border-radius:7px;display:grid;place-items:center}.label{margin:14px 0 8px;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--metin-soluk)}.row{display:flex;gap:8px;margin-top:8px}.row>.select{flex:1;min-width:0}.btn{border:0;border-radius:var(--r-m);padding:11px 16px;min-height:44px;font-weight:800;cursor:pointer;box-shadow:var(--golge);transition:transform .08s,box-shadow .08s,opacity .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #00000059}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.chip:focus-visible,.track:focus-visible,.tabs button:focus-visible{outline:3px solid var(--camgobegi);outline-offset:2px}.btn-primary{background:var(--pembe)}.btn-yellow{background:var(--sari);color:var(--gece)}.btn-secondary{background:var(--gece-3);border:2px solid var(--cizgi)}.btn-ghost{background:transparent;box-shadow:none;border:2px dashed var(--cizgi);color:var(--metin)}.btn-round{width:56px;height:56px;border-radius:50%;font-size:22px;padding:0}.input{width:100%;background:var(--gece);border:2px solid var(--cizgi);border-radius:var(--r-m);padding:10px 14px;min-height:44px;outline:none}.input:focus{border-color:var(--camgobegi);box-shadow:0 0 0 4px #2ee6d626}.input::placeholder{color:#6e5fa0}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--metin-soluk) 50%),linear-gradient(135deg,var(--metin-soluk) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.search{display:flex;gap:8px}input[type=range]{accent-color:var(--pembe);width:100%;min-width:0;cursor:pointer}.tabs{display:flex;gap:4px;padding:4px;background:var(--gece);border-radius:var(--r-m);margin-bottom:12px;border:1px solid var(--cizgi)}.tabs button{flex:1;border:0;background:transparent;padding:9px;border-radius:12px;font-weight:700;cursor:pointer;color:var(--metin-soluk)}.tabs button.is-active{background:var(--gece-3);color:var(--metin)}.tracks{list-style:none;margin:0;padding:0 4px 0 0;display:grid;gap:6px;max-height:560px;overflow-y:auto}.tracks>.muted{padding:12px}.track{width:100%;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;background:var(--gece);border:1px solid var(--cizgi);border-radius:var(--r-m);padding:6px 10px 6px 6px}.track:hover:not(:disabled){border-color:var(--pembe)}.track:disabled{opacity:.6;cursor:wait}.track img,.cover-ph{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;background:var(--gece-3);display:grid;place-items:center}.track-text{flex:1;min-width:0;display:grid}.track-text b,.track-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-text small{color:var(--metin-soluk)}.track-play{color:var(--pembe);font-size:14px}.dropzone{display:grid;justify-items:center;gap:6px;text-align:center;padding:36px 16px;cursor:pointer;border:2px dashed var(--cizgi);border-radius:var(--r-l);background:var(--gece);transition:border-color .15s,background .15s}.dropzone.is-over,.dropzone:hover{border-color:var(--camgobegi);background:#2ee6d60f}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone:focus-within{outline:3px solid var(--camgobegi);outline-offset:2px}.dz-icon{font-size:40px}.dropzone small{color:var(--metin-soluk)}.stage-area{display:flex;align-items:center;gap:18px}.record-wrap{width:150px;flex:none}.record{width:100%;height:auto;display:block}.record.is-spinning{animation:don 3.2s linear infinite}.record.is-glitch{animation:don 3.2s linear infinite,titre .35s steps(2) infinite}@keyframes don{to{transform:rotate(360deg)}}@keyframes titre{50%{filter:drop-shadow(-4px 0 0 var(--camgobegi)) drop-shadow(4px 0 0 var(--pembe))}}.now{min-width:0}.now-title{font-size:24px;font-weight:900;margin:0;letter-spacing:-.3px;overflow-wrap:anywhere}.now-artist{margin:2px 0 0;color:var(--metin-soluk)}.error{color:var(--hata);font-weight:600;margin:8px 0 0}@media (max-width: 480px){.stage-area{flex-direction:column;text-align:center}.record-wrap{width:140px}}.visualizer{width:100%;height:90px;margin:14px 0 6px;display:block}.timeline{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--metin-soluk)}.transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stage-chip{background:var(--gece);border:1px solid var(--cizgi);border-radius:var(--r-s);padding:8px;display:grid;text-align:center;transition:all .2s}.stage-chip b{font-family:var(--mono);font-size:12px}.stage-chip small{color:var(--metin-soluk);font-size:11px}.stage-chip.is-active{border-color:var(--pembe);background:#ff3d7f24}.stage-chip.is-done{opacity:.5}.round-bar{height:6px;border-radius:999px;background:var(--gece);margin-top:8px;overflow:hidden}.round-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pembe),var(--sari),var(--camgobegi))}.intensity{display:grid;grid-template-columns:auto 1fr 48px;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;background:var(--gece);border-radius:var(--r-m);border:1px solid var(--cizgi)}.intensity span{display:grid}.intensity small{color:var(--metin-soluk);font-size:12px}.intensity output{text-align:right;color:var(--sari)}@media (max-width: 480px){.intensity{grid-template-columns:1fr 48px}.intensity span{grid-column:1 / -1}}.presets{display:flex;flex-wrap:wrap;gap:6px}.chip{border:2px solid var(--cizgi);background:var(--gece);border-radius:999px;padding:7px 12px;font-weight:700;font-size:14px;cursor:pointer;min-height:38px}.chip:hover{border-color:var(--metin-soluk)}.chip.is-active{border-color:var(--pembe);background:#ff3d7f29}.chip-ghost{border-style:dashed;color:var(--metin-soluk)}.effect-list{display:grid;gap:8px;margin-top:14px}.effect{background:var(--gece);border:1px solid var(--cizgi);border-radius:var(--r-m);transition:border-color .15s}.effect.is-on{border-color:#ff3d7f99}.effect.is-disabled{opacity:.5}.effect-head{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.effect-emoji{font-size:22px;width:30px;text-align:center}.effect-text{flex:1;display:grid;min-width:0}.effect-text small{color:var(--metin-soluk);font-size:12px}.effect-body{padding:0 12px 12px 52px;display:grid;gap:8px}.slider-row{display:grid;grid-template-columns:auto 1fr 44px;gap:10px;align-items:center;font-size:13px;color:var(--metin-soluk)}.slider-row output{font-family:var(--mono);text-align:right;color:var(--metin)}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:999px;background:var(--gece-3);border:1px solid var(--cizgi);position:relative;cursor:pointer;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--metin-soluk);transition:transform .15s,background .15s}.switch:checked{background:var(--pembe);border-color:var(--pembe)}.switch:checked:after{transform:translate(18px);background:#fff}.switch:focus-visible{outline:3px solid var(--camgobegi);outline-offset:2px}.segmented{display:inline-flex;background:var(--gece-2);border:1px solid var(--cizgi);border-radius:12px;padding:3px;gap:3px;justify-self:start}.segmented button{border:0;background:transparent;border-radius:9px;padding:5px 10px;font-weight:700;font-size:13px;cursor:pointer;color:var(--metin-soluk)}.segmented button.is-active{background:var(--mor);color:#fff}.foot{text-align:center;color:var(--metin-soluk);font-size:13px;margin-top:24px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:10;background:var(--sari);color:var(--gece);font-weight:800;padding:12px 20px;border-radius:var(--r-m);box-shadow:var(--golge);animation:toast-in .25s ease-out}@keyframes toast-in{0%{transform:translate(-50%,20px);opacity:0}}@media (prefers-reduced-motion: reduce){.record.is-spinning,.record.is-glitch,.toast{animation:none}}.brand{text-decoration:none;color:inherit;border-radius:var(--r-m)}.brand:focus-visible{outline:3px solid var(--camgobegi);outline-offset:4px}.btn-block{width:100%}.btn-small{min-height:36px;padding:6px 12px;font-size:14px}.btn-wide{min-width:220px}.hint{color:var(--metin-soluk);font-size:14px;margin:12px 0 0}.field{display:grid;gap:4px;flex:1;min-width:0}.field-label{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--metin-soluk)}.avatar{border-radius:50%;display:inline-grid;place-items:center;font-weight:900;flex:none;transition:opacity .2s,filter .2s}.avatar.is-dim{opacity:.4;filter:grayscale(.6)}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-picker button{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;box-shadow:0 0 0 2px var(--gece-2)}.color-picker button.is-active{border-color:var(--metin);transform:scale(1.1)}.color-picker button:focus-visible{outline:3px solid var(--camgobegi);outline-offset:2px}.home{max-width:460px;margin:0 auto;padding:24px 16px 40px;display:grid;gap:18px}.home>.topbar{margin-bottom:0}.home-hero{text-align:center;display:grid;justify-items:center;gap:4px}.home-record{width:150px}.home-title{margin:6px 0 0;font-size:clamp(44px,13vw,60px);font-weight:900;line-height:.95;letter-spacing:-1px;display:grid}.home-title .wordmark-bozuk,.home-title .wordmark-plak{text-shadow:-3px 3px 0 var(--camgobegi)}.home-sub{color:var(--metin-soluk);margin:6px 0 0}.home-card{display:grid;gap:14px}.profile-fields{display:grid;gap:12px}.profile-row{display:flex;align-items:flex-end;gap:12px}.divider{display:flex;align-items:center;gap:10px;color:var(--metin-soluk);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--cizgi)}.join-row{display:flex;gap:8px}.code-input{font-family:var(--mono);font-size:20px;letter-spacing:6px;text-transform:uppercase;text-align:center}.home-lab{justify-self:center;color:var(--metin-soluk);font-weight:600;text-decoration:none;padding:8px 12px;border-radius:999px}.home-lab:hover{color:var(--metin);background:var(--gece-2)}.join-title{margin:0;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notice{text-align:center;justify-items:center}.notice h1{margin:0;font-size:22px}.notice p{margin:0}.notice-emoji{font-size:44px}.room-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-code-label{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--metin-soluk)}.room-code{font-family:var(--mono);font-size:22px;letter-spacing:5px;color:var(--sari);background:var(--gece);border:2px dashed var(--sari);border-radius:12px;padding:2px 6px 2px 11px}.banner{background:#ff6b4a26;border:1px solid var(--hata);color:var(--metin);border-radius:var(--r-m);padding:10px 14px;margin-bottom:12px;font-weight:600}.lobby{display:grid;gap:16px;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.3fr) minmax(260px,1fr);align-items:start;padding-bottom:96px}@media (max-width: 1100px){.lobby{grid-template-columns:1fr 1fr}.settings-panel,.placeholder-panel{grid-column:1 / -1;order:2}}@media (max-width: 720px){.lobby{grid-template-columns:1fr}}.panel h2 small{font-size:13px;font-weight:600}.count{font-family:var(--mono);font-size:14px;color:var(--metin-soluk);margin-left:auto}.players{list-style:none;margin:0;padding:0;display:grid;gap:6px}.player{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--gece);border:1px solid var(--cizgi);border-radius:var(--r-m);position:relative}.player.is-me{border-color:#2ee6d699}.player-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name small{color:var(--metin-soluk);font-weight:500}.status{font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--metin-soluk);white-space:nowrap}.status-ready{color:var(--camgobegi)}.status-host{color:var(--sari)}.status-away{color:var(--hata);letter-spacing:0;font-weight:600}.player-menu{position:relative}.icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--cizgi);background:var(--gece-2);cursor:pointer;font-weight:900}.icon-btn:focus-visible{outline:3px solid var(--camgobegi);outline-offset:2px}.menu{position:absolute;right:0;top:calc(100% + 4px);z-index:5;background:var(--gece-2);border:1px solid var(--cizgi);border-radius:var(--r-s);padding:4px;display:grid;min-width:160px;box-shadow:0 12px 30px #00000073}.menu button{text-align:left;background:transparent;border:0;padding:9px 10px;border-radius:8px;cursor:pointer;font-weight:600}.menu button:hover:not(:disabled){background:var(--gece-3)}.menu button:disabled{opacity:.4;cursor:not-allowed}.menu .danger{color:var(--hata)}.settings{border:0;margin:0;padding:0;display:grid;gap:16px;min-width:0}.settings:disabled .mode-card,.settings:disabled .chip,.settings:disabled .segmented button,.settings:disabled .select,.settings:disabled .switch{cursor:default}.settings:disabled .mode-card:not(.is-active),.settings:disabled .chip:not(.is-active){opacity:.55}.setting{display:grid;gap:8px;min-width:0}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.setting-grid{grid-template-columns:1fr}}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width: 480px){.mode-cards{grid-template-columns:1fr}}.mode-card{display:grid;gap:2px;text-align:left;padding:12px;border-radius:var(--r-m);border:2px solid var(--cizgi);background:var(--gece);cursor:pointer}.mode-card.is-active{border-color:var(--mor);background:#8b5cf62e}.mode-card small{color:var(--metin-soluk);font-size:12px}.mode-emoji{font-size:20px}.chips{display:flex;flex-wrap:wrap;gap:6px}.segmented-lg{display:flex;justify-self:stretch;width:100%}.segmented-lg button{flex:1;padding:8px 6px;font-size:14px;white-space:nowrap}.toggle-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-m);background:var(--gece);border:1px solid var(--cizgi);cursor:pointer}.toggle-row span{flex:1;display:grid}.toggle-row small{color:var(--metin-soluk);font-size:12px}.placeholder-panel{text-align:center;display:grid;justify-items:center;gap:8px;padding:40px 18px}.placeholder-panel h2{margin:0}.placeholder-panel p{margin:0 0 8px}.chat-panel{display:flex;flex-direction:column}.chat{list-style:none;margin:0 0 10px;padding:0 4px 0 0;display:grid;align-content:start;gap:6px;height:320px;overflow-y:auto;font-size:14px}@media (max-width: 720px){.chat{height:220px}}.chat-msg{padding:6px 10px;background:var(--gece);border-radius:12px;overflow-wrap:anywhere}.chat-msg.is-me{background:var(--gece-3)}.chat-system{color:var(--metin-soluk);font-size:12px;text-align:center;padding:2px 0}.chat-form{display:flex;gap:8px}.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#140b2beb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--cizgi)}.action-hint{color:var(--metin-soluk);font-size:14px;font-weight:600}@media (max-width: 480px){.action-bar .btn-wide{width:100%;min-width:0}.action-hint{width:100%;text-align:center}}.action-bar~.toast{bottom:100px}@media (max-width: 720px){.lobby .settings-panel,.lobby .placeholder-panel{order:0}}@media (max-width: 1100px){.lobby .game-panel{grid-column:1 / -1;order:-1}}@media (max-width: 720px){.lobby .game-panel{order:-1}}.game-panel{position:relative;min-height:420px}.game-center{display:grid;justify-items:center;text-align:center;gap:8px;padding:24px 0}.game-center h2{margin:0}.game-record{width:130px;margin:4px auto}.round-label{font-family:var(--mono);font-size:13px;color:var(--metin-soluk);letter-spacing:1px}.badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.rozet{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:700}.rozet-efekt{background:#ff3d7f29;color:var(--pembe);border:1px solid rgba(255,61,127,.5)}.sound-unlock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border:0;border-radius:var(--r-l);cursor:pointer;background:#140b2be0;color:var(--metin);font:inherit;font-size:20px;font-weight:800}.countdown{font-family:var(--mono);font-size:96px;line-height:1;color:var(--sari);text-shadow:-4px 4px 0 var(--pembe);animation:pop .9s ease-out}@keyframes pop{0%{transform:scale(1.6);opacity:0}30%{transform:scale(1);opacity:1}}.round{display:grid;gap:10px}.round-top{display:flex;justify-content:space-between;align-items:center}.round-time{font-size:28px;color:var(--sari)}.round-time.is-low{color:var(--hata);animation:blink .5s steps(2) infinite}.round-phase{margin-left:auto;margin-right:10px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:#2ee6d624;color:var(--camgobegi)}.round-phase.is-answer{background:#ffd23f29;color:var(--sari)}.answer-banner{margin:0;padding:14px 12px;border-radius:var(--r-m);text-align:center;font-size:16px;background:#ffd23f1a;border:1px dashed rgba(255,210,63,.5)}.answer-banner b{font-size:22px;color:var(--sari)}.round .round-bar{position:relative}.round-bar-mark{position:absolute;top:0;bottom:0;width:2px;background:var(--metin);opacity:.6}.points-now{margin:0;text-align:center;font-size:14px}.points-now b{font-size:18px;color:var(--sari)}.points-now small{color:var(--metin-soluk)}@keyframes blink{50%{opacity:.4}}.round-q{text-align:center;margin:0;font-size:26px;font-weight:900}.round .visualizer{height:60px;margin:0}.my-progress{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.check{padding:5px 10px;border-radius:999px;border:1px solid var(--cizgi);background:var(--gece);font-weight:700;font-size:13px;color:var(--metin-soluk)}.check.is-on{color:var(--gece);background:var(--camgobegi);border-color:var(--camgobegi)}.guessed-count{margin-left:auto;font-size:13px}.guess-form{display:flex;gap:8px}.guess-input{font-size:18px;min-height:52px}.guess-form .btn{min-height:52px}.all-done{text-align:center;font-weight:800;color:var(--camgobegi);margin:6px 0}.feedback{margin:0;font-weight:800;text-align:center;animation:toast-in .2s ease-out}.feedback-hit{color:var(--camgobegi)}.feedback-close{color:var(--sari)}.feedback-miss{color:var(--metin-soluk)}.feedback-error{color:var(--hata)}.history{margin:0;color:var(--metin-soluk);font-size:13px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.history span{background:var(--gece);border:1px solid var(--cizgi);border-radius:999px;padding:2px 8px;text-decoration:line-through}.reveal{display:grid;gap:10px}.reveal-card{display:flex;gap:16px;align-items:center;padding:14px;border-radius:var(--r-l);background:var(--gece);border:1px solid var(--cizgi);animation:toast-in .3s ease-out}.reveal-cover{width:110px;height:110px;border-radius:16px;object-fit:cover;flex:none;background:linear-gradient(135deg,var(--pembe),var(--mor));display:grid;place-items:center;font-size:40px;box-shadow:0 10px 30px #ff3d7f4d}.reveal-text{min-width:0}.reveal-title{margin:0;font-size:26px;font-weight:900;line-height:1.1;overflow-wrap:anywhere}.reveal-artist{margin:4px 0 0;font-size:17px;font-weight:700;color:var(--sari)}.reveal-album{margin:2px 0 0;font-size:13px}@media (max-width: 480px){.reveal-card{flex-direction:column;text-align:center}}.round-points,.funny{list-style:none;margin:0;padding:0;display:grid;gap:4px}.round-points li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:var(--gece)}.round-points li.is-scored{border:1px solid rgba(46,230,214,.4)}.rp-name{flex:1;font-weight:700}.rp-pts{color:var(--camgobegi)}.funny li{padding:6px 10px;border-radius:12px;background:var(--gece);font-size:14px}.next-up{text-align:center;color:var(--metin-soluk);font-weight:600;margin:4px 0 0}.finished{display:grid;justify-items:center;gap:12px;text-align:center}.winner{margin:0;font-size:26px;font-weight:900}.ended-early{margin:0;padding:4px 12px;border:1px solid var(--cizgi);border-radius:999px;color:var(--metin-soluk);font-size:13px}.podyum{display:flex;align-items:flex-end;justify-content:center;gap:10px;width:100%}.basamak{width:96px;display:grid;justify-items:center;gap:4px}.basamak-bos{visibility:hidden}.basamak .ad{font-weight:800;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basamak .p{color:var(--sari);font-size:13px}.crown{font-size:24px}.blok{width:100%;border-radius:12px 12px 4px 4px;display:grid;place-items:center;font-family:var(--mono);font-size:24px;color:var(--gece);font-weight:700}.blok-1{height:110px;background:var(--sari)}.blok-2{height:78px;background:#c9c2e6}.blok-3{height:56px;background:#ff8a3d}.ranking{width:100%;max-width:360px;margin:0;padding:0;list-style:none;display:grid;gap:4px;counter-reset:r 3}.ranking li{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--gece);border-radius:12px;counter-increment:r}.ranking li:before{content:counter(r);font-family:var(--mono);color:var(--metin-soluk);width:18px}.ranking li span:nth-child(2){flex:1;text-align:left;font-weight:700}.stats{display:grid;gap:6px;padding:12px 14px;border-radius:var(--r-m);background:var(--gece);border:1px solid var(--cizgi);font-size:14px;text-align:left;width:100%;max-width:440px}.finished-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.scoreboard .rank{width:18px;color:var(--metin-soluk);font-size:13px}.scoreboard .score{color:var(--sari);font-size:16px;min-width:40px;text-align:right}.marks{display:flex;gap:2px;font-size:14px}.marks span{filter:grayscale(1);opacity:.25;transition:all .2s}.marks span.is-on{filter:none;opacity:1;transform:scale(1.1)}.avatar.is-speaking{box-shadow:0 0 0 3px var(--gece-2),0 0 0 6px var(--camgobegi);animation:nabiz 1.2s infinite}@keyframes nabiz{50%{box-shadow:0 0 0 3px var(--gece-2),0 0 0 9px #2ee6d673}}@media (prefers-reduced-motion: reduce){.avatar.is-speaking{animation:none}}.voice-mark{font-size:14px}.voice{display:grid;gap:10px;padding:12px;margin-bottom:14px;border-radius:var(--r-m);background:var(--gece);border:1px solid var(--cizgi)}.voice-on{border-color:#2ee6d680}.voice-title{font-weight:800}.voice-row{display:flex;align-items:center;gap:12px}.voice-info{flex:1;min-width:0;display:grid}.voice-info b{font-size:14px}.voice-forced{color:var(--sari)}.voice-mode{justify-self:stretch;display:flex}.voice-mode button{flex:1}.mic-btn{width:56px;height:56px;border-radius:50%;border:0;font-size:24px;cursor:pointer;flex:none;background:var(--gece-3);color:var(--metin);box-shadow:var(--golge);touch-action:none;-webkit-user-select:none;user-select:none}.mic-btn.is-live{background:var(--camgobegi);color:var(--gece)}.mic-btn.is-off{background:var(--hata)}.mic-btn.ptt{font-size:11px;font-weight:900;line-height:1.15}.mic-btn:disabled{opacity:.45;cursor:not-allowed}.mic-btn:focus-visible{outline:3px solid var(--camgobegi);outline-offset:2px}.btn-purple{background:var(--mor)}.menu-volume{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600}.menu{min-width:210px}.humming{display:grid;gap:10px}.center{text-align:center;margin:0}.soft-banner{margin:0;padding:10px 12px;border-radius:var(--r-m);text-align:center;font-weight:600;font-size:14px;background:#8b5cf629;border:1px solid rgba(139,92,246,.5);display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.choices{list-style:none;margin:0;padding:0;display:grid;gap:8px}.choice{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-m);background:var(--gece);border:2px solid var(--cizgi)}.choice:hover{border-color:var(--mor)}.choice img,.choice .cover-ph{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none;background:var(--gece-3);display:grid;place-items:center}.choice-text{flex:1;min-width:0;display:grid}.choice-text b,.choice-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-text small{color:var(--metin-soluk)}@media (max-width: 480px){.choice{flex-wrap:wrap}.choice-text{flex-basis:calc(100% - 64px)}.choice .btn{flex:1}}.chosen-song{margin:0;padding:10px 14px;border-radius:var(--r-m);background:var(--gece);border:1px dashed var(--sari);text-align:center}.chosen-song b{color:var(--sari)}.rules{margin:0;text-align:center;color:var(--hata);font-weight:700}.mic-state{margin:0;text-align:center;font-weight:800}.mic-state.is-live{color:var(--camgobegi)}.mic-state.is-off{color:var(--hata)}.flag-warning{margin:0;text-align:center;color:var(--hata);font-weight:800;animation:blink .8s steps(2) infinite}.hummer-stage{display:grid;justify-items:center;gap:8px;padding-top:4px}.dalga{display:flex;align-items:center;justify-content:center;gap:5px;height:64px}.dalga i{width:7px;height:12px;border-radius:4px;background:var(--mor);animation:dalga 1s ease-in-out infinite both}.dalga i:nth-child(odd){background:var(--camgobegi)}@keyframes dalga{0%,to{height:12px}50%{height:56px}}@media (prefers-reduced-motion: reduce){.dalga i{animation:none;height:24px}}.flag-btn{justify-self:center;background:transparent;border:2px solid rgba(255,107,74,.5);color:var(--hata);box-shadow:none}.flag-btn.is-on{background:#ff6b4a33;border-color:var(--hata)}.hum-result{margin:0;padding:10px 12px;border-radius:var(--r-m);background:#8b5cf629;text-align:center}.hum-result.is-cancelled{background:#ff6b4a26}.hum-tag{font-size:11px;font-weight:800;color:var(--mor);white-space:nowrap}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.input::placeholder{color:#8a7cc0}.phase-enter{animation:phase-in .35s ease-out}@keyframes phase-in{0%{opacity:0;transform:translateY(8px);filter:drop-shadow(-6px 0 0 var(--camgobegi)) drop-shadow(6px 0 0 var(--pembe))}60%{opacity:1;filter:drop-shadow(-2px 0 0 var(--camgobegi)) drop-shadow(2px 0 0 var(--pembe))}to{transform:none;filter:none}}.guess-wrap{position:relative;display:grid;gap:10px}.fly{position:absolute;right:18px;top:-6px;pointer-events:none;z-index:3;font-size:26px;color:var(--camgobegi);text-shadow:0 2px 0 var(--gece);animation:fly-up 1.1s ease-out forwards}@keyframes fly-up{0%{opacity:0;transform:translateY(10px) scale(.7)}15%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-46px) scale(1)}}.bump{display:inline-block;animation:bump .45s ease-out}@keyframes bump{30%{transform:scale(1.35);color:var(--camgobegi)}}.finished{position:relative;overflow:hidden}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.confetti span{position:absolute;top:-20px;opacity:.95;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.2,.6,.4,1);animation-fill-mode:forwards}@keyframes confetti-fall{to{transform:translate(var(--drift),620px) rotate(720deg);opacity:0}}.finished>*:not(.confetti){position:relative;z-index:1}.jokers{display:grid;gap:6px;justify-items:center;text-align:center}.jokers-label{font-size:12px;font-weight:700;color:var(--metin-soluk);letter-spacing:.5px}.jokers-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.joker-btn small{color:var(--metin-soluk);font-weight:600}.hint-box{margin:0;text-align:center;font-size:22px;letter-spacing:4px;color:var(--sari);padding:8px 12px;border-radius:var(--r-m);background:var(--gece);border:1px dashed var(--sari);animation:phase-in .3s ease-out;overflow-wrap:anywhere}.sfx-btn{font-size:16px}@media (pointer: coarse){.btn-small,.chip,.segmented button,.tabs button,.menu button{min-height:44px}.icon-btn{width:44px;height:44px}.switch{transform:scale(1.15)}input[type=range]{min-height:32px}}.app,.home{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.confetti,.fly{display:none}}:root{--pembe-buton: #d81b60;--mor-buton: #7c4dff;--mor-acik: #b49bff}.btn-primary{background:var(--pembe-buton);color:#fff}.btn-purple,.segmented button.is-active{background:var(--mor-buton);color:#fff}.hum-tag{color:var(--mor-acik)}.link-btn{background:none;border:0;color:var(--metin-soluk);font-weight:600;cursor:pointer;padding:8px 10px;border-radius:999px;min-height:40px}.link-btn:hover{color:var(--metin);background:var(--gece-2)}.link-btn:focus-visible{outline:3px solid var(--camgobegi);outline-offset:2px}.home-links{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}.home-links a{color:var(--metin-soluk);font-weight:600;text-decoration:none;padding:8px 10px;border-radius:999px}.home-links a:hover{color:var(--metin);background:var(--gece-2)}.beta-badge{font-family:var(--mono);font-size:11px;color:var(--gece);background:var(--sari);padding:2px 8px;border-radius:999px}.dialog{border:1px solid var(--cizgi);border-radius:var(--r-l);background:var(--gece-2);color:var(--metin);padding:0;width:min(440px,calc(100vw - 32px));box-shadow:0 24px 60px #00000080}.dialog::backdrop{background:#0a0518b3}.dialog-body{display:grid;gap:12px;padding:20px}.dialog-body h2{margin:0}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.dialog textarea{resize:vertical;min-height:96px;font:inherit}.stars{display:flex;gap:4px}.stars button{font-size:32px;background:none;border:0;cursor:pointer;color:var(--cizgi);min-width:44px;min-height:44px}.stars button.is-on{color:var(--sari)}.stars button:focus-visible{outline:3px solid var(--camgobegi);border-radius:8px}.prose{max-width:760px;margin:0 auto;line-height:1.6}.prose h1{margin:0 0 4px}.prose h2{font-size:18px;margin:22px 0 6px}.prose ul{padding-left:20px;margin:0;display:grid;gap:4px}.report-reasons{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}.report-reasons button{text-align:center;background:var(--gece);border-radius:8px;text-transform:capitalize}.year-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.year-option{padding:18px 10px;border-radius:var(--r-m);border:2px solid var(--cizgi);background:var(--gece);color:var(--metin);font-size:28px;font-weight:700;cursor:pointer;box-shadow:var(--golge);transition:transform .12s,border-color .12s,background .12s}.year-option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--sari)}.year-option:focus-visible{outline:3px solid var(--camgobegi);outline-offset:2px}.year-option:disabled{cursor:default;opacity:.45}.year-option.is-picked,.year-option.is-picked:disabled{opacity:1;border-color:var(--sari);background:#ffd23f29}.year-result{margin:0;text-align:center;font-size:18px}.year-result b{font-size:30px;color:var(--sari)}.role-card{display:grid;gap:4px;padding:12px 14px;border-radius:var(--r-m);text-align:center;background:#2ee6d61a;border:1px solid rgba(46,230,214,.45)}.role-card.is-impostor{background:#ff3d7f1f;border-color:#ff3d7f99}.role-card b{font-size:18px}.role-card small{color:var(--metin-soluk)}.impostor-steps{display:flex;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;flex-wrap:wrap}.impostor-steps li{padding:4px 10px;border-radius:999px;font-size:13px;border:1px solid var(--cizgi);color:var(--metin-soluk)}.impostor-steps li.is-active{border-color:var(--sari);color:var(--sari);background:#ffd23f1f;font-weight:700}.impostor-players{display:grid;gap:6px;margin:0;padding:0;list-style:none}.ip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-m);border:1px solid var(--cizgi);background:var(--gece)}.ip-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip.is-speaking{border-color:var(--camgobegi);box-shadow:0 0 0 2px #2ee6d659}.ip.is-done{opacity:.55}.ip.is-voted{border-color:var(--pembe)}.center-self{justify-self:center}.impostor-result{display:grid;gap:6px;padding:12px 14px;border-radius:var(--r-m);text-align:center;border:1px solid var(--cizgi)}.impostor-result p{margin:0;font-size:18px}.impostor-result.is-caught{background:#2ee6d61a;border-color:#2ee6d680}.impostor-result.is-escaped{background:#ff3d7f1f;border-color:#ff3d7f8c}.impostor-votes{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--metin-soluk)}.rules-page table{width:100%;border-collapse:collapse;margin:8px 0;font-size:14px}.rules-page th,.rules-page td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}.rules-page th{color:var(--metin-soluk);font-weight:600}.rules-page ol{padding-left:22px;margin:0;display:grid;gap:6px}.rules-page h2{scroll-margin-top:16px}.rules-page a{color:var(--camgobegi)}.rules-toc{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}.rules-toc a{padding:5px 12px;border-radius:999px;border:1px solid var(--cizgi);background:var(--gece);color:var(--metin);text-decoration:none;font-size:14px}.rules-toc a:hover,.rules-toc a:focus-visible{border-color:var(--sari)}.rules-page details{margin-top:8px}.rules-page summary{cursor:pointer;font-weight:600}.rules-effects{margin-top:6px!important}.rules-back{margin-top:24px;text-align:center}.rules-back a{color:inherit;text-decoration:none}.rules-link{margin-left:auto;font-size:13px;font-weight:600;color:var(--camgobegi)}
