.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px}.start-screen__title{font-size:48px;font-weight:700;letter-spacing:2px}.start-screen__options{display:flex;flex-direction:column;align-items:center;gap:12px}.start-screen__label{font-size:18px;color:var(--color-text-muted)}.start-screen__buttons{display:flex;gap:8px}.start-screen__count{width:44px;height:44px;border:2px solid var(--color-text-muted);border-radius:8px;background:transparent;color:var(--color-text);font-size:18px;font-weight:600}.start-screen__count--active{border-color:gold;background:#ffd70026;color:gold}.start-screen__start{padding:12px 40px;font-size:20px;font-weight:600;border:none;border-radius:8px;background:gold;color:var(--color-black)}.start-screen__start:hover{background:#ffe44d}.opponent-bar{display:flex;justify-content:center;gap:16px;padding:8px}.opponent-bar__player{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:8px;background:#ffffff14}.opponent-bar__player--active{background:#ffd70026;box-shadow:0 0 0 1px gold}.opponent-bar__name{font-size:13px;color:var(--color-text-muted)}.opponent-bar__count{font-size:20px;font-weight:700}.card-view{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:var(--card-width);height:var(--card-height);background:var(--color-card-bg);border:2px solid var(--color-card-border);border-radius:var(--card-radius);font-size:16px;font-weight:700;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0}.card-view--red{color:var(--color-red)}.card-view--black{color:var(--color-black)}.card-view--clickable{cursor:pointer;transition:transform .1s,box-shadow .1s}.card-view--clickable:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000004d}.card-view--selected{border-color:gold;box-shadow:0 0 8px gold;transform:translateY(-6px)}.card-view:disabled:not(.card-view--clickable){opacity:.7}.card-view__rank{font-size:18px;line-height:1}.card-view__suit{font-size:22px;line-height:1}.trump-indicator{display:flex;flex-direction:column;align-items:center;gap:4px}.trump-indicator--red{color:var(--color-red)}.trump-indicator--black{color:var(--color-black)}.trump-indicator__suit{font-size:36px}.trump-indicator__count{font-size:14px;color:var(--color-text-muted)}.table{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px;min-height:120px}.table__pair{position:relative}.table__defense{position:absolute;top:16px;left:12px}.hand{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:8px}.action-bar{display:flex;justify-content:center;gap:12px;padding:8px}.action-bar__button{padding:8px 24px;font-size:16px;font-weight:600;border:2px solid var(--color-text-muted);border-radius:8px;background:#ffffff1a;color:var(--color-text)}.action-bar__button:hover{background:#fff3;border-color:var(--color-text)}.game-screen{display:flex;flex-direction:column;height:100%}.game-screen__middle{flex:1;display:flex;align-items:center;justify-content:center;gap:24px;padding:8px}.game-screen__status{display:flex;justify-content:center;gap:16px;padding:4px;font-size:14px}.game-screen__turn{color:var(--color-text-muted)}.game-screen__turn--yours{color:gold;font-weight:600}.game-screen__pickup{color:var(--color-red);font-weight:600}.result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px}.result-screen__message{font-size:36px;font-weight:700}.result-screen__button{padding:12px 40px;font-size:20px;font-weight:600;border:none;border-radius:8px;background:gold;color:var(--color-black)}.result-screen__button:hover{background:#ffe44d}.PWABadge-container{padding:0;margin:0;width:0;height:0}.PWABadge-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff}.PWABadge-toast-message{margin-bottom:8px}.PWABadge-toast-button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}.app{height:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-felt: #1a5c2a;--color-felt-light: #237a38;--color-card-bg: #fff;--color-card-border: #ccc;--color-red: #c41e3a;--color-black: #1a1a1a;--color-text: #f0f0f0;--color-text-muted: #aaa;--card-width: 60px;--card-height: 84px;--card-radius: 6px}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-felt);color:var(--color-text);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}