*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app-root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Arial,sans-serif;background:#12241a;color:#f0ead6}.menu-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}.title{font-size:56px;letter-spacing:2px;color:#ffe066}.subtitle{color:#b9c7ae}.input{padding:12px 16px;font-size:18px;border-radius:8px;border:2px solid #3a5c48;background:#1c3527;color:#f0ead6;width:280px;text-align:center}.code-input{letter-spacing:8px;font-size:26px;text-transform:uppercase}.menu-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{padding:10px 22px;font-size:16px;border-radius:8px;border:2px solid #3a5c48;background:#24462f;color:#f0ead6;cursor:pointer;transition:background .15s}.btn:hover:not(:disabled){background:#316043}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:#b8860b;border-color:#8a6508}.btn.primary:hover:not(:disabled){background:#d19c14}.btn.accept{background:#2e7d32}.btn.reject{background:#a13c2f}.btn.small{padding:6px 12px;font-size:13px}.btn.small.remove-bot{margin-left:8px;padding:2px 8px;font-size:11px}.btn.option.selected{background:#b8860b;border-color:#ffe066}.field-group{display:flex;align-items:center;gap:10px}.field-label{min-width:90px;text-align:right;color:#b9c7ae}.teams{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.team-box{border:2px solid #3a5c48;border-radius:12px;padding:16px 24px;min-width:220px}.team-box.a h3{color:#7fb3ff}.team-box.b h3{color:#ffb066}.team-box ul{list-style:none;margin:10px 0;min-height:60px}.team-box li{padding:4px 0}.game-screen{position:relative;width:100%;height:100%}.pixi-host{position:absolute;inset:0}.pixi-host canvas{display:block}.action-panel{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center}.action-panel>*{pointer-events:auto}.scoreboard{margin-top:10px;display:flex;gap:16px;background:#0000008c;padding:8px 18px;border-radius:10px;font-size:17px;font-weight:700}.scoreboard .team-a{color:#7fb3ff}.scoreboard .team-b{color:#ffb066}.scoreboard .mine{text-decoration:underline}.scoreboard .target{color:#b9c7ae;font-weight:400}.phase-status{margin-top:6px;background:#00000073;padding:5px 14px;border-radius:8px;font-size:14px}.phase-status.envido-info{color:#ffe066;font-size:13px}.action-buttons{position:absolute;bottom:16px;right:18px;display:flex;flex-direction:column;gap:8px;max-width:240px}.error-banner{position:absolute;bottom:16px;left:18px;background:#7a2c20;border:1px solid #c05040;padding:8px 14px;border-radius:8px;font-size:14px;max-width:320px}.toasts{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toast{background:#000000bf;border:1px solid #ffe066;color:#ffe066;padding:6px 16px;border-radius:16px;font-size:16px;font-weight:700;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.connection-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.connection-box{background:#1c3527;border:2px solid #3a5c48;padding:24px 36px;border-radius:12px;font-size:18px}