:root{--menu-bg: rgba(255, 255, 255, .92);--menu-line: rgba(58, 171, 240, .25);--menu-accent: #2176ae;--menu-text: #1a2e44;--menu-muted: #7a9ab5}.site-menu{position:fixed;top:50%;right:20px;z-index:100;display:flex;flex-direction:column;gap:6px;width:116px;padding:8px;border:1.5px solid #c8e3f5;border-radius:18px;background:var(--menu-bg);box-shadow:0 8px 32px #2176ae26,0 1px 4px #2176ae1a;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);transform:translateY(-50%)}.site-menu a{position:relative;display:grid;place-items:center;min-height:38px;padding:0 8px;border:1px solid transparent;border-radius:10px;color:var(--menu-muted);font-size:.72rem;font-weight:900;letter-spacing:0;text-decoration:none;text-transform:uppercase;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.site-menu a:hover{color:var(--menu-accent);border-color:#3aabf073;background:#3aabf01a}.site-menu a.active{color:#fff;border-color:#3aabf0;background:#3aabf0}@media (max-width: 1050px){.site-menu{top:12px;left:12px;right:12px;width:auto;transform:none;display:flex;flex-direction:row;gap:6px;padding:7px;overflow-x:auto;scrollbar-width:none}.site-menu a{flex:0 0 auto;min-width:88px;min-height:38px;padding:0 12px;font-size:.7rem}}@media (max-width: 760px){.site-menu{gap:5px}.site-menu a{min-width:82px;min-height:34px;padding:0 10px;font-size:.64rem}}:root{color-scheme:light;--page: #1e47bb;--surface: #ffffff;--surface-soft: #eef8ff;--surface-strong: #f8fcff;--accent: #33a7ea;--accent-strong: #1d73bd;--accent-soft: rgba(51, 167, 234, .16);--text: #18314f;--muted: #6885a3;--line: #cfe8fb;--line-strong: #58b8ee;--danger: #ef4444;--radius: 18px;--shadow: 0 26px 70px rgba(8, 35, 98, .3), 0 6px 18px rgba(8, 35, 98, .16)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:#1a3cb8}body{min-height:100vh;margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#1a3cb8;background-image:url(/bg.png);background-size:cover;background-position:center center;background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#10389c2e,#10389c1a),radial-gradient(circle at 50% 0%,#ffffff57,#fff0 46%)}button,input{font:inherit}button{color:inherit}img{display:block}.hidden{display:none!important}.arena-layout{min-height:100vh;display:grid;place-items:center;padding:32px 252px;position:relative;z-index:1}.oyun-kutusu{width:min(480px,calc(100vw - 32px));position:relative;overflow:hidden;padding:24px 22px 22px;text-align:center;border:3px solid rgba(255,255,255,.92);border-radius:30px;background:linear-gradient(180deg,#fffffffa,#f3fafffa);box-shadow:var(--shadow)}.oyun-kutusu:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px solid var(--line);border-radius:22px;pointer-events:none}.oyun-kutusu:after{content:"";position:absolute;left:24px;right:24px;top:14px;height:12px;border-radius:999px;background:linear-gradient(90deg,#ffffffd1,#ffffff2e);pointer-events:none}.panel-scanline{display:none}.game-title{margin:0 0 10px;font-family:Rajdhani,Inter,sans-serif;font-size:3.2rem;font-weight:800;text-align:center;color:#4dbaf0;text-shadow:0 4px 0 #1f7cc4,0 8px 0 rgba(31,124,196,.22),0 12px 18px rgba(13,60,124,.18);letter-spacing:.02em;line-height:1;text-transform:uppercase}.hub-intro{max-width:340px;margin:0 auto 16px;color:var(--muted);font-size:.88rem;line-height:1.45}h1{margin:0;font-family:Rajdhani,Inter,sans-serif;font-size:2.6rem;font-weight:700;color:var(--text);letter-spacing:0}.eyebrow,.field-label,.time-picker-label,.waiting-label,.profile-label,.result-circle-label,.result-stat-lbl{margin:0;color:var(--accent);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.choose-mode-label{margin:4px 0 12px;font-size:.72rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;text-align:center}.screen-subtitle{margin:-8px 0 16px;font-size:.9rem;color:var(--muted);line-height:1.5;text-align:center}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius);background:#1d4ed8;flex-shrink:0;box-shadow:0 2px 8px #1d4ed84d}.brand-icon{font-size:1.8rem;line-height:1;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));display:grid;place-items:center;width:52px;height:52px}.online-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:92px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-size:.78rem;font-weight:800;background:var(--surface-soft)}.online-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pilot-panel,.profile-badge,.rematch-request-box{border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#f3fbff,#e9f5ff)}.bilgiler,.result-stats-row{border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#eff8ff,#e5f3ff)}.pilot-panel{position:relative;padding:16px;margin-bottom:14px;text-align:left}.avatar-picker-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:stretch;margin-top:8px}.avatar-preview-btn{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);cursor:pointer;transition:border-color .15s,box-shadow .15s}.avatar-preview-btn:hover,.avatar-preview-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.avatar-preview-btn .avatar-img{width:52px;height:52px;border-radius:50%}.avatar-preview-label{color:var(--muted);font-size:.68rem;font-weight:800;text-align:center}.name-input,.code-input{width:100%;min-height:52px;border:2px solid var(--line);border-radius:999px;outline:none;padding:0 18px;color:var(--text);background:#fff;caret-color:var(--accent);text-align:left;font-size:.95rem}.name-input::placeholder,.code-input::placeholder{color:var(--muted)}.name-input:focus,.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.name-input--inline{height:78px}.nick-rules,.nick-subtitle,.waiting-msg,.searching-sub,.rematch-waiting-msg{margin:9px 0 0;color:var(--muted);font-size:.86rem;line-height:1.45}.error-text{min-height:20px;margin-top:8px;color:var(--danger);font-size:.86rem;font-weight:800}.avatar-grid-wrap{position:absolute;z-index:30;top:calc(100% - 8px);left:14px;right:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.avatar-img{display:block;object-fit:cover;flex-shrink:0}.avatar-option{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 6px;border:2px solid transparent;border-radius:var(--radius);background:var(--surface-strong);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.avatar-option .avatar-img{width:52px;height:52px;border-radius:50%}.avatar-option-name{font-size:.6rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.avatar-option:hover,.avatar-option.selected{transform:translateY(-2px);border-color:var(--accent);background:#fff}.avatar-option.selected .avatar-option-name{color:var(--accent)}.profile-badge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px;text-align:left;box-shadow:inset 0 1px #ffffffb3}.profile-avatar-img{width:46px;height:46px;border-radius:50%;flex-shrink:0}.profile-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.profile-nick{overflow:hidden;color:var(--text);font-size:1.05rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.change-nick-btn{min-height:36px;padding:0 14px;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--accent-strong);cursor:pointer;font-weight:800}.hub-actions{display:grid;gap:12px}.mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:184px;padding:20px 14px 16px;border:2px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#f5fbff);color:var(--text);text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:inset 0 1px #ffffffe6}.mode-card--solo{background:linear-gradient(180deg,#fff,#eefaff)}.mode-card--duel{background:linear-gradient(180deg,#fff,#f2f7ff)}.mode-emoji{width:74px;height:74px;display:grid;place-items:center;border:2px solid var(--line);border-radius:22px;background:#fff;font-size:2.3rem;line-height:1;margin-bottom:6px;box-shadow:0 8px 18px #4899e01f}.mode-title{font-size:1rem;font-weight:900;color:var(--accent-strong);line-height:1.1;text-transform:uppercase}.mode-desc{max-width:15ch;font-size:.78rem;color:var(--muted);line-height:1.4}.mode-card:not(:disabled):hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 14px 26px #3aabf033}.mode-card:disabled{opacity:.5;cursor:not-allowed}.find-opponent-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;padding:14px 20px;border:2px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#44b9f3,#2391d8);color:var(--text);text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 10px #1d74bd,0 18px 24px #0d528a3d}.find-opponent-btn:not(:disabled):hover{transform:translateY(-2px);border-color:#8fd4f7;box-shadow:0 12px #1d74bd,0 22px 26px #0d528a47}.find-opponent-btn:disabled{opacity:.62;cursor:not-allowed}.mode-emoji-sm{font-size:1.6rem;line-height:1}.find-opponent-btn .mode-title,.find-opponent-btn .mode-desc,.find-opponent-btn .mode-emoji-sm{color:#fff}.mode-art{display:block;width:100%;height:140px}.baslat-butonu{width:100%;min-height:56px;margin-top:12px;border:none;border-radius:999px;background:linear-gradient(180deg,#4bc0f6,#2797de);color:#fff;font-weight:900;font-size:1rem;text-align:center;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 8px #1d74bd,0 16px 24px #0d528a38}.baslat-butonu:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px #1d74bd,0 18px 28px #0d528a47}.baslat-butonu:disabled{opacity:.48;cursor:not-allowed}.join-btn{min-height:56px;padding:0 22px;border:none;border-radius:999px;background:linear-gradient(180deg,#285789,#193f68);color:#fff;font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .15s,box-shadow .15s;white-space:nowrap;flex-shrink:0}.join-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px #11385f57}.leaderboard-link{display:flex;width:100%;min-height:48px;margin-top:12px;border:2px dashed var(--line-strong);border-radius:999px;background:transparent;color:var(--accent-dark);font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .15s}.leaderboard-link:hover{background:var(--accent-soft)}.leaderboard-link--visual{align-items:center;justify-content:flex-start;min-height:76px;padding:10px 16px 10px 10px;gap:14px;text-align:left}.leaderboard-art{width:80px;height:56px;aspect-ratio:unset;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:none;padding:0}.lb-art-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22))}.leaderboard-link-text{flex:1;display:flex;flex-direction:column;gap:2px}.leaderboard-link-title{font-size:1rem;font-weight:900;color:var(--text);text-transform:uppercase;letter-spacing:.02em}.leaderboard-link-sub{font-size:.74rem;font-weight:700;color:var(--muted);text-transform:uppercase}.back-btn{width:100%;min-height:42px;margin-top:10px;border:none;border-radius:999px;background:transparent;color:var(--accent-strong);cursor:pointer;font-weight:800;font-size:.9rem;transition:color .15s}.back-btn:hover{color:var(--accent-dark)}.bilgiler{display:flex;gap:10px;justify-content:center;padding:12px 14px;margin:0 0 16px}.bilgi-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 14px;border:2px solid var(--line);border-radius:999px;background:#fff;font-weight:700;font-size:.95rem;color:var(--text)}.bilgi-pill span{color:var(--accent);font-family:Rajdhani,Inter,sans-serif;font-size:1.5rem;font-weight:700}.sayac{min-height:112px;display:grid;place-items:center;margin:0 0 16px;color:var(--accent-strong);font-family:Rajdhani,Inter,sans-serif;font-size:6rem;line-height:1;font-weight:800;background:transparent;border:none;text-shadow:0 4px 0 rgba(255,255,255,.9),0 10px 18px rgba(29,116,189,.16)}.tikla-butonu{width:100%;height:148px;border:none;border-radius:26px;color:#fff;background:linear-gradient(180deg,#4ec3f7,#2290d7);cursor:pointer;font-family:Rajdhani,Inter,sans-serif;font-size:2.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:transform .1s,box-shadow .1s;box-shadow:inset 0 1px #ffffff5c,0 10px #1d74bd,0 18px 24px #3aabf04d}.tikla-butonu:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff5c,0 12px #1d74bd,0 20px 28px #3aabf059}.tikla-butonu:not(:disabled):active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff3d,0 4px #1d74bd,0 8px 14px #3aabf040}.tikla-butonu:disabled{color:#b0c4d8;background:linear-gradient(180deg,#eff7fd,#dfeef8);cursor:not-allowed;box-shadow:inset 0 1px #fff6,0 6px #c8dde8}.time-picker-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;flex-wrap:wrap}.time-picker-label{font-size:.72rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.time-btn-group,.lb-tabs,.lb-dur-tabs,.side-lb-tabs,.side-lb-dur-tabs{display:flex;gap:6px}.time-btn,.lb-tab,.lb-dur-tab,.side-lb-tab,.side-lb-dur-tab{min-height:38px;padding:0 16px;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.88rem;font-weight:900;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.time-btn:hover,.lb-tab:hover,.lb-dur-tab:hover,.side-lb-tab:hover,.side-lb-dur-tab:hover{color:var(--accent-dark);border-color:var(--accent)}.time-btn.selected,.lb-tab.selected,.lb-dur-tab.selected,.side-lb-tab.selected,.side-lb-dur-tab.selected{color:#fff;border-color:var(--accent);background:var(--accent)}.time-btn:disabled{opacity:.4;cursor:not-allowed}.sure-urgent{color:var(--danger)!important}.result-circle{width:162px;height:162px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:18px auto 12px;border:3px solid var(--line-strong);border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,#eaf6ff 72%);box-shadow:inset 0 2px #ffffffe6,0 20px 28px #3aabf02e}.result-circle--record{box-shadow:0 0 0 4px var(--accent-soft)}.result-circle-number{color:var(--text);font-family:Rajdhani,Inter,sans-serif;font-size:4rem;font-weight:700;line-height:1}.result-record-badge{width:fit-content;margin:0 auto 12px;padding:7px 12px;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);background:var(--accent-soft);font-weight:900;text-transform:uppercase}.result-stats-row{display:grid;grid-template-columns:1fr 1px 1fr;align-items:stretch;padding:12px;margin:14px 0}.result-stat-box{display:grid;place-items:center;gap:2px}.result-stat-sep{width:1px;background:var(--line)}.result-stat-num{color:var(--text);font-family:Rajdhani,Inter,sans-serif;font-size:2.05rem;font-weight:700}.divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.join-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.code-input{text-transform:uppercase;font-weight:900}.waiting-label{margin-top:16px;text-align:center}.room-code-display{margin:8px 0 10px;padding:12px;border:2px solid var(--line);border-radius:20px;color:var(--accent-strong);background:linear-gradient(180deg,#fff,#eef8ff);font-family:Rajdhani,Inter,sans-serif;font-size:3.4rem;font-weight:800;text-align:center;letter-spacing:.08em;box-shadow:inset 0 1px #ffffffe6}.waiting-duration{margin:0 0 8px;color:var(--muted);text-align:center}.waiting-duration strong{color:var(--accent)}.waiting-msg,.waiting-countdown{text-align:center}.waiting-countdown{margin:12px 0;color:var(--accent);font-family:Rajdhani,Inter,sans-serif;font-size:2rem;font-weight:700}.leave-btn{border-color:var(--danger);background:#fb718526;color:var(--danger)}.opponent-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface-soft);font-weight:900;text-transform:uppercase}.opponent-bar span:last-child{color:var(--accent);font-family:Rajdhani,Inter,sans-serif;font-size:1.8rem}.sonuc{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--accent);background:var(--surface-soft);font-weight:900;text-align:center}.sonuc.rekor{color:var(--accent);border-color:var(--line-strong);background:var(--surface)}.rematch-request-box{padding:14px;margin-top:12px;text-align:center}.rematch-request-box p{margin:0 0 10px;color:var(--text);font-weight:900}.rematch-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.rematch-btns .baslat-butonu{margin-top:0}.leaderboard-list,.side-lb-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.loading-text{margin:0;padding:14px;color:var(--muted);text-align:center;font-weight:800}.lb-tabs,.lb-dur-tabs{margin-top:12px}.lb-tab,.lb-dur-tab{flex:1}.lb-row,.side-lb-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:9px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.lb-row.lb-top,.side-lb-row.rank-1,.side-lb-row.rank-2,.side-lb-row.rank-3{border-color:var(--line-strong);background:var(--surface-soft)}.lb-rank,.side-lb-rank{color:var(--accent);font-family:Rajdhani,Inter,sans-serif;font-size:1.35rem;font-weight:700;text-align:center}.lb-name,.side-lb-name{overflow:hidden;color:var(--text);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.lb-score,.side-lb-score{color:var(--accent);font-family:Rajdhani,Inter,sans-serif;font-size:1.45rem;font-weight:700}.searching-content{display:grid;place-items:center;gap:12px;margin-top:16px}.searching-spinner{width:74px;height:74px;border:4px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.searching-title{margin:0;color:var(--text);font-weight:900;text-transform:uppercase}.searching-timer{margin:0;color:var(--accent);font-family:Rajdhani,Inter,sans-serif;font-size:4rem;line-height:1;font-weight:700}.float-text{position:fixed;z-index:9999;pointer-events:none;color:var(--accent);font-family:Rajdhani,Inter,sans-serif;font-size:2rem;font-weight:700;animation:floatUp .75s ease-out forwards}.side-leaderboard{position:fixed;left:20px;top:50%;width:210px;max-height:calc(100svh - 76px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transform:translateY(-50%)}.side-lb-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.side-lb-trophy{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);color:var(--accent);font-weight:900}.side-lb-title{color:var(--text);font-size:.9rem;font-weight:900;text-transform:uppercase}.side-lb-tabs,.side-lb-dur-tabs{margin-bottom:8px}.side-lb-tab,.side-lb-dur-tab{flex:1;min-height:30px;padding:0 6px;font-size:.72rem}.side-lb-row{grid-template-columns:30px minmax(0,1fr) auto;min-height:38px;padding:7px}.side-lb-rank{font-size:1rem}.side-lb-name{font-size:.78rem}.side-lb-score{font-size:1.05rem}.side-loading{font-size:.76rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-92px) scale(1.15)}}@media (max-width: 1050px){.arena-layout{padding:88px 16px 28px}.side-leaderboard{display:none}.oyun-kutusu{width:min(560px,100%)}}@media (max-width: 760px){.arena-layout{padding:104px 12px 22px}.oyun-kutusu{width:calc(100vw - 24px);padding:16px}}@media (max-width: 620px){.profile-badge{grid-template-columns:auto minmax(0,1fr)}.change-nick-btn{grid-column:1 / -1;width:100%}.game-title{font-size:2.7rem}.avatar-picker-row,.mode-cards,.join-row,.rematch-btns{grid-template-columns:1fr}.avatar-preview-btn{min-height:68px;flex-direction:row}.name-input--inline{height:52px}.time-picker-row{align-items:stretch;flex-direction:column}.lb-tabs{width:100%}.time-btn-group,.lb-dur-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.time-btn,.lb-tab,.lb-dur-tab{flex:1;padding:0 7px}.sayac{min-height:96px;font-size:4.8rem}.tikla-butonu{height:124px;font-size:2.15rem}.room-code-display{font-size:2.5rem}}@media (max-width: 380px){.oyun-kutusu{padding:12px}.game-title{font-size:2.3rem}.bilgiler{flex-direction:column}.mode-card{min-height:168px}.sayac{font-size:3.8rem}}