/* EVE Skizze (01.10.2026, Messe): Zeichenbrett, auf dem EVE live zeichnet. Heller Hausstil — Papier #f5f7f9,
   Ink #232328, ein Grün #19be84 (EVEs Stift). Nur Selektoren unter .eve-miniapps .mapp-sketch bzw. der Bühne
   body[data-stage=sketch]. Knöpfe ≥ 48 px, Text ≥ 14 px. Die Leinwand hält 10:7; --mapp-sketch-max-h deckelt ihre Höhe je Lage. */
.eve-miniapps .mapp-sketch{--mapp-sketch-max-h:9999px}
.eve-miniapps .mapp-sketch-title{font-family:var(--mapp-display,inherit);font-size:20px;font-weight:700;color:var(--mapp-ink,#232328);letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* Leinwand */
.eve-miniapps .mapp-sketch-frame{position:relative;width:min(100%,calc(var(--mapp-sketch-max-h) * 10 / 7));margin:0 auto}
.eve-miniapps .mapp-sketch-board{position:relative;width:100%;aspect-ratio:10/7;margin:0;border-radius:20px;overflow:hidden;background:#f5f7f9;box-shadow:inset 0 0 0 1px #2323281a,0 14px 34px -22px #21302a55}
.eve-miniapps .mapp-sketch-svg{display:block;width:100%;height:100%;user-select:none;-webkit-user-select:none}
.eve-miniapps .mapp-sketch-dot{fill:#23232824}
.eve-miniapps .mapp-sketch-grid.is-dark .mapp-sketch-dot,.eve-miniapps .mapp-sketch-grid.is-dark{opacity:.25}
.eve-miniapps .mapp-sketch-text{font-family:var(--mapp-display,'Barlow Semi Condensed','Arial Narrow',sans-serif);font-weight:700}
.eve-miniapps .mapp-sketch-pen{opacity:0;transition:opacity .28s ease;pointer-events:none}
.eve-miniapps .mapp-sketch-pen.is-on{opacity:1}
.eve-miniapps .mapp-sketch-pen-tip{stroke:#ffffff;stroke-width:2}
.eve-miniapps .mapp-sketch-sweep-edge{opacity:.9}

/* Statuszeile als Pille auf dem Blatt — verdeckt wenig, sagt was EVE gerade tut */
.eve-miniapps .mapp-sketch-status{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);display:flex;align-items:center;gap:10px;margin:0;padding:9px 16px 9px 14px;border-radius:99px;background:#ffffffe6;box-shadow:0 6px 20px -10px #21302a59,inset 0 0 0 1px #2323281a;color:var(--mapp-ink,#232328);font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.eve-miniapps .mapp-sketch-status::before{content:'';flex:none;width:10px;height:10px;border-radius:50%;background:#19be84;box-shadow:0 0 0 4px #19be8429}
.eve-miniapps .mapp-sketch-status[data-state=busy]::before{animation:mapp-sketch-breathe 1.1s ease-in-out infinite}
.eve-miniapps .mapp-sketch-status[data-state=failed]::before{background:#c2410c;box-shadow:0 0 0 4px #c2410c26}
@keyframes mapp-sketch-breathe{0%,100%{transform:scale(.8);opacity:.7}50%{transform:scale(1.15);opacity:1}}

/* Eine Zeile Knöpfe, darunter die Eingabe — auf breiter Bühne beides in einer Zeile */
.eve-miniapps .mapp-sketch-bar{display:flex;flex-wrap:wrap;gap:10px 12px;margin:12px 0 0}
.eve-miniapps .mapp-sketch-actions{display:flex;flex:1 1 100%;gap:8px;min-width:0}
.eve-miniapps .mapp-sketch-actions button{flex:1 1 auto;min-height:48px;padding:10px 12px;font-size:15px;white-space:nowrap}
.eve-miniapps .mapp-sketch-form{display:flex;flex:1 1 100%;gap:8px;align-items:stretch;min-width:0;margin:0}
.eve-miniapps .mapp-sketch-field{flex:1 1 0;min-width:0;margin:0;display:block}
.eve-miniapps .mapp-sketch-field input{width:100%;min-width:0;min-height:48px;padding:10px 16px;border:1px solid #8a9895;border-radius:14px;background:#ffffff;color:var(--mapp-ink,#232328);font-size:16px}
.eve-miniapps .mapp-sketch-field input::placeholder{color:#7d8a87}
.eve-miniapps .mapp-sketch-form .mapp-primary{flex:0 0 auto;width:auto;min-height:48px;padding:0 22px;border:0;border-radius:99px;background:var(--mapp-green,#19be84);color:var(--mapp-ink,#232328);font-size:16px;font-weight:600}
.eve-miniapps .mapp-sketch-form .mapp-primary:hover{background:#15a874}
.eve-miniapps .mapp-sketch-say{margin:10px 0 0}

/* Tablet hoch, Tafel unten: Leinwand so groß, dass Knöpfe und Eingabe ohne Scrollen bleiben */
@media(min-width:701px) and (orientation:portrait){body:not([data-stage]) .eve-miniapps .mapp-sketch{--mapp-sketch-max-h:calc(min(56svh,100dvh - 380px) - 250px)}}

/* Bühne: die Leinwand füllt die Fläche */
body[data-stage=sketch] .eve-miniapps .mapp-surface{width:min(96vw,1280px)}
body[data-stage=sketch] .eve-miniapps .mapp-sketch{--mapp-sketch-max-h:calc(100dvh - 268px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
body[data-stage=sketch] .eve-miniapps .mapp-sketch .mapp-tool-heading{min-height:44px}
body[data-stage=sketch] .eve-miniapps .mapp-sketch-board{border-radius:24px}
body[data-stage=sketch] .eve-miniapps .mapp-sketch-status{font-size:17px;left:16px;bottom:16px}
body[data-stage=sketch] .eve-miniapps .mapp-sketch-say{display:none}
@media(min-width:1000px) and (orientation:landscape){
 body[data-stage=sketch] .eve-miniapps .mapp-sketch-bar{flex-wrap:nowrap;align-items:center}
 body[data-stage=sketch] .eve-miniapps .mapp-sketch-actions{flex:0 1 auto}
 body[data-stage=sketch] .eve-miniapps .mapp-sketch-form{flex:1 1 360px}
 body[data-stage=sketch] .eve-miniapps .mapp-sketch{--mapp-sketch-max-h:calc(100dvh - 222px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
}
@media(max-width:700px){body[data-stage=sketch] .eve-miniapps .mapp-sketch{--mapp-sketch-max-h:calc(100dvh - 24svh - 300px)}.eve-miniapps .mapp-sketch-actions button{padding:10px 8px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.eve-miniapps .mapp-sketch-pen{display:none}.eve-miniapps .mapp-sketch-status[data-state=busy]::before{animation:none}}

/* ---- Welle 3 (01.10.2026 nachmittags): Mitmalen, Was ist das?, Mehr-Menü, Zeichenraten. Ink auf Papier, Grün nur als Akzent. ---- */
/* Mitmalen: nur das Brett schluckt Touch-Gesten, und nur solange gemalt werden darf */
.eve-miniapps .mapp-sketch-board[data-draw=on] .mapp-sketch-svg{touch-action:none;cursor:crosshair}
.eve-miniapps .mapp-sketch-live{pointer-events:none}
.eve-miniapps .mapp-sketch-confetti{pointer-events:none}
.eve-miniapps .mapp-sketch-palette{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:99px;background:#ffffffeb;box-shadow:0 8px 24px -12px #21302a66,inset 0 0 0 1px #2323281a}
.eve-miniapps .mapp-sketch-swatch{width:44px;height:44px;min-height:44px;padding:0;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #23232833;transition:transform .15s ease,box-shadow .15s ease}
.eve-miniapps .mapp-sketch-swatch-ink{background:#232328}
.eve-miniapps .mapp-sketch-swatch-green{background:#19be84}
.eve-miniapps .mapp-sketch-swatch-red{background:#e5484d}
.eve-miniapps .mapp-sketch-swatch-blue{background:#3e7bfa}
.eve-miniapps .mapp-sketch-swatch-yellow{background:#f5b700}
.eve-miniapps .mapp-sketch-swatch[aria-pressed=true]{transform:scale(1.08);box-shadow:0 0 0 3px #ffffff,0 0 0 6px #232328}

/* Sprechblase „Was ist das?" am oberen Brettrand */
.eve-miniapps .mapp-sketch-bubble{position:absolute;left:0;right:0;top:14px;width:fit-content;max-width:min(78%,640px);margin-inline:auto;min-height:48px;margin:0;padding:12px 22px;border:3px solid #19be84;border-radius:22px;background:#f5f7f9;color:#232328;font-size:20px;font-weight:600;line-height:1.3;text-align:center;box-shadow:0 14px 34px -18px #21302a80;cursor:pointer;animation:mapp-sketch-pop .22s ease-out}
.eve-miniapps .mapp-sketch-bubble::after{content:'';position:absolute;left:50%;bottom:-11px;width:18px;height:18px;margin-left:-9px;background:#f5f7f9;border-right:3px solid #19be84;border-bottom:3px solid #19be84;transform:rotate(45deg);border-bottom-right-radius:4px}
.eve-miniapps .mapp-sketch-bubble[data-state=looking]{font-weight:500;color:#3b4547}
.eve-miniapps .mapp-sketch-bubble[data-state=looking]::before{content:'';display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;background:#19be84;vertical-align:middle;animation:mapp-sketch-breathe 1.1s ease-in-out infinite}
@keyframes mapp-sketch-pop{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Mehr-Menü: Als echtes Bild · 3D-Modell · Aufs Handy (öffnet nach oben über das Brett) */
.eve-miniapps .mapp-sketch-bar{position:relative}
.eve-miniapps .mapp-sketch-more{position:relative;display:flex;flex:0 0 auto}
.eve-miniapps .mapp-sketch-more>button[aria-expanded=true]{background:#232328;color:#f5f7f9}
.eve-miniapps .mapp-sketch-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:6;display:flex;flex-direction:column;gap:2px;min-width:230px;padding:8px;border-radius:18px;background:#ffffff;box-shadow:0 18px 44px -18px #21302a80,inset 0 0 0 1px #2323281a}
.eve-miniapps .mapp-sketch-actions .mapp-sketch-menu button{flex:none;width:100%;min-height:48px;padding:10px 16px;border:0;border-radius:12px;background:transparent;color:#232328;font-size:16px;text-align:left}
.eve-miniapps .mapp-sketch-actions .mapp-sketch-menu button:hover{background:#19be841a}
.eve-miniapps .mapp-sketch-ask{border-color:#19be84;box-shadow:inset 0 0 0 1px #19be84}

/* Zeichenraten */
.eve-miniapps .mapp-sketch[data-mode=raten] .mapp-sketch-title{font-size:22px}
.eve-miniapps .mapp-sketch-raten{display:flex;flex-direction:column;gap:10px;margin:12px 0 0}
.eve-miniapps .mapp-sketch-clues{display:flex;align-items:center;gap:10px;min-width:0}
.eve-miniapps .mapp-sketch-hint{flex:0 1 auto;margin:0;padding:8px 14px;border-radius:12px;background:#19be8424;color:#232328;font-size:16px;font-weight:600;line-height:1.3}
.eve-miniapps .mapp-sketch-guesses{display:flex;flex:1 1 0;gap:8px;min-width:0;margin:0;padding:2px;list-style:none;overflow-x:auto;scrollbar-width:none}
.eve-miniapps .mapp-sketch-guess{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:38px;padding:6px 14px;border:1px solid #23232829;border-radius:99px;background:#ffffff;color:#3b4547;font-size:16px;white-space:nowrap}
.eve-miniapps .mapp-sketch-guess.is-ok{border:2px solid #19be84;background:#19be841f;color:#232328;font-weight:700}
.eve-miniapps .mapp-sketch-guess.is-empty{border-style:dashed;color:#596769}
.eve-miniapps .mapp-sketch-guess-mark{font-weight:700}
.eve-miniapps .mapp-sketch-guess.is-ok .mapp-sketch-guess-mark{color:#08734f}
.eve-miniapps .mapp-sketch-today{flex:none;margin:0 0 0 auto;color:#232328;font-size:16px;font-weight:600;white-space:nowrap}
.eve-miniapps .mapp-sketch-raten-row{display:flex;gap:8px;align-items:stretch;min-width:0}
.eve-miniapps .mapp-sketch-guess-form{flex:1 1 auto}
.eve-miniapps .mapp-sketch-raten button{min-height:48px;font-size:16px;white-space:nowrap}
.eve-miniapps .mapp-sketch-raten .mapp-secondary{padding:10px 16px}
.eve-miniapps .mapp-sketch-stop{margin-left:auto}
.eve-miniapps .mapp-sketch-result{position:absolute;left:0;right:0;top:14px;width:fit-content;margin-inline:auto;display:flex;align-items:center;gap:18px;max-width:calc(100% - 28px);padding:10px 12px 10px 24px;border:3px solid #19be84;border-radius:24px;background:#f5f7f9;color:#232328;box-shadow:0 18px 40px -20px #21302a99;animation:mapp-sketch-pop .25s ease-out}
.eve-miniapps .mapp-sketch-result[data-phase=revealed]{border-color:#23232866}
.eve-miniapps .mapp-sketch-result-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;min-width:0}
.eve-miniapps .mapp-sketch-result-kicker{font-family:var(--mapp-display,inherit);font-size:30px;font-weight:800;line-height:1.1}
.eve-miniapps .mapp-sketch-result[data-phase=solved] .mapp-sketch-result-kicker{color:#08734f}
.eve-miniapps .mapp-sketch-result-text{font-family:var(--mapp-display,inherit);font-size:30px;font-weight:700;line-height:1.1}
.eve-miniapps .mapp-sketch-result .mapp-sketch-again{flex:none;width:auto;min-height:52px;padding:0 24px;border:0;border-radius:99px;background:#19be84;color:#232328;font-size:18px;font-weight:700}
.eve-miniapps .mapp-sketch-result .mapp-sketch-again:hover{background:#15a874}

/* Bühne quer: zwei Zeilen fürs Raten statt einer Leiste → das Brett gibt 60 px ab; Farben etwas größer */
@media(min-width:1000px) and (orientation:landscape){
 body[data-stage=sketch] .eve-miniapps .mapp-sketch[data-mode=raten]{--mapp-sketch-max-h:calc(100dvh - 282px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
 body[data-stage=sketch] .eve-miniapps .mapp-sketch-swatch{width:50px;height:50px}
 body[data-stage=sketch] .eve-miniapps .mapp-sketch-bubble{font-size:24px}
 body[data-stage=sketch] .eve-miniapps .mapp-sketch-result-kicker,body[data-stage=sketch] .eve-miniapps .mapp-sketch-result-text{font-size:36px}
}
/* Handy: Raten-Knöpfe in eine eigene Zeile, Eingabe volle Breite, Blase schmaler */
@media(max-width:700px){
 .eve-miniapps .mapp-sketch-raten-row{flex-wrap:wrap}
 .eve-miniapps .mapp-sketch-guess-form{display:contents}
 .eve-miniapps .mapp-sketch-guess-form .mapp-sketch-field{flex:1 1 100%}
 .eve-miniapps .mapp-sketch-raten button{flex:1 1 auto;padding:10px 8px;font-size:15px}
 .eve-miniapps .mapp-sketch-stop{margin-left:0}
 .eve-miniapps .mapp-sketch-clues{flex-wrap:wrap}
 .eve-miniapps .mapp-sketch-hint{flex:1 1 100%}
 /* Farbleiste als eigene Zeile unter dem Brett (das Brett ist hier kaum höher als fünf Farben) */
 .eve-miniapps .mapp-sketch-palette{position:static;transform:none;flex-direction:row;justify-content:center;gap:8px;width:fit-content;margin:8px auto 0;padding:4px 8px}
 /* Leiste darf umbrechen statt rechts abgeschnitten zu werden; das Menü spannt dann über die ganze Leiste */
 .eve-miniapps .mapp-sketch-actions{flex-wrap:wrap}
 .eve-miniapps .mapp-sketch-more{position:static;flex:1 1 auto}
 .eve-miniapps .mapp-sketch-menu{left:0;right:0;min-width:0}
 .eve-miniapps .mapp-sketch-bubble{max-width:calc(100% - 80px);font-size:17px;padding:10px 16px}
 .eve-miniapps .mapp-sketch-result{gap:10px;padding:8px 8px 8px 16px}
 .eve-miniapps .mapp-sketch-result-kicker,.eve-miniapps .mapp-sketch-result-text{font-size:22px}
 .eve-miniapps .mapp-sketch-result .mapp-sketch-again{min-height:48px;padding:0 16px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.eve-miniapps .mapp-sketch-bubble,.eve-miniapps .mapp-sketch-result{animation:none}.eve-miniapps .mapp-sketch-bubble[data-state=looking]::before{animation:none}}