*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{font-family:Arial,sans-serif;transition:background .3s,color .3s}body.claro{color:#111;background:#f5f5f5}body.escuro{color:#fff;background:#111}button,input,select{font-family:inherit}button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:0;padding:14px 18px;font-size:15px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}input,select{color:#111;background:#fff;border:1px solid #d8d8d8;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-size:15px}input:focus,select:focus{border-color:#007bff}body.escuro input,body.escuro select{color:#fff;background:#171717;border-color:#333}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(28px,4vw,42px);line-height:1.08}h2{margin-bottom:0;font-size:20px}.primary{color:#fff;background:#007bff}.secondary{color:inherit;background:0 0;border:1px solid #d8d8d8}body.escuro .secondary{border-color:#333}.ghost,.text-button,.brand-button,.icon-button{color:inherit;background:0 0}.text-button{color:#007bff;margin-bottom:12px;padding:0}.icon-button{border:1px solid #d8d8d8;width:44px;height:44px;padding:0}body.escuro .icon-button{border-color:#333}.full{width:100%}.center-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card,.card,.profile-panel,.modal-card{background:#fff;border:1px solid #e3e3e3;border-radius:14px}body.escuro .auth-card,body.escuro .card,body.escuro .profile-panel,body.escuro .modal-card{background:#171717;border-color:#303030}.auth-card{width:min(100%,430px);padding:24px}.card,.profile-panel{padding:22px}.brand-line,.card-title,.room-title-row,.button-row,.top-actions,.search-row,.chat-form,.player-line,.modal-head,.room-list-head,.room-item-title{align-items:center;gap:10px;display:flex}.brand-line{color:#007bff;margin-bottom:22px}.tab-row{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;display:grid}.tab-row button{color:inherit;background:0 0;border:1px solid #d8d8d8}.tab-row button.active{color:#fff;background:#007bff;border-color:#007bff}body.escuro .tab-row button{border-color:#333}.stack{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field span,.muted,.metric span,.mini-grid span,.room-info-grid span,.player-line span,.chat-meta span,.symbol-reveal-grid span{opacity:.75;font-size:14px}.alert,.small-warning{color:#8b1d1d;background:#fff1f1;border:1px solid #f0b4b4;border-radius:8px;padding:12px;font-size:14px}.small-warning{margin:12px 0 0}body.escuro .alert,body.escuro .small-warning{color:#ffb7b7;background:#2b1717;border-color:#603030}.alert.small{padding:9px}.notice-box,.status-box{background:#fafafa;border:1px solid #d8d8d8;border-radius:8px;padding:12px}body.escuro .notice-box,body.escuro .status-box{background:#121212;border-color:#333}.topbar{z-index:20;background:#f5f5f5;border-bottom:1px solid #e3e3e3;justify-content:space-between;align-items:center;width:100%;max-width:100%;min-height:68px;padding:0 22px;display:flex;position:sticky;top:0}body.escuro .topbar{background:#111;border-color:#303030}.brand-button{padding-left:0;font-weight:700}.layout{flex-direction:column;gap:20px;width:min(100%,1180px);margin:0 auto;padding:30px 20px 42px;display:flex}.layout.narrow{width:min(100%,930px)}.hero{justify-content:space-between;align-items:center;gap:20px;display:flex}.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;width:100%;display:grid}.search-row{margin:16px 0 12px}.search-row input,.chat-form input{flex:1;min-width:0}.card-title{margin-bottom:16px}.card-title h2{margin:0}.room-list-head{justify-content:space-between;margin-bottom:14px}.room-list-head .card-title{margin:0}.room-list{flex-direction:column;gap:12px;display:flex}.room-item{border:1px solid #e3e3e3;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}body.escuro .room-item{border-color:#303030}.room-item-main{flex:1;min-width:0}.room-item-title{flex-wrap:wrap;justify-content:flex-start}.pill{white-space:nowrap;border:1px solid #d8d8d8;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:13px;display:inline-flex}.pill.playing{color:#007bff;border-color:#007bff}.pill.ready{color:#0b7a2a;border-color:#0b7a2a}.pill.finished{opacity:.7}body.escuro .pill{border-color:#333}.mini-grid,.room-info-grid,.profile-grid,.symbol-reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mini-grid div,.room-info-grid div,.metric,.symbol-reveal-grid div{border:1px solid #e3e3e3;border-radius:10px;flex-direction:column;gap:5px;min-width:0;padding:12px;display:flex}body.escuro .mini-grid div,body.escuro .room-info-grid div,body.escuro .metric,body.escuro .symbol-reveal-grid div{border-color:#303030}.mini-grid strong,.room-info-grid strong,.metric strong,.symbol-reveal-grid strong{overflow-wrap:anywhere}.center-text{text-align:center;margin:16px 0}.chat-card{flex-direction:column;height:430px;min-height:0;display:flex;overflow:hidden}.compact-chat{height:520px;min-height:0}.chat-list{border:1px solid #e3e3e3;border-radius:10px;flex-direction:column;flex:1;gap:10px;min-height:0;max-height:none;padding:12px;display:flex;overflow:hidden auto}body.escuro .chat-list{border-color:#303030}.chat-message{border-bottom:1px solid #eee;padding-bottom:8px}body.escuro .chat-message{border-color:#303030}.chat-message:last-child{border-bottom:0}.chat-meta{justify-content:space-between;gap:12px;margin-bottom:5px;display:flex}.chat-message p{overflow-wrap:anywhere;margin:0;line-height:1.4}.chat-form{margin-top:12px}.modal-backdrop{z-index:60;background:#00000073;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow:hidden auto}.modal-card{width:min(100%,520px);padding:22px}.modal-head,.room-title-row,.room-list-head{justify-content:space-between}.button-row.right{justify-content:flex-end}.room-main{flex-direction:column;gap:18px;display:flex}.room-layout{width:min(100%,1180px)}.room-page-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:20px;display:grid}.room-header,.players-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.room-header h1{margin-bottom:6px}.room-header p{margin-bottom:0}.room-code-panel{background:#fafafa;border:1px solid #d8d8d8;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.room-code-panel span{opacity:.75;font-size:14px}.room-code-panel strong{letter-spacing:1px;font-size:22px}body.escuro .room-code-panel{background:#121212;border-color:#333}.players-panel,.game-area{border:1px solid #e3e3e3;border-radius:12px;padding:16px}body.escuro .players-panel,body.escuro .game-area{border-color:#303030}.players-panel-head{margin-bottom:12px}.players-panel-head h2{margin:0}.waiting-panel,.final-inline,.locked-chat-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:210px;display:flex}.waiting-icon,.result-icon{border:1px solid #d8d8d8;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}body.escuro .waiting-icon,body.escuro .result-icon{border-color:#333}.final-inline p,.waiting-panel p{margin-bottom:0}.result-backdrop{background:#0000008c}.result-modal{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.result-modal h2,.result-modal p{margin-bottom:0}.room-title-row h1{margin-bottom:6px}.room-title-row p{margin-bottom:0}.room-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-line{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.player-line div{border:1px solid #e3e3e3;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}body.escuro .player-line div{border-color:#303030}.join-box{border:1px solid #e3e3e3;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}body.escuro .join-box{border-color:#303030}.board-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.board{grid-template-rows:repeat(3,110px);grid-template-columns:repeat(3,110px);gap:8px;max-width:100%;display:grid}.cell{color:#111;background:#fff;border:1px solid #d8d8d8;border-radius:10px;padding:0;font-size:46px;font-weight:700}.cell:disabled{opacity:1}body.escuro .cell{color:#fff;background:#121212;border-color:#333}.start-reveal{text-align:center;border:1px solid #e3e3e3;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}body.escuro .start-reveal{border-color:#303030}.loader-ring{border:3px solid #d8d8d8;border-top-color:#007bff;border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.profile-panel{flex-direction:column;gap:20px;display:flex}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric.wide{grid-column:span 3}.profile-logout{min-height:66px}@media (width<=860px){.topbar{padding:0 12px}.top-actions span,.brand-button span{display:none}.layout{padding:20px 12px 34px}.hero,.room-item,.search-row,.chat-form{flex-direction:column;align-items:stretch}.home-grid,.room-page-grid,.mini-grid,.room-info-grid,.player-line,.profile-grid,.symbol-reveal-grid{grid-template-columns:1fr}.chat-card,.compact-chat{height:430px}.room-header,.players-panel-head,.room-code-panel{flex-direction:column;align-items:stretch}.metric.wide{grid-column:span 1}.room-actions,.room-actions button,.button-row button{width:100%}.button-row{flex-direction:column;align-items:stretch}.board{grid-template-rows:repeat(3,94px);grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.cell{font-size:40px}}