:root{color:#1e2732;background:#edf2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:22px}.top-bar{width:min(100%,1260px);min-height:70px;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(240px,1fr);gap:18px;align-items:center;margin:0 auto 18px;border:1px solid #d7e0ea;border-radius:8px;background:#fff;padding:10px 14px;box-shadow:0 16px 42px #18222d12}.google-login{width:fit-content;min-height:42px;display:inline-flex;gap:10px;align-items:center;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#263442;cursor:pointer;font-weight:800;padding:0 14px}.google-login:hover{border-color:#4285f4;box-shadow:inset 0 0 0 2px #4285f41f}.google-logo{width:22px;height:22px;flex:0 0 auto}.site-title{display:grid;justify-items:center;gap:2px;text-align:center}.site-title strong{color:#183451;font-size:1.05rem}.site-title span{color:#667586;font-size:.82rem;font-weight:700}.top-right{justify-self:end;display:flex;align-items:center;gap:12px}.language-dropdown{position:relative}.language-trigger{min-height:44px;min-width:165px;display:inline-flex;align-items:center;gap:10px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#253342;cursor:pointer;font-weight:800;padding:0 12px}.language-trigger:hover{border-color:#4c8f7d}.language-trigger-label{flex:1 1 auto;text-align:left}.chevron-icon{width:18px;height:18px;flex:0 0 auto;color:#5f6f82}.flag-icon{width:24px;height:24px;flex:0 0 auto;object-fit:cover}.flag-icon.is-round{border-radius:50%}.language-menu{width:260px;position:absolute;right:0;top:calc(100% + 6px);z-index:24;border:1px solid #d7e0ea;border-radius:8px;background:#fff;box-shadow:0 20px 46px #18222d24;padding:8px}.language-search{width:100%;min-height:36px;border:1px solid #cfd8e3;border-radius:6px;outline:none;padding:0 10px}.language-search:focus{border-color:#4c8f7d;box-shadow:0 0 0 2px #4c8f7d1f}.language-list{display:grid;gap:4px;margin:8px 0 0;padding:0;list-style:none}.language-list button{width:100%;min-height:38px;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:6px;background:#fff;color:#253342;cursor:pointer;font-weight:700;padding:0 8px}.language-list button:hover{border-color:#d6e3ef;background:#f6fbff}.language-list button.is-active-language{border-color:#214e78;background:#214e7814}.language-empty{margin:10px 0 4px;color:#667586;font-size:.84rem;font-weight:700;text-align:center}.company-logo{min-width:178px;min-height:66px;display:grid;place-items:center;background:transparent;padding:0}.company-logo img{display:block;width:206px;height:66px;object-fit:cover;object-position:center}.home-layout{width:min(100%,1260px);display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;margin:0 auto}.game-panel{min-width:0}.game-header,.status-bar,.word-strip,.board-card,.ranking-panel{border:1px solid #d7e0ea;border-radius:8px;background:#fff;box-shadow:0 16px 42px #18222d12}.game-header{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:center;padding:18px}.eyebrow{margin:0 0 7px;color:#23715a;font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.game-header h1,.ranking-header h2{margin:0;color:#1a2c3f;line-height:1}.game-header h1{font-size:2.5rem}.mode-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mode-selector button,.ranking-tabs button,.game-actions button{border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#263442;cursor:pointer;font-weight:800}.mode-selector button{min-height:58px;display:grid;align-content:center;gap:3px;padding:8px 10px}.mode-selector button small{color:#718196;font-size:.75rem;font-weight:900}.mode-selector button:hover,.ranking-tabs button:hover,.game-actions button:hover:not(:disabled){border-color:#4c8f7d;color:#1e6b57}.mode-selector button.is-active{border-color:#214e78;background:#214e78;color:#fff}.mode-selector button.is-active small{color:#ffffffc2}.status-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:12px;padding:12px 16px}.status-bar span{min-width:0;color:#4c5c70;font-weight:700}.status-bar strong{color:#214e78;white-space:nowrap}.word-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px}.word-chip{min-height:34px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:6px;background:#f3f7fb;color:#263442;font-size:.86rem;font-weight:900;padding:7px 10px}.word-chip img{display:block;max-width:128px;height:20px;pointer-events:none;-webkit-user-select:none;user-select:none}.word-chip.is-found{border-color:#23715a59;background:#28a77424;color:#1e6b57}.word-chip.is-found img{opacity:.54}.word-chip.is-revealed{border-color:#214e7840;background:#3478b424}.word-chip.is-hinted{border-color:#d94f3f8c}.board-card{margin-top:12px;padding:16px}.board{width:min(100%,780px);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--board-size),minmax(0,1fr));gap:4px;margin:0 auto}.letter-cell{aspect-ratio:1;display:grid;place-items:center;border:1px solid #cfdae6;border-radius:5px;background:#f8fbff;color:#243447;cursor:pointer;font-size:.95rem;font-weight:900;line-height:1;padding:0;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease}.letter-cell img{display:block;width:76%;height:76%;pointer-events:none;-webkit-user-select:none;user-select:none}.letter-cell:hover{border-color:#4c8f7d;box-shadow:inset 0 0 0 2px #4c8f7d29}.letter-cell.is-selected{border-color:#bf7600b3;background:#f7b73157;box-shadow:inset 0 -11px #f7b73138}.letter-cell.is-found{border-color:#23715ab8;background:#28a77440;color:#124536}.letter-cell.is-revealed{border-color:#214e789e;background:#3478b438;color:#173f62}.letter-cell.is-hint{border-color:#d94f3f;background:#e55b494d;box-shadow:inset 0 0 0 2px #d94f3f3d,0 0 0 3px #d94f3f1f}.game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.game-actions button{min-height:42px;padding:0 14px}.game-actions button:disabled{cursor:not-allowed;opacity:.5}.game-actions .primary-action{border-color:#214e78;background:#214e78;color:#fff}.ranking-panel{position:sticky;top:18px;padding:18px}.ranking-header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.ranking-header h2{font-size:1.65rem}.ranking-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.ranking-tabs button{min-height:38px}.ranking-tabs button.is-active{border-color:#23715a;background:#23715a;color:#fff}.ranking-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.ranking-list li{min-height:58px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #e0e7ef;border-radius:8px;background:#f8fafc;padding:9px}.ranking-list li.is-podium{background:#fff;box-shadow:0 10px 26px #18222d14}.rank-medal{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d6dee8;color:#25313f;font-weight:1000}.rank-medal.gold{background:linear-gradient(135deg,#f8d66d,#b98114);color:#3c2a00}.rank-medal.silver{background:linear-gradient(135deg,#f1f4f7,#9daab7);color:#26313d}.rank-medal.bronze{background:linear-gradient(135deg,#e9b277,#9b5a24);color:#2c1708}.rank-player{min-width:0;display:grid;gap:2px}.rank-player-main{min-width:0;display:inline-flex;align-items:center;gap:8px}.rank-player strong{overflow:hidden;color:#243447;text-overflow:ellipsis;white-space:nowrap}.rank-player small{color:#667586;font-weight:900}.rank-flag{width:20px;height:20px;border-radius:50%;border:1px solid #d6e1ec;object-fit:cover;flex:0 0 auto}@media(max-width:1060px){.top-bar,.home-layout,.game-header,.status-bar{grid-template-columns:1fr}.site-title{justify-items:start;text-align:left}.company-logo{justify-self:stretch}.top-right{justify-self:start;width:100%;flex-wrap:wrap}.ranking-panel{position:static}}@media(max-width:720px){.app-shell{padding:14px}.mode-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.language-dropdown,.language-trigger{width:100%}.language-menu{width:100%;left:0;right:auto}.game-header h1{font-size:2.1rem}.board-card{padding:10px}.board{gap:2px}.letter-cell{border-radius:3px;font-size:.68rem}.company-logo img{width:min(100%,220px);height:68px}}