/* Schätzfragen: kompakte Karten und klare Spielaktionen im Spioniro-/UNO-Stil. */
.estimation-shell .estimation-screen{padding:16px}
.estimation-shell .estimation-home,.estimation-shell .setup-screen{min-height:calc(100dvh - 100px - var(--sa-top) - var(--sa-bottom))}
.estimation-shell .mode-card,.estimation-shell .setup-card,.estimation-shell .estimation-lobby .panel,.estimation-shell .final-screen .panel{border-radius:22px}
.estimation-shell .mode-card{padding:20px;text-align:left}
.estimation-shell .mode-card .mode-emoji{display:inline-grid;place-items:center;width:48px;height:48px;margin:0 0 16px;border-radius:13px;background:var(--surface2);font-size:26px}
.estimation-shell .mode-card h1{margin:0 0 20px;font:800 clamp(25px,7vw,34px)/1.1 var(--font-display)}
.estimation-shell .mode-actions{gap:8px}
.estimation-shell .mode-actions .mode-choice{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:11px;align-items:center;min-height:70px;padding:9px 13px;border:1px solid var(--border);border-radius:14px;text-align:left;background:var(--surface2);color:var(--ink);box-shadow:none}
.estimation-shell .mode-actions .mode-choice:first-child{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}
.mode-choice-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--accent) 18%,var(--surface));font:800 24px/1 var(--font-body);color:var(--accent)}
.mode-choice strong,.mode-choice small{display:block}.mode-choice strong{font:800 15px/1.2 var(--font-display)}.mode-choice small{margin-top:3px;color:var(--muted);font:400 12px/1.2 var(--font-body)}.mode-choice-arrow{font-size:20px;color:var(--accent)}
.estimation-shell .mode-actions .mode-choice:hover{border-color:var(--accent);filter:none}.estimation-shell .mode-actions .mode-choice:focus-visible,.invite-plus:focus-visible,.invite-tab:focus-visible,.invite-close:focus-visible,.invite-link:focus-visible,.invite-native-share:focus-visible,.invite-person button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.estimation-shell .online-entry .setup-card{padding:20px;text-align:left}.estimation-shell .online-entry .mode-emoji{font-size:30px;margin:0 0 8px}.estimation-shell .online-entry .setup-card h2{text-align:left;font-size:22px}.estimation-shell .online-entry .or-label{margin:0}
.estimation-shell .estimation-lobby{width:min(100%,520px);gap:12px}.estimation-shell .estimation-lobby .panel{padding:16px}.estimation-shell .estimation-lobby .panel-title{margin-bottom:11px}.estimation-shell .estimation-lobby .room-code{border-radius:14px}.estimation-shell .round-chip,.estimation-shell .timer-chip{border-radius:999px}.estimation-shell .lobby-player{border-radius:14px}.estimation-shell .lobby-avatar{border-radius:50%}
.lobby-players-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.lobby-players-head .panel-title{margin:0!important}.invite-plus{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--ink);font:700 12px var(--font-body);cursor:pointer;white-space:nowrap}.invite-plus span{font-size:20px;line-height:1}.invite-plus:hover{border-color:var(--accent)}.invite-plus:active{transform:scale(.98)}
.estimation-shell .question-panel{min-height:unset;gap:17px;padding:24px 18px;border-radius:22px;align-content:initial}.estimation-shell .question-panel .eyebrow{justify-self:center}.estimation-shell .question-panel .question{font:600 clamp(19px,5vw,24px)/1.35 var(--font-body);max-width:33ch;margin:12px auto 6px}.estimation-shell .question-panel .field label{font:700 12px var(--font-body);letter-spacing:0;text-transform:none}.estimation-shell .question-panel .input{border-radius:14px}.estimation-shell .number-pad button{border-radius:12px;background:var(--surface2)}
.estimation-shell .result-dialog,.estimation-shell .waiting-dialog{border-radius:22px}.estimation-shell .result-value{border-radius:14px}.estimation-shell .result-row{border-radius:12px}.estimation-shell .result-actions .btn,.estimation-shell .estimation-lobby>.btn{border-radius:999px}
.invite-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--bg) 76%,transparent);backdrop-filter:blur(7px)}.invite-sheet{width:min(100%,440px);max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid var(--border2);border-radius:22px;background:var(--surface);box-shadow:0 20px 60px color-mix(in srgb,var(--bg) 70%,transparent)}
.invite-head,.invite-head-actions{display:flex;align-items:center;gap:8px}.invite-head{justify-content:space-between}.invite-head h2{margin:0;font:800 22px/1.1 var(--font-display)}.invite-tab,.invite-close{display:grid;place-items:center;min-height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--ink);cursor:pointer}.invite-tab{padding:0 12px;font-weight:700}.invite-tab.active{border-color:var(--accent);color:var(--accent)}.invite-close{width:40px;font-size:23px}
.invite-group{margin-top:18px}.invite-group h3{margin:0 0 8px;color:var(--muted);font:700 12px var(--font-body)}.invite-list{display:grid;gap:7px}.invite-person{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}.invite-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:color-mix(in srgb,var(--accent) 17%,var(--surface));color:var(--accent);font-weight:800}.invite-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.invite-person button{min-height:34px;padding:0 10px;border:1px solid var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}.invite-person button:disabled{opacity:.55;cursor:default}.invite-empty{margin:0;padding:12px;color:var(--muted);font-size:13px}
.invite-help{margin:18px 0;color:var(--muted);font-size:13px;line-height:1.4}.invite-qr{display:grid;place-items:center;width:220px;height:220px;margin:0 auto 18px;padding:12px;border-radius:11px;background:#fff;color:#24242d;font-size:12px;text-align:center}.invite-qr img,.invite-qr canvas{display:block;max-width:100%}.invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px}.invite-link,.invite-native-share{min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--ink);cursor:pointer}.invite-link{overflow:hidden;padding:0 12px;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.invite-native-share{display:grid;place-items:center}.invite-native-share svg{width:19px;height:19px}.invite-sheet #inviteCopyButton{margin-top:9px;border-radius:11px}.invite-status{min-height:18px;margin:12px 0 0;color:var(--good);font-size:12px}.invite-status.error{color:var(--accent2)}
@media(max-width:390px){.estimation-shell .mode-card{padding:16px}.estimation-shell .question-panel{padding:20px 14px}.invite-sheet{padding:16px}.invite-plus{font-size:11px}}
@media(prefers-reduced-motion:reduce){.invite-backdrop{backdrop-filter:none}}