:root{--pink: #ff1493;--pink-soft: #ffd9ec;--black: #111111;--white: #ffffff;--gray: #888888;--gray-soft: #f2f2f2;--gray-line: #d8d8d8;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-marker: "Permanent Marker", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--white);color:var(--black);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-size:16px;overscroll-behavior:none}.conn-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--black);color:var(--white);padding:10px 16px;text-align:center;font-weight:600;font-size:.9rem;animation:slide-down .25s ease}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.85}to{opacity:1}}.screen{height:100dvh;padding:16px;display:flex;flex-direction:column;animation:fade-in .22s ease;overflow:hidden;gap:8px}.scroll-area{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.title{font-family:var(--font-marker);font-size:2.4rem;font-weight:400;letter-spacing:.02em;line-height:1.05;color:var(--black)}.title-stamp{display:inline-block;background:var(--pink);color:var(--black);padding:6px 18px 4px;margin-bottom:8px;transform:rotate(-1.5deg)}.title-stamp+.title-stamp,.home-title br+.title-stamp{transform:rotate(1.5deg);margin-left:12px}.home-title{text-align:center;margin-bottom:24px}.title-image{display:block;width:100%;max-width:380px;height:auto;margin:0 auto 8px}.subtitle{font-family:var(--font-sans);font-size:.95rem;color:var(--black);opacity:.85;margin-bottom:12px;line-height:1.35}.section-label{font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--black);opacity:.7;margin-bottom:4px;flex-shrink:0}.btn{display:inline-block;background:var(--black);color:var(--white);border:none;border-radius:10px;padding:14px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .05s,opacity .15s,background .15s;width:100%;margin-bottom:8px;font-family:var(--font-sans);letter-spacing:.01em;flex-shrink:0}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--black);border:2px solid var(--black)}.btn-pink{background:var(--pink);color:var(--white)}.input{width:100%;padding:16px;font-size:1.1rem;border-radius:10px;border:2px solid var(--gray-line);background:var(--white);color:var(--black);margin-bottom:12px;font-family:var(--font-sans)}.input::placeholder{color:var(--gray)}.input:focus{outline:none;border-color:var(--pink)}.input-code{text-transform:uppercase;letter-spacing:.2em;text-align:center;font-family:SF Mono,Menlo,monospace;font-weight:700}.card{background:var(--gray-soft);border-radius:12px;padding:14px;margin-bottom:12px}.error{background:var(--pink-soft);color:var(--black);padding:12px;border-radius:8px;margin-bottom:12px;text-align:center;font-weight:600;border-left:4px solid var(--pink)}.session-code{font-family:SF Mono,Menlo,monospace;font-size:2rem;font-weight:800;letter-spacing:.18em;text-align:center;background:var(--black);color:var(--white);padding:12px;border-radius:10px;margin-bottom:10px}.qr-wrap{background:var(--white);padding:10px;border-radius:12px;display:flex;justify-content:center;margin-bottom:10px;border:2px solid var(--gray-line)}.qr-wrap svg{width:min(45vh,220px);height:auto!important;max-width:100%}.players-list{list-style:none}.player-item{background:var(--white);border:1.5px solid var(--gray-line);padding:10px 14px;border-radius:10px;margin-bottom:6px;font-weight:600;display:flex;justify-content:space-between;align-items:center;color:var(--black)}.player-item:last-child{margin-bottom:0}.player-item.disconnected{opacity:.45}.badge{font-size:.75rem;padding:4px 10px;background:var(--black);color:var(--white);border-radius:12px;font-weight:600;letter-spacing:.04em}.badge-pink{background:var(--pink);color:var(--black)}.config-row{display:flex;gap:12px;margin-bottom:12px;align-items:center}.toggle-group{display:flex;gap:10px;flex:1}.toggle-btn{flex:1;padding:14px;border:3px solid var(--gray-line);border-radius:10px;font-weight:700;font-family:var(--font-sans);font-size:1rem;cursor:pointer;text-transform:lowercase;transition:border-color .15s}.toggle-btn-einfach{background:var(--white);color:var(--black)}.toggle-btn-schwer{background:var(--black);color:var(--white)}.toggle-btn.active{border-color:var(--pink)}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.number-input{width:64px;text-align:center;padding:12px;font-size:1.1rem;font-weight:700;border-radius:8px;border:2px solid var(--gray-line);background:var(--white);color:var(--black);font-family:var(--font-sans)}.center-stack{display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex:1}.empty-hint{text-align:center;padding:24px 12px;color:var(--gray);font-style:italic}.spacer{flex:1}@media (min-width: 768px){.screen{padding:32px;max-width:900px;margin:0 auto;gap:12px}.title{font-size:4rem}.session-code{font-size:3.5rem;padding:24px}.qr-wrap svg{width:280px}}.secret-word{font-family:var(--font-sans);font-size:clamp(2rem,10vw,3rem);font-weight:700;text-align:center;padding:28px 16px;background:var(--white);color:var(--black);border:4px solid var(--black);border-radius:16px;margin:12px 0;letter-spacing:.01em;line-height:1.1;word-break:break-word}.secret-word.schwer{background:var(--black);color:var(--white)}.timer-big{font-family:SF Mono,Menlo,monospace;font-size:clamp(3.5rem,16vw,8rem);font-weight:800;text-align:center;background:var(--black);color:var(--white);padding:16px;border-radius:16px;margin:12px 0}.timer-big.warning{color:var(--pink)}.timer-big.danger{background:var(--pink);color:var(--black);animation:pulse .5s ease-in-out infinite alternate}.phase-banner{text-align:center;font-family:var(--font-marker);font-size:1.7rem;font-weight:400;margin-bottom:6px;letter-spacing:.02em;color:var(--black);transform:rotate(-.5deg);flex-shrink:0}.phase-subbanner{text-align:center;color:var(--black);opacity:.75;margin-bottom:8px;font-size:.9rem;line-height:1.35;flex-shrink:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:16px}.card-tile{background:var(--white);color:var(--black);padding:14px 10px;border-radius:10px;text-align:center;font-family:var(--font-sans);font-weight:700;font-size:1rem;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;word-break:break-word;border:2px solid var(--black);cursor:default;transition:transform .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none}.card-tile .card-word{width:100%;text-align:center}.card-tile.schwer{background:var(--black);color:var(--white)}.card-tile.tappable{cursor:pointer}.card-tile.tappable:active{transform:scale(.96)}.card-tile.excluded{background:var(--black);color:var(--black);border-color:var(--black)}.card-tile.schwer.excluded{background:var(--black);color:var(--black)}.card-tile.revealed-distractor{opacity:.5}.card-tile.reveal-error{background:var(--pink);color:var(--white);border-color:var(--pink);animation:card-shake .5s ease-in-out;animation-delay:.3s;animation-fill-mode:backwards}.card-tile.reveal-error .card-word,.card-tile.reveal-error .drawer-tag{color:var(--white)}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes geschafft-pop{0%{transform:translate(-50%,-50%) rotate(-6deg) scale(0);opacity:0}55%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.15);opacity:1}75%{transform:translate(-50%,-50%) rotate(-6deg) scale(.95)}to{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:1}}.geschafft-overlay{position:fixed;top:50%;left:50%;background:var(--pink);color:var(--white);font-family:var(--font-marker);font-size:clamp(2.5rem,12vw,5rem);padding:22px 48px;border-radius:16px;z-index:800;box-shadow:0 20px 60px #00000047;letter-spacing:.03em;pointer-events:none;animation:geschafft-pop .7s cubic-bezier(.3,1.4,.5,1);transform:translate(-50%,-50%) rotate(-6deg);white-space:nowrap}.card-tile .drawer-tag{display:block;background:var(--pink);color:var(--white);font-size:.85rem;font-weight:700;padding:4px 14px;border-radius:999px;align-self:center}.card-tile.reveal-error .drawer-tag{background:var(--white);color:var(--pink)}.card-tile.revealed-distractor .drawer-tag{display:none}.scoreboard{background:var(--gray-soft);border-radius:12px;padding:16px;margin-bottom:16px;color:var(--black)}.scoreboard .score-line{display:flex;justify-content:space-between;margin-bottom:6px}.scoreboard .score-total{border-top:2px solid var(--gray-line);padding-top:8px;margin-top:8px;font-weight:800;font-size:1.2rem}.scoreboard .score-total.win{color:var(--pink)}.scoreboard .score-total.lose{color:var(--black)}.reveal-row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--gray-line);color:var(--black)}.reveal-row:last-child{border-bottom:none}.reveal-row .who{font-weight:700}.reveal-row .word{opacity:.85}.reveal-row .status-ok{color:var(--pink);font-weight:700}.reveal-row .status-bad{color:var(--black);font-weight:800}.turn-indicator{background:var(--black);color:var(--white);border-radius:12px;padding:16px;text-align:center;font-family:var(--font-marker);font-weight:400;font-size:1.5rem;margin-bottom:12px;transform:rotate(-.7deg);letter-spacing:.02em}.turn-indicator.you{background:var(--pink);color:var(--black);font-size:1.9rem;transform:rotate(.7deg)}.confirmed-counter{text-align:center;font-size:1rem;font-weight:600;margin:8px 0;color:var(--black);opacity:.85;flex-shrink:0}.card-tile .assigned-chip{display:block;background:var(--pink);color:var(--white);font-size:.85rem;padding:4px 14px;border-radius:999px;font-weight:700;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;align-self:center}.card-tile .assigned-chip:active{cursor:grabbing}.card-tile .assigned-chip.is-being-dragged{opacity:.3}.theme-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:4px 2px}.theme-card{background:var(--white);color:var(--black);border:3px solid var(--black);border-radius:12px;padding:18px 16px;text-align:left;font-family:var(--font-sans);cursor:pointer;transition:transform .08s,box-shadow .15s;display:flex;flex-direction:column;gap:6px}.theme-card:active{transform:scale(.98)}.theme-card:hover{box-shadow:0 6px 16px #0000001f}.theme-card:disabled{opacity:.5;cursor:not-allowed}.theme-card .theme-name{font-family:var(--font-marker);font-size:1.6rem;letter-spacing:.02em;line-height:1.1}.theme-card .theme-desc{font-size:.9rem;opacity:.75;line-height:1.35}.theme-info{display:flex;align-items:center;justify-content:space-between;background:var(--white);border:2px solid var(--gray-line);border-radius:10px;padding:10px 14px;margin-bottom:12px}.theme-info-name{font-family:var(--font-marker);font-size:1.3rem;letter-spacing:.02em}.theme-info-change{background:transparent;border:none;color:var(--pink);cursor:pointer;font-weight:700;font-size:.85rem;font-family:var(--font-sans);text-decoration:underline}.chip-pool{display:flex;flex-wrap:wrap;gap:8px;padding:12px 4px;justify-content:center;flex-shrink:0;border-top:1px dashed var(--gray-line);margin-top:8px}.name-chip{background:var(--pink);color:var(--white);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.95rem;font-family:var(--font-sans);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity .15s,transform .08s}.name-chip:active{cursor:grabbing;transform:scale(.96)}.name-chip.is-assigned{opacity:.55;text-decoration:line-through;text-decoration-thickness:1.5px}.name-chip.is-finished{opacity:.4;text-decoration:line-through;text-decoration-thickness:1.5px;cursor:default;touch-action:auto}.name-chip.is-dragging{opacity:.25}.name-chip-niemand{background:var(--black);color:var(--white)}.card-tile.drop-hover{transform:scale(.96);box-shadow:0 4px 12px #0000001f}.drag-ghost{position:fixed;background:var(--pink);color:var(--white);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.95rem;font-family:var(--font-sans);pointer-events:none;transform:translate(-50%,-50%);z-index:1000;box-shadow:0 6px 18px #00000040;white-space:nowrap}.drag-ghost.niemand{background:var(--black);color:var(--white)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade-in .15s ease}.modal{background:var(--white);border-radius:16px;padding:18px;max-width:420px;width:100%;max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;color:var(--black)}.modal-title{font-family:var(--font-marker);font-size:1.4rem;margin-bottom:4px;color:var(--black)}.modal-subtitle{font-size:.9rem;color:var(--gray);margin-bottom:8px}.modal-option{padding:14px 16px;border-radius:10px;border:2px solid var(--gray-line);background:var(--white);text-align:left;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;color:var(--black)}.modal-option:active{transform:scale(.98)}.modal-option.taken{opacity:.55}.modal-option.niemand{border-style:dashed;font-style:italic}.modal-option.selected{border-color:var(--pink);background:var(--pink);color:var(--white)}.modal-cancel{margin-top:6px;padding:12px;background:transparent;border:none;color:var(--gray);font-weight:600;cursor:pointer}