:root{--color-bg: #0f3d2e;--color-surface: #ffffff;--color-text: #1a1a1a;--color-primary: #1b6b43;--color-primary-dark: #124d30;--color-accent: #c0392b;--color-muted: #5a6b63;--color-border: #d0d7d3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:#e8f3ec}.page{flex:1;display:flex;flex-direction:column;min-height:100vh;padding:12px;gap:16px}.page--center{align-items:center;justify-content:center}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;color:#fff}.page-header h1{font-size:1.25rem;margin:0}.page-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-header__user{font-size:.9rem}main{display:flex;flex-direction:column;gap:16px}.btn{font-size:1rem;padding:10px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;min-height:44px}.btn:focus-visible{outline:3px solid #ffd66b;outline-offset:2px}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--secondary{background:#fff;color:var(--color-primary);border-color:var(--color-primary)}.btn--ghost{background:transparent;color:#fff;border-color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.auth-card{background:var(--color-surface);border-radius:12px;padding:24px;width:100%;max-width:360px;box-shadow:0 4px 16px #00000040}.auth-card h1{margin:0 0 4px;font-size:1.5rem;color:var(--color-primary-dark)}.auth-card__subtitle{margin:0 0 16px;color:var(--color-muted)}.auth-tabs{display:flex;gap:4px;margin-bottom:16px;background:#eef3ef;border-radius:8px;padding:4px}.auth-tab{flex:1;padding:8px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.95rem;min-height:40px}.auth-tab--active{background:var(--color-primary);color:#fff}form{display:flex;flex-direction:column;gap:4px}label{font-size:.9rem;margin-top:8px;color:var(--color-muted)}input,select{font-size:1rem;padding:10px;border-radius:6px;border:1px solid var(--color-border);min-height:44px}input:focus-visible,select:focus-visible{outline:3px solid var(--color-primary);outline-offset:1px}.form-error{color:#fff;background:var(--color-accent);border-radius:6px;padding:8px 12px;margin:8px 0;font-size:.9rem}.empty-state{color:#e8f3ec;font-style:italic}.table-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.table-list__item{background:var(--color-surface);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.table-board{color:#fff}.seats-ring{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.seat-box{background:#ffffff1a;border-radius:8px;padding:8px;text-align:center;display:flex;flex-direction:column;gap:4px}.seat-box--active{background:var(--color-primary);box-shadow:0 0 0 2px #ffd66b}.seat-box__name{font-weight:600}.seat-box__count{font-size:.85rem;opacity:.85}.table-center{background:#0003;border-radius:12px;padding:12px}.table-status{font-weight:600;margin:0 0 8px}.trick-area{display:flex;gap:8px;flex-wrap:wrap;min-height:90px;align-items:center}.trick-area__card{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.8rem}.scores ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.scores li{background:#ffffff1a;border-radius:6px;padding:4px 10px}.table-status--final{color:#ffd66b}.bid-panel,.call-panel{background:#0003;border-radius:12px;padding:12px}.bid-list{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:2px}.bid-controls,.call-panel{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bid-controls input,.call-panel select{width:auto}.my-hand{background:#0003;border-radius:12px;padding:12px}.my-hand__cards{display:flex;gap:8px;flex-wrap:wrap}.playing-card{width:60px;height:90px;border-radius:8px;background:#fff;border:1px solid #999999;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;gap:4px;padding:0;cursor:default}.playing-card--small{width:44px;height:66px;font-size:.85rem}.playing-card--back{background:repeating-linear-gradient(45deg,var(--color-primary),var(--color-primary) 6px,var(--color-primary-dark) 6px,var(--color-primary-dark) 12px)}.playing-card--red{color:var(--color-accent)}.playing-card--black{color:#1a1a1a}.playing-card--playable{cursor:pointer;box-shadow:0 2px 6px #0006}.playing-card--playable:hover{transform:translateY(-4px)}.playing-card--playable:focus-visible{outline:3px solid #ffd66b;outline-offset:2px}.playing-card__suit{display:inline-flex;align-items:center;justify-content:center}.legal-page{background:var(--color-surface);border-radius:12px;padding:20px;max-width:720px;margin:0 auto;width:100%}.legal-page h1{color:var(--color-primary-dark)}.legal-page__updated{color:var(--color-muted);font-size:.9rem}.app-footer{text-align:center;padding:12px 0;font-size:.85rem}.app-footer a{color:#e8f3ec}.institor-badge{position:fixed;right:12px;bottom:12px;z-index:2147483000;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#4b2fd6;color:#fff;font:600 12px/1.2 system-ui,sans-serif;text-decoration:none;box-shadow:0 2px 8px #0003}.institor-badge__star{color:#ffd66b}.playing-card__suit svg{display:block}.card-theme-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-theme-selector label{margin-top:0;color:inherit}.lobby-controls{background:#00000026;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;color:#fff}.lobby-controls__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lobby-controls__row label{margin-top:0;color:inherit}.lobby-controls select{width:auto}.bot-panel{background:#0003;border-radius:12px;padding:12px;color:#fff}.bot-panel__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bot-panel__controls label{margin-top:0;color:inherit}.bot-panel select{width:auto}.move-countdown{font-weight:600;margin:4px 0}.move-countdown--urgent{color:#ffd66b}.auth-divider{display:flex;align-items:center;gap:8px;margin:16px 0;color:var(--color-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.btn--google{width:100%;background:#fff;color:#1a1a1a;border-color:var(--color-border);display:flex;align-items:center;justify-content:center;gap:8px}.btn--google:hover{background:#f4f4f4}.btn--google__icon{font-weight:700;color:#4285f4}.form-info{color:var(--color-text);background:#eef3ef;border-radius:6px;padding:8px 12px;margin:8px 0;font-size:.9rem}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.history-list__item{background:var(--color-surface);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.history-list__header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-weight:600}.history-list__date{color:var(--color-muted);font-weight:400;font-size:.85rem}.history-list__outcome{margin:0;font-weight:600;color:var(--color-primary-dark)}.history-list__opponents{margin:0;color:var(--color-muted);font-size:.9rem}@media (max-width: 400px){.auth-card{padding:16px}.playing-card{width:50px;height:76px;font-size:.95rem}.page-header h1{font-size:1.05rem}.lobby-controls__row,.bot-panel__controls{flex-direction:column;align-items:stretch}.lobby-controls select,.bot-panel select{width:100%}}@media (min-width: 900px){.table-board{max-width:900px;margin:0 auto;width:100%}.seats-ring{grid-template-columns:repeat(5,minmax(120px,1fr))}}