@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";:root{--birincilArkaBoya: #c20f12;--ikincilArkaBoya: #8d1315;--akBoya: #fff;--ikincilAkBoya: #dadada;--ui-scale: 1}html,body{width:100vw;height:100vh;overflow:hidden}html{user-select:none;-webkit-user-drag:none}.body-menu{font-family:Nunito,sans-serif;margin:0;background:radial-gradient(circle,#c20f12,#8d1315 74%);display:flex;justify-content:center;align-items:center;color:#fff}#promo-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}*{box-sizing:border-box;user-select:none}.body{margin:0;padding:0;font-family:Nunito,sans-serif;background:radial-gradient(circle,#c20f12,#8d1315 74%);overflow:hidden;width:100vw;height:100vh;position:relative}.kapsa{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:500px;min-width:300px;gap:40px;padding:20px}.game-modal{width:400px;background-color:#f1f5f9;border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:25px;align-items:center;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d,0 10px #0003;position:relative}.logo{max-height:200px}.logo-game{max-height:100px}.section-label{font-size:.8rem;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:center;display:block}.toggle-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.toggle-container{position:relative;display:flex;background-color:#e2e8f0;padding:5px;border-radius:16px;box-shadow:inset 0 4px 6px #0000001a,inset 0 -2px 4px #fffc;width:100%;height:56px}.toggle-input{display:none}.toggle-label{flex:1;z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#64748b;transition:color .3s;text-align:center}.toggle-selection-bg{position:absolute;top:5px;left:5px;width:calc(50% - 5px);height:calc(100% - 10px);border-radius:12px;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1);background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 3px #0000000d}.toggle-input:checked+.toggle-label{color:#b91c1c}#map-house:checked~.toggle-selection-bg{transform:translate(100%)}#mode-online:checked~.toggle-selection-bg{transform:translate(100%)}.bot-settings-panel{width:100%;background-color:#fff;border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:15px;border:2px solid #e2e8f0;display:none;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.counter-row{display:flex;align-items:center;justify-content:space-between;width:100%}.counter-label{font-weight:700;color:#334155;font-size:.95rem}.counter-controls{display:flex;align-items:center;gap:10px;background-color:#f1f5f9;padding:5px;border-radius:12px;border:1px solid #e2e8f0}.count-btn{width:32px;height:32px;border:none;border-radius:8px;background-color:#ef4444;color:#fff;font-weight:900;font-size:1.2rem;cursor:pointer;box-shadow:0 3px #991b1b;display:flex;align-items:center;justify-content:center;transition:all .1s;margin-bottom:3px}.count-btn:active{transform:translateY(3px);box-shadow:0 0 #991b1b;margin-bottom:0;margin-top:3px}.count-display{font-size:1.2rem;font-weight:900;color:#334155;width:30px;text-align:center}.checkbox-row{display:flex;align-items:center;gap:12px;cursor:pointer;padding-top:5px}.custom-check-input{display:none}.custom-check-box{width:28px;height:28px;background-color:#e2e8f0;border-radius:8px;position:relative;box-shadow:inset 0 2px 4px #0000001a;transition:all .2s;display:flex;align-items:center;justify-content:center}.custom-check-input:checked+.custom-check-box{background-color:#ef4444;box-shadow:0 2px #991b1b;transform:translateY(-2px)}.custom-check-box:after{content:"";width:6px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);opacity:0;margin-bottom:2px;transition:opacity .2s}.custom-check-input:checked+.custom-check-box:after{opacity:1}.checkbox-label-text{font-weight:700;color:#475569;font-size:.9rem}.yukleniyor-cubugu-kapsa{min-width:250px;max-width:450px;height:50px;background-color:#e2e8f0;border-radius:9999px;padding:5px;box-sizing:border-box;box-shadow:inset 0 4px 8px #00000026,inset 0 -2px 4px #fffc,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:relative;overflow:hidden}.yukleniyor-cubugu{height:100%;width:0%;border-radius:9999px;position:relative;transition:width .3s ease-out;background-color:#fff;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,#dc2626 20px,#dc2626 40px);background-size:56px 56px;animation:cubuk-kaydirma 1s linear infinite;box-shadow:inset 0 2px 6px #ffffffe6,inset 0 -4px 6px #0003,2px 0 5px #0003}.yukleniyor-cubugu:after{content:"";position:absolute;inset:0;border-radius:9999px;background:linear-gradient(to bottom,#ffffff80,#ffffff1a 40%,#fff0 50%,#0000000d);pointer-events:none}@keyframes cubuk-kaydirma{0%{background-position:0 0}to{background-position:56px 0}}.girdi-kapsa{position:relative;width:350px}.girdi-yumusaklik{width:100%;padding:15px 25px;border:none;outline:none;border-radius:12px;background-color:#e2e8f0;color:#334155;font-size:1rem;font-weight:700;box-shadow:inset 5px 5px 10px #a3b1c699,inset -5px -5px 10px #fffc;transition:all .3s ease}.girdi-yumusaklik:focus{box-shadow:inset 3px 3px 6px #a3b1c6b3,inset -3px -3px 6px #ffffffe6}.hard-btn{position:relative;display:inline-block;padding:15px 50px;font-size:1.1rem;font-weight:900;text-transform:uppercase;color:#fff;background-color:var(--birincilArkaBoya);border:3px solid #991b1b;border-radius:12px;outline:none;cursor:pointer;box-shadow:0 8px #991b1b;transform:translateY(0);transition:all .1s}.hard-btn:active{transform:translateY(6px);box-shadow:0 2px #991b1b}#game-world{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#player-sprite{width:60px;height:60px;background-color:#d97706;border:3px solid #78350f;border-radius:12px;position:absolute;box-shadow:0 6px #78350f;transition:transform .05s linear;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fffbeb;font-size:.8rem;text-transform:uppercase}#player-sprite.moving{transform:scale(.95) translateY(2px)}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;padding:calc(20px * var(--ui-scale));display:flex;justify-content:space-between}.panel-left,.panel-right{display:flex;flex-direction:column;gap:calc(15px * var(--ui-scale));pointer-events:auto;max-width:calc(250px * var(--ui-scale));width:100%}.panel-right{align-items:flex-end}.panel-left{align-items:flex-start}.hud-box{background-color:#f1f5f9d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:calc(16px * var(--ui-scale));padding:calc(15px * var(--ui-scale));border:calc(2px * var(--ui-scale)) solid rgba(226,232,240,.8);box-shadow:0 calc(6px * var(--ui-scale)) 0 #00000026,0 10px 15px -3px #0000004d;width:100%}.hud-title{font-size:calc(.85rem * var(--ui-scale));color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:calc(1px * var(--ui-scale));margin-bottom:calc(10px * var(--ui-scale));border-bottom:calc(2px * var(--ui-scale)) dashed #cbd5e1;padding-bottom:calc(5px * var(--ui-scale));text-align:center}.player-info-card{display:flex;align-items:center;gap:calc(12px * var(--ui-scale));background-color:#f1f5f9d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:calc(16px * var(--ui-scale));padding:calc(10px * var(--ui-scale)) calc(15px * var(--ui-scale));border:calc(2px * var(--ui-scale)) solid rgba(226,232,240,.8);box-shadow:0 calc(6px * var(--ui-scale)) 0 #00000026,0 10px 15px -3px #0000004d;width:auto;min-width:calc(180px * var(--ui-scale))}.player-name-display{font-weight:900;color:#334155;font-size:calc(1rem * var(--ui-scale));text-transform:uppercase}.action-menu-wrapper{position:relative;margin-top:5px;width:60px}.action-btn-main{width:calc(60px * var(--ui-scale));height:calc(60px * var(--ui-scale));background-color:#ef4444;color:#fff;border:calc(3px * var(--ui-scale)) solid #991b1b;border-radius:calc(16px * var(--ui-scale));font-size:calc(1.5rem * var(--ui-scale));cursor:pointer;box-shadow:0 calc(6px * var(--ui-scale)) 0 #991b1b;display:flex;align-items:center;justify-content:center;transition:all .1s;z-index:20;position:relative}.action-btn-main svg{width:calc(28px * var(--ui-scale));height:calc(28px * var(--ui-scale))}.action-btn-main:active{transform:translateY(6px);box-shadow:0 0 #991b1b}.sub-actions{position:absolute;top:0;left:70px;display:flex;flex-direction:row;gap:10px;opacity:0;transform:translate(-20px) scale(.8);pointer-events:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.sub-actions.open{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.sub-btn{width:50px;height:50px;background-color:#fff;color:#ef4444;border:2px solid #ef4444;border-radius:12px;font-size:1.2rem;cursor:pointer;box-shadow:0 4px #ef44444d;display:flex;align-items:center;justify-content:center;font-weight:900;transition:transform .1s}.sub-btn:hover{background-color:#fef2f2}.sub-btn:active{transform:translateY(4px);box-shadow:none}.logo-area{width:100%;height:100px;display:flex;align-items:center;justify-content:center}.player-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.player-item{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:.95rem;background-color:#ffffffe6;padding:8px 12px;border-radius:8px;box-shadow:0 2px #e2e8f0}.player-item.caught{color:#94a3b8!important;background-color:#f1f5f9e6;text-decoration:line-through;box-shadow:none;border:1px solid #e2e8f0}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;height:42px;padding:0 5px;font-weight:700;color:#475569;font-size:.9rem;border-bottom:1px solid rgba(241,245,249,.6)}.leaderboard-row:last-child{border-bottom:none}.score{color:#ef4444;font-weight:900}.rank{width:28px;font-weight:900;text-align:center;margin-right:5px}.first{color:#eab308;font-size:1.2rem;text-shadow:1px 1px 0px rgba(161,98,7,.15)}.second{color:#9bb8df;font-size:1.1rem;text-shadow:1px 1px 0px rgba(71,85,105,.15)}.third{color:#f97316;font-size:1.1rem;text-shadow:1px 1px 0px rgba(194,65,12,.15)}.fourth{color:gray}.content-wrapper-err{max-width:600px;padding:20px;display:flex;flex-direction:column;align-items:center}.logo-area-err{width:120px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.h1-err{color:#fff;font-weight:900;font-size:3rem;margin:0 0 20px;line-height:1.1;text-shadow:0 4px 10px rgba(0,0,0,.3)}.p-err{color:#ffffffe6;font-weight:700;font-size:1.2rem;margin:0 0 60px;line-height:1.6;max-width:90%;text-align:center}.refresh-btn{background-color:#fff;color:#b91c1c;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900;text-transform:uppercase;padding:20px 60px;border:none;border-radius:16px;cursor:pointer;transition:all .1s;outline:none;border-bottom:6px solid #cbd5e1;box-shadow:0 10px 20px #0003}.refresh-btn:hover{background-color:#f8fafc;transform:translateY(-2px)}.refresh-btn:active{transform:translateY(4px);border-bottom-width:2px;box-shadow:none;margin-top:4px}.input-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.custom-text-input{width:100%;height:56px;background-color:#e2e8f0;border:none;border-radius:16px;padding:0 20px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;color:#334155;outline:none;text-align:center;box-shadow:inset 0 4px 6px #0000001a,inset 0 -2px 4px #fffc;transition:all .2s;user-select:text}.custom-text-input::placeholder{color:#94a3b8;font-weight:700}.custom-text-input:focus{background-color:#cbd5e1;box-shadow:inset 0 6px 8px #00000026,inset 0 -2px 4px #ffffff80}.control-info-card{background-color:#f1f5f9d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;padding:12px 16px;margin-top:15px;border:2px solid rgba(226,232,240,.8);box-shadow:0 6px #00000026,0 10px 15px -3px #0000004d;width:100%;min-width:150px}.control-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:.75rem;color:#334155;font-weight:700;gap:10px}.control-row .key{background:#e2e8f0;padding:4px 8px;border-radius:8px;font-size:.65rem;font-weight:800;color:#1e293b;box-shadow:0 2px #cbd5e1;white-space:nowrap}.phase-heading{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;padding:15px 40px;border-radius:16px;font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;box-shadow:0 6px #d97706,0 10px 20px #0000004d;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;animation:pulse 1.5s ease-in-out infinite}.phase-heading.active{opacity:1;visibility:visible}.phase-heading.warning{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px #b91c1c,0 10px 20px #0000004d}.phase-heading.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 6px #15803d,0 10px 20px #0000004d}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.02)}}.control-info-horizontal{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:row;gap:15px;pointer-events:auto;background-color:#f1f5f9d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 20px;border-radius:16px;border:2px solid rgba(226,232,240,.8);box-shadow:0 6px #00000026,0 10px 15px -3px #0000004d;z-index:100}.control-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#334155;font-weight:700;white-space:nowrap}.control-item .key{background:#e2e8f0;padding:4px 8px;border-radius:8px;font-size:.65rem;font-weight:800;color:#1e293b;box-shadow:0 2px #cbd5e1}.rhyme-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto;background:#e2e8f0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:15px 25px;border-radius:20px;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px #0003,0 15px 30px -5px #0006;z-index:100}.rhyme-label{font-size:.85rem;font-weight:800;color:var(--birincilArkaBoya);text-transform:uppercase;letter-spacing:1px}.rhyme-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.rhyme-btn{background-color:#fff;color:#b91c1c;border:none;border-radius:12px;padding:10px 16px;font-size:.85rem;font-weight:800;cursor:pointer;box-shadow:0 4px #00000026;transition:all .1s;font-family:Nunito,sans-serif}.rhyme-btn:hover{background-color:#fef2f2;transform:translateY(-2px)}.rhyme-btn:active{transform:translateY(4px);box-shadow:none}.rhyme-btn.selected{background-color:#fbbf24;color:#1e293b;box-shadow:0 4px #d97706}.selected-rhyme{font-size:.85rem;color:#1e293b;font-weight:800;min-height:20px;padding:10px 20px;background-color:#f1f5f9f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:2px solid rgba(226,232,240,.8);box-shadow:0 4px #0000001a,0 6px 10px -3px #0003;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;display:none;text-align:center}.selected-rhyme.visible{display:block}.sound-control-wrapper{position:relative;margin-top:10px;width:60px}.action-btn-sound{width:calc(60px * var(--ui-scale));height:calc(60px * var(--ui-scale));background-color:#ef4444;color:#fff;border:calc(3px * var(--ui-scale)) solid #991b1b;border-radius:calc(16px * var(--ui-scale));cursor:pointer;box-shadow:0 calc(6px * var(--ui-scale)) 0 #991b1b;display:flex;align-items:center;justify-content:center;transition:all .1s;z-index:20;position:relative}.action-btn-sound:active{transform:translateY(calc(6px * var(--ui-scale)));box-shadow:0 0 #991b1b}.action-btn-sound .sound-icon{width:calc(28px * var(--ui-scale));height:calc(28px * var(--ui-scale));fill:#fff;display:none}.action-btn-sound .sound-icon.active{display:block}.sound-slider-panel{position:absolute;top:50%;left:70px;transform:translateY(-50%) scale(.8);display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 20px;background-color:#f1f5f9f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;border:2px solid rgba(226,232,240,.8);box-shadow:0 6px #00000026,0 10px 15px -3px #0000004d;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);z-index:30}.sound-slider-panel.open{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.volume-slider{-webkit-appearance:none;appearance:none;width:100px;height:8px;background:#e2e8f0;border-radius:8px;outline:none;box-shadow:inset 0 2px 4px #0000001a}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#ef4444;border-radius:50%;cursor:pointer;border:3px solid #991b1b;box-shadow:0 3px #991b1b;transition:all .1s}.volume-slider::-webkit-slider-thumb:active{transform:scale(.9);box-shadow:0 1px #991b1b}.volume-slider::-moz-range-thumb{width:24px;height:24px;background:#ef4444;border-radius:50%;cursor:pointer;border:3px solid #991b1b;box-shadow:0 3px #991b1b}.volume-value{font-size:.85rem;font-weight:800;color:#334155;min-width:40px;text-align:center}.kapsa{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:min(500px,90vw);min-width:min(300px,85vw);gap:clamp(20px,4vh,40px);padding:clamp(10px,2vh,20px)}.logo{max-height:clamp(100px,18vh,200px);width:auto}.logo-game{max-height:clamp(60px,10vh,100px);width:auto}.game-modal{width:min(400px,85vw);border-radius:clamp(16px,2vw,24px);padding:clamp(15px,3vw,30px);gap:clamp(15px,2.5vh,25px)}.toggle-container{height:clamp(44px,6vh,56px);border-radius:clamp(12px,1.5vw,16px)}.toggle-label{font-size:clamp(.7rem,1.5vw,.9rem)}.toggle-selection-bg{border-radius:clamp(8px,1vw,12px)}.section-label{font-size:clamp(.65rem,1.2vw,.8rem);margin-bottom:clamp(4px,1vh,8px)}.custom-text-input{height:clamp(44px,6vh,56px);font-size:clamp(.85rem,1.5vw,1rem);border-radius:clamp(12px,1.5vw,16px);padding:0 clamp(12px,2vw,20px)}.hard-btn{padding:clamp(10px,2vh,15px) clamp(30px,5vw,50px);font-size:clamp(.9rem,1.5vw,1.1rem);border-radius:clamp(8px,1.2vw,12px);box-shadow:0 clamp(4px,1vh,8px) 0 #991b1b}.hard-btn:active{transform:translateY(clamp(3px,.8vh,6px))}.bot-settings-panel{padding:clamp(10px,1.5vw,15px);gap:clamp(10px,1.5vh,15px);border-radius:clamp(12px,1.5vw,16px)}.counter-label{font-size:clamp(.8rem,1.3vw,.95rem)}.count-btn{width:clamp(26px,4vw,32px);height:clamp(26px,4vw,32px);font-size:clamp(1rem,1.5vw,1.2rem);border-radius:clamp(6px,1vw,8px)}.count-display{font-size:clamp(1rem,1.5vw,1.2rem);width:clamp(24px,4vw,30px)}.checkbox-label-text{font-size:clamp(.75rem,1.3vw,.9rem)}.custom-check-box{width:clamp(22px,3.5vw,28px);height:clamp(22px,3.5vw,28px);border-radius:clamp(6px,1vw,8px)}.yukleniyor-cubugu-kapsa{min-width:min(200px,60vw);max-width:min(450px,85vw);height:clamp(35px,5vh,50px);border-radius:9999px}.control-info-horizontal{bottom:clamp(10px,2vh,20px);left:clamp(10px,2vw,20px);gap:clamp(8px,1.5vw,15px);padding:clamp(6px,1.2vw,10px) clamp(12px,2vw,20px);border-radius:clamp(10px,1.5vw,16px)}.control-item{font-size:clamp(.6rem,1.1vw,.75rem);gap:clamp(4px,.8vw,8px)}.control-item .key{font-size:clamp(.5rem,1vw,.65rem);padding:clamp(2px,.5vw,4px) clamp(4px,.8vw,8px);border-radius:clamp(4px,.8vw,8px)}.phase-heading{top:clamp(10px,2vh,20px);padding:clamp(10px,2vw,15px) clamp(25px,4vw,40px);font-size:clamp(1rem,2vw,1.4rem);border-radius:clamp(10px,1.5vw,16px);letter-spacing:clamp(1px,.2vw,2px)}.panel-left,.panel-right{max-width:clamp(180px,20vw,250px);gap:clamp(10px,1.5vh,15px)}.hud-box{border-radius:clamp(10px,1.5vw,16px);padding:clamp(10px,1.5vw,15px)}.hud-title{font-size:clamp(.7rem,1.2vw,.85rem);margin-bottom:clamp(6px,1vh,10px);padding-bottom:clamp(3px,.5vh,5px)}.player-info-card{border-radius:clamp(10px,1.5vw,16px);padding:clamp(6px,1vw,10px) clamp(10px,1.5vw,15px);min-width:clamp(140px,15vw,180px)}.player-name-display{font-size:clamp(.8rem,1.3vw,1rem)}.action-menu-wrapper{width:clamp(45px,6vw,60px)}#game-over-modal .kapsa{max-width:min(450px,90vw)}#game-over-modal .logo{max-height:clamp(80px,12vh,120px)}#game-over-modal h2{font-size:clamp(1.2rem,2.5vw,1.8rem)!important}@media screen and (max-width: 1200px){#ui-layer{padding:clamp(12px,1.5vw,15px)}.action-btn-main,.action-btn-sound{width:clamp(45px,5vw,55px);height:clamp(45px,5vw,55px)}.rhyme-panel{max-width:min(280px,70vw);padding:clamp(10px,1.5vw,12px)}}@media screen and (max-width: 900px){#ui-layer{padding:clamp(10px,1.5vw,12px)}.action-btn-main,.action-btn-sound{width:clamp(42px,6vw,50px);height:clamp(42px,6vw,50px);border-radius:12px}.sub-btn{width:clamp(36px,5vw,42px);height:clamp(36px,5vw,42px);font-size:1.1rem}.rhyme-panel{max-width:min(250px,65vw);padding:10px}.rhyme-btn{padding:8px 12px;font-size:.75rem}.control-info-horizontal{flex-wrap:wrap;max-width:min(400px,80vw);justify-content:center}.panel-left,.panel-right{max-width:clamp(150px,25vw,200px)}.player-list ul{gap:6px}.player-item{font-size:.85rem;padding:6px 10px}}@media screen and (max-width: 600px){.kapsa{gap:clamp(15px,3vh,25px);padding:clamp(8px,2vw,15px)}.game-modal{width:min(350px,90vw);padding:clamp(12px,3vw,20px);gap:clamp(12px,2vh,18px)}.logo{max-height:clamp(80px,15vh,120px)}#ui-layer{padding:8px}.action-btn-main,.action-btn-sound{width:42px;height:42px;border-radius:10px}.action-btn-main svg,.action-btn-sound .sound-icon{width:20px;height:20px}.sub-actions{gap:5px;left:52px}.sub-btn{width:34px;height:34px;font-size:.95rem}.rhyme-panel{max-width:min(220px,85vw);padding:8px;border-radius:12px}.rhyme-btn{padding:6px 10px;font-size:.7rem;border-radius:8px}.panel-left,.panel-right{max-width:clamp(130px,35vw,180px)}.hud-box{padding:8px;border-radius:10px}.player-info-card{padding:6px 10px;min-width:auto}.control-info-horizontal{bottom:8px;left:8px;padding:6px 10px;gap:6px;flex-wrap:wrap;max-width:90vw}.control-item{font-size:.55rem}.control-item .key{font-size:.5rem;padding:2px 4px}.selected-rhyme{font-size:.7rem;padding:6px 12px;bottom:8px}.sound-slider-panel{left:50px;padding:8px 12px}}@media screen and (max-width: 400px){.kapsa{min-width:90vw}.game-modal{width:92vw;padding:12px}.toggle-container{height:40px}.toggle-label{font-size:.65rem}.custom-text-input{height:40px;font-size:.8rem}.hard-btn{padding:10px 25px;font-size:.85rem}.logo{max-height:70px}.action-btn-main,.action-btn-sound{width:38px;height:38px}.panel-left,.panel-right{max-width:40vw}.hud-title{font-size:.6rem}.player-item{font-size:.75rem;padding:5px 8px}.control-info-horizontal{display:none}}@media screen and (max-height: 500px){.kapsa{gap:10px;padding:5px}.logo{max-height:60px}.game-modal{padding:10px;gap:10px}.toggle-container,.custom-text-input{height:36px}.hard-btn{padding:8px 30px}.phase-heading{top:5px;padding:8px 20px;font-size:.9rem}.control-info-horizontal{bottom:5px;left:5px}}