.logo-small{margin-left:40px;}a{color:#6cd1ff;}.trophy-item-progress{font-size:12px;opacity:0.9;margin-top:5px;line-height:1.4;}.trophy-item-progress > div{margin-bottom:5px;}.trophy-badge{display:none;}.modal-trophies{max-width:95vw;width:95vw;max-height:85vh;overflow-y:auto;padding:0 !important;}.trophy-header-sticky{position:sticky;top:0;background:linear-gradient(135deg,#1e5a78 0%,#2d7a9e 100%);z-index:10;padding:15px 20px 10px;border-bottom:2px solid rgba(255,255,255,0.2);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,0.3);}.trophy-header-sticky h2{margin:0;font-size:22px;}.trophy-count{background:rgba(244,185,66,0.3);padding:6px 12px;border-radius:20px;font-size:16px;font-weight:bold;color:#f4b942;border:2px solid rgba(244,185,66,0.5);}.modal-trophies > *:not(.trophy-header-sticky){padding-left:20px;padding-right:20px;}.trophy-progress{margin:15px 0;text-align:center;padding:0 20px;}.trophy-progress-bar{width:100%;height:16px;background:rgba(255,255,255,0.1);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.2);}.trophy-progress-fill{height:100%;background:linear-gradient(90deg,#f4b942 0%,#ff6b6b 100%);transition:width 0.5s ease;}.trophies-grid{margin:20px 0;}.trophy-category{margin-bottom:20px;}.trophy-category h3{font-size:15px;margin-bottom:8px;padding-top:10px;padding-bottom:10px;border-top:2px solid rgba(255,255,255,0.2);border-bottom:2px solid rgba(255,255,255,0.2);color:#f4b942;position:sticky;top:62px;background:linear-gradient(135deg,#1e5a78 0%,#2d7a9e 100%);z-index:9;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}.trophy-items{display:grid;grid-template-columns:1fr;gap:8px;}.trophy-item{background:rgba(255,255,255,0.1);padding:10px;border-radius:10px;display:flex;gap:10px;align-items:flex-start;border:2px solid rgba(255,255,255,0.15);transition:all 0.3s;}.trophy-item.unlocked{background:linear-gradient( 135deg,rgba(244,185,66,0.2),rgba(255,107,107,0.2) );border-color:#f4b942;box-shadow:0 0 15px rgba(244,185,66,0.3);}.trophy-item.locked{opacity:0.5;filter:grayscale(0.7);}.trophy-item:active{transform:scale(0.98);}.trophy-item-icon{font-size:32px;flex-shrink:0;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:8px;}.trophy-item.unlocked .trophy-item-icon{animation:trophyShine 2s ease-in-out infinite;}.modal-trophies{max-width:800px;max-height:90vh;overflow-y:auto;}.trophy-progress{margin:20px 0;text-align:center;}.trophy-progress-bar{width:100%;height:20px;background:rgba(255,255,255,0.1);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.2);}.trophy-progress-fill{height:100%;background:linear-gradient(90deg,#f4b942 0%,#ff6b6b 100%);transition:width 0.5s ease;}.trophy-progress-text{margin-top:8px;font-size:14px;opacity:0.8;}.trophies-grid{margin:20px 0;}.trophy-category{margin-bottom:25px;}.trophy-category h3{font-size:16px;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,0.2);color:#f4b942;}.trophy-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}.trophy-item{background:rgba(255,255,255,0.1);padding:15px;border-radius:12px;display:flex;gap:12px;align-items:flex-start;border:2px solid rgba(255,255,255,0.15);transition:all 0.3s;}.trophy-item.unlocked{background:linear-gradient( 135deg,rgba(244,185,66,0.2),rgba(255,107,107,0.2) );border-color:#f4b942;box-shadow:0 0 20px rgba(244,185,66,0.3);}.trophy-item.locked{opacity:0.5;filter:grayscale(0.7);}.trophy-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.3);}.trophy-item.unlocked:hover{box-shadow:0 5px 25px rgba(244,185,66,0.5);}.trophy-item-icon{font-size:36px;flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:10px;}.trophy-item.unlocked .trophy-item-icon{animation:trophyShine 2s ease-in-out infinite;}@keyframes trophyShine{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}.trophy-item-info{flex:1;}.trophy-item-name{font-weight:bold;font-size:14px;margin-bottom:4px;}.trophy-item.unlocked .trophy-item-name{color:#f4b942;}.trophy-item-desc{font-size:12px;opacity:0.8;line-height:1.4;}.trophy-item-progress{font-size:11px;margin-top:6px;padding:4px 8px;background:rgba(255,255,255,0.1);border-radius:6px;display:inline-block;color:#60a5fa;font-weight:bold;}.notification-trophy{background:linear-gradient( 135deg,rgba(244,185,66,0.95),rgba(255,107,107,0.95) );border:2px solid #f4b942;box-shadow:0 4px 30px rgba(244,185,66,0.6);min-width:320px;max-width:400px;}.trophy-unlock{display:flex;gap:15px;align-items:center;}.trophy-unlock .trophy-icon{font-size:48px;animation:trophyPop 0.6s ease-out;}@keyframes trophyPop{0%{transform:scale(0) rotate(-180deg);}50%{transform:scale(1.2) rotate(10deg);}100%{transform:scale(1) rotate(0deg);}}.trophy-unlock .trophy-info{flex:1;}.trophy-unlock .trophy-title{font-weight:bold;font-size:16px;margin-bottom:4px;color:white;}.trophy-unlock .trophy-name{font-size:14px;font-weight:bold;margin-bottom:2px;color:#fff;}.trophy-unlock .trophy-desc{font-size:12px;opacity:0.9;color:#fff;}.trophy-stats-summary{background:rgba(255,255,255,0.05);padding:15px;border-radius:12px;margin-top:20px;border:1px solid rgba(255,255,255,0.1);}.trophy-stats-summary h3{margin-top:0;margin-bottom:15px;font-size:16px;color:#60a5fa;}.stats-grid-small{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;}.stat-item-small{background:rgba(255,255,255,0.1);padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:4px;text-align:center;}.stat-item-small .stat-label{font-size:11px;opacity:0.8;}.stat-item-small .stat-value{font-size:20px;font-weight:bold;color:#f4b942;}.trophies-btn{background:rgba(244,185,66,0.2);border:1px solid rgba(244,185,66,0.4);color:#f4b942;}.trophies-btn:hover{background:rgba(244,185,66,0.3);}.trophy-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff6b6b,#f4b942);color:white;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:bold;box-shadow:0 2px 8px rgba(0,0,0,0.3);}@media (max-width:768px){.trophy-items{grid-template-columns:1fr;}.stats-grid-small{grid-template-columns:repeat(2,1fr);}}@media (max-width:600px){.modal-trophies{padding:15px;}.trophy-item{padding:12px;}.trophy-item-icon{font-size:28px;width:40px;height:40px;}.notification-trophy{min-width:280px;}.trophy-unlock .trophy-icon{font-size:36px;}}@keyframes trophyShine{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}.trophy-item-info{flex:1;min-width:0;}.trophy-item-name{font-weight:bold;font-size:13px;margin-bottom:3px;word-wrap:break-word;}.trophy-item.unlocked .trophy-item-name{color:#f4b942;}.trophy-item-desc{font-size:11px;opacity:0.8;line-height:1.3;word-wrap:break-word;}.trophy-item-progress{font-size:10px;margin-top:5px;padding:3px 6px;background:rgba(255,255,255,0.1);border-radius:5px;display:inline-block;color:#fff;font-weight:bold;}.btn-close-modal{position:sticky;bottom:0;width:calc(100% - 40px);margin:15px 20px;z-index:10;box-shadow:0 -4px 15px rgba(0,0,0,0.3);}@media (min-width:768px){.modal-trophies{max-width:700px;width:700px;}.trophy-items{grid-template-columns:repeat(2,1fr);}.trophy-category h3{font-size:16px;}.trophy-item{padding:12px;}.trophy-item-icon{font-size:36px;width:50px;height:50px;}.trophy-item-name{font-size:14px;}.trophy-item-desc{font-size:12px;}.trophy-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.3);}.trophy-item.unlocked:hover{box-shadow:0 5px 25px rgba(244,185,66,0.5);}.btn-close-modal{position:static;width:auto;margin:20px auto;}}#join-public-lobby-btn{position:relative;}#join-public-lobby-btn[data-player-list]:not( [data-player-list=""] ):hover::before{content:attr(data-player-list);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.85);color:white;padding:12px 16px;border-radius:8px;font-size:13px;white-space:pre-line;opacity:1;pointer-events:none;margin-bottom:8px;z-index:1000;max-width:250px;box-shadow:0 4px 12px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.15);text-align:left;line-height:1.8;}#join-public-lobby-btn[data-player-list]:not( [data-player-list=""] ):hover::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(0,0,0,0.85);margin-bottom:2px;z-index:1001;}.difficulty-config{background:rgba(255,255,255,0.1);padding:20px;border-radius:12px;margin-top:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);}.difficulty-config h3{margin-bottom:15px;font-size:16px;text-align:center;color:#f4b942;}.word-config{margin-bottom:12px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.05);padding:10px;border-radius:8px;}.word-config label{flex:1;font-size:14px;}.word-config input{width:50px;padding:5px;text-align:center;background:rgba(255,255,255,0.9);border:none;border-radius:6px;font-size:14px;}.word-config span{color:rgba(255,255,255,0.7);font-size:14px;}.preset-buttons{display:flex;gap:8px;margin-top:10px;}.preset-btn{flex:1;padding:8px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:8px;color:white;font-size:12px;cursor:pointer;transition:all 0.2s;}.preset-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}.toggle-difficulty{cursor:pointer;color:#f4b942;text-decoration:underline;font-size:14px;text-align:center;margin-top:10px;display:block;}@keyframes pulse-first-letter{0%,100%{border-color:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,0.3);}50%{border-color:#f59e0b;box-shadow:0 0 15px rgba(251,191,36,0.5);}}#game-screen{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}.game-container,.game-main{touch-action:manipulation;-webkit-touch-callout:none;}.tile{touch-action:manipulation;}#game-grid{touch-action:manipulation;}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}input,textarea{-webkit-user-select:text;user-select:text;}:root{color-scheme:light;}html{background:linear-gradient(135deg,#0f3a52 0%,#1e5a78 50%,#2d7a9e 100%);}@supports (-webkit-touch-callout:none){html,body{background-color:#0f3a52;}}body{font-family:"Arial",sans-serif;background:linear-gradient(135deg,#0f3a52 0%,#1e5a78 50%,#2d7a9e 100%);color:white;min-height:100vh;min-height:calc( 100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom) );display:flex;justify-content:center;align-items:center;overflow-x:hidden;margin:0px;}.screen{display:none;width:100%;max-width:1400px;}.screen.active{display:block;animation:fadeIn 0.3s ease;}.input-group{display:flex;flex-direction:column;gap:8px;}.input-group label{font-size:14px;font-weight:bold;color:rgba(255,255,255,0.9);text-align:left;padding-left:5px;}.input-group input{margin:0;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@keyframes vibrate{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-5px);}20%,40%,60%,80%{transform:translateX(5px);}}.tile.vibrate{animation:vibrate 0.5s ease;border-color:#ef4444;}.logo{text-align:center;margin-top:0.5em;font-size:72px;font-weight:bold;}.logo-letter{min-height:80px;min-width:80px;}.logo{margin-left:50px;text-shadow:0px 2px 0px #3c3c3c;}.logo-letter.logo-yellow{box-shadow:0 8px 0px #bb8414;z-index:10;}.logo-letter.logo-yellow:hover{box-shadow:0 8px 0px #bb8414;}.logo-letter.logo-white{box-shadow:0 8px 0px #144157;}.logo-letter.logo-white:hover{box-shadow:0 8px 0px #144157;}.logo-letter.logo-red{box-shadow:0 8px 0px #731e1e;}.logo-letter.logo-red:hover{box-shadow:0 8px 0px #731e1e;}.logo-ox{width:auto;animation:oxRotate 8s ease-in-out infinite;}@keyframes oxRotate{0%{transform:rotate(25deg);}22%{transform:rotate(0deg);}24%{transform:rotate(0deg) translateY(-8px);}26%{transform:rotate(0deg);}50%{transform:rotate(-25deg);}72%{transform:rotate(0deg);}74%{transform:rotate(0deg) translateY(-8px);}76%{transform:rotate(0deg);}100%{transform:rotate(25deg);}}.logo-ox-mini{height:auto;aspect-ratio:1/1.4;animation:oxRotate 8s ease-in-out infinite;}@keyframes logoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@keyframes logoFloatSmall{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}.logo-letter{display:inline-block;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.4);transition:transform 0.3s ease;transform-style:preserve-3d;position:relative;}.logo-letter::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg,rgba(255,255,255,0.3) 0%,rgba(0,0,0,0.1) 100% );border-radius:12px;pointer-events:none;}.logo-letter.logo-yellow::before{background:none;}.logo-letter.logo-yellow{background:#f4b942;background-image:linear-gradient( 135deg,rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.1) 100% );}.logo-letter.logo-transparent::before{background:none;}.logo-letter:hover{transform:perspective(500px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) translateZ(10px);box-shadow:0 15px 35px rgba(0,0,0,0.5);}.logo-small{font-size:24px;font-weight:bold;letter-spacing:2px;text-align:center;margin-top:10px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:2px;}.logo-small .mini-letter{display:inline-block;padding:4px 8px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:transform 0.2s ease;transform-style:preserve-3d;position:relative;font-size:18px;margin:0 4px;}.logo-small .mini-letter::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg,rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.1) 100% );border-radius:4px;pointer-events:none;}.logo-small .mini-letter.mini-transparent::before{background:none;}.logo-small .mini-letter:hover{transform:perspective(300px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) translateZ(5px);}.logo-small .mini-letter:nth-child(1):hover{--rotate-x:-10deg;--rotate-y:-8deg;}.logo-small .mini-letter:nth-child(2):hover{--rotate-x:8deg;--rotate-y:10deg;}.logo-small .mini-letter:nth-child(3):hover{--rotate-x:-8deg;--rotate-y:8deg;}.logo-small .mini-letter:nth-child(4):hover{--rotate-x:10deg;--rotate-y:-10deg;}.logo-small .mini-letter:nth-child(5):hover{--rotate-x:-8deg;--rotate-y:10deg;}.logo-small .mini-letter:nth-child(6):hover{--rotate-x:8deg;--rotate-y:-8deg;}.logo-small .mini-red{background-color:#c93a3a;color:white;}.logo-small .mini-white{background-color:#266b8c;color:#effaff;}.logo-small .mini-yellow{background-color:#f4b942;color:white;}.logo-small .mini-transparent{background-color:rgba(255,255,255,0);color:white;box-shadow:none;}.logo-red{background-color:#c93a3a;color:white;}.logo-white{background-color:#266b8c;color:#effaff;}.logo-yellow{background-color:#f4b942;border-radius:50px;color:white;}.logo-transparent{background-color:rgba(255,255,255,0);color:white;}.menu{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:15px;}.game-info-box{max-width:400px;margin:40px auto 0;background:rgba(255,255,255,0.1);padding:25px;border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.2);}.game-info-box p{margin:12px 0;font-size:16px;display:flex;align-items:center;gap:10px;}input[type="text"]{padding:15px;border:none;border-radius:12px;font-size:16px;text-align:center;background:rgba(255,255,255,0.95);box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.2s;}input[type="text"]:not(#player-name){text-transform:uppercase;}input[type="text"]:focus{outline:none;box-shadow:0 4px 20px rgba(249,185,66,0.5);transform:translateY(-2px);}.btn{padding:15px 30px;border:none;border-radius:12px;font-size:18px;font-weight:bold;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 15px rgba(0,0,0,0.2);}.btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3);}.btn:active{transform:translateY(0);box-shadow:0 2px 10px rgba(0,0,0,0.2);}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;}.modal-trophies .btn-primary{margin-left:20px;}.btn-primary{background:linear-gradient(135deg,#b95050 0%,#a62828 100%);color:white;border:1px solid #d07b7b;}.btn-secondary{background:linear-gradient(135deg,#ffa900 0%,#f0b03e 100%);color:#276e8f;border:1px solid #ffd600;}.btn-icon{background:rgba(255,255,255,0.2);border:none;font-size:20px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all 0.2s;}.btn-icon:hover{background:rgba(255,255,255,0.3);transform:scale(1.1);}.divider{text-align:center;color:rgba(255,255,255,0.7);font-size:14px;}.lobby-container{max-width:600px;margin:0 auto;background:rgba(255,255,255,0.1);padding:40px;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.3);padding-top:10px;padding-bottom:20px;}.lobby-container h2{text-align:center;margin-bottom:30px;}.game-code-display{text-align:center;font-size:26px;font-weight:bold;letter-spacing:3px;display:flex;align-items:center;justify-content:center;gap:15px;background:rgba(255,255,255,0.15);padding:5px;border-radius:12px;border:1px solid rgba(255,255,255,0.15);}.players-list-private{margin:30px 0;margin-top:10px;}.players-list h3{margin-bottom:15px;font-size:18px;}#lobby-players{display:flex;flex-direction:column;gap:7px;max-height:500px;overflow-y:auto;}.lobby-player{background:rgba(255,255,255,0.2);padding:0px 20px;border-radius:10px;font-size:15px;animation:slideIn 0.3s ease;display:flex;justify-content:space-between;align-items:center;min-height:35px;line-height:1.5;animation:none !important;border:1px solid rgba(255,255,255,0.15);}.lobby-player-content{display:flex;align-items:center;gap:8px;flex:1;}.twitch-link{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#9146ff;border-radius:4px;text-decoration:none;transition:all 0.2s;flex-shrink:0;}.twitch-link:hover{background:#772ce8;transform:scale(1.1);}.twitch-icon{width:14px;height:14px;fill:white;}.kick-btn{background:rgba(239,68,68,0.8);border:none;border-radius:6px;padding:4px 8px;font-size:14px;cursor:pointer;transition:all 0.2s;margin-left:10px;}.kick-btn:hover{background:rgba(239,68,68,1);transform:scale(1.1);}.kick-btn:active{transform:scale(0.95);}@keyframes slideIn{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:translateX(0);}}#waiting-host{text-align:center;font-style:italic;color:rgba(255,255,255,0.8);animation:pulse 2s ease-in-out infinite;}@keyframes pulse{0%,100%{opacity:0.8;}50%{opacity:1;}}.game-header{margin-bottom:20px;}.game-info{text-align:center;font-size:18px;display:flex;justify-content:center;gap:30px;margin-top:10px;flex-wrap:wrap;}.game-info span{background:rgba(255,255,255,0.15);padding:8px 16px;border-radius:20px;font-weight:bold;box-shadow:0 2px 0px #1e3a4a;}.game-container{display:flex;gap:20px;justify-content:center;align-items:flex-start;}.sidebar-left,.sidebar-right{background:rgba(255,255,255,0.1);padding:20px;border-radius:16px;max-width:250px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 4px 20px rgba(0,0,0,0.2);max-height:600px;overflow-y:auto;}.sidebar-left h3,.sidebar-right h3{margin-top:0px;margin-bottom:15px;font-size:16px;text-align:center;border-bottom:2px solid rgba(255,255,255,0.3);padding-bottom:10px;}.past-word-section{margin-bottom:20px;}.past-word-title{font-size:13px;font-weight:bold;margin-bottom:8px;color:rgba(255,255,255,0.9);}.past-word-grid{display:flex;flex-direction:column;gap:3px;}.past-word-row{display:flex;gap:2px;}.player-card{background:rgba(255,255,255,0.15);padding:12px;border-radius:10px;transition:all 0.3s;min-height:100px;min-width:125px;max-width:125px;}.player-card:hover{background:rgba(255,255,255,0.2);transform:translateX(5px);}.player-card.completed{border:2px solid #4ade80;background:rgba(74,222,128,0.1);}.player-card.lost{border:2px solid #ef4444;background:rgba(239,68,68,0.1);opacity:0.6;}.player-name{font-weight:bold;margin-bottom:6px;font-size:13px;}.player-progress-text{font-size:11px;color:rgba(255,255,255,0.8);margin-bottom:8px;}.player-mini-grid{display:flex;flex-direction:column;gap:2px;max-width:100%;}.player-mini-row{display:flex;gap:2px;flex-wrap:nowrap;}.mini-tile{width:12px;height:12px;border-radius:2px;background:rgba(255,255,255,0.2);flex-shrink:0;}.mini-tile.correct{background-color:#c93a3a;}.mini-tile.present{background-color:#f4b942;}.mini-tile.absent{background-color:#2d5f7a;}.game-main{flex:1;max-width:600px;position:relative;}.grid{display:grid;gap:5px;margin:0 auto 30px auto;grid-template-columns:repeat(8,60px);width:fit-content;}.tile{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:bold;text-transform:uppercase;background:rgba(255,255,255,0.2);transition:all 0.3s ease;box-shadow:0 2px 0px rgba(0,0,0,0.4);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;text-shadow:0px 1px 0px #000;}.tile.filled{animation:bounce 0.3s ease;}@keyframes bounce{0%,100%{transform:scale(1);}50%{transform:scale(1.15);}}.tile.correct{background-color:#c93a3a;border-color:#c93a3a;animation:flip 0.5s ease;box-shadow:0 2px 0px #8e2222;}.tile.present{background-color:rgba(8,8,8,0.2);border-color:transparent;position:relative;animation:flip 0.5s ease;z-index:1;}.tile.present::after{content:"";position:absolute;width:90%;height:90%;background-color:#f4b942;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;transition:none;box-shadow:0 2px 0px #987328;}.tile.absent{background-color:#1e3a4a;box-shadow:0 2px 0px rgba(0,0,0,0.8);border-color:#2d5f7a;animation:flip 0.5s ease;opacity:0.7;}@keyframes flip{0%{transform:rotateX(0deg);}50%{transform:rotateX(90deg);}100%{transform:rotateX(0deg);}}.tile.locked{background-color:#c93a3a;border-color:#c93a3a;box-shadow:0 2px 0px #8e2222;}.tile.pending-input{text-shadow:0px 3px 0px #000000;}.keyboard{display:flex;flex-direction:column;gap:6px;align-items:center;}.keyboard-row{display:flex;gap:6px;}.key{min-width:45px;height:58px;background-color:#2d5f7a;border:2px solid #3d7fa8;border-radius:8px;color:white;font-size:18px;font-weight:bold;cursor:pointer;transition:all 0.15s;padding:0 12px;box-shadow:0 2px 8px rgba(0,0,0,0.2);}.key:hover{background-color:#3d7fa8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3);}.key:active{transform:translateY(0);}.key.key-action{min-width:65px;font-size:16px;}.key.correct{background-color:#c93a3a;border-color:#a62828;}.key.present{background-color:#f4b942;border-color:#d99a2a;color:#1e5a78;}.key.absent{background-color:#1e3a4a;border-color:#1e3a4a;opacity:0.5;}.key.active{background-color:#4a8fb8 !important;transform:scale(0.95);}.leaderboard-content{max-width:700px;margin:0 auto;text-align:center;background:rgba(255,255,255,0.1);padding:60px 40px;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.3);}.leaderboard-content h1{font-size:48px;margin-bottom:40px;animation:celebrate 1s ease-in-out;}.invalid-attempts-container{background:rgba(255,255,255,0.05);padding:12px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);margin:auto;margin-top:20px;max-width:200px;}.invalid-attempts-container h4{font-size:12px;opacity:0.5;margin:0 0 8px 0;text-align:center;}.invalid-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto;}.invalid-item{font-size:11px;padding:4px 8px;background:rgba(0,0,0,0.3);border-radius:6px;text-align:center;opacity:1;font-family:monospace;}.game-main{flex:1;max-width:600px;position:relative;}@media (max-width:1100px){.invalid-attempts-container{position:static;transform:none;}}@media (min-width:1101px) and (max-width:1200px){.game-container{display:flex;gap:20px;justify-content:center;align-items:flex-start;}}@media (max-width:1100px){.sidebar-left{order:3;width:100%;max-width:600px;margin-top:20px;}}@media (max-width:1100px){.game-container{flex-direction:column;align-items:center;}.sidebar-left{order:2;width:100%;max-width:600px;margin-top:20px;}.game-main{order:1;}.sidebar-right{order:3;width:100%;max-width:600px;margin-bottom:20px;}}@media (max-width:600px){.sidebar-left,.sidebar-right{max-height:300px;}#quit-game-btn{padding:10px 20px;font-size:14px;}}@media (max-height:600px){#quit-game-btn{padding:8px 16px;font-size:12px;margin-top:10px;}}@keyframes celebrate{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}#leaderboard-list{margin:30px 0;text-align:left;}.leaderboard-item{background:rgba(255,255,255,0.15);padding:20px;border-radius:12px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;animation:slideIn 0.5s ease;transition:all 0.3s;}.leaderboard-item:hover{background:rgba(255,255,255,0.25);transform:translateX(10px);}.leaderboard-item:nth-child(1){background:linear-gradient( 135deg,rgba(255,215,0,0.3),rgba(255,193,7,0.2) );border:2px solid gold;box-shadow:0 4px 20px rgba(255,215,0,0.4);}.leaderboard-item:nth-child(2){background:rgba(192,192,192,0.2);border:2px solid silver;}.leaderboard-item:nth-child(3){background:rgba(205,127,50,0.2);border:2px solid #cd7f32;}.leaderboard-rank{font-size:32px;min-width:60px;}.leaderboard-name{flex:1;font-size:20px;font-weight:bold;}.leaderboard-time{font-size:18px;font-family:"Courier New",monospace;background:rgba(255,255,255,0.2);padding:8px 16px;border-radius:20px;}.notification{position:fixed;top:max(20px,var(--safe-area-inset-top));right:max(20px,var(--safe-area-inset-right));background:rgba(30,90,120,0.95);color:white;padding:15px 25px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.3);z-index:1000;transform:translateX(400px);transition:transform 0.3s ease;max-width:300px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);}.notification.show{transform:translateX(0);}.notification-error{background:rgba(201,58,58,0.95);}.notification-success{background:rgba(74,222,128,0.95);}.notification-info{background:rgba(244,185,66,0.95);color:#1e5a78;}@media (max-width:1100px){.game-container{flex-direction:column;align-items:center;}.sidebar-left,.sidebar-right{width:100%;max-width:600px;}}@media (max-width:600px){.logo{font-size:48px;}.tile{width:45px;height:45px;font-size:22px;}.grid{grid-template-columns:repeat(8,45px);}.key{min-width:35px;height:48px;font-size:16px;}.game-info{font-size:14px;gap:15px;}.leaderboard-content h1{font-size:32px;}.leaderboard-rank{font-size:24px;min-width:40px;}.leaderboard-name{font-size:16px;}.leaderboard-time{font-size:14px;}}#leaderboard-past-attempts,#leaderboard-players-progress{max-height:80vh;overflow-y:auto;}.leaderboard-content{position:relative;}@media (max-width:1200px){#leaderboard-past-attempts,#leaderboard-players-progress{position:static !important;margin:20px auto;max-width:600px;}}.mini-tile-letter{width:16px;height:16px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:bold;margin:1px;}.mini-tile-letter.correct{background-color:#c93a3a;color:white;}.mini-tile-letter.present{background-color:#f4b942;color:white;}.mini-tile-letter.absent{background-color:#2d5f7a;color:white;opacity:0.7;}.inline-leaderboard{display:none;background:rgba(255,255,255,0.1);padding:40px;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.3);margin-bottom:20px;animation:slideInUp 0.5s ease;}@keyframes slideInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.inline-lb-title{font-size:30px;margin-bottom:10px;text-align:center;animation:celebrate 1s ease-in-out;}.inline-lb-title.success{color:#4ade80;}.inline-lb-title.lost{color:#df6767;}.inline-lb-subtitle{text-align:center;font-size:16px;color:rgba(255,255,255,0.7);margin-bottom:30px;}.inline-lb-list{}.inline-lb-item{background:rgba(255,255,255,0.15);padding:16px 20px;border-radius:12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;animation:none;}.inline-lb-item:hover{background:rgba(255,255,255,0.25);}.inline-lb-item.me{background:rgba(244,185,66,0.25);border:2px solid #f4b942;box-shadow:0 4px 20px rgba(244,185,66,0.3);}.inline-lb-item:nth-child(1){background:linear-gradient( 135deg,rgba(255,215,0,0.3),rgba(255,193,7,0.2) );border:2px solid gold;box-shadow:0 4px 20px rgba(255,215,0,0.4);}.inline-lb-item:nth-child(2){background:rgba(192,192,192,0.2);border:2px solid silver;}.inline-lb-item:nth-child(3){background:rgba(205,127,50,0.2);border:2px solid #cd7f32;}.inline-lb-item[data-position="1"]{background:linear-gradient( 135deg,rgba(255,215,0,0.3),rgba(255,193,7,0.2) ) !important;border:2px solid gold !important;box-shadow:0 4px 20px rgba(255,215,0,0.4) !important;}.inline-lb-item[data-position="2"]{background:rgba(192,192,192,0.2) !important;border:2px solid silver !important;}.inline-lb-item[data-position="3"]{background:rgba(205,127,50,0.2) !important;border:2px solid #cd7f32 !important;}.inline-lb-item.me .inline-lb-name{color:#f4b942;font-weight:bold;text-shadow:0 0 10px rgba(244,185,66,0.5);}.inline-lb-rank{font-size:28px;min-width:50px;}.inline-lb-name{flex:1;font-size:18px;font-weight:bold;}.inline-lb-time{font-size:16px;font-family:"Courier New",monospace;background:rgba(255,255,255,0.2);padding:6px 12px;border-radius:16px;}.inline-lb-waiting{text-align:center;font-size:14px;color:rgba(255,255,255,0.6);margin-top:20px;font-style:italic;animation:pulse 2s ease-in-out infinite;transition:all 0.3s ease;}.inline-lb-buttons{display:flex;gap:10px;margin-top:20px;justify-content:center;}.inline-lb-buttons .btn{flex:1;max-width:200px;}.leaderboard-content .btn-container{display:flex;gap:10px;margin-top:20px;justify-content:center;}.leaderboard-content .btn-container .btn{flex:1;max-width:200px;}@media (max-width:600px){.inline-leaderboard{padding:20px;}.inline-lb-title{font-size:24px;}.inline-lb-rank{font-size:20px;min-width:35px;}.inline-lb-name{font-size:14px;}.inline-lb-time{font-size:12px;}}.tile.erased{animation:erase 0.2s ease;}@keyframes erase{0%{transform:scale(1);}50%{transform:scale(0.9);opacity:0.7;}100%{transform:scale(1);opacity:1;}}@media (min-width:769px){.modal-overlay-trophies{background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.modal-overlay-trophies .modal-trophies{max-width:95vw;width:95vw;max-height:95vh;height:95vh;padding:0;display:flex;flex-direction:column;}.modal-trophies .trophy-header-sticky{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 30px;}.modal-trophies .trophy-header-sticky h2{grid-column:2;text-align:center;margin:0;}.modal-trophies .trophy-count{grid-column:3;justify-self:end;}.btn-close-trophy-modal{grid-column:1;justify-self:start;background:rgba(239,68,68,0.2);border:1px solid rgba(239,68,68,0.4);color:#ef4444;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:20px;transition:all 0.2s;}.btn-close-trophy-modal:hover{background:rgba(239,68,68,0.3);transform:scale(1.05);}.modal-trophies .trophy-progress{flex-shrink:0;}.trophy-categories-nav{flex-shrink:0;display:flex;gap:8px;padding:15px 30px;border-bottom:2px solid rgba(255,255,255,0.2);overflow-x:auto;scrollbar-width:thin;}.category-nav-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:8px 12px;font-size:20px;cursor:pointer;transition:all 0.2s;flex-shrink:0;}.category-nav-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);}.modal-trophies .trophies-grid{flex:1;overflow-y:auto;padding:20px 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;align-content:start;margin-top:0px;margin-bottom:0px;}.modal-trophies .trophy-category{background:rgba(255,255,255,0.05);border-radius:12px;padding:0;border:1px solid rgba(255,255,255,0.1);height:fit-content;}.modal-trophies .trophy-category-header{position:initial;top:0;background:rgba(30,90,120,0.95);padding:15px 20px;margin:0;border-radius:12px 12px 0 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;z-index:5;transition:all 0.2s;}.modal-trophies .trophy-category-header:hover{background:rgba(30,90,120,1);}.category-toggle-icon{margin-right:10px;transition:transform 0.3s;display:inline-block;}.trophy-category.collapsed .category-toggle-icon{transform:rotate(-90deg);}.category-count{font-size:14px;opacity:0.8;background:rgba(255,255,255,0.1);padding:4px 10px;border-radius:12px;}.modal-trophies .trophy-items{display:grid;grid-template-columns:1fr;gap:10px;padding:15px;max-height:1000px;overflow:scroll;transition:max-height 0.3s ease,opacity 0.3s ease;}.trophy-category.collapsed .trophy-items{max-height:0;opacity:0;padding:0 15px;}@media (min-width:1600px){.modal-trophies .trophies-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:2200px){.modal-trophies .trophies-grid{grid-template-columns:repeat(4,1fr);}}}@media (max-width:768px){.modal-overlay-trophies{background:rgba(0,0,0,0.7);}.modal-overlay-trophies .modal-trophies{max-width:95vw;width:95vw;max-height:85vh;}.btn-close-trophy-modal{position:absolute;top:15px;right:15px;background:rgba(239,68,68,0.8);border:none;color:white;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:18px;z-index:20;}.trophy-categories-nav{display:flex;gap:6px;padding:10px 15px;overflow-x:auto;border-bottom:2px solid rgba(255,255,255,0.2);scrollbar-width:none;}.trophy-categories-nav::-webkit-scrollbar{display:none;}.category-nav-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:6px 10px;font-size:18px;cursor:pointer;flex-shrink:0;}.modal-trophies .trophies-grid{display:block;padding:15px;}.modal-trophies .trophy-category{margin-bottom:20px;background:transparent;border:none;}.modal-trophies .trophy-category-header{position:sticky;top:62px;padding:12px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}.modal-trophies .trophy-items{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 0;transition:max-height 0.3s ease,opacity 0.3s ease;max-height:2000px;overflow:hidden;}.trophy-category.collapsed .trophy-items{max-height:0;opacity:0;padding:0;}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn 0.2s ease;}.modal-content{background:linear-gradient(135deg,#1e5a78 0%,#2d7a9e 100%);padding:20px;border-radius:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.5);border:2px solid rgba(255,255,255,0.2);}.modal-content h2{text-align:center;font-size:28px;}.setting-item{background:rgba(255,255,255,0.1);padding:15px 20px;border-radius:12px;margin-bottom:15px;}.setting-item label{display:flex;align-items:center;gap:10px;font-size:16px;cursor:pointer;}.setting-item input[type="checkbox"]{width:20px;height:20px;cursor:pointer;}.setting-item input[type="range"]{width:100%;margin-top:10px;cursor:pointer;}.modal-rules{max-width:600px;}.rules-content{text-align:left;line-height:1.6;}.rules-content h3{margin-top:20px;margin-bottom:10px;color:#f4b942;}.rules-content ul{margin-bottom:15px;}.rules-content li{margin-bottom:8px;}.color-example{display:flex;align-items:center;gap:15px;margin:10px 0;padding:10px;background:rgba(255,255,255,0.05);border-radius:8px;}.color-example .tile{width:40px !important;height:40px;font-size:20px;flex-shrink:0;}.home-actions{display:flex;gap:10px;justify-content:center;margin-top:10px;margin-bottom:10px;}.icon-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);border-radius:12px;padding:12px 20px;color:white;font-size:16px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:8px;}.icon-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);}.trophies-btn{background:rgba(244,185,66,0.2);border:1px solid rgba(244,185,66,0.4);color:#f4b942;}.trophies-btn:hover{background:rgba(244,185,66,0.3);}.about-btn{background:rgba(100,150,200,0.2);border:1px solid rgba(100,150,200,0.4);color:#93c5fd;}.about-btn:hover{background:rgba(100,150,200,0.3);}@media (max-width:600px){.home-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 15px;margin-left:auto;margin-right:auto;}.icon-btn{padding:10px 15px;font-size:14px;justify-content:center;}}@media (max-width:400px){.home-actions{gap:6px;padding:0 10px;}.icon-btn{padding:8px 10px;font-size:13px;gap:6px;}}.share-url-btn{background:rgba(74,222,128,0.2);border:1px solid #4ade80;color:#4ade80;}.share-url-btn:hover{background:rgba(74,222,128,0.3);}@media (max-width:1200px){.sidebar-left,.sidebar-right{width:100%;max-width:600px;margin-bottom:20px;}}@media (max-width:900px){.logo{font-size:50px;letter-spacing:4px;margin-bottom:30px;}.logo-ox{height:60px;}.game-info{font-size:15px;gap:20px;}}@media (max-width:768px){.logo{font-size:30px;letter-spacing:3px;margin-bottom:25px;}.logo-ox{height:50px;}.logo-letter{padding:8px 16px;margin:0 3px;}.modal-content{max-width:95%;}.game-header{margin-bottom:15px;}.game-info{font-size:14px;gap:15px;}}@media (max-width:600px){.logo{font-size:20px;letter-spacing:0px;margin-bottom:20px;margin-left:20px;}.logo-ox{height:40px;}.logo-letter{padding:6px 12px;margin:0 2px;border-radius:8px;}.menu{max-width:100%;padding:0 10px;}.players-grid{grid-template-columns:repeat(4,1fr);}.game-info-box{padding:20px;font-size:14px;}.tile{width:40px;height:40px;font-size:20px;}.grid{grid-template-columns:repeat(8,40px);gap:4px;}.key{min-width:38px;height:48px;font-size:16px;padding:0 8px;}.key.key-action{min-width:55px;font-size:14px;}.keyboard-row{gap:4px;}.sidebar-left,.sidebar-right{padding:15px;}.modal-content h2{font-size:22px;}.icon-btn{padding:10px 15px;font-size:14px;}}@media (max-width:400px){.logo{font-size:28px;letter-spacing:2px;margin-left:10px;}.logo-ox{height:32px;}.logo-letter{padding:4px 10px;margin:0 1px;border-radius:6px;}.tile{width:32px;height:32px;font-size:18px;}.grid{grid-template-columns:repeat(8,35px);gap:3px;}.key{min-width:28px;height:42px;font-size:14px;padding:0 6px;}.key.key-action{min-width:48px;font-size:12px;}.game-info{flex-direction:column;gap:8px;font-size:13px;}}@media (max-height:600px){.game-header{margin-bottom:10px;}.game-info span{padding:6px 12px;font-size:13px;}.logo-small{font-size:18px;margin-bottom:5px;}.tile{width:38px !important;height:38px !important;}.grid{margin-bottom:15px !important;}.key{min-width:30px;height:40px;font-size:14px;}.keyboard-row{gap:3px;}}@media (min-width:1600px){.game-container{max-width:1600px;}}@media (prefers-color-scheme:dark){}@media print{.keyboard,.btn,.sidebar-left,.sidebar-right{display:none;}.grid{margin:20px auto;}}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:10px;}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:10px;transition:background 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.5);}::-webkit-scrollbar-thumb:active{background:rgba(255,255,255,0.6);}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) rgba(255,255,255,0.05);}#lobby-players,.sidebar-left,.sidebar-right,#leaderboard-past-attempts,#leaderboard-players-progress,.invalid-list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) rgba(255,255,255,0.05);}@media (max-width:600px){::-webkit-scrollbar{width:4px;height:4px;}*{scrollbar-width:thin;}}.game-status-indicator{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:rgba(255,255,255,0.15);border-radius:12px;margin-bottom:10px;font-size:14px;font-weight:bold;border:1px solid rgba(255,255,255,0.15);}.status-dot{width:12px;height:12px;border-radius:50%;background-color:#f4b942;animation:pulse-dot 4s ease-in-out infinite;}@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 #f4b94280;}50%{box-shadow:0 0 0 8px #f4b94200;}}.game-status-indicator.active .status-dot{background-color:#4ade80;}.game-status-indicator.ended .status-dot{background-color:#ef4444;animation:none;}.settings-section{margin:20px 0;}.setting-item{background:rgba(255,255,255,0.1);padding:15px 20px;border-radius:12px;margin-bottom:15px;}.lobby-player.spectating{opacity:0.6;}.lobby-player.spectating::after{content:" 👁️";opacity:0.7;}.lobby-player.in-game{border-left:3px solid #4ade80;}.lobby-stats-header{background:rgba(255,255,255,0.08);padding:5px;border-radius:12px;margin-bottom:15px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.15);}.stat-row.main{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;}.stat-icon{font-size:24px;display:block;margin-bottom:3px;}.stat-text{font-size:15px;color:rgba(255,255,255,0.95);}.stat-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;margin-top:12px;}.stat-item{background:rgba(255,255,255,0.05);padding:10px 8px;border-radius:8px;text-align:center;border:2px solid rgba(255,255,255,1);transition:all 0.2s;}.stat-item:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px);}.stat-value{display:block;font-size:24px;font-weight:bold;line-height:1;margin-bottom:5px;}.stat-label{display:block;font-size:11px;opacity:0.8;text-transform:uppercase;letter-spacing:0.5px;}.stat-item.playing{border-color:rgba(96,165,250,0.5);}.stat-item.playing .stat-value{color:#60a5fa;}.stat-item.completed{border-color:rgba(74,222,128,0.5);}.stat-item.completed .stat-value{color:#4ade80;}.stat-item.lost{border-color:rgba(239,68,68,0.5);}.stat-item.lost .stat-value{color:#ef4444;}.stat-item.spectating{border-color:rgba(244,185,66,0.5);}.stat-item.spectating .stat-value{color:#f4b942;}.lobby-divider{height:1px;background:linear-gradient( to right,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0) );margin:15px 0;}.lobby-player.newly-joined{animation:slideIn 0.3s ease;}@media (max-width:600px){.stat-row-grid{grid-template-columns:repeat(2,1fr);}.stat-value{font-size:20px;}.stat-label{font-size:10px;}}@media (max-width:600px){.stat-row-grid:has(.stat-item:nth-child(4)){grid-template-columns:repeat(2,1fr);}}.logo-small{animation:logoFloatSmall 2s ease-in-out infinite;}.players-grid{display:grid;grid-template-columns:1fr;gap:12px;}@media (min-width:1600px){.sidebar-right{max-width:450px;}.players-grid{grid-template-columns:repeat(2,1fr);}}.modal-leaderboard .rules-content{max-height:60vh;overflow-y:auto;}.about-btn{background:rgba(100,150,200,0.2);border:1px solid rgba(100,150,200,0.4);color:#93c5fd;}.about-btn:hover{background:rgba(100,150,200,0.3);}.daily-section{background:rgba(244,185,66,0.1);padding:20px;border-radius:16px;border:2px solid rgba(244,185,66,0.3);animation:slideInDown 0.5s ease;}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}.daily-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.solo-random-btn{width:100%;padding:15px;font-size:18px;margin-bottom:10px;}.btn-daily{background:linear-gradient(135deg,#f4b942 0%,#d99a2a 100%);color:#1e5a78;font-size:16px;padding:15px 5px;border:2px solid #ffd600;transition:all 0.3s;}.btn-daily:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px rgba(244,185,66,0.4);}.btn-daily:disabled{opacity:0.5;cursor:not-allowed;transform:none;}.multiplayer-section{background:rgba(96,165,250,0.1);padding:20px;border-radius:16px;border:2px solid rgba(96,165,250,0.3);}.modal-stats{max-width:600px;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:30px 0;}.stat-box{background:rgba(255,255,255,0.1);padding:10px 20px;border-radius:16px;text-align:center;border:2px solid rgba(255,255,255,0.2);transition:all 0.3s;}.stat-box:hover{background:rgba(255,255,255,0.15);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3);}.stat-value{font-size:34px;font-weight:bold;color:#f4b942;}.stat-label{font-size:14px;opacity:0.9;}.stat-streak{font-size:16px;color:#ff6b6b;font-weight:bold;margin-top:10px;padding:8px;background:rgba(255,107,107,0.2);border-radius:8px;}@media (max-width:600px){.daily-buttons{grid-template-columns:1fr;}.btn-daily{font-size:14px;padding:18px 12px;}.stats-grid{grid-template-columns:1fr;}.stat-icon{font-size:36px;}.stat-value{font-size:32px;}}@media (max-width:400px){.daily-section,.multiplayer-section{padding:15px;}}.inline-leaderboard h1.inline-lb-title{margin-bottom:20px;}.inline-leaderboard .inline-lb-subtitle{font-size:18px;margin-bottom:15px;line-height:1.6;}.inline-leaderboard .inline-lb-subtitle:last-of-type{margin-bottom:30px;}#solo-random-btn{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:2px solid #a78bfa;transition:all 0.3s;}#solo-random-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px rgba(139,92,246,0.4);}.stats-grid{grid-template-columns:repeat(2,1fr);}@media (max-width:600px){.stats-grid{grid-template-columns:1fr;}.screen,body{padding:0px !important;}}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;border-color:#555;position:relative;}.btn:disabled:hover{transform:none;box-shadow:0 4px 15px rgba(0,0,0,0.2);}.btn:disabled::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radius:8px;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;margin-bottom:8px;}.btn:disabled:hover::after{opacity:1;}.btn:disabled{filter:grayscale(0.7);}.solo-section{background:rgba(139,92,246,0.1);padding:20px;border-radius:16px;border:2px solid rgba(139,92,246,0.3);margin-bottom:15px;}.solo-modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.btn-solo{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);color:white;border:2px solid #a78bfa;font-size:14px;padding:15px 8px;transition:all 0.3s;}.btn-solo:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px rgba(139,92,246,0.4);}.icon-btn-mini{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);border-radius:8px;padding:6px 10px;font-size:16px;cursor:pointer;transition:all 0.2s;color:white;}.icon-btn-mini:hover{background:rgba(255,255,255,0.3);transform:scale(1.1);}.modal-settings{max-width:600px;max-height:85vh;overflow-y:auto;}.settings-section{background:rgba(255,255,255,0.08);padding:20px;border-radius:12px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.15);}.settings-section h3{margin-top:0;margin-bottom:15px;font-size:20px;color:#f4b942;border-bottom:2px solid rgba(244,185,66,0.3);padding-bottom:10px;}.settings-description{font-size:14px;opacity:0.8;margin:0 0 15px 0;font-style:italic;}.word-config-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;}.word-config-item label{flex-shrink:0;font-weight:bold;min-width:60px;}.word-range-inputs{display:flex;align-items:center;gap:8px;}.word-range-inputs input[type="number"]{width:60px;padding:8px;text-align:center;background:rgba(255,255,255,0.9);border:2px solid rgba(255,255,255,0.3);border-radius:8px;font-size:16px;font-weight:bold;}.word-range-inputs input[type="number"]:focus{outline:none;border-color:#f4b942;box-shadow:0 0 10px rgba(244,185,66,0.3);}.word-range-inputs span{font-size:14px;opacity:0.8;}.setting-item select{width:100%;padding:12px;background:rgba(255,255,255,0.9);border:2px solid rgba(255,255,255,0.3);border-radius:8px;font-size:16px;cursor:pointer;}.setting-item select:focus{outline:none;border-color:#f4b942;box-shadow:0 0 10px rgba(244,185,66,0.3);}.preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;}.preset-btn{padding:10px;background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.3);border-radius:10px;color:white;font-size:14px;font-weight:bold;cursor:pointer;transition:all 0.2s;}.preset-btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);border-color:#f4b942;}.preset-btn:active{transform:translateY(0);}#host-controls{position:relative;}.lobby-settings-btn{position:absolute;top:-50px;right:0;background:rgba(96,165,250,0.2);border:1px solid rgba(96,165,250,0.4);border-radius:10px;padding:8px 15px;color:#60a5fa;font-size:14px;cursor:pointer;transition:all 0.2s;}.lobby-settings-btn:hover{background:rgba(96,165,250,0.3);transform:translateY(-2px);}.current-settings{background:rgba(255,255,255,0.05);padding:15px;border-radius:10px;margin:15px 0;font-size:13px;border:1px solid rgba(255,255,255,0.15);}.current-settings h4{margin:0 0 10px 0;font-size:14px;color:#60a5fa;}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}.setting-pill{background:rgba(255,255,255,0.1);padding:6px 10px;border-radius:6px;text-align:center;font-size:12px;}@media (max-width:600px){.solo-modes-grid{grid-template-columns:1fr;}.btn-solo{font-size:16px;padding:18px 12px;}.modal-settings{padding:20px;}.word-config-item{flex-direction:column;align-items:flex-start;}.word-range-inputs{width:100%;justify-content:space-between;}.preset-buttons{grid-template-columns:1fr;}.settings-grid{grid-template-columns:1fr;}}@media (max-width:400px){.solo-section,.daily-section,.multiplayer-section{padding:15px;}.icon-btn-mini{padding:4px 8px;font-size:14px;}}.endurance-counter{position:fixed;top:80px;right:20px;background:rgba(139,92,246,0.9);padding:15px 25px;border-radius:15px;border:2px solid #a78bfa;box-shadow:0 4px 20px rgba(139,92,246,0.4);z-index:100;}.endurance-counter .counter-value{font-size:32px;font-weight:bold;color:white;display:block;text-align:center;}.endurance-counter .counter-label{font-size:12px;opacity:0.9;text-align:center;display:block;text-transform:uppercase;}.training-stats{background:rgba(255,255,255,0.1);padding:20px;border-radius:15px;margin:20px 0;text-align:center;}.training-stats .stat-row{display:flex;justify-content:space-between;margin:10px 0;font-size:16px;}.training-stats .stat-label{opacity:0.8;}.training-stats .stat-value{font-weight:bold;color:#f4b942;}.modal-stats{max-width:700px;max-height:85vh;overflow-y:auto;}.stats-section{margin-bottom:30px;}.stats-section h3{margin-top:0;margin-bottom:8px;font-size:20px;color:#f4b942;}.stats-description{font-size:14px;opacity:0.8;margin:0 0 15px 0;text-align:center;}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}.stat-box{background:rgba(255,255,255,0.1);padding:20px;border-radius:16px;text-align:center;border:2px solid rgba(255,255,255,0.2);transition:all 0.3s;}.stat-box:hover{background:rgba(255,255,255,0.15);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3);}.stat-box.stat-daily{border-color:rgba(244,185,66,0.4);}.stat-box.stat-solo{border-color:rgba(139,92,246,0.4);}.stat-box.stat-multi{border-color:rgba(96,165,250,0.4);}.stat-value{font-size:42px;font-weight:bold;color:#f4b942;display:block;line-height:1;margin-bottom:8px;}.stat-label{font-size:14px;opacity:0.9;display:block;}.streak-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}.streak-card{background:rgba(255,107,107,0.15);padding:20px;border-radius:16px;border:2px solid rgba(255,107,107,0.3);}.streak-header{display:flex;align-items:center;gap:8px;margin-bottom:15px;}.streak-icon{font-size:24px;}.streak-title{font-size:16px;font-weight:bold;opacity:0.9;}.streak-current{text-align:center;margin-bottom:12px;}.streak-number{font-size:48px;font-weight:bold;color:#ff6b6b;display:block;line-height:1;}.streak-label{font-size:13px;opacity:0.8;display:block;margin-top:4px;}.streak-best{text-align:center;font-size:14px;padding:8px;background:rgba(255,255,255,0.1);border-radius:8px;margin-bottom:8px;}.streak-last{text-align:center;font-size:12px;opacity:0.7;}.stats-info{background:rgba(96,165,250,0.15);padding:15px;border-radius:12px;border:1px solid rgba(96,165,250,0.3);margin-bottom:20px;}@media (max-width:600px){.stats-grid,.streak-cards{grid-template-columns:1fr;}.stat-icon{font-size:28px;}.stat-value{font-size:32px;}.streak-number{font-size:36px;}}@media (max-width:2300px){.keyboard{width:100%;max-width:100%;align-items:stretch;padding:0 10px;box-sizing:border-box;}.keyboard-row{width:100%;justify-content:space-between;}.key{flex:1;min-width:0;max-width:none;margin:0;}.key.key-action{flex:1.5;min-width:0;}}@media (max-width:745px){.sidebar-left{width:calc(100% - 40px) !important;max-width:calc(100% - 40px) !important;margin:20px auto !important;padding:15px;box-sizing:border-box;order:2;}.game-container{padding:0 10px;box-sizing:border-box;width:100%;}.game-main{width:100%;max-width:100%;padding:0;}.grid{width:100% !important;max-width:100% !important;margin:0 auto 20px auto !important;padding:0 10px;box-sizing:border-box;gap:3px !important;grid-template-columns:repeat(var(--word-length,8),1fr) !important;}.tile{width:100% !important;min-width:0 !important;max-width:none !important;position:relative;font-size:clamp(16px,5vw,24px) !important;}.grid{display:grid;gap:3px;margin:0 auto 20px auto;width:fit-content;max-width:calc(100vw - 20px);}.tile{width:calc((100vw - 40px) / var(--word-length,8) - 3px);height:calc((100vw - 40px) / var(--word-length,8) - 3px);max-width:50px;max-height:50px;min-width:30px;min-height:30px;font-size:clamp(16px,4vw,22px);}.sidebar-right{width:calc(100% - 40px) !important;max-width:calc(100% - 40px) !important;margin:20px auto !important;padding:15px;box-sizing:border-box;order:3;}.invalid-attempts-container{margin:20px auto;max-width:calc(100% - 40px);}}@media (max-width:400px){.keyboard{padding:0 5px;}.key{font-size:14px;padding:0 4px;}.key.key-action{font-size:12px;}.keyboard-row{gap:3px;}.sidebar-left,.sidebar-right{width:calc(100% - 20px) !important;max-width:calc(100% - 20px) !important;margin:15px auto !important;padding:12px;}}@media (max-height:500px) and (max-width:900px){.keyboard{padding:0 5px;}.keyboard-row{gap:3px;}.key{height:40px;font-size:14px;}.sidebar-left,.sidebar-right{max-height:200px;}}#join-public-lobby-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #34d399;transition:all 0.3s;}#join-public-lobby-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px rgba(16,185,129,0.4);}#public-lobby-screen{display:none;}#public-lobby-screen.active{display:block;animation:fadeIn 0.3s ease;}#public-lobby-countdown{background:linear-gradient( 135deg,rgba(16,185,129,0.2),rgba(5,150,105,0.2) );border:2px solid rgba(16,185,129,0.4);padding:30px;border-radius:16px;text-align:center;margin-bottom:30px;box-shadow:0 4px 20px rgba(16,185,129,0.3);}#countdown-timer{font-family:"Courier New",monospace;color:#10b981;text-shadow:0 2px 10px rgba(16,185,129,0.5);animation:pulseGlow 2s ease-in-out infinite;}@keyframes pulseGlow{0%,100%{text-shadow:0 2px 10px rgba(16,185,129,0.5);transform:scale(1);}50%{text-shadow:0 2px 20px rgba(16,185,129,0.8);transform:scale(1.05);}}#countdown-subtitle{color:rgba(255,255,255,0.9);margin-top:10px;}#public-lobby-players{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;}#public-lobby-players .lobby-player{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);padding:12px 20px;border-radius:10px;font-size:15px;animation:slideIn 0.3s ease;transition:all 0.2s;}#public-lobby-players .lobby-player:hover{background:rgba(16,185,129,0.25);}#quit-public-lobby-btn{color:white;text-shadow:0px 1px 0px #000;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:2px solid #ff8787;}#quit-public-lobby-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);}#public-lobby-screen .lobby-container > div:last-child p{margin:5px 0;}@media (max-width:600px){#public-lobby-countdown{padding:20px;}#countdown-timer{font-size:36px;}#countdown-subtitle{font-size:13px;}}@keyframes urgentPulse{0%,100%{background:linear-gradient( 135deg,rgba(239,68,68,0.2),rgba(220,38,38,0.2) );border-color:rgba(239,68,68,0.6);}50%{background:linear-gradient( 135deg,rgba(239,68,68,0.4),rgba(220,38,38,0.4) );border-color:rgba(239,68,68,0.8);}}#public-lobby-countdown.urgent{animation:urgentPulse 1s ease-in-out infinite;}#public-lobby-countdown.urgent #countdown-timer{color:#ef4444;}.logo{text-align:center;margin-top:0.5em;font-size:clamp(32px,8vw,72px);font-weight:bold;text-shadow:0px 2px 0px #3c3c3c;display:flex;justify-content:center;align-items:center;gap:clamp(2px,0.5vw,8px);flex-wrap:wrap;}.logo-letter{min-height:clamp(40px,8vw,80px);min-width:clamp(40px,8vw,80px);display:inline-flex;align-items:center;justify-content:center;border-radius:clamp(8px,1.5vw,12px);box-shadow:0 8px 20px rgba(0,0,0,0.4);transition:transform 0.3s ease;transform-style:preserve-3d;position:relative;}.logo-letter[data-letter="T"]{transform:rotate(-3deg);z-index:1;}.logo-letter[data-letter="U"]{transform:rotate(2deg);z-index:2;}.logo-letter[data-letter="S"]{transform:rotate(-2deg) translateY(-8px);z-index:10;border-radius:50% !important;}.logo-letter[data-letter="M"]{transform:rotate(3deg);z-index:3;}.logo-letter[data-letter="O"]{transform:rotate(-2deg);z-index:4;}.logo-letter[data-letter="X"]{transform:rotate(2deg);z-index:5;}.logo-letter[data-letter="T"]:hover{transform:rotate(-3deg) translateY(-5px) scale(1.05);}.logo-letter[data-letter="U"]:hover{transform:rotate(2deg) translateY(-5px) scale(1.05);}.logo-letter[data-letter="S"]:hover{transform:rotate(-2deg) translateY(-13px) scale(1.05);}.logo-letter[data-letter="M"]:hover{transform:rotate(3deg) translateY(-5px) scale(1.05);}.logo-letter[data-letter="O"]:hover{transform:rotate(-2deg) translateY(-5px) scale(1.05);}.logo-letter[data-letter="X"]:hover{transform:rotate(2deg) translateY(-5px) scale(1.05);}.logo-letter.logo-yellow{box-shadow:0 clamp(4px,1vw,8px) 0px #bb8414;z-index:10;}.logo-letter.logo-yellow:hover{box-shadow:0 clamp(6px,1.2vw,10px) 0px #bb8414;}.logo-letter.logo-white{box-shadow:0 clamp(4px,1vw,8px) 0px #144157;}.logo-letter.logo-white:hover{box-shadow:0 clamp(6px,1.2vw,10px) 0px #144157;}.logo-letter.logo-red{box-shadow:0 clamp(4px,1vw,8px) 0px #731e1e;}.logo-letter.logo-red:hover{box-shadow:0 clamp(6px,1.2vw,10px) 0px #731e1e;}.logo-red{background-color:#c93a3a;color:white;}.logo-white{background-color:#266b8c;color:#effaff;}.logo-yellow{background-color:#f4b942;color:white;}.logo-transparent{background-color:rgba(255,255,255,0);color:white;box-shadow:none !important;}.logo-ox{width:auto;height:clamp(40px,8vw,80px);animation:oxRotate 8s ease-in-out infinite;}.logo-ox-mini{}@keyframes oxRotate{0%{transform:rotate(25deg);}22%{transform:rotate(0deg);}24%{transform:rotate(0deg) translateY(-8px);}26%{transform:rotate(0deg);}50%{transform:rotate(-25deg);}72%{transform:rotate(0deg);}74%{transform:rotate(0deg) translateY(-8px);}76%{transform:rotate(0deg);}100%{transform:rotate(25deg);}}.logo-small{font-size:clamp(16px,3vw,24px);font-weight:bold;letter-spacing:clamp(1px,0.3vw,2px);text-align:center;margin-top:10px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:clamp(3px,0.6vw,6px);animation:logoFloatSmall 2s ease-in-out infinite;}@keyframes logoFloatSmall{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}.logo-small .mini-letter{display:inline-flex;align-items:center;justify-content:center;padding:clamp(3px,0.6vw,6px) clamp(6px,1.2vw,10px);border-radius:clamp(3px,0.6vw,6px);box-shadow:0 clamp(2px,0.4vw,4px) 0px rgba(0,0,0,0.4);transition:transform 0.2s ease;transform-style:preserve-3d;position:relative;font-size:clamp(12px,2.5vw,18px);}.logo-small .mini-letter:nth-child(1){transform:rotate(-3deg);z-index:1;}.logo-small .mini-letter:nth-child(2){transform:rotate(2deg);z-index:2;}.logo-small .mini-letter:nth-child(3){transform:rotate(-2deg) translateY(clamp(-3px,-0.5vw,-5px));border-radius:50% !important;z-index:10;}.logo-small .mini-letter:nth-child(4){transform:rotate(3deg);z-index:3;}.logo-small .mini-letter:nth-child(5){transform:rotate(-2deg);z-index:4;}.logo-small .mini-letter:nth-child(6){transform:rotate(2deg);z-index:5;}.logo-small .mini-letter:nth-child(1):hover{transform:rotate(-3deg) translateY(-3px) scale(1.05);}.logo-small .mini-letter:nth-child(2):hover{transform:rotate(2deg) translateY(-3px) scale(1.05);}.logo-small .mini-letter:nth-child(3):hover{transform:rotate(-2deg) translateY(clamp(-6px,-1vw,-8px)) scale(1.05);}.logo-small .mini-letter:nth-child(4):hover{transform:rotate(3deg) translateY(-3px) scale(1.05);}.logo-small .mini-letter:nth-child(5):hover{transform:rotate(-2deg) translateY(-3px) scale(1.05);}.logo-small .mini-letter:nth-child(6):hover{transform:rotate(2deg) translateY(-3px) scale(1.05);}.logo-small .mini-letter::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg,rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.1) 100% );border-radius:inherit;pointer-events:none;}.logo-small .mini-transparent::before{background:none;}.logo-small .mini-red{background-color:#c93a3a;color:white;box-shadow:0 clamp(2px,0.4vw,4px) 0px #731e1e;}.logo-small .mini-red:hover{box-shadow:0 clamp(3px,0.5vw,5px) 0px #731e1e;}.logo-small .mini-white{background-color:#266b8c;color:#effaff;box-shadow:0 clamp(2px,0.4vw,4px) 0px #144157;}.logo-small .mini-white:hover{box-shadow:0 clamp(3px,0.5vw,5px) 0px #144157;}.logo-small .mini-yellow{background-color:#f4b942;color:white;box-shadow:0 clamp(2px,0.4vw,4px) 0px #bb8414;z-index:10;}.logo-small .mini-yellow:hover{box-shadow:0 clamp(3px,0.5vw,5px) 0px #bb8414;}.logo-small .mini-transparent{background-color:rgba(255,255,255,0);color:white;box-shadow:none;}@media (max-width:768px){.logo{gap:clamp(1px,0.3vw,4px);}.logo-letter[data-letter="T"]{transform:rotate(-2deg);}.logo-letter[data-letter="U"]{transform:rotate(1deg);}.logo-letter[data-letter="S"]{transform:rotate(-1deg) translateY(-6px);}.logo-letter[data-letter="M"]{transform:rotate(2deg);}.logo-letter[data-letter="O"]{transform:rotate(-1deg);}.logo-letter[data-letter="X"]{transform:rotate(1deg);}}@media (max-width:600px){.logo-letter{border-radius:clamp(6px,1vw,8px);}.logo-letter[data-letter="S"]{transform:rotate(-1deg) translateY(-4px);}}@media (max-width:400px){.logo{gap:-5px;}.logo-letter[data-letter="T"]{transform:rotate(-1deg);}.logo-letter[data-letter="U"]{transform:rotate(0.5deg);}.logo-letter[data-letter="S"]{transform:rotate(-0.5deg) translateY(-3px);}.logo-letter[data-letter="M"]{transform:rotate(1deg);}.logo-letter[data-letter="O"]{transform:rotate(-0.5deg);}.logo-letter[data-letter="X"]{transform:rotate(0.5deg);}}@media (max-height:600px){.logo-small{font-size:clamp(14px,2.5vw,18px);margin-bottom:5px;}.logo-letter[data-letter="S"]{transform:rotate(-1deg) translateY(-4px);}}@media (min-width:1600px){}#mobile-input-container{display:none;width:100%;margin:15px auto;padding:0 10px;box-sizing:border-box;}.mobile-input-wrapper{display:flex;gap:10px;align-items:stretch;max-width:600px;margin:0 auto;}#mobile-guess-input{flex:1;padding:15px;border:2px solid rgba(255,255,255,0.3);border-radius:12px;font-size:20px;text-align:center;background:rgba(255,255,255,0.95);text-transform:uppercase;font-weight:bold;letter-spacing:4px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}#mobile-guess-input:focus{outline:none;border-color:#f4b942;box-shadow:0 4px 20px rgba(244,185,66,0.5);}#toggle-keyboard-btn{padding:15px 20px;font-size:24px;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);border-radius:12px;cursor:pointer;transition:all 0.2s;}#toggle-keyboard-btn:hover{background:rgba(255,255,255,0.3);transform:scale(1.05);}#mobile-input-container.keyboard-hidden ~ .game-main .grid{margin-bottom:30px;}@media (max-width:745px){#mobile-input-container{display:block;}.game-main{margin-top:10px;}.grid{margin-bottom:15px;}}@media (max-width:400px){#mobile-guess-input{font-size:18px;padding:12px;letter-spacing:2px;}#toggle-keyboard-btn{padding:12px 16px;font-size:20px;}}