@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700;900&display=swap');
:root{--purple:#46178f;--deep:#25076b;--pink:#e21b3c;--yellow:#ffc900;--green:#26890c;--blue:#1368ce}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,var(--purple),var(--deep));color:#fff;font-family:Inter,Arial;min-height:100vh}header{height:62px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#222;box-shadow:0 3px 12px #0004}header b{font-size:22px}header b span{color:var(--purple)}.status{font-size:11px;color:#777}.status.online{color:var(--green)}main{min-height:calc(100vh - 62px)}.view{display:none;min-height:calc(100vh - 62px);padding:5vw}.view.active{display:grid}.hero h1{font-size:clamp(40px,6vw,74px);line-height:.98;margin:15px 0}.hero p{color:#d9cafa}.logo-mark{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:var(--yellow);color:#222;font-size:42px;font-weight:900;transform:rotate(-5deg)}#home{grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw}.join-card{background:#fff;color:#222;padding:25px;border-radius:12px;box-shadow:0 8px 0 #160543}.join-card label{display:block;font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:13px}.join-card input{display:block;width:100%;height:54px;margin-top:7px;border:2px solid #aaa;border-radius:5px;padding:0 15px;font-size:20px;font-weight:800;text-align:center}.join-card button,.yellow,.purple{width:100%;height:53px;border:0;border-radius:5px;font-weight:900;font-size:16px;cursor:pointer;box-shadow:inset 0 -4px #0003}.yellow{background:var(--yellow);color:#261a00}.purple{background:var(--purple);color:#fff}.or{text-align:center;color:#888;font-size:11px;margin:13px}.error{color:var(--pink);font-size:12px;min-height:15px}.room-code{text-align:center}.room-code small,.room-code span{display:block}.room-code strong{display:block;font-size:clamp(70px,14vw,150px);letter-spacing:.07em}.room-code span{color:#d4c2ff}.lobby-body{text-align:center}.lobby-body h2{font-size:30px}.player-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:25px auto;max-width:850px}.player-pill{padding:14px 22px;border-radius:7px;background:#fff;color:#311071;font-weight:900;animation:pop .25s}@keyframes pop{from{transform:scale(.5)}}.lobby-body .yellow{max-width:350px}.turn-banner{text-align:center}.turn-banner small,.turn-banner span{display:block}.turn-banner strong{font-size:34px}.turn-banner span{color:#d6c8f2;margin-top:6px}#pick{align-content:center;text-align:center}.letters{display:grid;grid-template-columns:repeat(9,1fr);gap:9px;max-width:920px;width:100%;margin:25px auto}.letter{aspect-ratio:1;border:0;border-radius:6px;background:var(--blue);color:white;box-shadow:inset 0 -5px #0004;font-size:30px;font-weight:900;cursor:pointer}.letter.selected{background:var(--yellow);color:#231600;transform:translateY(-5px)}.letter:disabled{opacity:.45}.pick-detail{min-height:50px;font-weight:700}.pick-detail b{color:var(--yellow)}#open-question{max-width:360px;margin:0 auto}.gamebar{display:flex;align-items:center;gap:15px}.timer{height:13px;background:#240854;flex:1;border-radius:10px;overflow:hidden}.timer i{display:block;width:100%;height:100%;background:var(--yellow);transition:width 1s linear}.scores{display:flex;gap:8px;overflow:auto;padding:13px 0}.score{background:#fff;color:#281052;border-radius:5px;padding:9px 13px;min-width:110px}.score.me{outline:3px solid var(--yellow)}.score b{display:block}.question-card{background:#fff;color:#222;border-radius:12px;min-height:310px;padding:25px;display:grid;align-content:center;text-align:center;box-shadow:0 9px 0 #17043e}.question-card small{color:var(--purple);font-weight:900}.word{font-size:clamp(27px,7vw,65px);font-weight:900;letter-spacing:.14em;margin:23px 0;color:var(--deep)}.question-card p{font-size:clamp(18px,3vw,27px);font-weight:700}#answer-form{display:grid;grid-template-columns:1fr 150px;gap:8px;margin-top:22px}#answer-form input{height:57px;border:0;border-radius:5px;padding:0 18px;font-size:21px;font-weight:800;text-transform:uppercase}#answer-status{text-align:center;min-height:38px;padding:10px;font-weight:900}.correct{color:#7dff67}.wrong{color:#ff8798}.podium{text-align:center;margin:auto;width:min(600px,100%)}.podium>div:first-child{font-size:80px}.final-row{display:flex;justify-content:space-between;background:#fff;color:#321270;padding:15px;margin:7px;border-radius:5px;font-weight:900}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:12px 20px;border-radius:5px;display:none;z-index:10}
@media(max-width:700px){#home{grid-template-columns:1fr;padding:25px;gap:25px}.hero{text-align:center}.logo-mark{margin:auto}.hero h1{font-size:38px}.letters{grid-template-columns:repeat(5,1fr)}.letter{font-size:25px}.view{padding:25px 16px}.room-code strong{font-size:64px}.question-card{min-height:280px;padding:17px}#answer-form{grid-template-columns:1fr 105px}.guest-only{font-size:13px}}
body[data-theme="blue"]{--purple:#07549b;--deep:#032c5c;--yellow:#ff9b31;--blue:#168ddd}body[data-theme="green"]{--purple:#08775d;--deep:#034737;--yellow:#f3ba36;--blue:#0ba987}body[data-theme="red"]{--purple:#9b1736;--deep:#56081c;--yellow:#ffad36;--blue:#d62a50}.header-actions{display:flex;align-items:center;gap:12px}.header-reset{display:none;border:1px solid #ddd;border-radius:5px;background:#fff;color:#777;height:34px;padding:0 11px;font-size:10px;font-weight:900;cursor:pointer}.header-reset:hover{border-color:var(--pink);color:var(--pink)}#theme-toggle{width:34px;height:34px;border:1px solid #ddd;border-radius:50%;background:#f5f5f5;color:var(--purple);font-size:20px;cursor:pointer}#theme-menu{display:none;position:fixed;right:4vw;top:56px;background:#fff;padding:8px;border-radius:8px;box-shadow:0 10px 30px #0005;z-index:20}#theme-menu.open{display:grid}#theme-menu button{border:0;background:#fff;padding:10px 16px;text-align:left;font-weight:800;cursor:pointer}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-row select{display:block;width:100%;height:44px;margin-top:7px;border:2px solid #aaa;border-radius:5px;padding:0 8px;font-weight:800}.skip{display:block;margin:10px auto 0;border:1px solid #ffffff88;background:#0002;color:#fff;border-radius:5px;padding:10px 22px;font-weight:900;cursor:pointer}.skip:disabled{opacity:.35}
#room-settings{place-items:center}.settings-card{width:min(650px,100%);background:#fff;color:#251344;padding:30px;border-radius:13px;box-shadow:0 10px 0 #190444}.settings-card>small{color:var(--purple);font-weight:900;letter-spacing:.15em}.settings-card h1{font-size:42px;margin:8px 0}.settings-card>p{color:#766b85}.back-button{border:0;background:transparent;color:#766b85;font-weight:900;cursor:pointer;margin-bottom:22px}.setting-block{margin:25px 0}.setting-block>label{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:9px}.option-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.option-grid.rounds{grid-template-columns:repeat(5,1fr)}.option-grid button{height:50px;border:2px solid #ddd;border-radius:6px;background:#f4f2f7;color:#352550;font-weight:900;cursor:pointer}.option-grid button.selected{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:inset 0 -4px #0003}.settings-summary{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ddd;padding:17px 0;font-size:12px;color:#766b85}.settings-summary b{color:#251344}
.question-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px}.question-actions button{min-height:52px;min-width:150px;border-radius:8px;padding:0 22px;color:white;font-size:15px;font-weight:900;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.vote-button{background:var(--blue);border:0}.ready-button{background:var(--green);border:3px solid #fff;min-height:62px;min-width:210px;font-size:18px;box-shadow:0 5px 0 #164f0a,0 0 0 3px #ffffff30;transition:transform .08s,box-shadow .08s}.ready-button:active,.ready-button.pressed{transform:translateY(3px);box-shadow:0 2px 0 #164f0a,0 0 0 3px #ffffff30}.question-actions button:disabled{opacity:.55;cursor:not-allowed}.ready-button:disabled{border-color:#ffffffaa;box-shadow:none}.question-actions span{display:inline-block;margin-left:6px;padding:4px 8px;border-radius:12px;background:#0003;font-size:12px}
@media(max-width:600px){.option-grid{grid-template-columns:repeat(3,1fr)}.option-grid.rounds{grid-template-columns:repeat(5,1fr)}.settings-card{padding:22px}.settings-card h1{font-size:34px}}
@media(max-width:600px){.question-actions{display:grid;grid-template-columns:1fr;width:100%;gap:12px}.question-actions button{width:100%;min-height:58px;font-size:16px}.ready-button{min-height:72px!important;font-size:21px!important;order:-1}#answer-form{grid-template-columns:1fr 96px}#answer-form button{font-size:14px;padding:0 8px}}
#translate-control{position:relative;width:30px;height:30px}#language-toggle{width:30px;height:30px;padding:0;border:1px solid #ddd;border-radius:50%;background:#f5f5f5;font-size:15px;line-height:1;cursor:pointer}#language-toggle:hover{border-color:var(--purple)}#language-menu{display:none;position:absolute;right:0;top:36px;width:150px;padding:6px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 10px 28px #0004;z-index:40}#language-menu.open{display:grid}#language-menu button{padding:8px 9px;border:0;border-radius:4px;background:#fff;color:#222;font:700 12px Inter;text-align:left;cursor:pointer;white-space:nowrap}#language-menu button:hover{background:#f1edf8;color:var(--purple)}#google_translate_element{position:fixed;left:-9999px;top:-9999px}.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,.VIpgJd-ZVi9od-ORHb-OEVmcd,iframe.skiptranslate,body>.skiptranslate{display:none!important}.goog-te-gadget{font-size:0!important}html{margin-top:0!important}body{top:0!important;position:static!important}@media(max-width:700px){header{padding:0 12px}.header-actions{gap:6px}.status{display:none}}

/* Canlı cevap paneli, gizli puan sıralaması ve dairesel süre */
.game-layout{align-items:start}.game-main{min-width:0}.gamebar{justify-content:space-between}.timer-ring{--progress:360deg;width:78px;height:78px;flex:0 0 78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--yellow) var(--progress),#240854 0);position:relative}.timer-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--deep)}.timer-ring strong{position:relative;font-size:23px;color:#fff;transition:color .25s,transform .25s}.timer-ring.critical{background:conic-gradient(#ff3156 var(--progress),#240854 0);animation:timer-pulse .8s infinite alternate}.timer-ring.critical strong{color:#ff8ba0;transform:scale(1.12)}@keyframes timer-pulse{to{filter:drop-shadow(0 0 8px #ff3156)}}
.score{display:flex;align-items:center;gap:8px;min-width:130px}.score b{display:block;flex:1}.score em{font-style:normal}.rank-number{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:var(--purple);color:#fff;font-weight:900}.rank-up{animation:rankUp .7s ease}.rank-down{animation:rankDown .7s ease}@keyframes rankUp{0%{transform:translateY(22px);background:#d9ffd0}55%{transform:translateY(-6px)}100%{transform:none}}@keyframes rankDown{0%{transform:translateY(-22px);background:#ffe0e5}55%{transform:translateY(6px)}100%{transform:none}}
.answer-sidebar{position:sticky;top:82px;background:#fff;color:#281052;border-radius:12px;padding:18px;box-shadow:0 8px 0 #17043e;max-height:calc(100vh - 105px);overflow:hidden}.answer-sidebar h2{font-size:16px;margin:0}.answer-sidebar>p{font-size:11px;color:#766b85;margin:6px 0 14px}.attempt-list{display:grid;gap:8px;max-height:calc(100vh - 190px);overflow:auto}.attempt{display:flex;align-items:center;gap:10px;background:#f2eef8;border-radius:8px;padding:10px}.attempt-new{animation:attemptIn .35s ease}.attempt>span{color:#88799d;font-size:11px}.attempt>div{display:grid;min-width:0;flex:1}.attempt b{font-size:11px;color:#766b85}.attempt strong{overflow:hidden;text-overflow:ellipsis}.correct-attempt{background:#ddffd6;color:#176707}.attempt-empty{text-align:center;color:#9388a2;font-size:12px;padding:24px 5px}@keyframes attemptIn{from{opacity:0;transform:translateX(25px)}}
.final-row{animation:finalRank .55s both}.final-row:nth-child(2){animation-delay:.12s}.final-row:nth-child(3){animation-delay:.24s}.final-row:nth-child(n+4){animation-delay:.32s}@keyframes finalRank{from{opacity:0;transform:translateY(25px) scale(.96)}}
@media(max-width:900px){.game-layout{grid-template-columns:1fr}.answer-sidebar{position:static;max-height:none}.attempt-list{max-height:230px}.timer-ring{width:68px;height:68px;flex-basis:68px}.question-card{min-height:250px}}
.profile-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:var(--purple);font-weight:900}.profile-heading small,.optional{color:#8d8298;font-size:10px;font-weight:700}.avatar-options{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:8px 0 16px}.avatar-options button{height:43px;border:2px solid #ddd;border-radius:9px;background:#f6f3f9;font-size:23px;cursor:pointer}.avatar-options button.selected{border-color:var(--purple);background:#e9ddff;transform:translateY(-2px);box-shadow:0 3px 0 var(--purple)}.family-lobby{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:25px auto;max-width:950px}.family-group{min-width:230px;padding:14px;border-radius:12px;background:#ffffff20;border:1px solid #ffffff35}.family-group h3{margin:0 0 8px}.family-group h3 small{font-size:10px;color:#d9cafa}.family-group .player-cloud{margin:0}.player-pill{display:flex;align-items:center;gap:8px}.player-pill i{font-style:normal}.player-avatar{font-size:27px}.family-scores{display:flex;gap:8px;overflow:auto;margin:9px 0}.family-scores:empty{display:none}.family-scores div{display:flex;gap:16px;justify-content:space-between;min-width:190px;padding:8px 11px;border-radius:7px;background:#ffffff22;font-size:11px}.score b small{display:block;color:#837594;font-size:9px;margin-top:2px}.score .rank-number{font-size:17px;background:#eee}
@media(max-width:500px){.avatar-options{grid-template-columns:repeat(4,1fr)}}
.friend-add{display:flex;width:min(480px,100%);margin:16px auto 20px;gap:7px}.friend-add input{flex:1;min-width:0;height:46px;border:0;border-radius:7px;padding:0 13px;font-weight:800}.friend-add button{border:0;border-radius:7px;padding:0 15px;background:var(--yellow);font-weight:900;cursor:pointer}.friend-lobby{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px auto;max-width:900px}.player-card{display:flex;align-items:center;gap:10px;min-width:210px;padding:12px 15px;border-radius:10px;background:#fff;color:#311071}.player-card>div{display:grid;text-align:left;flex:1}.player-card small{color:#88799d}.player-card i{font-size:10px;font-style:normal;color:#88799d}.player-card.is-friend{outline:3px solid var(--yellow)}.player-card.is-friend i{color:var(--green);font-weight:900}

/* Bootstrap katmanı ve hareket sistemi */
#home{grid-template-columns:1fr}.home-grid{max-width:1200px;margin:auto!important}.view-enter{animation:viewEnter .48s cubic-bezier(.2,.8,.2,1) both}.join-card,.settings-card,.question-card,.answer-sidebar{transition:transform .25s ease,box-shadow .25s ease}.join-card:hover,.settings-card:hover{transform:translateY(-3px)}button{transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}button:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-2px)}button:not(:disabled):active{transform:translateY(2px) scale(.98)}.player-card-wrap{animation:cardCascade .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--order) * 55ms)}.player-card{width:100%;height:100%;transition:transform .22s ease,box-shadow .22s ease}.player-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 10px 24px #16054355}.player-card.is-friend .player-avatar{animation:friendBounce .65s ease}.round-enter{animation:roundEnter .58s cubic-bezier(.18,.85,.3,1)}.round-enter .word{animation:wordReveal .62s .15s both}.correct{animation:successPop .55s ease}.wrong{animation:wrongShake .38s ease}.podium>div:first-child{animation:trophyFloat 1.8s ease-in-out infinite alternate}.final-row:hover{transform:translateX(5px)}
@keyframes viewEnter{from{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}@keyframes cardCascade{from{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:none}}@keyframes friendBounce{40%{transform:scale(1.28) rotate(-8deg)}70%{transform:scale(.95) rotate(5deg)}}@keyframes roundEnter{from{opacity:.45;transform:perspective(700px) rotateX(7deg) translateY(18px)}to{opacity:1;transform:none}}@keyframes wordReveal{from{opacity:0;letter-spacing:.35em;filter:blur(7px)}to{opacity:1;filter:none}}@keyframes successPop{45%{transform:scale(1.08)}}@keyframes wrongShake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}@keyframes trophyFloat{to{transform:translateY(-10px) rotate(4deg);filter:drop-shadow(0 12px 10px #0005)}}

/* Telefon ve tablet yatay kullanımı */
@media (orientation:landscape) and (max-height:600px){header{height:48px}.view{min-height:calc(100vh - 48px);padding:12px 3vw}#home{align-items:center}.hero h1{font-size:clamp(28px,6vh,44px);margin:7px 0}.hero p{font-size:13px;margin-bottom:0}.logo-mark{width:48px;height:48px;font-size:29px;border-radius:12px}.join-card{padding:14px}.join-card input{height:40px;font-size:15px}.join-card label{margin-bottom:7px}.avatar-options{margin:5px 0 8px}.avatar-options button{height:34px;font-size:18px}.join-card button,.yellow,.purple{height:40px}.or{margin:5px}.profile-heading{margin-bottom:6px}.room-code strong{font-size:clamp(45px,18vh,85px)}.room-code span{font-size:11px}.lobby-body h2{font-size:20px;margin:3px}.friend-add{margin:7px auto 10px}.friend-add input,.friend-add button{height:38px}.friend-lobby{margin:8px auto}.player-card{padding:7px 10px}.player-avatar{font-size:22px}.game-layout{height:calc(100vh - 72px)}.game-main{height:100%;display:flex;flex-direction:column}.gamebar{height:52px}.timer-ring{width:50px;height:50px;flex-basis:50px}.timer-ring:before{inset:5px}.timer-ring strong{font-size:16px}.scores{padding:5px 0}.score{padding:5px 8px}.question-card{min-height:0;flex:1;padding:12px}.word{font-size:clamp(25px,8vh,46px);margin:8px 0}.question-card p{font-size:clamp(14px,3.5vh,20px);margin-bottom:4px}#answer-form{margin-top:9px}#answer-form input,#answer-form button{height:42px}.question-actions{margin-top:6px}.question-actions button{min-height:38px}.answer-sidebar{top:55px;max-height:calc(100vh - 72px);padding:11px}.attempt-list{max-height:calc(100vh - 135px)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.friend-lobby.row{gap:0}
.header-leave{display:none;position:fixed;right:190px;top:14px;z-index:30;border:1px solid #ffd0d8;border-radius:6px;background:#fff1f3;color:var(--pink);height:34px;padding:0 11px;font-size:10px;font-weight:900;cursor:pointer}.header-leave:hover{background:var(--pink);color:#fff}@media(max-width:700px){.header-leave{right:88px;top:14px;padding:0 8px;font-size:9px}}@media(orientation:landscape) and (max-height:600px){.header-leave{top:7px}}
@media (orientation:landscape) and (min-width:700px) and (max-height:600px){.game-layout{flex-wrap:nowrap}.game-layout>.game-main{width:75%}.game-layout>.answer-sidebar{width:25%}}

/* İkon sistemi */
button>.bi{margin-right:7px;font-size:1.08em;vertical-align:-.08em}.icon-only,.header-actions button{display:inline-grid;place-items:center}.header-actions button>.bi{margin:0}.header-leave{display:none!important;align-items:center;grid-auto-flow:column;gap:7px}.header-leave[style*="display: block"]{display:inline-grid!important}.header-leave>.bi{font-size:15px}.room-code small>.bi,.room-code span>.bi{margin-right:5px;color:var(--yellow)}.answer-sidebar h2>.bi{display:inline-grid;place-items:center;width:29px;height:29px;margin-right:6px;border-radius:8px;background:#eee7fa;color:var(--purple)}.player-role{display:grid!important;place-items:center;width:30px;height:30px;border-radius:50%;background:#f2ecfa;color:var(--purple)!important;font-size:15px!important}.is-friend .player-role{background:#dcffd4;color:var(--green)!important}.player-card .bi-at{font-size:11px}.podium>div:first-child>.bi{display:inline-block;color:var(--yellow);filter:drop-shadow(0 7px 0 #7e5700) drop-shadow(0 12px 12px #0005)}#language-toggle .bi,#theme-toggle .bi{font-size:16px}.friend-add .input-group-text>.bi{font-size:18px;color:var(--purple)}
@media(max-width:520px){.header-leave span{display:none}.header-leave{right:88px;width:34px;padding:0}.question-actions button>.bi{font-size:19px}}
.header-leave.in-room{display:inline-grid!important}
.header-profile-button{display:none;position:fixed;right:calc(5vw + 82px);top:11px;z-index:31;width:42px;height:42px;padding:0;border:2px solid #e3dcec;border-radius:50%;background:linear-gradient(145deg,#fff,#eee7fa);color:var(--purple);box-shadow:0 3px 9px #28105222;cursor:pointer}.header-profile-button.visible{display:grid;place-items:center}.header-profile-button>span{font-size:25px;line-height:1;transition:transform .2s ease}.header-profile-button>.bi{position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;width:17px;height:17px;margin:0;border:2px solid #fff;border-radius:50%;background:var(--purple);color:#fff;font-size:8px}.header-profile-button:hover>span{transform:scale(1.13) rotate(-5deg)}.header-profile-button:after{content:"Profilim";position:absolute;right:50%;top:48px;padding:5px 8px;border-radius:6px;background:#21172c;color:#fff;font-size:9px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(50%) translateY(-3px);transition:.18s}.header-profile-button:hover:after{opacity:1;transform:translateX(50%)}
@media(max-width:700px){.header-profile-button{right:86px;top:10px;width:40px;height:40px}}@media(orientation:landscape) and (max-height:600px){.header-profile-button{top:4px;width:39px;height:39px}}

/* Yenilenmiş üst menü */
header{position:relative;z-index:28;border-bottom:1px solid #e8e2ee;box-shadow:0 4px 18px #21064f24}header>b{letter-spacing:-.04em}.header-actions{height:44px;padding:5px 7px;border:1px solid #e8e1ee;border-radius:13px;background:linear-gradient(145deg,#faf9fc,#f1edf6);box-shadow:inset 0 1px #fff,0 3px 10px #30106414}.header-reset{display:none!important}.header-profile-button{right:calc(5vw + 91px);top:10px;width:42px;height:42px;border:0;border-radius:10px;background:linear-gradient(145deg,var(--purple),var(--deep));color:#fff;box-shadow:inset 0 1px #ffffff35,0 4px 11px #35107845}.header-profile-button>span{display:none}.header-profile-button>.bi{position:static;width:auto;height:auto;margin:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:22px}.header-profile-button:hover>.bi{transform:scale(1.1)}#language-toggle,#theme-toggle{width:32px;height:32px;border:0;border-radius:9px;background:#fff;color:var(--purple);box-shadow:0 2px 6px #28105218}#language-toggle:hover,#theme-toggle:hover{background:#eee6f8;box-shadow:0 4px 10px #2810522b}.status{position:relative;padding-left:12px;font-weight:800}.status:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:#aaa;transform:translateY(-50%)}.status.online:before{background:var(--green);box-shadow:0 0 0 3px #26890c20}.header-leave{top:14px;right:calc(5vw + 145px);height:34px;border:0;background:#fff0f3;box-shadow:0 2px 8px #e21b3c18}
@media(max-width:700px){.header-actions{padding:4px 5px}.header-profile-button{right:89px;top:10px}.header-leave{right:137px}.header-leave.in-room{width:36px}.header-leave span{display:none}}@media(orientation:landscape) and (max-height:600px){.header-profile-button{top:3px}.header-actions{height:40px}.header-leave{top:7px}}
.header-actions>.header-profile-button{position:relative;inset:auto;right:auto;top:auto;z-index:auto;width:34px;height:34px;flex:0 0 34px;border-radius:9px;box-shadow:inset 0 1px #ffffff35,0 2px 7px #35107832}.header-actions>.header-profile-button:after{top:40px}.header-actions>#translate-control{flex:0 0 30px}.header-actions .status{flex:0 0 auto;white-space:nowrap}@media(max-width:700px){.header-actions>.header-profile-button{width:32px;height:32px;flex-basis:32px}.header-actions>.header-profile-button>.bi{font-size:18px}}

/* Kompakt oda sohbeti */
.chat-toggle{display:none;position:fixed;right:22px;bottom:22px;z-index:55;width:54px;height:54px;border:0;border-radius:50%;place-items:center;background:var(--yellow);color:#2d2100;font-size:23px;box-shadow:0 7px 0 #9e7600,0 12px 28px #0006}.chat-toggle.in-room{display:grid}.chat-toggle>.bi{margin:0}.chat-badge{display:none;position:absolute;right:-4px;top:-5px;min-width:22px;height:22px;padding:0 5px;border:2px solid #fff;border-radius:12px;background:var(--pink);color:#fff;font-size:10px;font-weight:900;line-height:18px}.chat-badge.show{display:block;animation:successPop .4s ease}.chat-panel{position:fixed;right:20px;bottom:88px;z-index:54;display:flex;flex-direction:column;width:min(350px,calc(100vw - 28px));height:min(480px,calc(100vh - 105px));overflow:hidden;border:1px solid #ffffff55;border-radius:17px;background:#fff;color:#281052;box-shadow:0 20px 55px #0008;opacity:0;visibility:hidden;transform:translateY(18px) scale(.96);transform-origin:bottom right;transition:opacity .22s ease,transform .22s ease,visibility .22s}.chat-panel.open{opacity:1;visibility:visible;transform:none}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:linear-gradient(135deg,var(--purple),var(--deep));color:#fff}.chat-head>div{display:flex;align-items:center;gap:10px}.chat-head>div>.bi{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#ffffff20;color:var(--yellow);font-size:18px}.chat-head span{display:grid}.chat-head b{font-size:12px}.chat-head small{color:#d9cafa;font-size:10px}.chat-head button{width:32px;height:32px;border:0;border-radius:50%;background:#ffffff18;color:#fff}.chat-head button>.bi{margin:0}.chat-messages{flex:1;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding:13px;background:#f5f1fa}.chat-message{display:flex;align-items:flex-end;gap:7px;max-width:88%;animation:attemptIn .25s ease}.chat-message.mine{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#fff;font-size:17px}.chat-message>div{position:relative;min-width:75px;padding:7px 9px 14px;border-radius:11px 11px 11px 3px;background:#fff;box-shadow:0 2px 7px #32127012}.chat-message.mine>div{border-radius:11px 11px 3px 11px;background:#e8dcff}.chat-message small{display:block;color:var(--purple);font-size:9px;font-weight:900}.chat-message p{margin:2px 0 0;color:#292130;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.chat-message time{position:absolute;right:7px;bottom:3px;color:#9388a2;font-size:8px}.chat-empty{margin:auto;padding:25px;text-align:center;color:#9388a2;font-size:11px}.chat-empty>.bi{display:block;margin-bottom:8px;font-size:30px}.chat-form{display:flex;gap:7px;padding:10px;border-top:1px solid #e5dfea;background:#fff}.chat-form input{min-width:0;flex:1;height:42px;border:2px solid #ddd3e8;border-radius:11px;padding:0 12px;font-size:13px;outline:none}.chat-form input:focus{border-color:var(--purple)}.chat-form button{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:11px;background:var(--purple);color:#fff}.chat-form button>.bi{margin:0}
@media(max-width:520px){.chat-toggle{right:14px;bottom:14px;width:50px;height:50px}.chat-panel{right:14px;bottom:76px;height:min(430px,calc(100vh - 90px))}}@media(orientation:landscape) and (max-height:600px){.chat-toggle{right:12px;bottom:12px;width:45px;height:45px;font-size:19px}.chat-panel{right:12px;bottom:65px;width:min(330px,45vw);height:calc(100vh - 78px)}}

/* Ayrı profil ikonu sayfası */
.profile-icon-button{display:flex!important;align-items:center;width:100%;height:62px!important;margin:7px 0 14px;padding:7px 12px!important;border:2px solid #d8d0e1!important;border-radius:11px!important;background:#f8f5fb!important;color:#352550!important;text-align:left;box-shadow:none!important}.profile-icon-button>span:first-child{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;margin-right:11px;border-radius:12px;background:#e9ddff;font-size:28px}.profile-icon-button>span:nth-child(2){display:grid;flex:1}.profile-icon-button b{font-size:12px}.profile-icon-button small{color:#8d8298;font-size:9px}.profile-icon-button>.bi{margin:0;color:var(--purple)}#profile-icons{place-items:center}.icon-page-card{width:min(850px,100%);padding:28px;border-radius:18px;background:#fff;color:#251344;box-shadow:0 12px 0 #190444}.icon-page-title{display:flex;align-items:center;gap:17px;margin-bottom:23px}.icon-page-symbol{display:grid;place-items:center;width:67px;height:67px;flex:0 0 67px;border-radius:18px;background:linear-gradient(135deg,var(--yellow),#ff9d00);color:#352500;font-size:30px;transform:rotate(-3deg)}.icon-page-title small{color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.12em}.icon-page-title h1{margin:2px 0;font-size:37px}.icon-page-title p{margin:0;color:#80748e;font-size:13px}.avatar-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.avatar-gallery button{position:relative;display:grid;place-items:center;min-height:120px;border:2px solid #e4ddea;border-radius:15px;background:#faf8fc;color:#766b85;cursor:pointer;overflow:hidden}.avatar-gallery button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#e9ddff,transparent 62%);opacity:0;transition:opacity .2s}.avatar-gallery button span{position:relative;font-size:55px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.avatar-gallery button small{position:relative;font-size:10px;font-weight:900}.avatar-gallery button:hover span{transform:scale(1.15) rotate(-5deg)}.avatar-gallery button.selected{border-color:var(--purple);background:#f1eaff;box-shadow:0 5px 0 var(--purple)}.avatar-gallery button.selected:before{opacity:1}.avatar-gallery button.selected:after{content:"\F26A";font-family:"bootstrap-icons";position:absolute;right:8px;top:8px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--green);color:#fff;font-size:13px}.icon-page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid #e5dfea}.icon-page-footer>div{display:flex;align-items:center;gap:11px}.icon-page-footer>div>span{font-size:38px}.icon-page-footer p{display:grid;margin:0}.icon-page-footer small{color:#9388a2;font-size:8px;font-weight:900}.icon-page-footer b{font-size:14px}.icon-page-footer>.yellow{max-width:270px}
@media(max-width:650px){.icon-page-card{padding:18px}.icon-page-title h1{font-size:29px}.icon-page-symbol{width:54px;height:54px;flex-basis:54px}.avatar-gallery{grid-template-columns:repeat(2,1fr);gap:9px}.avatar-gallery button{min-height:95px}.avatar-gallery button span{font-size:43px}.icon-page-footer{align-items:stretch}.icon-page-footer>.yellow{width:auto;flex:1}}@media(orientation:landscape) and (max-height:600px){.icon-page-card{padding:14px 20px}.icon-page-card>.back-button{margin-bottom:6px}.icon-page-title{margin-bottom:10px}.icon-page-title h1{font-size:25px}.icon-page-title p{display:none}.icon-page-symbol{width:45px;height:45px;flex-basis:45px}.avatar-gallery{grid-template-columns:repeat(8,1fr);gap:7px}.avatar-gallery button{min-height:80px}.avatar-gallery button span{font-size:36px}.icon-page-footer{margin-top:11px;padding-top:8px}.icon-page-footer>div>span{font-size:30px}}
.profile-page-hero{position:relative;display:flex;align-items:center;gap:18px;margin-bottom:16px;padding:19px;border-radius:16px;background:linear-gradient(135deg,var(--purple),var(--deep));color:#fff;overflow:hidden}.profile-page-hero:after{content:"";position:absolute;right:-35px;top:-45px;width:150px;height:150px;border-radius:50%;background:#ffffff0c}.profile-picture{position:relative;z-index:1;display:grid;place-items:center;width:88px;height:88px;flex:0 0 88px;border:4px solid #fff;border-radius:25px;background:linear-gradient(145deg,#fff,#e9ddff);font-size:55px;box-shadow:0 7px 0 #1a064c;transition:transform .25s}.profile-picture:hover{transform:rotate(-5deg) scale(1.05)}.profile-page-hero>div:nth-child(2){position:relative;z-index:1}.profile-page-hero small{color:#d9cafa;font-size:9px;font-weight:900;letter-spacing:.13em}.profile-page-hero h1{margin:3px 0;font-size:30px}.profile-page-hero p{margin:0;color:#e6dafa;font-size:12px;font-weight:700}.profile-online{position:absolute;right:18px;top:18px;z-index:1;padding:5px 9px;border-radius:15px;background:#ffffff18;font-size:8px;font-weight:900}.profile-online>.bi{margin-right:4px;color:#65f064;font-size:7px}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.profile-info-grid>div{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e7e0ec;border-radius:11px;background:#faf8fc}.profile-info-grid>div>.bi{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#eee7fa;color:var(--purple)}.profile-info-grid span{display:grid}.profile-info-grid small{color:#9388a2;font-size:8px;font-weight:900}.profile-info-grid b{font-size:12px}.profile-picture-heading{display:flex;justify-content:space-between;align-items:end;margin:5px 0 10px}.profile-picture-heading small{color:var(--purple);font-size:8px;font-weight:900;letter-spacing:.12em}.profile-picture-heading h2{margin:1px 0;font-size:20px}.profile-picture-heading>span{color:#9388a2;font-size:9px}
@media(max-width:650px){.profile-page-hero{padding:14px}.profile-picture{width:68px;height:68px;flex-basis:68px;font-size:42px}.profile-page-hero h1{font-size:23px}.profile-online{right:10px;top:10px}.profile-info-grid{grid-template-columns:1fr}.profile-picture-heading>span{display:none}}@media(orientation:landscape) and (max-height:600px){.profile-page-hero{margin-bottom:7px;padding:8px 14px}.profile-picture{width:51px;height:51px;flex-basis:51px;border-radius:14px;font-size:31px}.profile-page-hero h1{font-size:20px}.profile-info-grid{grid-template-columns:1fr 1fr;margin-bottom:7px}.profile-info-grid>div{padding:5px 9px}.profile-info-grid>div>.bi{width:27px;height:27px}.profile-picture-heading{margin:2px 0 5px}.profile-picture-heading h2{font-size:15px}}
.profile-info-grid.single{grid-template-columns:1fr}.profile-info-grid.single>div{max-width:430px}.profile-page-hero h1>.bi{font-size:.72em;margin-right:2px}
.avatar-gallery{max-height:390px;padding:3px 5px 8px 3px;overflow-y:auto;scrollbar-color:var(--purple) #eee7fa;scrollbar-width:thin}.avatar-gallery button:nth-child(n+9){background:#f7f3fc}.avatar-gallery button[data-avatar="🤖"],.avatar-gallery button[data-avatar="👽"],.avatar-gallery button[data-avatar="🥷"],.avatar-gallery button[data-avatar="🧙"],.avatar-gallery button[data-avatar="🧑‍🚀"]{background:#eef5ff}
.account-summary{display:flex;align-items:center;gap:10px;margin:3px 0 14px;padding:9px 10px;border:1px solid #e4ddea;border-radius:11px;background:#f8f5fb}.account-summary>i,.account-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#e9ddff;color:var(--purple);font-size:20px}.account-avatar{font-size:24px}.account-summary>div{display:grid;min-width:0;flex:1}.account-summary b{overflow:hidden;text-overflow:ellipsis;font-size:11px}.account-summary small{color:#8d8298;font-size:8px}.account-summary>button{width:auto!important;height:31px!important;padding:0 10px;border:0!important;border-radius:7px!important;background:var(--purple)!important;color:#fff!important;font-size:9px!important;box-shadow:none!important}#auth{place-items:center}.auth-card{width:min(470px,100%);padding:28px;border-radius:18px;background:#fff;color:#251344;box-shadow:0 11px 0 #190444}.auth-title{display:flex;align-items:center;gap:14px;margin-bottom:20px}.auth-title>i{display:grid;place-items:center;width:57px;height:57px;border-radius:15px;background:#eee5fb;color:var(--purple);font-size:29px}.auth-title small{color:var(--purple);font-size:9px;font-weight:900;letter-spacing:.12em}.auth-title h1{margin:1px 0;font-size:30px}.auth-title p{margin:0;color:#81768e;font-size:11px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:18px;padding:4px;border-radius:10px;background:#f0ebf5}.auth-tabs button{height:39px;border:0;border-radius:7px;background:transparent;color:#82758f;font-size:10px;font-weight:900}.auth-tabs button.active{background:#fff;color:var(--purple);box-shadow:0 2px 8px #3212701c}#auth-form label{display:block;margin-bottom:13px;font-size:10px;font-weight:900;letter-spacing:.08em}#auth-form input{display:block;width:100%;height:49px;margin-top:6px;border:2px solid #d6cedd;border-radius:8px;padding:0 13px;font-size:15px;font-weight:700;outline:none}#auth-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #46178f17}#auth-submit{margin-top:5px}.auth-note{margin:12px 0 0;color:#8d8298;font-size:9px;text-align:center}.auth-note>.bi{margin-right:4px;color:var(--green)}
@media(max-width:520px){.auth-card{padding:20px}.auth-title h1{font-size:25px}}
#auth-form label:has(#auth-password){position:relative}#auth-password{padding-right:52px!important}.toggle-password{position:absolute;right:7px;bottom:7px;width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:8px!important;background:#eee7fa!important;color:var(--purple)!important;box-shadow:none!important}.toggle-password>.bi{margin:0;font-size:16px}.toggle-password:hover{background:#e1d4f3!important}
.password-change{margin:0 0 18px;border:1px solid #e4ddea;border-radius:12px;background:#faf8fc;overflow:hidden}.password-change summary{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;cursor:pointer;list-style:none}.password-change summary::-webkit-details-marker{display:none}.password-change summary>span{display:flex;align-items:center;gap:9px;font-size:12px}.password-change summary>span>.bi{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eee7fa;color:var(--purple)}.password-change summary>.bi{transition:transform .2s}.password-change[open] summary>.bi{transform:rotate(180deg)}#password-change-form{display:grid;gap:11px;padding:0 15px 15px;border-top:1px solid #e9e3ed}#password-change-form label{padding-top:11px;font-size:9px;font-weight:900;letter-spacing:.08em}.secure-input{position:relative}.secure-input input{width:100%;height:44px;margin-top:5px;padding:0 48px 0 11px;border:2px solid #d8d0e1;border-radius:8px;font-weight:700;outline:none}.secure-input input:focus{border-color:var(--purple)}.secure-input button{position:absolute;right:5px;bottom:5px;width:34px;height:34px;padding:0;border:0;border-radius:7px;background:#eee7fa;color:var(--purple)}.secure-input button>.bi{margin:0}#password-change-form>.purple{height:44px}

/* Mobilde tam ekran arka plan */
html{min-height:100%;min-height:100dvh;background:var(--deep)}body{min-height:100%;min-height:100dvh;background:linear-gradient(145deg,var(--purple),var(--deep)) fixed;background-repeat:no-repeat;background-size:cover}main,.view{min-height:calc(100dvh - 62px)}
/* Çakışmasız üst menü */
.header-actions>.header-leave{position:static;inset:auto;right:auto;top:auto;z-index:auto;width:auto;height:34px;flex:0 0 auto;padding:0 10px}.header-actions>.header-leave.in-room{display:inline-grid!important;grid-auto-flow:column;place-items:center;gap:6px}.header-actions>.header-profile-button:not(.visible){display:none!important}@media(max-width:700px){.header-actions>.header-leave{width:34px;padding:0}.header-actions>.header-leave span{display:none}}
.header-actions>.header-leave.leaving{pointer-events:none;opacity:.6}
/* Arkadaşlar ve canlı sohbet */
.social-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px;background:#f4eff8;border-bottom:1px solid #e5dfea}.social-tabs button{height:36px;border:0;border-radius:8px;background:transparent;color:#81758f;font-size:9px;font-weight:900}.social-tabs button.active{background:#fff;color:var(--purple);box-shadow:0 2px 8px #3212701c}.social-tabs button>.bi{margin-right:4px}.social-tabs button span{display:none;min-width:17px;height:17px;margin-left:3px;border-radius:9px;background:var(--pink);color:#fff;font-size:8px;line-height:17px}.social-tabs button span.show{display:inline-block}.social-pane{display:none;min-height:0;flex:1}.social-pane.active{display:flex;flex-direction:column}.friends-list{flex:1;display:grid;align-content:start;gap:8px;overflow-y:auto;padding:11px;background:#f7f4fa}.friend-row{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e9e2ef;border-radius:11px;background:#fff}.friend-row>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#eee7fa;font-size:23px}.friend-row>div{display:grid;min-width:0;flex:1}.friend-row b{font-size:11px}.friend-row small{color:#7e7390;font-size:8px}.friend-row small>i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--green)}.friend-row>button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:#eee7fa;color:var(--purple)}.friend-row>button>.bi{margin:0}.friends-empty{display:grid;place-items:center;margin:auto;padding:25px;text-align:center;color:#9388a2}.friends-empty>.bi{margin-bottom:8px;color:var(--purple);font-size:35px}.friends-empty b{color:#554963;font-size:12px}.friends-empty span{margin-top:4px;font-size:9px}.chat-pane{overflow:hidden}.chat-pane>.chat-messages{min-height:0}.chat-panel{height:min(520px,calc(100dvh - 105px))}
@media(max-width:520px){body{background-attachment:scroll}.chat-panel{height:min(500px,calc(100dvh - 88px))}}@media(orientation:landscape) and (max-height:600px){main,.view{min-height:calc(100dvh - 48px)}.chat-panel{height:calc(100dvh - 70px)}}

/* Safari tema zemini ve taşma düzeltmeleri */
html[data-theme="purple"]{--purple:#46178f;--deep:#25076b}html[data-theme="blue"]{--purple:#07549b;--deep:#032c5c}html[data-theme="green"]{--purple:#08775d;--deep:#034737}html[data-theme="red"]{--purple:#9b1736;--deep:#56081c}html,body{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-y:none}html,body,main{background-color:var(--deep)}main{background-image:linear-gradient(145deg,var(--purple),var(--deep));background-repeat:no-repeat;background-size:cover}.view{width:100%;max-width:100%}#question{padding-bottom:max(100px,calc(82px + env(safe-area-inset-bottom)))}
/* Düşük yükseklikte doğal akış: içerikler artık birbirinin üstüne binmez */
@media(orientation:landscape) and (max-height:700px){#question{height:auto!important;min-height:calc(100dvh - 48px);overflow:visible}.game-layout{height:auto!important;min-height:0!important;flex-wrap:wrap!important}.game-layout>.game-main{width:75%;height:auto!important;display:block!important}.game-layout>.answer-sidebar{width:25%;height:auto;max-height:none;position:static}.question-card{min-height:230px!important;height:auto!important;padding:18px!important}.question-card p{position:static;margin:12px 0 0!important;font-size:clamp(15px,3.5vh,22px)!important}.word{position:static;margin:14px 0!important;font-size:clamp(30px,8vh,52px)!important}.scores{min-height:48px;padding:7px 0}.gamebar{height:auto;min-height:58px}#answer-form{margin-top:12px}.question-actions{margin-top:10px}.answer-sidebar{margin-top:0}.attempt-list{max-height:280px}}
@media(orientation:landscape) and (max-width:760px){.game-layout>.game-main,.game-layout>.answer-sidebar{width:100%}.answer-sidebar{margin-top:14px}}
@media(max-width:700px) and (orientation:portrait){#question{padding-left:14px;padding-right:14px}.question-card{min-height:360px}.answer-sidebar{margin-bottom:18px}.chat-toggle{bottom:calc(18px + env(safe-area-inset-bottom))}}

/* Kaydırmasız oyun sahnesi, tam ekran ve tur geçişi */
.fullscreen-toggle{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid #ddd;border-radius:8px;background:#f7f4fa;color:var(--purple);cursor:pointer}.fullscreen-toggle>.bi{margin:0}.in-game{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;position:fixed!important;inset:0;width:100%!important}.in-game header{position:relative;z-index:60}.in-game main{height:calc(100dvh - 62px);min-height:0;overflow:hidden}.in-game #question.active{display:block;width:100%;height:100%;min-height:0;padding:clamp(10px,2vw,26px);overflow:hidden}.in-game .game-layout.row{height:100%;margin:0!important;flex-wrap:nowrap;align-items:stretch}.in-game .game-main{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(150px,1fr) auto auto auto;align-content:stretch}.in-game .question-card{min-height:0;height:100%;overflow:hidden}.in-game .answer-sidebar{position:static;height:100%;max-height:none;min-height:0}.in-game .attempt-list{max-height:none;min-height:0;overflow:auto}.in-game[data-game-phase="question"] .answer-sidebar,.in-game[data-game-phase="revealing"] .answer-sidebar{visibility:hidden}.expanded-game header{display:none}.expanded-game main{height:100dvh!important}.expanded-game #question.active{height:100dvh!important}
.round-transition{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--purple) 82%,#fff),var(--deep));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s}.round-transition.active{opacity:1;visibility:visible;pointer-events:auto}.transition-card{position:relative;width:min(720px,100%);max-height:92dvh;overflow:hidden;padding:clamp(22px,5vw,50px);border:2px solid #ffffff3b;border-radius:24px;background:#ffffff12;text-align:center;box-shadow:0 24px 80px #13003088;backdrop-filter:blur(10px);animation:transitionCardIn .55s cubic-bezier(.2,.9,.25,1) both}.transition-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:18px;background:var(--yellow);color:#231600;font-size:32px;animation:transitionSpin 1.4s ease-in-out infinite alternate}.transition-card>small{font-weight:900;letter-spacing:.16em;color:#e2d7fb}.transition-card h1{margin:8px 0;font-size:clamp(28px,6vw,52px)}.transition-card>p{margin:0 0 18px;color:#e2d7fb}.transition-attempts{display:grid;gap:7px;max-height:190px;overflow:hidden}.transition-attempts .attempt{color:#281052;text-align:left;animation:attemptIn .4s ease both}.transition-count{display:grid;place-items:center;width:88px;height:88px;margin:20px auto 12px;border:5px solid var(--yellow);border-radius:50%;background:#21075e}.transition-count span{font-size:38px;font-weight:900;line-height:1}.transition-count small{font-size:8px;font-weight:900}.transition-progress{height:8px;overflow:hidden;border-radius:8px;background:#ffffff25}.transition-progress i{display:block;height:100%;border-radius:inherit;background:var(--yellow);transition:width 1s linear}@keyframes transitionCardIn{from{opacity:0;transform:scale(.86) translateY(30px)}to{opacity:1;transform:none}}@keyframes transitionSpin{to{transform:rotate(12deg) scale(1.08)}}
@media(max-width:900px){.in-game .game-layout.row{display:grid;grid-template-columns:1fr;height:100%}.in-game .game-layout>.game-main{width:100%;max-width:none}.in-game .game-main{grid-template-rows:auto auto minmax(130px,1fr) auto auto auto}.in-game .answer-sidebar{display:none}.in-game .question-card{min-height:0!important}.in-game .scores{min-height:0}.in-game #answer-form{margin-top:9px}.in-game .question-actions{margin-top:7px}.in-game #answer-status{min-height:26px;padding:4px}.transition-attempts{max-height:145px}}
@media(orientation:landscape) and (max-height:700px){.in-game #question{height:100%!important;min-height:0!important;overflow:hidden!important;padding:8px 2vw}.in-game .game-layout{height:100%!important;min-height:0!important;flex-wrap:nowrap!important}.in-game .game-layout>.game-main{width:75%;height:100%!important;display:grid!important}.in-game .game-layout>.answer-sidebar{display:block;width:25%;height:100%;max-height:none}.in-game[data-game-phase="question"] .game-layout>.answer-sidebar,.in-game[data-game-phase="revealing"] .game-layout>.answer-sidebar{display:none}.in-game[data-game-phase="question"] .game-layout>.game-main,.in-game[data-game-phase="revealing"] .game-layout>.game-main{width:100%}.in-game .question-card{min-height:0!important;height:100%!important;padding:12px!important}.in-game .word{margin:6px 0!important}.in-game .question-card p{margin:5px 0!important}.transition-card{display:grid;grid-template-columns:1fr auto;column-gap:22px;align-items:center;padding:18px 28px}.transition-icon,.transition-card>small,.transition-card h1,.transition-card>p,.transition-attempts,.transition-progress{grid-column:1}.transition-count{grid-column:2;grid-row:1/7;margin:0}.transition-icon{width:42px;height:42px;margin:0 auto 4px;font-size:22px}.transition-card h1{font-size:28px}.transition-card>p{margin-bottom:8px}.transition-attempts{max-height:94px}}

/* iPad/iPhone yatay: Bootstrap satır yüksekliği ve kart çakışması düzeltmesi */
@media(orientation:landscape) and (max-height:850px){.in-game main{height:calc(100dvh - 62px)}.in-game #question.active{padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.in-game .game-layout.row{--bs-gutter-x:0;display:flex!important;height:100%!important;margin:0!important}.in-game .game-layout>.game-main{display:grid!important;grid-template-rows:52px 44px minmax(0,1fr) 46px auto 25px!important;gap:5px;width:100%;height:100%!important;min-height:0!important;padding:0!important}.in-game .gamebar{height:52px;min-height:0}.in-game .scores{height:44px;min-height:44px;margin:0;padding:3px 1px;overflow-x:auto;overflow-y:hidden;position:relative;z-index:2}.in-game .score{height:36px;min-width:145px;padding:4px 10px}.in-game .question-card{position:relative;z-index:1;min-height:0!important;height:100%!important;margin:0;padding:10px 16px!important;overflow:hidden}.in-game .question-card .word{margin:5px 0!important;font-size:clamp(27px,7.5vh,48px)!important;line-height:1.05}.in-game .question-card p{margin:4px 0 0!important;font-size:clamp(13px,3.2vh,20px)!important;line-height:1.2}.in-game #answer-form{height:46px;margin:0}.in-game #answer-form input,.in-game #answer-form button{height:46px}.in-game .question-actions{min-height:0;margin:0}.in-game .question-actions button{min-height:38px;height:38px}.in-game #answer-status{height:25px;min-height:25px;padding:2px;overflow:hidden;font-size:12px}.in-game[data-game-phase="question"] .game-layout>.answer-sidebar,.in-game[data-game-phase="revealing"] .game-layout>.answer-sidebar{display:none!important}.in-game[data-game-phase="question"] .game-layout>.game-main,.in-game[data-game-phase="revealing"] .game-layout>.game-main{flex:0 0 100%;max-width:100%}.in-game[data-game-phase="answered"] .game-layout>.game-main,.in-game[data-game-phase="transition"] .game-layout>.game-main{flex:0 0 74%;max-width:74%;padding-right:10px!important}.in-game[data-game-phase="answered"] .game-layout>.answer-sidebar,.in-game[data-game-phase="transition"] .game-layout>.answer-sidebar{display:flex;width:26%;max-width:26%;height:100%;margin:0;flex-direction:column;padding:12px}.in-game .answer-sidebar .attempt-list{flex:1;overflow-y:auto}}
@media(orientation:landscape) and (max-height:520px){.in-game header{height:48px}.in-game main{height:calc(100dvh - 48px)}.in-game .game-layout>.game-main{grid-template-rows:42px 39px minmax(0,1fr) 42px auto 20px!important}.in-game .gamebar{height:42px}.in-game .timer-ring{width:40px;height:40px;flex-basis:40px}.in-game .scores{height:39px;min-height:39px}.in-game .score{height:33px}.in-game #answer-form,.in-game #answer-form input,.in-game #answer-form button{height:42px}.in-game #answer-status{height:20px;min-height:20px;font-size:10px}}

/* Tur sonu kompakt yerleşim ve tam ekran güvenli alanı */
@media(orientation:landscape) and (max-height:850px){.in-game[data-game-phase="answered"] .game-main{grid-template-rows:52px 44px minmax(105px,1fr) auto 34px!important}.in-game[data-game-phase="answered"] #answer-form{display:none}.in-game[data-game-phase="answered"] .question-actions{align-self:center}.in-game[data-game-phase="answered"] #answer-status{height:34px;min-height:34px;white-space:normal;line-height:1.15}.in-game[data-game-phase="answered"] .ready-button{height:42px!important;min-height:42px!important}.expanded-game{padding:0!important}.expanded-game #question.active{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}}

#notifications-toggle{position:relative!important}
#chat-toggle{position:relative!important}
#leave-room{display:none!important}
#room-exit-floating[hidden]{display:none!important}
/* Son katman düzeni: her oyun bileşeni kendi grid alanında kalır */
.header-actions>#chat-toggle{position:relative!important;inset:auto!important;z-index:auto;width:34px!important;height:34px!important;min-width:34px;border-radius:9px!important;background:#fff!important;color:var(--purple)!important;box-shadow:0 2px 6px #28105218!important}.header-actions>#chat-toggle.logged-in{display:grid!important;place-items:center}.header-actions>#chat-toggle>.bi{font-size:18px}body>#chat-panel{top:58px;right:5vw;bottom:auto;transform-origin:top right}
.header-actions>.notifications-toggle,.header-actions>.room-exit-floating{position:static!important;inset:auto!important;z-index:auto;width:34px!important;height:34px!important;min-width:34px;padding:0!important;border:0!important;border-radius:9px!important;box-shadow:0 2px 6px #28105218!important}.header-actions>.notifications-toggle.logged-in{display:grid;place-items:center}.header-actions>.room-exit-floating.in-room{display:grid;place-items:center;background:#fff0f3!important;color:var(--pink)!important}.header-actions>.room-exit-floating span{display:none}.header-actions>.room-exit-floating:hover{background:var(--pink)!important;color:#fff!important}.header-actions>.header-leave{display:none!important}body>.notifications-panel{top:58px!important;right:5vw!important}
.room-exit-floating{display:none;position:fixed;left:18px;bottom:18px;z-index:56;height:44px;padding:0 15px;border:1px solid #ffd0d8;border-radius:11px;background:#fff;color:var(--pink);font-size:11px;font-weight:900;box-shadow:0 6px 18px #21064f35;cursor:pointer}.room-exit-floating.in-room{display:flex;align-items:center;gap:7px}.room-exit-floating:hover{background:var(--pink);color:#fff}.room-exit-floating>.bi{margin:0;font-size:16px}@media(max-width:520px){.room-exit-floating{left:12px;bottom:14px;width:46px;padding:0;justify-content:center}.room-exit-floating span{display:none}}
.notifications-toggle{right:18px!important;top:72px!important;width:38px!important;height:38px!important;border:1px solid #e1d8ea!important;border-radius:11px!important;background:#fff!important;box-shadow:0 5px 16px #28105230!important}.notifications-panel{right:18px!important;top:116px!important}
.chat-profile-link{display:block;padding:0;border:0;background:transparent;color:var(--purple);font-size:9px;font-weight:900;cursor:pointer}.chat-profile-link:hover{text-decoration:underline}.remove-friend{background:#fff0f2!important;color:var(--pink)!important}
.in-game #question,.in-game .game-layout,.in-game .game-main{isolation:isolate}.in-game .game-main>*{position:relative;min-width:0;min-height:0;margin-block:0}.in-game .gamebar{grid-row:1}.in-game .scores{grid-row:2}.in-game .question-card{grid-row:3}.in-game #answer-form{grid-row:4}.in-game .question-actions{grid-row:5}.in-game #answer-status{grid-row:6}.in-game .scores,.in-game .question-card,.in-game #answer-form,.in-game .question-actions,.in-game #answer-status{transform:none!important}.in-game .question-card{align-self:stretch;contain:layout paint}.in-game .scores{align-self:stretch}.in-game .answer-sidebar{isolation:isolate;contain:layout paint}.round-transition:not(.active){display:none!important}.round-transition.active{display:grid!important}
@media(orientation:landscape) and (max-height:850px){.in-game .game-main{overflow:hidden}.in-game[data-game-phase="answered"] .gamebar{grid-row:1}.in-game[data-game-phase="answered"] .scores{grid-row:2}.in-game[data-game-phase="answered"] .question-card{grid-row:3}.in-game[data-game-phase="answered"] .question-actions{grid-row:4}.in-game[data-game-phase="answered"] #answer-status{grid-row:5}.in-game[data-game-phase="answered"] #answer-form{display:none!important}.in-game[data-game-phase="transition"] .game-layout{visibility:hidden}.expanded-game,.expanded-game main,.expanded-game #question{inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;min-height:100dvh!important}}
.social-tabs{grid-template-columns:repeat(3,1fr)}.social-tabs button{height:auto;min-height:40px;padding:5px 3px}.chat-toggle.logged-in{display:grid}.chat-toggle:not(.logged-in){display:none!important}#room-chat-tab[hidden]{display:none}.direct-title{padding:9px 12px;background:#eee7fa;color:var(--purple);font-size:10px;font-weight:900}.friend-row>button{margin-left:3px}.profile-link{border:0;background:none;color:inherit;text-align:left;padding:0;min-width:0;flex:1}.notifications-toggle{display:none;position:fixed;z-index:70;right:calc(5vw + 137px);top:14px;width:34px;height:34px;border:0;border-radius:9px;background:#f1eafa;color:var(--purple)}.notifications-toggle.logged-in{display:grid;place-items:center}.notifications-toggle>span{display:none;position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;border-radius:10px;background:var(--pink);color:#fff;font-size:9px;line-height:18px}.notifications-toggle>span.show{display:block}.notifications-panel{display:none;position:fixed;z-index:69;right:5vw;top:58px;width:min(330px,calc(100vw - 28px));max-height:370px;overflow:auto;padding:12px;border-radius:13px;background:#fff;color:#281052;box-shadow:0 15px 45px #0006}.notifications-panel.open{display:block}.notifications-panel>b{font-size:10px}.request-row{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px;border-radius:9px;background:#f5f1fa}.request-row>span{font-size:23px}.request-row>button{width:30px;height:30px;border:0;border-radius:7px}.request-row .accept{background:var(--green);color:#fff}.request-row .reject{background:#eee;color:#777}.user-profile-modal{display:none;position:fixed;inset:0;z-index:80;place-items:center;padding:18px;background:#120425aa}.user-profile-modal.open{display:grid}.user-profile-card{position:relative;width:min(390px,100%);padding:27px;border-radius:18px;background:#fff;color:#281052;text-align:center;box-shadow:0 15px 55px #0008}.user-profile-card>button:first-child{position:absolute;right:10px;top:10px;border:0;background:none}.user-profile-card>#viewed-avatar{font-size:70px}.user-profile-card>div:last-child{display:grid;gap:9px}.user-profile-card .yellow,.user-profile-card .purple{height:45px}@media(max-width:700px){.notifications-toggle{right:132px;top:14px}.social-tabs button{font-size:8px}}