:root{box-sizing:border-box;--bg-gradient:linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);--text-primary:#111;--text-secondary:#000;--text-score:#004085;--header-bg:#ffffffd9;--header-border:#ffffffe6;--panel-bg:#ffffffd9;--panel-border:#fff;--btn-bg:white;--btn-border:#cce5ff;--btn-text:#004085;--btn-hover-bg:#f0f8ff;--undo-bg:#f8d7da;--undo-border:#f5c6cb;--undo-text:#721c24;--login-btn-bg:#0056b3;--login-btn-text:white;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.dark{--bg-gradient:linear-gradient(135deg, #0f2027, #203a43, #2c5364);--text-primary:#fff;--text-secondary:#fff;--text-score:#ffc107;--header-bg:#0009;--header-border:#fff6;--panel-bg:#00000080;--panel-border:#ffffff80;--btn-bg:#ffffff1a;--btn-border:#fff9;--btn-text:white;--btn-hover-bg:#fff3;--undo-bg:#0003;--undo-border:#ffc107;--undo-text:#ffc107;--login-btn-bg:#ffc107;--login-btn-text:#000}*,:before,:after{box-sizing:inherit}body,html{overscroll-behavior-y:none;width:100%;height:100%;margin:0;padding:0}#root{width:100%;min-height:100vh}.app-container{background:var(--bg-gradient);min-height:100vh;color:var(--text-primary);flex-direction:column;padding:clamp(8px,2vw,20px);transition:background .3s,color .3s;display:flex}header{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--header-border);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:clamp(10px,2vw,24px);padding:clamp(8px,2vw,16px) clamp(12px,3vw,24px);transition:all .3s;display:flex;box-shadow:0 4px 6px #0000000d}.header-controls{align-items:center;gap:clamp(8px,2vw,16px);display:flex}.theme-select{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-primary);cursor:pointer;border-radius:12px;outline:none;padding:8px 12px;font-weight:700}.login-btn{background:var(--login-btn-bg);color:var(--login-btn-text);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-weight:700;transition:opacity .2s;display:flex}.login-btn:hover{opacity:.9}.login-btn img{background:#fff;border-radius:50%;width:18px;height:18px;padding:2px}.user-profile{align-items:center;gap:clamp(6px,1vw,12px);font-weight:700;display:flex}.user-profile img{border:2px solid var(--header-border);border-radius:50%;width:32px;height:32px}.boards{flex:1;gap:clamp(12px,3vw,24px);min-width:0;display:flex}@media (width<=768px){.boards{flex-direction:column}}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--panel-border);border-radius:30px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;padding:clamp(12px,4vw,40px);transition:all .3s;display:flex;box-shadow:0 10px 30px #0000001a}.team-name{color:var(--text-secondary);text-align:center;background:0 0;border:none;border-bottom:2px dashed #0000;outline:none;width:100%;margin-bottom:clamp(4px,1.5vw,10px);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900}.team-name:focus{border-bottom-color:var(--text-score)}.score-total{color:var(--text-score);margin-bottom:clamp(10px,4vw,40px);font-size:clamp(3.5rem,12vw,7rem);font-weight:900;line-height:1}.actions-grid{grid-template-columns:1fr 1fr;gap:clamp(8px,2vw,20px);width:100%;display:grid}.glass-btn{background:var(--btn-bg);border:2px solid var(--btn-border);color:var(--btn-text);cursor:pointer;word-wrap:break-word;white-space:normal;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(10px,2vw,20px);font-weight:700;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 6px #0000000d}.action-btn-complex{padding-top:clamp(24px,4vw,30px)}.btn-badge{opacity:.7;font-size:clamp(.6rem,1.5vw,.8rem);font-weight:700;position:absolute;top:8px;right:clamp(6px,1.5vw,12px)}.spectator-badge{cursor:default;box-shadow:none}.spectator-badge:hover{background:var(--btn-bg)}.spectator-badge:active{transform:none}.glass-btn .pts{font-size:clamp(1rem,3vw,1.5rem)}.glass-btn .label{font-size:clamp(.75rem,2vw,1rem)}.glass-btn:hover:not(.spectator-badge){background:var(--btn-hover-bg)}.glass-btn:active:not(.spectator-badge){box-shadow:none;transform:translateY(2px)}.global-actions{justify-content:center;width:100%;margin-top:clamp(10px,3vw,30px);display:flex}.undo-btn{background:var(--undo-bg);color:var(--undo-text);border-color:var(--undo-border);min-width:clamp(150px,40vw,250px);padding:clamp(10px,2vw,16px) clamp(20px,4vw,40px)}.undo-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
