.tutorial-coach{z-index:60;border:3px solid var(--gold);width:min(420px,100vw - 48px);color:var(--cream);background:linear-gradient(#143c22f7,#0a2114f7);border-radius:22px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 18px 44px #00000080}.tutorial-coach-face{border:2px solid var(--gold-soft);background:#f6eeda1f;border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid}.tutorial-coach-body{flex:auto;min-width:0}.tutorial-coach-title{color:var(--gold-soft);margin-bottom:6px;font-size:1.2rem;display:block}.tutorial-coach-text{color:var(--cream);margin:0 0 14px;font-size:1.06rem;line-height:1.5}.tutorial-coach-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.tutorial-coach-next{cursor:pointer;color:var(--ink);background:linear-gradient(180deg, var(--gold-soft), var(--gold));border:none;border-radius:14px;padding:12px 26px;font-size:1.1rem;font-weight:700;box-shadow:0 6px 16px #00000059}.tutorial-coach-next:hover,.tutorial-coach-next:focus-visible{filter:brightness(1.05)}.tutorial-coach-exit{color:var(--cream-dim);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:.95rem;text-decoration:underline}.tutorial-coach-exit:hover,.tutorial-coach-exit:focus-visible{color:var(--cream)}.tutorial-reopen{z-index:60;border:3px solid var(--gold);width:56px;height:56px;color:var(--gold-soft);cursor:pointer;background:#0a2114f2;border-radius:50%;font-size:1.6rem;font-weight:800;position:fixed;bottom:24px;left:24px;box-shadow:0 12px 28px #00000073}.tutorial-reopen:hover,.tutorial-reopen:focus-visible{filter:brightness(1.08)}@keyframes tutHighlightPulse{0%,to{box-shadow:0 0 0 3px var(--gold), 0 0 14px 3px #f2c14e8c}50%{box-shadow:0 0 0 6px var(--gold-soft), 0 0 26px 8px #ffd97ab3}}.tut-highlight{z-index:12;border-radius:14px;animation:1.4s ease-in-out infinite tutHighlightPulse;position:relative}@media (prefers-reduced-motion:reduce){.tut-highlight{box-shadow:0 0 0 4px var(--gold-soft), 0 0 16px 5px #ffd97a99!important;animation:none!important}}@media (max-width:640px){.tutorial-coach{width:auto;padding:14px 16px;bottom:12px;left:12px;right:12px}.tutorial-coach-face{width:60px;height:60px}.tutorial-reopen{bottom:12px;left:12px}}
.round-end-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:roundEndFade .32s var(--ease-out,ease-out) both;background:radial-gradient(circle at 50% 38%,#0a2f1ab8,#04120ae0 72%);place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow:hidden}.round-end-card{z-index:2;background:radial-gradient(circle at 50% 0%, #f2c14e24, transparent 60%), linear-gradient(180deg, #123f22 0%, var(--felt-deep,#0a2114) 100%);width:min(560px,100%);max-height:100%;color:var(--cream,#f6eeda);text-align:center;animation:roundEndPop .46s var(--ease-spring,cubic-bezier(.34, 1.45, .4, 1)) both;border:2px solid #f2c14e8c;border-radius:26px;gap:16px;padding:clamp(24px,4vw,40px);display:grid;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0000008c,inset 0 0 0 1px #f6eeda14,0 0 60px #f2c14e2e}.round-end-eyebrow{color:var(--gold,#f2c14e);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:800}.round-end-title{font-family:var(--font-display,Georgia, serif);text-shadow:0 3px 18px #00000073;margin:0;font-size:clamp(2rem,6vw,3.1rem);font-weight:700;line-height:1.08}.round-end-crown{margin-bottom:6px;font-size:clamp(2.4rem,8vw,3.6rem);line-height:1;animation:2.8s ease-in-out infinite roundEndCrown;display:block}.round-end-handromme{border:2px solid var(--gold,#f2c14e);width:fit-content;color:var(--gold-soft,#ffd97a);letter-spacing:.02em;text-shadow:0 2px 10px #0006;background:linear-gradient(#ffd97a38,#f2c14e1f);border-radius:999px;margin:0 auto;padding:10px 22px;font-size:clamp(1.15rem,3.4vw,1.5rem);font-weight:800;animation:1.8s ease-in-out infinite roundEndHandromme}.round-end-cookies{background:linear-gradient(180deg, var(--gold-soft,#ffd97a), var(--gold,#f2c14e));color:#46300a;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:12px 26px;display:inline-flex;box-shadow:0 12px 30px #00000052,inset 0 1px #ffffff80}.round-end-cookie-icon{font-size:clamp(1.8rem,5vw,2.4rem);line-height:1}.round-end-cookie-amount{font-family:var(--font-display,Georgia, serif);font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:800}.round-end-cookie-label{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:800}.round-end-table{border-collapse:collapse;width:100%;color:var(--cream,#f6eeda);font-size:clamp(1.05rem,2.6vw,1.25rem)}.round-end-table thead th{color:var(--gold,#f2c14e);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #f6eeda2e;padding:8px 12px;font-size:.82rem;font-weight:800}.round-end-col-name{text-align:left}.round-end-col-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.round-end-row th,.round-end-row td{border-bottom:1px solid #f6eeda14;padding:12px;font-weight:700}.round-end-row th.round-end-col-name{align-items:center;gap:10px;font-weight:700;display:flex}.round-end-player-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.round-end-winner-mark{background:linear-gradient(180deg, var(--gold-soft,#ffd97a), var(--gold,#f2c14e));color:#46300a;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:1rem;font-weight:900;display:inline-grid;box-shadow:0 4px 12px #0000004d}.round-end-winner-mark.placeholder{box-shadow:none;background:0 0}.round-end-row.winner th,.round-end-row.winner td{color:var(--gold-soft,#ffd97a);font-weight:800}.round-end-row.winner{background:linear-gradient(90deg,#f2c14e33,#f2c14e0f);border-radius:12px;outline:1px solid #f2c14e66}.round-end-actions{grid-template-columns:1fr 1.4fr;gap:12px;margin-top:6px;display:grid}.round-end-button{cursor:pointer;min-height:56px;transition:transform .18s var(--ease-spring,cubic-bezier(.34, 1.45, .4, 1)), box-shadow .18s ease, background .16s ease, filter .16s ease;border:0;border-radius:999px;padding:14px 20px;font-size:clamp(1.05rem,2.6vw,1.25rem);font-weight:800}.round-end-button.ghost{color:var(--cream,#f6eeda);background:#f6eeda1a;border:1px solid #f6eeda4d}.round-end-button.ghost:hover{background:#f6eeda2e}.round-end-button.primary{background:linear-gradient(180deg, var(--gold-soft,#ffd97a), var(--gold,#f2c14e));color:#46300a;box-shadow:0 12px 28px #0000004d,inset 0 1px #ffffff80}.round-end-button.primary:hover{box-shadow:0 16px 34px #0000005c,inset 0 1px #ffffff80}.round-end-button:hover{transform:translateY(-2px)}.round-end-button:active{transform:translateY(0)scale(.98)}.round-end-confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.round-end-confetti-piece{opacity:.9;border-radius:2px;width:10px;height:16px;animation:3.4s linear infinite roundEndConfetti;position:absolute;top:-24px}.round-end-confetti-piece.gold{background:var(--gold,#f2c14e)}.round-end-confetti-piece.cream{background:var(--cream,#f6eeda)}@keyframes roundEndFade{0%{opacity:0}to{opacity:1}}@keyframes roundEndPop{0%{opacity:0;transform:scale(.9)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes roundEndCrown{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-5px)rotate(4deg)}}@keyframes roundEndHandromme{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes roundEndConfetti{0%{opacity:.9;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(120vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.round-end-overlay,.round-end-card,.round-end-crown,.round-end-handromme{animation:none!important}.round-end-confetti{display:none}}.round-end-status-note{text-align:center;opacity:.85;margin:4px 0 0;font-size:.95rem}
.crazy-hud{z-index:7;pointer-events:none;font-family:var(--font-body);position:absolute;inset:0}.crazy-banner{border:2px solid var(--gold);text-align:center;text-shadow:0 2px 10px #0009;width:min(560px,100% - 48px);animation:crazyBannerIn .36s var(--ease-spring) both;background:radial-gradient(circle at 50% 0,#f2c14e38,#0000 70%),linear-gradient(#0c2818f5,#081a0ff5);border-radius:20px;justify-items:center;gap:6px;padding:20px 32px;display:grid;position:absolute;top:clamp(64px,12%,120px);left:50%;transform:translate(-50%);box-shadow:0 24px 60px #00000080,0 0 0 1px #f2c14e40,0 0 40px #f2c14e4d}.crazy-banner[data-leaving=true]{animation:crazyBannerOut .42s var(--ease-out) both}.crazy-banner-name{color:var(--gold-soft);font-family:var(--font-display);margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.1}.crazy-banner-text{color:var(--cream);margin:0;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:600;line-height:1.35}.crazy-banner.secondary{border-color:#f2c14e80;margin-top:12px;padding:14px 24px;top:auto;transform:translate(-50%)}.crazy-banner.secondary .crazy-banner-name{font-size:clamp(1.2rem,3vw,1.7rem)}.crazy-banner.secondary .crazy-banner-text{font-size:clamp(.95rem,2vw,1.15rem)}.crazy-chips{left:max(16px, env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;bottom:clamp(180px,24%,240px)}.crazy-chip{min-height:44px;color:var(--cream);text-shadow:0 1px 4px #0009;background:#081a0fd1;border:1px solid #f2c14e66;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 10px 26px #00000052}.crazy-chip-label{color:var(--cream-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.crazy-direction{border-color:#f2c14e8c}.crazy-direction-arrow{background:radial-gradient(circle at 35% 30%, var(--gold-soft), var(--gold));color:#23331f;width:30px;height:30px;transition:transform .42s var(--ease-spring);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:700;line-height:1;display:inline-grid}.crazy-direction[data-direction="-1"] .crazy-direction-arrow{transform:rotate(180deg)}.crazy-countdown-value{color:var(--gold-soft);font-variant-numeric:tabular-nums}.crazy-countdown.imminent{border-color:var(--gold);box-shadow:0 0 0 1px #f2c14e66,0 10px 26px #00000052}@keyframes crazyBannerIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes crazyBannerOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.98)}}@media (prefers-reduced-motion:reduce){.crazy-banner,.crazy-banner[data-leaving=true]{transition:opacity .2s linear;animation:none!important}.crazy-banner[data-leaving=true]{opacity:0}.crazy-direction-arrow{transition:none!important}}@media (max-width:640px){.crazy-banner{padding:14px 20px;top:clamp(56px,14%,96px)}.crazy-chips{bottom:clamp(150px,22%,200px)}.crazy-chip{font-size:.92rem}}
.create-lobby-dialog{border:1px solid var(--panel-border);background:var(--panel);width:min(920px,100%);color:var(--cream);border-radius:24px;flex-direction:column;gap:24px;margin:0 auto;padding:clamp(20px,4vw,40px);display:flex;box-shadow:0 24px 60px #0000006b}.create-lobby-dialog h2{font-family:var(--font-display);color:var(--gold);margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.create-lobby-lead{color:var(--cream-dim);margin:0;font-size:1.05rem}.create-lobby-section-title{font-family:var(--font-display);color:var(--gold-soft);margin:0 0 12px;font-size:1.2rem}.create-lobby-presets{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.create-lobby-preset{border:2px solid var(--panel-border);min-height:96px;color:var(--cream);text-align:left;cursor:pointer;transition:transform .18s var(--ease-spring), border-color .18s ease, background .16s ease;background:#f6eeda0f;border-radius:18px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.create-lobby-preset:hover{background:#f6eeda1f;transform:translateY(-2px)}.create-lobby-preset[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#f2c14e2e}.create-lobby-preset-label{font-family:var(--font-display);color:var(--gold-soft);font-size:1.25rem;font-weight:800}.create-lobby-preset-desc{color:var(--cream-dim);font-size:.95rem;line-height:1.35}.create-lobby-tabs{border:1px solid var(--panel-border);background:#081a0f80;border-radius:999px;gap:8px;width:fit-content;padding:6px;display:flex}.create-lobby-tab{min-height:48px;color:var(--cream-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 26px;font-size:1.05rem;font-weight:800;transition:background .16s,color .16s}.create-lobby-tab[aria-selected=true]{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:#46300a}.create-lobby-fields{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.create-lobby-field{flex-direction:column;gap:8px;display:flex}.create-lobby-field>.create-lobby-label{color:var(--cream);font-size:1.05rem;font-weight:700}.create-lobby-hint{color:var(--cream-faint);font-size:.9rem;line-height:1.3}.create-lobby-segments{flex-wrap:wrap;gap:8px;display:flex}.create-lobby-segment{border:2px solid var(--panel-border);min-width:48px;min-height:48px;color:var(--cream);cursor:pointer;transition:border-color .16s ease, background .16s ease, transform .14s var(--ease-spring);background:#f6eeda0f;border-radius:14px;padding:0 18px;font-size:1.02rem;font-weight:700}.create-lobby-segment:hover{background:#f6eeda1f}.create-lobby-segment:active{transform:scale(.97)}.create-lobby-segment[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:#46300a}.create-lobby-segment:disabled{cursor:not-allowed;opacity:.55}.create-lobby-segment:disabled:hover{background:#f6eeda0f}.create-lobby-field.is-disabled{opacity:.75}.create-lobby-toggle{gap:8px;display:inline-flex}.create-lobby-toggle .create-lobby-segment{text-align:center;min-width:84px}.create-lobby-input{border:2px solid var(--panel-border);min-height:48px;color:var(--cream);font-size:1.05rem;font-family:var(--font-body);background:#081a0f8c;border-radius:14px;padding:0 16px}.create-lobby-input:focus{outline:2px solid var(--gold);outline-offset:1px}.create-lobby-errors{border:2px solid var(--card-red);background:#b8322729;border-radius:16px;flex-direction:column;gap:8px;margin:0;padding:14px 18px;list-style:none;display:flex}.create-lobby-errors li{color:var(--cream);gap:8px;font-size:1rem;line-height:1.35;display:flex}.create-lobby-errors li:before{content:"⚠";color:var(--gold-soft);flex:none}.create-lobby-actions{flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:4px;display:flex}.create-lobby-actions button{cursor:pointer;min-width:160px;min-height:56px;transition:transform .18s var(--ease-spring), box-shadow .18s ease, filter .16s ease;border:0;border-radius:999px;padding:0 28px;font-size:1.1rem;font-weight:800}.create-lobby-actions button:hover:not(:disabled){transform:translateY(-2px)}.create-lobby-actions .create-lobby-cancel{color:var(--cream);background:#f6eeda14;border:1px solid #f6eeda47}.create-lobby-actions .create-lobby-confirm{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:#46300a;box-shadow:0 12px 28px #0000004d,inset 0 1px #ffffff80}.create-lobby-actions button:disabled{filter:grayscale(.7)brightness(.7);cursor:not-allowed;opacity:.7}
.waiting-room{border:1px solid var(--panel-border);background:var(--panel);width:min(1180px,100vw - 36px);animation:riseIn .52s var(--ease-out) backwards;border-radius:24px;gap:clamp(20px,3vw,28px);margin-inline:auto;padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 24px 60px #0000004d}.waiting-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.waiting-header .eyebrow{margin:0 0 4px}.waiting-header h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}.waiting-leave-button{min-height:48px;color:var(--cream);cursor:pointer;transition:transform .18s var(--ease-spring), background .16s ease;background:#f6eeda14;border:1px solid #f6eeda47;border-radius:999px;padding:12px 22px;font-weight:800}.waiting-leave-button:hover{background:#f6eeda29;transform:translateY(-2px)}.waiting-leave-button:active{transform:translateY(0)scale(.98)}.waiting-body{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);align-items:start;gap:clamp(20px,3vw,32px);display:grid}@media (max-width:900px){.waiting-body{grid-template-columns:1fr}}.waiting-circle-wrap{gap:16px;display:grid}.waiting-circle-title{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.waiting-circle{aspect-ratio:1;background:radial-gradient(at 50% 42%,#50a86066,#1a5a30a6 60%,#0a2f1abf 100%);border-radius:50%;width:100%;max-width:460px;margin-inline:auto;position:relative;box-shadow:inset 0 0 60px #00000073,inset 0 0 0 8px #3a221080,inset 0 0 0 10px #d2a05a29}.waiting-circle-center{text-align:center;pointer-events:none;justify-items:center;gap:2px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waiting-circle-center strong{font-family:var(--font-display);color:var(--cream);text-shadow:0 2px 10px #0009;font-size:clamp(1.6rem,4vw,2.4rem)}.waiting-circle-center span{color:var(--cream-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.waiting-slot{top:var(--y);left:var(--x);text-align:center;background:#00000057;border:1px solid #0000;border-radius:16px;justify-items:center;gap:6px;width:min(38%,150px);padding:10px 8px;transition:border-color .24s,box-shadow .24s;display:grid;position:absolute;transform:translate(-50%,-50%)}.waiting-slot.occupied{border-color:#f6eeda33}.waiting-slot.ready{border-color:#f2c14eb3;box-shadow:0 0 0 1px #f2c14e40,0 0 22px #f2c14e38}.waiting-slot.self{box-shadow:0 0 0 1px #ffd97a59,0 0 18px #ffd97a40}.waiting-slot.empty{color:var(--cream-faint);background:#0003;border-style:dashed;border-color:#f6eeda38}.waiting-slot-avatar{color:#33220f;width:48px;height:48px;font-family:var(--font-display);background:linear-gradient(145deg,#f3d9a7,#c96f52);border:2px solid #f6eedacc;border-radius:14px;place-items:center;font-size:1.2rem;font-weight:700;display:grid;box-shadow:0 6px 16px #0006}.waiting-slot.empty .waiting-slot-avatar{color:var(--cream-faint);box-shadow:none;background:#f6eeda0f;border-style:dashed;border-color:#f6eeda4d;font-size:1.6rem}.waiting-slot-name{max-width:100%;color:var(--cream);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px #0009;font-size:.95rem;font-weight:800;display:block;overflow:hidden}.waiting-slot.empty .waiting-slot-name{color:var(--cream-faint);font-weight:700}.waiting-slot-tag{color:var(--cream-dim);letter-spacing:.06em;text-transform:uppercase;background:#f6eeda1f;border-radius:999px;padding:1px 8px;font-size:.68rem;font-weight:800;display:inline-block}.waiting-slot-tag.online{color:#bfe9cc;background:#4ea86c3d}.waiting-slot-status{font-size:.82rem;font-weight:800}.waiting-slot-status.is-ready{color:var(--gold-soft)}.waiting-slot-status.is-waiting{color:var(--cream-dim)}.waiting-slot-kick{color:#ffd9cf;cursor:pointer;background:#b02f2447;border:1px solid #cf4234b3;border-radius:999px;min-width:44px;min-height:40px;margin-top:2px;padding:6px 14px;font-size:.8rem;font-weight:800;transition:background .16s,transform .16s}.waiting-slot-kick:hover{background:#b02f2480;transform:translateY(-1px)}.waiting-aside{gap:20px;display:grid}.waiting-card{border:1px solid var(--panel-border);background:#0000003d;border-radius:18px;gap:14px;padding:18px;display:grid}.waiting-card-title{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.waiting-rules{flex-wrap:wrap;gap:10px;margin:0;display:flex}.waiting-rule{background:#f2c14e1a;border:1px solid #f2c14e59;border-radius:12px;gap:2px;padding:8px 14px;display:grid}.waiting-rule dt{color:var(--gold-soft);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.waiting-rule dd{color:var(--cream);margin:0;font-size:1rem;font-weight:800}.waiting-invite-row{grid-template-columns:1fr auto;align-items:stretch;gap:8px;display:grid}.waiting-invite-field{min-width:0;min-height:48px;color:var(--cream);font:inherit;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;background:#0000004d;border:1px solid #f6eeda3d;border-radius:12px;padding:12px 14px;font-weight:800;overflow:hidden}.waiting-invite-field.code{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-soft);font-size:1.3rem}.waiting-copy-button{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:#46300a;cursor:pointer;min-width:92px;min-height:48px;transition:transform .18s var(--ease-spring), filter .16s ease;border:0;border-radius:12px;padding:12px 18px;font-weight:800;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff80}.waiting-copy-button:hover{transform:translateY(-2px)}.waiting-copy-button:active{transform:translateY(0)scale(.98)}.waiting-copy-button.copied{filter:saturate(1.1)brightness(1.05)}.waiting-edit-rules{border:2px solid var(--panel-border);width:100%;min-height:48px;color:var(--cream);cursor:pointer;transition:border-color .16s ease, background .16s ease, transform .14s var(--ease-spring);background:#f6eeda0f;border-radius:12px;margin-top:14px;padding:12px 18px;font-size:1rem;font-weight:700}.waiting-edit-rules:hover{border-color:var(--gold);background:#f6eeda1f}.waiting-edit-rules:active{transform:scale(.98)}.waiting-rules-changed{color:var(--gold-soft,#f2d38a);text-align:center;background:#d4a01729;border:1px solid #d4a01780;border-radius:12px;flex:100%;order:-2;margin:0;padding:.6rem .9rem;font-size:1rem;font-weight:600}.waiting-invite-label{color:var(--cream-dim);font-size:.82rem;font-weight:700}.waiting-qr{justify-items:center;gap:8px;display:grid}.waiting-qr-frame{text-align:center;background:#f6eeda0f;border:2px dashed #f2c14e80;border-radius:16px;place-items:center;width:200px;height:200px;padding:12px;display:grid}.waiting-qr-frame.has-code{background:#fff;border-style:solid;border-color:#f2c14eb3;padding:10px}.waiting-qr-image{width:100%;height:100%;image-rendering:pixelated;display:block}.waiting-qr-frame strong{color:var(--gold-soft);font-family:var(--font-display);font-size:1.05rem;display:block}.waiting-qr-frame span{color:var(--cream-dim);margin-top:4px;font-size:.78rem;line-height:1.35;display:block}.waiting-qr-caption{color:var(--cream);text-align:center;margin:0;font-size:.9rem;font-weight:700}.waiting-actions{border-top:1px solid var(--panel-border);flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.waiting-action{cursor:pointer;min-height:56px;transition:transform .18s var(--ease-spring), filter .16s ease, background .16s ease;border-radius:999px;padding:14px 24px;font-size:1.05rem;font-weight:800}.waiting-action:not(:disabled):hover{transform:translateY(-2px)}.waiting-action:not(:disabled):active{transform:translateY(0)scale(.98)}.waiting-action.ready{color:var(--cream);background:#f6eeda1a;border:1px solid #f6eeda47}.waiting-action.ready.is-ready{color:#0a2114;background:linear-gradient(#64c97a,#2f8049);border-color:#0000}.waiting-action.fill{color:var(--cream);background:#f6eeda14;border:1px solid #f6eeda47}.waiting-action.fill:hover{background:#f6eeda29}.waiting-action.start{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:#46300a;border:0;box-shadow:0 12px 28px #0000004d,inset 0 1px #ffffff80}.waiting-action:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.55}.waiting-actions-hint{min-width:160px;color:var(--cream-dim);text-align:right;flex:200px;font-size:.9rem}.waiting-actions-error{color:#fecaca;text-align:center;background:#dc262629;border:1px solid #dc262680;border-radius:12px;flex:100%;order:-1;margin:0;padding:.6rem .9rem;font-size:1rem;font-weight:600}@media (max-width:640px){.waiting-room{width:100%}.waiting-invite-row{grid-template-columns:1fr}.waiting-actions{flex-direction:column;align-items:stretch}.waiting-action{width:100%}.waiting-actions-hint{text-align:center}}
.lobby-filter-bar{border:1px solid var(--panel-border);background:#00000038;border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:18px 24px;margin-bottom:18px;padding:16px 18px;display:flex}.lobby-filter-group{gap:8px;display:grid}.lobby-filter-label{font-family:var(--font-display);color:var(--cream-dim);letter-spacing:.02em;font-size:.95rem;font-weight:700}.lobby-filter-options{flex-wrap:wrap;gap:8px;display:inline-flex}.lobby-filter-chip{min-height:44px;color:var(--cream);cursor:pointer;transition:transform .15s var(--ease-spring), background .16s ease, border-color .16s ease, color .16s ease;background:#f6eeda0f;border:1px solid #f6eeda47;border-radius:999px;padding:10px 16px;font-size:1rem;font-weight:700}.lobby-filter-chip:hover{background:#f6eeda24;transform:translateY(-1px)}.lobby-filter-chip[aria-pressed=true]{background:linear-gradient(180deg, var(--gold-soft), var(--gold));border-color:var(--gold);color:#46300a;box-shadow:0 8px 18px #00000047,inset 0 1px #ffffff80}.lobby-filter-toggle{min-height:44px;color:var(--cream);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f6eeda0f;border:1px solid #f6eeda47;border-radius:999px;align-items:center;gap:12px;padding:8px 16px 8px 8px;font-size:1rem;font-weight:700;transition:background .16s,border-color .16s;display:inline-flex}.lobby-filter-toggle:hover{background:#f6eeda24}.lobby-filter-toggle input{width:28px;height:28px;accent-color:var(--gold);cursor:pointer}.lobby-filter-toggle:has(input:checked){border-color:var(--gold);background:#f2c14e29}.lobby-result-count{color:var(--cream-dim);margin:0 0 12px;font-weight:600}.lobby-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.lobby-badge{color:var(--cream-dim);white-space:nowrap;border:1px solid #f6eeda38;border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:700}.lobby-badge--mode{color:var(--gold-soft);border-color:#f2c14e73}.lobby-badge--full{color:#f4b4ac;border-color:#b8322799}.lobby-empty{text-align:center;background:#0000002e;border:1px dashed #f2c14e66;border-radius:16px;justify-items:center;gap:14px;padding:40px 20px;display:grid}.lobby-empty h3{margin:0;font-size:1.35rem}.lobby-empty p{max-width:42ch;color:var(--cream-dim);margin:0;font-size:1.05rem}.lobby-empty-button{min-height:52px;padding:14px 24px;font-size:1.05rem}@media (max-width:720px){.lobby-filter-bar{flex-direction:column;align-items:stretch}.lobby-filter-options{justify-content:flex-start}}
.stats-card{border:1px solid var(--panel-border);background:var(--panel);width:min(1180px,100vw - 36px);animation:riseIn .48s var(--ease-out) backwards;border-radius:20px;gap:16px;margin-inline:auto;padding:clamp(16px,2.5vw,24px);display:grid;box-shadow:0 18px 44px #00000042}.stats-card-title{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;display:grid}.stats-item{background:#f2c14e1a;border:1px solid #f2c14e59;border-radius:14px;gap:4px;padding:14px 16px;display:grid}.stats-item dt{color:var(--gold-soft);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.stats-item dd{color:var(--cream);font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:clamp(1.6rem,3.4vw,2.1rem);font-weight:800;line-height:1.05;display:flex}.stats-sub{color:var(--cream-dim);letter-spacing:.02em;font-family:inherit;font-size:.85rem;font-weight:700}.stats-mode{color:var(--gold-soft);font-size:clamp(1.1rem,2.4vw,1.4rem)}
.profile-dialog-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040e08b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.profile-dialog-card{border:1px solid var(--panel-border);width:min(640px,100%);max-height:calc(100vh - 48px);animation:riseIn .38s var(--ease-out) backwards;background:linear-gradient(160deg,#12351f,#0b2414);border-radius:22px;gap:22px;padding:clamp(20px,3.4vw,34px);display:grid;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000080}.profile-dialog-close{width:44px;height:44px;min-height:44px;color:var(--cream);cursor:pointer;transition:transform .18s var(--ease-out), background .16s ease;background:#f6eeda14;border:1px solid #f6eeda47;border-radius:999px;font-size:1.5rem;line-height:1;position:absolute;top:14px;right:14px}.profile-dialog-close:hover{background:#f6eeda29;transform:translateY(-1px)}.profile-dialog-loading,.profile-dialog-empty p,.profile-dialog-guest p{color:var(--cream-dim);font-size:1.05rem;line-height:1.5}.profile-dialog-empty,.profile-dialog-guest{gap:16px;padding-top:6px;display:grid}.profile-dialog-empty h2,.profile-dialog-guest h2{font-family:var(--font-display);color:var(--cream);margin:0;font-size:1.6rem}.profile-dialog-empty button,.profile-dialog-guest button{justify-self:start;min-height:52px;padding:0 26px;font-size:1.05rem}.profile-dialog-head{border-radius:18px;align-items:center;gap:18px;padding:14px;transition:background .2s;display:flex}.profile-dialog-avatar{background:radial-gradient(circle at 35% 30%, var(--gold-soft), var(--gold));border-radius:999px;flex:none;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 10px 24px #0000004d,inset 0 1px #fff6}.profile-dialog-avatar span{font-family:var(--font-display);color:#46300a;font-size:1.9rem;font-weight:800}.profile-dialog-avatar.profile-frame-gold{animation:2.6s ease-in-out infinite profileGoldShimmer}@keyframes profileGoldShimmer{0%,to{box-shadow:0 0 0 4px var(--gold), 0 10px 24px #0000004d, 0 0 16px 2px #ffd97a59}50%{box-shadow:0 0 0 4px var(--gold-soft), 0 10px 24px #0000004d, 0 0 28px 8px #ffd97ab3}}.profile-dialog-avatar.profile-frame-flowers{box-shadow:0 0 0 4px var(--felt-light), 0 0 0 9px #dff2df73, 0 10px 24px #0000004d}.profile-dialog-identity{gap:8px;display:grid}.profile-dialog-identity h2{font-family:var(--font-display);color:var(--cream);margin:0;font-size:clamp(1.3rem,3vw,1.7rem)}.profile-dialog-identity .cookie-pill{justify-self:start;font-size:.98rem}.profile-dialog-head.profile-bg-kaffeetisch{background:linear-gradient(135deg,#b8322738,#b8322700)}.profile-dialog-head.profile-bg-garten{background:linear-gradient(135deg,#2f804952,#2f804900)}.profile-dialog-stats{display:grid}.profile-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0;display:grid}.profile-stats-item{background:#f2c14e1a;border:1px solid #f2c14e59;border-radius:14px;gap:4px;padding:14px 16px;display:grid}.profile-stats-item dt{color:var(--gold-soft);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.profile-stats-item dd{color:var(--cream);font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800;line-height:1.1;display:flex}.profile-stats-sub{color:var(--cream-dim);letter-spacing:.02em;font-family:inherit;font-size:.85rem;font-weight:700}.profile-stats-mode{color:var(--gold-soft);font-size:clamp(1.05rem,2.2vw,1.3rem)}.profile-dialog-edit{gap:10px;display:grid}.profile-dialog-edit label{color:var(--cream-dim);font-size:.95rem;font-weight:700}.profile-dialog-edit textarea{border:1px solid var(--panel-border);width:100%;min-height:96px;color:var(--cream);resize:vertical;background:#00000047;border-radius:14px;padding:12px 16px;font-family:inherit;font-size:1.05rem;line-height:1.4}.profile-dialog-edit textarea:focus-visible{outline:3px solid var(--gold-soft);outline-offset:1px}.profile-dialog-edit-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.profile-dialog-edit-actions button{min-height:50px;padding:0 26px}.profile-cosmetic-options{flex-wrap:wrap;gap:12px;display:flex}.profile-cosmetic-option{min-height:52px;color:var(--cream);border:2px solid var(--panel-border);cursor:pointer;transition:transform .16s var(--ease-out), background .16s ease, border-color .16s ease;background:#0000003d;border-radius:14px;padding:0 22px;font-size:1.05rem;font-weight:700}.profile-cosmetic-option:hover:not(:disabled){background:#f6eeda1f;transform:translateY(-1px)}.profile-cosmetic-option:focus-visible{outline:3px solid var(--gold-soft);outline-offset:2px}.profile-cosmetic-option:disabled{opacity:.6;cursor:default}.profile-cosmetic-option.is-selected{color:#46300a;background:linear-gradient(160deg, var(--gold-soft), var(--gold));border-color:var(--gold);box-shadow:0 6px 16px #0000004d}.profile-dialog-hint{color:var(--cream-dim);margin:0;font-size:.95rem}.profile-dialog-hint.error{color:#ffc7bd;font-weight:700}@media (max-width:560px){.profile-dialog-head{flex-direction:column;align-items:flex-start}.profile-dialog-avatar{width:72px;height:72px}}