@charset "UTF-8";
:root{color-scheme:dark;--nacht:#101c21;--tief:#0b1519;--gold:#d5b274;--creme:#f4e4c1;--gruen:#8bbfa0;--leise:#b7c5bd;--rand:#d5b27438;--glas:rgba(12,25,29,.89);font-family:Georgia,'Times New Roman',serif;color:var(--creme);background:var(--nacht)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-size:16px;line-height:1.65}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:var(--creme);text-underline-offset:4px}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:default;opacity:.45}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}[hidden]{display:none!important}canvas#welt{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}.lichtsaum{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 56% 42%,transparent 22%,#08121645 70%,#081216c9 100%)}#wechsel{position:fixed;inset:0;background:var(--nacht);pointer-events:none;opacity:0;z-index:11;transition:opacity .35s}#wechsel.an{opacity:1}.kicker{font:500 .65rem/1.6 'Helvetica Neue',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--gold)}.gold{border:1px solid #e7ca8a;background:linear-gradient(115deg,#d3af70,#f1d59c);color:#17241e;border-radius:999px;padding:11px 24px;min-height:46px;font-family:'Helvetica Neue',Arial,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.03em;box-shadow:0 5px 28px #060d1166}.gold.gross{padding:17px 30px;font-size:.87rem;min-width:265px;display:flex;justify-content:space-between;gap:40px}.textknopf{background:transparent;color:var(--gold);min-height:44px;padding:6px 0;text-align:left;font-size:.9rem}.sekundaer{background:#f4e4c10c;border:1px solid var(--rand);border-radius:999px;min-height:44px;padding:10px 20px;font:500 .78rem 'Helvetica Neue',Arial,sans-serif}.status{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:min(88vw,560px);padding:10px 20px;z-index:99;border:1px solid var(--rand);border-radius:30px;background:var(--glas);font-size:.87rem;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s}.status.an{opacity:1}
.anfang{position:fixed;inset:0;display:flex;align-items:center;padding:5vh max(6vw,24px);background:linear-gradient(90deg,#09161be8,#09161b99 38%,#09161b12 75%);overflow-y:auto;z-index:15}.anfang-inhalt{max-width:560px;position:relative}.hauszeichen{width:70px;height:70px;display:block;margin:22px 0 20px;fill:none;stroke:var(--gold);stroke-width:1;filter:drop-shadow(0 0 12px #d5b27470)}.anfang h1{font-weight:400;line-height:.96;font-size:clamp(2.2rem,5.2vw,5.8rem);letter-spacing:-.025em;margin:0 0 24px}.anfang h1 em{font-style:normal;color:var(--gold);font-size:.76em;letter-spacing:.025em}.anfang-vers{font-size:clamp(1.25rem,2.4vw,1.9rem);line-height:1.45;margin:0 0 17px}.anfang-erklaerung{color:var(--leise);max-width:390px;font-size:.96rem;margin:0 0 20px}.name-feld{display:block;font:500 .73rem/1.5 'Helvetica Neue',Arial,sans-serif;color:var(--leise);max-width:265px}.name-feld span{font-weight:400;opacity:.65;font-size:.65rem;margin-left:6px}.name-feld input{display:block;background:transparent;border:0;border-bottom:1px solid var(--rand);border-radius:0;width:100%;padding:8px 0 10px;color:var(--creme);font:1.08rem Georgia;margin-bottom:20px}.anfang-klein{font:400 .7rem/1.7 'Helvetica Neue',Arial,sans-serif;color:var(--leise);max-width:300px;margin:15px 0}.anfang-links{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;max-width:380px}.anfang-links a,.anfang-links button{font:400 .7rem/1.5 'Helvetica Neue',Arial,sans-serif;color:#b8c3bc;min-height:32px;display:flex;align-items:center}.anfang-rechts{position:absolute;right:7%;bottom:13%;text-align:right;pointer-events:none}.anfang-rechts span{font:.58rem 'Helvetica Neue',Arial;letter-spacing:.2em;color:#b8c3bc}.anfang-rechts p{font-size:1.5rem;line-height:1.4;margin:12px 0}.anfang-rechts i{font-style:normal;font-size:8rem;line-height:1;color:#d5b27424;position:absolute;bottom:65px;right:0;z-index:-1}
.kopf{position:fixed;left:0;top:0;width:100%;padding:max(22px,env(safe-area-inset-top)) 28px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(#081216bd,transparent);pointer-events:none;z-index:4}.kopf button{pointer-events:auto}.marke{display:flex;gap:10px;align-items:center;text-align:left;background:none;font:500 .75rem/1.2 'Helvetica Neue',Arial;letter-spacing:.12em;min-height:48px;padding:0}.mini-zeichen{font-size:2.6rem;font-family:Georgia;color:var(--gold)}.marke small{display:block;font:italic .85rem Georgia;letter-spacing:0;color:var(--leise);margin-top:6px}.welt-titel{text-align:center}.welt-titel h1{font-weight:400;font-size:1.6rem;line-height:1.2;margin:4px 0}.fortschritt{display:flex;align-items:center;gap:6px;background:transparent;font:500 .8rem 'Helvetica Neue',Arial;padding:0;min-height:48px}.fortschritt svg{width:44px;height:44px}.werkzeuge{position:fixed;right:28px;top:110px;display:flex;flex-direction:column;gap:10px;z-index:5}.werkzeuge button{min-height:46px;min-width:122px;padding:10px 16px;background:var(--glas);border:1px solid var(--rand);border-radius:100px;backdrop-filter:blur(14px);font:500 .75rem 'Helvetica Neue',Arial;text-align:left}.werkzeuge button>span:first-child{font:1.3rem Georgia;margin-right:7px;color:var(--gold)}.zieltafel{position:fixed;top:120px;left:28px;width:220px;border-left:1px solid var(--rand);padding-left:16px;z-index:3;pointer-events:none}.zieltafel p{font-size:.95rem;line-height:1.55;margin:6px 0 2px}.zieltafel button{pointer-events:auto;font-size:.8rem}.weltfreunde{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:9px;z-index:5;max-width:94vw}.freundchip{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 13px;border-radius:30px;background:var(--glas);border:1px solid var(--rand);font:500 .72rem/1.1 'Helvetica Neue',Arial}.freundchip .licht{color:#899990}.freundchip.wach{border-color:var(--freundfarbe,#8bbfa0)}.freundchip.wach .licht{color:var(--freundfarbe,#8bbfa0)}.begegnungsruf{position:fixed;bottom:170px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:6;text-shadow:0 2px 5px #000}.begegnungsruf>span{font-size:1.4rem}.begegnungsruf kbd{font:600 .6rem 'Helvetica Neue',Arial;border:1px solid #1a2a1f66;border-radius:4px;padding:2px 4px;margin-left:12px}.steuerhilfe{position:fixed;bottom:60px;width:100%;text-align:center;color:#dce6ceaa;font:400 .7rem 'Helvetica Neue',Arial;pointer-events:none}.spiel-fuss{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;gap:18px;align-items:center;font:400 .6rem 'Helvetica Neue',Arial;z-index:4}.spiel-fuss a{color:#c2cdbf;min-height:26px;display:flex;align-items:center}.spiel-fuss span{margin-left:auto;color:#c2cdbf}.steuerkreuz{display:none;position:fixed;bottom:80px;left:20px;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:2px;z-index:6}.steuerkreuz button{background:#0a1c20b8;border:1px solid var(--rand);border-radius:14px;min-height:44px;font-size:1.1rem}.steuerkreuz button:first-child{grid-column:2}.steuerkreuz button:nth-child(2){grid-column:1;grid-row:2}.steuerkreuz button:nth-child(3){grid-column:2;grid-row:2}.steuerkreuz button:nth-child(4){grid-column:3;grid-row:2}.sprung{display:none;position:fixed;right:23px;bottom:90px;min-width:50px;min-height:50px;background:#0a1c20c0;border:1px solid var(--rand);border-radius:50%;font-size:1.6rem;z-index:6}
dialog{margin:auto;border:1px solid #d5b27454;border-radius:25px;color:var(--creme);background:linear-gradient(145deg,#203237fa,#0c191efa);max-width:min(94vw,880px);width:880px;max-height:88dvh;padding:28px 34px 34px;box-shadow:0 24px 100px #0009;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5b27455 transparent}dialog::backdrop{background:#071116a8;backdrop-filter:blur(8px)}dialog h2{font-size:2.1rem;font-weight:400;line-height:1.25;letter-spacing:-.02em;margin:7px 0 22px}dialog h3{font-weight:400;font-size:1.35rem;line-height:1.3;margin:20px 0 8px}dialog p{color:#d0dad1;font-size:.98rem}dialog button,dialog a{max-width:100%}.tafel-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px}.schliessen{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rand);background:#0b1a1f88;color:var(--creme);border-radius:50%;font-size:1.6rem;line-height:1}.tafel-einleitung{max-width:610px;margin:-8px 0 25px}.karten-reich{margin:28px 0}.karten-reich h3{font-size:1.1rem;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:8px}.karten-reich h3:after{content:'';height:1px;background:var(--rand);flex:1}.sternkarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sternkarte{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:124px;text-align:left;border:1px solid #d5b27430;border-radius:15px;background:#b7c5bd06;padding:16px;transition:border-color .2s,background .2s}.sternkarte:hover{border-color:var(--gold);background:#b7c5bd0d}.sternkarte.fertig{border-color:#96c7a860;background:#96c7a809}.sternkarte strong{font-weight:400;font-size:1.05rem;line-height:1.3}.sternkarte small{font:400 .67rem/1.7 'Helvetica Neue',Arial;color:var(--leise)}.sternkarten-lichter{display:flex;gap:6px;align-items:center;min-height:25px}.sternkarten-lichter i{width:8px;height:8px;border-radius:100%;background:#74887c55}.sternkarten-lichter i.wach{box-shadow:0 0 9px currentColor;background:currentColor}.empfehlung{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:17px 20px;border:1px solid var(--rand);border-radius:16px;background:#d5b2740a}.empfehlung p{margin:0;font-size:.95rem}.buchfilter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.buchfilter input{background:#07151b88;border:1px solid var(--rand);border-radius:12px;color:var(--creme);padding:11px 13px;min-width:0;flex:1;font:400 .85rem 'Helvetica Neue',Arial}.buchfilter button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.freunde-buch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.buchfreund{min-height:135px;text-align:left;padding:16px;background:#f4e4c105;border:1px solid #b7c5bd24;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.buchfreund .nummer{font:500 .63rem 'Helvetica Neue',Arial;color:var(--gold)}.buchfreund strong{font-size:1.02rem;font-weight:400;line-height:1.3}.buchfreund small{font-size:.75rem;line-height:1.45;color:var(--leise)}.buchfreund .wachmarke{font:500 .6rem 'Helvetica Neue',Arial;color:var(--gruen);margin-top:auto}.buchfreund.ungefunden{opacity:.7}.freund-kopf{text-align:center}.freund-kopf h2{margin:6px 0}.freund-kopf>p{font-style:italic;font-size:1.1rem;line-height:1.5;margin:8px auto 18px;max-width:440px}.freundzeichen{width:92px;height:92px;margin:0 auto 15px;border:1px solid var(--rand);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 35px #d5b27410}.freundzeichen svg{width:55px;height:55px}#begegnung{width:640px;position:relative;padding:30px 32px}#begegnung>.schliessen{position:absolute;right:16px;top:16px;z-index:1}.begegnung-schritte{display:flex;justify-content:center;align-items:center;gap:12px;font:500 .6rem 'Helvetica Neue',Arial;letter-spacing:.08em;text-transform:uppercase;color:#85998d;margin:25px 0}.begegnung-schritte i{width:24px;height:1px;background:var(--rand)}.begegnung-schritte span.aktiv{color:var(--gold)}.freund-aktionen{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.geschichte{font-size:1.08rem!important;line-height:1.8;color:var(--creme)!important;max-width:490px;margin:25px auto}.gabe{padding:20px;border:1px solid var(--rand);border-radius:15px;background:#d5b27407;margin-top:16px}.gabe .kicker{display:block;margin-bottom:8px}.gabe p{margin:0}.gabensatz{font-size:1.35rem!important;text-align:center;color:var(--gold)!important}.mitgabe{border-top:1px solid var(--rand);padding-top:15px;margin-top:20px}.tiefen-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.tiefe-karte{border:1px solid var(--rand);border-radius:13px;padding:16px}.tiefe-karte strong{font-weight:400;color:var(--gold);display:block;font-size:1.03rem}.tiefe-karte p{font-size:.85rem;line-height:1.65;margin:7px 0}.tiefe-verweis{display:inline-flex;gap:6px;align-items:center;min-height:44px;background:transparent;color:var(--gold);text-align:left;padding:4px 0;font-size:.86rem}.spektrum{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px}.spektrum>div{text-align:center;padding:12px 5px;background:#d5b27408;border-radius:10px}.spektrum small{display:block;color:var(--leise);font:400 .58rem 'Helvetica Neue',Arial;margin-bottom:6px}.spektrum strong{font-weight:400;font-size:.88rem}.erwachsenenwort{font-size:.76rem!important;line-height:1.7;color:#9eafa5!important}.saiten{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:20px 0}.saite{border:1px solid var(--rand);background:#f4e4c106;min-height:65px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:500 .66rem 'Helvetica Neue',Arial;gap:4px}.saite i{font:1.3rem Georgia;font-style:normal;color:var(--freundfarbe)}.saite.schlaeft{opacity:.4}.abschluss{text-align:center;padding:10px 0 20px}.abschluss .sterngross{font-size:5rem;line-height:1.4;color:var(--gold);text-shadow:0 0 35px #d5b27455}.abschluss p{max-width:470px;margin:12px auto}.einstellung{padding:18px 0;border-bottom:1px solid var(--rand)}.einstellung label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.einstellung input[type=checkbox]{accent-color:var(--gold);min-height:25px;width:25px}.einstellung p{font-size:.84rem;margin:5px 0}.einstellung .aktionen{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.fehlerhinweis{color:#f1c48f!important}.bruecken{font-size:.88rem;border-left:2px solid var(--gold);padding:8px 16px;margin-top:18px}.weises-wort{font-size:1.1rem!important;color:var(--gold)!important;font-style:italic}.kartenbild{max-width:100%;height:auto;border-radius:10px}#ohne3d{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);max-width:440px;width:90vw;background:var(--glas);border:1px solid var(--rand);border-radius:20px;padding:24px;text-align:center;z-index:6}#ohne3d button{margin-top:20px}.ohneskript{position:fixed;bottom:0;background:var(--tief);padding:30px;z-index:99}.ohneskript a{margin-right:20px}
@media(pointer:coarse){.steuerkreuz{display:grid}.sprung{display:block}.steuerhilfe{bottom:52px}.weltfreunde{bottom:205px}.begegnungsruf{bottom:260px}}@media(max-width:900px){.anfang-rechts{right:5%;bottom:15%}.sternkarten{grid-template-columns:repeat(2,minmax(0,1fr))}.werkzeuge{right:18px}.zieltafel{left:18px;width:190px}.kopf{padding-left:18px;padding-right:18px}.marke{font-size:.65rem}.marke small{font-size:.78rem}.welt-titel h1{font-size:1.3rem}.weltfreunde{flex-wrap:wrap;width:70%;gap:6px}.freundchip{font-size:.67rem;padding:8px 11px}.freunde-buch{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.anfang{padding:32px 25px max(24px,env(safe-area-inset-bottom));background:linear-gradient(90deg,#09161be8,#09161b85);align-items:flex-start}.anfang-inhalt{margin:auto 0}.anfang-rechts{display:none}.anfang h1{font-size:clamp(2.35rem,11vw,3.6rem);margin-bottom:17px}.anfang .kicker{font-size:.53rem;letter-spacing:.12em}.hauszeichen{width:52px;height:52px;margin:16px 0}.anfang-vers{font-size:1.22rem}.anfang-erklaerung{font-size:.84rem;max-width:310px}.anfang-klein{font-size:.65rem}.name-feld input{margin-bottom:15px}.gold.gross{min-height:48px;padding:13px 24px}.kopf{padding:14px 14px 12px;align-items:flex-start;gap:8px}.mini-zeichen{font-size:2rem}.marke{min-height:44px;gap:6px;letter-spacing:.06em;font-size:.59rem}.marke small{font-size:.73rem;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welt-titel{position:absolute;top:80px;left:14px;right:14px;pointer-events:none}.welt-titel .kicker{font-size:.53rem}.welt-titel h1{font-size:1.4rem;margin-top:3px}.fortschritt{gap:1px;font-size:.65rem}.fortschritt svg{width:36px;height:36px}.werkzeuge{top:17px;left:50%;right:auto;transform:translateX(-50%);flex-direction:row;gap:5px}.werkzeuge button{min-width:36px;min-height:39px;border:0;background:#0c191e99;padding:4px 7px;border-radius:10px;font-size:0}.werkzeuge button>span:first-child{font-size:1.4rem;margin:0}.werkzeuge .lang{display:none}.zieltafel{left:14px;top:146px;width:165px;padding-left:10px}.zieltafel .kicker{font-size:.5rem}.zieltafel p{font-size:.79rem;line-height:1.45}.zieltafel button{font-size:.74rem}.weltfreunde{bottom:200px;width:calc(100% - 28px);max-width:440px;gap:5px}.freundchip{min-height:36px;font-size:.64rem;gap:4px;padding:8px 10px}.begegnungsruf{bottom:255px;max-width:80vw;text-align:center}.begegnungsruf>span{font-size:1.2rem}.begegnungsruf .gold{min-height:44px;padding:10px 20px}.begegnungsruf kbd{display:none}.steuerhilfe{bottom:47px;font-size:.55rem;padding:0 15px;line-height:1.4}.spiel-fuss{left:14px;right:14px;bottom:max(9px,env(safe-area-inset-bottom));gap:12px;font-size:.54rem}.spiel-fuss span{font-size:0}.spiel-fuss span:after{content:'Auf diesem Gerät';font-size:.54rem}.steuerkreuz{left:14px;bottom:77px}.sprung{right:18px;bottom:89px}dialog,#begegnung{width:calc(100vw - 16px);max-width:calc(100vw - 16px);border-radius:20px;padding:20px 18px 26px;max-height:92dvh}dialog h2{font-size:1.8rem;padding-right:30px}.freund-kopf h2{font-size:1.8rem;padding-right:0}#begegnung>.schliessen{right:10px;top:10px}.freundzeichen{width:75px;height:75px;margin-bottom:12px}.freund-kopf>p{font-size:.98rem}.sternkarten{gap:8px}.sternkarte{padding:12px;min-height:120px}.sternkarte strong{font-size:.95rem}.sternkarte small{font-size:.61rem}.tafel-einleitung{font-size:.86rem}.empfehlung{padding:13px;gap:10px;align-items:flex-start;flex-direction:column}.empfehlung p{font-size:.85rem}.freunde-buch{gap:8px}.buchfreund{padding:12px;min-height:132px}.buchfreund strong{font-size:.93rem}.buchfreund small{font-size:.67rem}.tiefen-grid{grid-template-columns:1fr;gap:8px}.tiefe-karte{padding:14px}.geschichte{font-size:1rem!important}.saiten{grid-template-columns:repeat(4,1fr)}.begegnung-schritte{gap:7px;font-size:.51rem;margin:20px 0}.begegnung-schritte i{width:16px}.spektrum strong{font-size:.75rem}.spektrum small{font-size:.51rem}.spektrum>div{padding:10px 3px}.freund-aktionen{margin-top:18px}.freund-aktionen .gold,.freund-aktionen .sekundaer{font-size:.75rem;padding:11px 18px}.gabe{padding:16px}.gabe p{font-size:.9rem}}
@media(max-height:700px){.anfang .hauszeichen{width:38px;height:38px;margin:12px 0}.anfang-vers{margin-bottom:10px}.anfang-erklaerung{margin-bottom:12px}.anfang-links{gap:0 15px}.name-feld input{padding-top:5px;margin-bottom:12px}.anfang-klein{margin:10px 0}.weltfreunde{bottom:170px}.begegnungsruf{bottom:220px}}@media(max-height:500px) and (min-width:600px){.anfang-inhalt{max-width:440px}.anfang{padding:20px 40px}.anfang h1{font-size:2.6rem}.anfang .hauszeichen{display:none}.anfang-vers{font-size:1.1rem}.anfang-erklaerung{font-size:.8rem}.name-feld{display:none}.zieltafel{top:100px}.weltfreunde{bottom:75px}.begegnungsruf{bottom:130px}.steuerhilfe{bottom:42px}.steuerkreuz{bottom:70px}.sprung{bottom:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(prefers-reduced-transparency:reduce){dialog,.werkzeuge button,.freundchip{background:#102127;backdrop-filter:none}}@media(prefers-contrast:more){:root{--rand:#d5b27490;--leise:#e6eee7}dialog{background:#0c191e}.werkzeuge button,.freundchip{background:#0c191e}}
.himmelsnetz{text-align:center;border-top:1px solid var(--rand);margin-top:30px;padding-top:15px}.himmelsnetz>svg{display:block;width:min(100%,370px);height:auto;margin:auto}.himmelsnetz>p{font-size:.86rem}.himmelsnetz [role=button]{cursor:pointer}.himmelsnetz [role=button]:focus{outline:0;filter:drop-shadow(0 0 4px #fff)}.tiefe-karte .sternkarten-lichter{height:100px}.tiefe-karte .sternkarten-lichter svg{width:90px;height:90px}.mechanik{padding:24px}.mechanik-titel{font-size:1.55rem}.mechanik-anweisung{font-size:.98rem}.mechanik-meldung{font-size:.8rem}.mechanik-linien{gap:4px;padding:8px}.mechanik-linie{font-size:1.15rem}.mechanik-linien .mechanik-knopf{padding:8px 12px;min-height:44px}.mechanik-sternenfeld{gap:8px;padding:12px}.mechanik-stern{padding:8px;min-width:44px}.mechanik-linien .mechanik-knopf{font-size:.9rem}
@media(max-width:600px){.marke>span:last-child{display:none}.fortschritt svg{display:none}.fortschritt{padding-top:8px}.werkzeuge{top:14px;gap:3px}.werkzeuge button{min-width:44px;min-height:44px}.freundchip{min-height:44px}.mechanik{padding:16px}.mechanik-anweisung{font-size:.9rem}.mechanik-meldung{font-size:.76rem}.mechanik-symbol{font-size:1rem}.mechanik-reihe,.mechanik-gitter{gap:8px}.mechanik-knopf{font-size:.85rem;padding:9px 11px}.mechanik-linie{font-size:1.05rem}.mechanik-linien{gap:2px}.spiel-fuss a{min-height:30px}}
.freundzeichen{width:150px;height:156px;border:0;border-radius:0;box-shadow:none;margin-top:6px;margin-bottom:12px}.freundzeichen>img{display:block;width:auto;height:150px;max-width:170px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 7px #07101355)}.buchfreund.ungefunden{opacity:1}.buchbild{width:auto;height:88px;max-width:110px;object-fit:contain;align-self:center;image-rendering:pixelated;filter:drop-shadow(0 5px 4px #07101355);margin:0 auto 8px}.freundchip>img{height:30px;width:auto;max-width:30px;object-fit:contain;image-rendering:pixelated}.einstellung select{max-width:58%;min-height:44px;border:1px solid var(--rand);border-radius:10px;padding:8px;color:var(--creme);background:#13272e;font:400 .86rem Georgia}.gespraech-fragen{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px 0}.gespraech-fragen>button{font-size:.76rem}
@media(max-width:600px){.freundzeichen{width:130px;height:136px}.freundzeichen>img{height:130px}.buchbild{height:74px;max-width:95px}.freundchip{padding-top:5px;padding-bottom:5px}.gespraech-fragen>button{width:100%;text-align:center}.einstellung select{font-size:.78rem}}

.maerchenlink{display:inline-flex;align-items:center;min-height:44px;color:var(--gold)}

#meldung{white-space:pre-line;line-height:1.55}
.ton-umschalter{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:78px;min-height:44px;padding:7px 11px;border:1px solid var(--rand);border-radius:999px;background:#10242ae8;color:var(--creme);font:600 .66rem/1 'Helvetica Neue',Arial}.ton-umschalter>span{font:1.25rem/1 Georgia;color:var(--gold)}.ton-umschalter.stumm{border-color:#c7d2ca55;color:var(--leise)}.tonschalter{position:absolute;right:130px;top:max(22px,env(safe-area-inset-top));pointer-events:auto}.dialog-tonschalter{flex:0 0 auto;margin-right:auto}.dialog-tonschalter small{display:none}#begegnung>.dialog-tonschalter{position:sticky;float:left;top:0;z-index:12;min-width:44px;margin:-8px 10px 0 -8px;padding:7px;background:#10242af2;box-shadow:0 0 0 7px #172a2ee8}
.aufnahme-fehlt{color:var(--leise)!important;border-color:#c7d2ca40!important;font-size:.72rem!important}

/* Ein ruhiger Fensterfluss: Schließen bleibt beim Rollen erreichbar. */
dialog{overflow:auto;padding-top:max(20px,env(safe-area-inset-top))}
.tafel-kopf{position:sticky;top:calc(-1 * max(20px,env(safe-area-inset-top)));z-index:12;margin:calc(-1 * max(20px,env(safe-area-inset-top))) -10px 8px;padding:max(12px,env(safe-area-inset-top)) 10px 8px;background:linear-gradient(#182a2ff5 72%,transparent)}
#begegnung>.schliessen{position:sticky;float:right;top:0;right:auto;margin:-8px -8px 0 10px;z-index:12;background:#10242af2;box-shadow:0 0 0 7px #172a2ee8}
body.dialog-offen .steuerkreuz,body.dialog-offen .sprung{visibility:hidden}
body.lernspiel-aktiv #missionleiste,body.lernspiel-aktiv #weltfreunde,body.lernspiel-aktiv #begegnungsruf,body.lernspiel-aktiv #zieltafel,body.lernspiel-aktiv .werkzeuge,body.lernspiel-aktiv .spiel-fuss,body.lernspiel-aktiv .steuerhilfe{display:none!important}

@media(max-width:600px){
  .tonschalter{right:82px;top:14px;min-width:44px;width:44px;padding:5px}.tonschalter small{display:none}
  .werkzeuge{top:auto;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));transform:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:5px;border:1px solid var(--rand);border-radius:20px;background:#0c191ee8;backdrop-filter:blur(14px)}
  .werkzeuge button{min-width:0;min-height:50px;padding:4px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:transparent;font-size:.55rem;text-align:center}
  .werkzeuge button>span:first-child{font-size:1.22rem;line-height:1;margin:0}.werkzeuge button small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .spiel-fuss,.steuerhilfe{display:none}.zieltafel{display:none}
  .weltfreunde{bottom:154px;width:calc(100% - 150px);max-width:none;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;left:75px;transform:none;padding:3px;mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)}
  .weltfreunde::-webkit-scrollbar{display:none}.freundchip{flex:0 0 auto;min-height:42px}
  .begegnungsruf{bottom:152px;left:auto;right:13px;transform:none;align-items:flex-end;max-width:145px}.begegnungsruf>span{font-size:.82rem;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.begegnungsruf .gold{min-height:46px;padding:9px 14px}
  .steuerkreuz{bottom:76px}.sprung{bottom:86px}
  dialog,#begegnung{margin:max(4px,env(safe-area-inset-top)) auto max(4px,env(safe-area-inset-bottom));max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));padding:16px 14px 22px}
  .tafel-kopf{top:-16px;margin:-16px -6px 6px;padding:max(10px,env(safe-area-inset-top)) 6px 7px}
  #begegnung>.schliessen{top:0;margin:-5px -3px 0 8px}
  .freund-kopf{padding-top:2px}.freundzeichen{width:96px;height:100px}.freundzeichen>img{height:96px}
  .freund-aktionen{position:sticky;bottom:-22px;z-index:10;margin:16px -14px -22px;padding:10px 14px max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#102127 18%,#102127)}
}

@media(max-height:500px) and (orientation:landscape){
  dialog,#begegnung{width:min(94vw,900px);max-width:min(94vw,900px);max-height:calc(100dvh - 8px);padding:10px 18px 16px}
  .tafel-kopf{top:-10px;margin:-10px -8px 3px;padding:8px}.tafel-kopf+.tafel-titel{margin-top:3px}
  #begegnung>.schliessen{top:0;margin:-2px -5px 0 8px}.freundzeichen{float:left;width:86px;height:90px;margin:0 14px 6px 0}.freundzeichen>img{height:86px}.freund-kopf h2{font-size:1.45rem;margin:2px 0}.freund-kopf>p{font-size:.86rem;margin:3px auto 7px}.begegnung-schritte{margin:8px 0}.geschichte{margin:10px auto;font-size:.9rem!important;line-height:1.55}.freund-aktionen{margin-top:8px}
}

/* Die Begegnung ist ein einziger Weg: Kopf, Geschichte, Handlung, Mitgabe. */
.begegnung-kopfzeile{position:sticky;top:calc(-1 * max(20px,env(safe-area-inset-top)));z-index:20;display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;align-items:center;gap:8px;margin:calc(-1 * max(20px,env(safe-area-inset-top))) -12px 10px;padding:max(10px,env(safe-area-inset-top)) 12px 9px;border-bottom:1px solid var(--rand);background:#172a2ff7;backdrop-filter:blur(14px)}
.begegnung-kopfzeile button{margin:0!important;box-shadow:none!important;float:none!important;position:static!important}.begegnung-kopfzeile .schliessen{width:44px;height:44px}.begegnung-zurueck{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--rand);border-radius:50%;background:#10242ae8;color:var(--creme);font:1.35rem/1 Georgia}.begegnung-zurueck[hidden]{display:grid!important;visibility:hidden}.begegnung-identitaet{display:flex;align-items:center;gap:9px;min-width:0}.begegnung-identitaet img{width:34px;height:40px;object-fit:contain;image-rendering:pixelated}.begegnung-identitaet span{display:flex;flex-direction:column;min-width:0}.begegnung-identitaet small{color:var(--gold);font:600 .52rem/1.3 'Helvetica Neue',Arial;letter-spacing:.1em;text-transform:uppercase}.begegnung-identitaet strong{overflow:hidden;color:var(--creme);font-weight:400;font-size:.98rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.begegnung-kopfzeile .dialog-tonschalter{min-width:44px;width:44px;padding:5px}.begegnung-kopfzeile .dialog-tonschalter small{display:none}
#begegnung{padding-top:max(20px,env(safe-area-inset-top))}#begegnung>.dialog-tonschalter,#begegnung>.schliessen{position:static;float:none;margin:0;box-shadow:none}.begegnung-schritte{margin:14px 0 18px}.freund-kopf{transition:opacity .15s}.freund-aktionen{align-items:stretch}.freund-aktionen>button{min-width:0;overflow-wrap:break-word;hyphens:auto}.freund-aktionen>.gold{flex:1 1 220px}.freund-aktionen>.sekundaer{flex:1 1 170px}.freund-aktionen>.textknopf{flex:0 1 auto}
#begegnung[data-stufe="spiel"] .freund-kopf,#begegnung[data-stufe="wort"] .freund-kopf{display:none!important}#begegnung[data-stufe="ergebnis"] .freundzeichen{display:none}#begegnung[data-stufe="ergebnis"] .freund-kopf h2{font-size:1.25rem;margin:3px 0}#begegnung[data-stufe="ergebnis"] .freund-kopf>p{margin:3px auto 9px;font-size:.86rem}.lern-ergebnis{padding:14px 0;border-block:1px solid var(--rand);text-align:center}.lern-ergebnis .gabensatz{margin:8px auto}.lern-ergebnis>p:last-child{max-width:52ch;margin:6px auto}.lern-alltag{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:12px;margin:16px 0;padding:15px 0;border-bottom:1px solid var(--rand)}.lern-alltag>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#d5b27418;color:var(--gold);font-size:1.3rem}.lern-alltag p{margin:4px 0}.lern-beobachtung{margin:8px 0;color:var(--leise)!important;font:400 .7rem/1.5 'Helvetica Neue',Arial}

@media(max-width:600px){
  .begegnung-kopfzeile{top:-16px;grid-template-columns:42px minmax(0,1fr) 42px 42px;gap:5px;margin:-16px -8px 8px;padding:max(8px,env(safe-area-inset-top)) 8px 7px}.begegnung-kopfzeile .schliessen,.begegnung-zurueck{width:42px;height:42px;min-width:42px}.begegnung-identitaet img{width:29px;height:35px}.begegnung-identitaet strong{font-size:.86rem}.begegnung-identitaet small{font-size:.46rem}
  .begegnung-schritte{margin:9px 0 12px}.freund-aktionen{position:static;bottom:auto;z-index:auto;margin:14px 0 0;padding:12px 0 max(2px,env(safe-area-inset-bottom));border-top:1px solid var(--rand);background:none}.freund-aktionen>.gold,.freund-aktionen>.sekundaer{flex:1 1 calc(50% - 5px);min-height:46px;padding:10px 12px}.freund-aktionen>.textknopf{flex:1 1 100%;min-height:44px}.geschichte{margin:14px auto}.gabe{margin-top:10px}.lern-alltag{margin:12px 0;padding:12px 0}
}
@media(max-width:350px){.begegnung-kopfzeile{grid-template-columns:40px minmax(0,1fr) 40px 40px}.begegnung-identitaet img{display:none}.begegnung-kopfzeile .dialog-tonschalter,.begegnung-kopfzeile .schliessen,.begegnung-zurueck{width:40px;height:40px;min-width:40px}.begegnung-schritte{gap:4px;font-size:.46rem}.begegnung-schritte i{width:9px}.freund-aktionen>.gold,.freund-aktionen>.sekundaer{flex-basis:100%}}
@media(max-height:500px) and (orientation:landscape){.begegnung-kopfzeile{top:-10px;margin:-10px -10px 5px;padding:5px 10px}.begegnung-kopfzeile .schliessen,.begegnung-zurueck,.begegnung-kopfzeile .dialog-tonschalter{width:40px;height:40px;min-width:40px}.begegnung-identitaet img{width:28px;height:32px}.begegnung-schritte{display:none}#begegnung[data-stufe="spiel"] .freund-kopf,#begegnung[data-stufe="wort"] .freund-kopf{display:none}.freund-aktionen{position:static;padding:6px 0;margin:6px 0 0}.freund-aktionen>button{min-height:40px;padding:7px 11px}.lern-alltag{margin:7px 0;padding:7px 0}}

/* Niedrige Hochformatfenster: die Einladung und ihr Spielknopf bleiben gemeinsam sichtbar. */
#begegnung[data-stufe="begegnen"] .ga-freundweg{display:none}
@media(max-height:760px){
  #begegnung[data-stufe="begegnen"] .freundzeichen{width:104px;height:108px;margin:0 auto 5px}#begegnung[data-stufe="begegnen"] .freundzeichen>img{height:104px;max-width:118px}
  #begegnung[data-stufe="begegnen"] .freund-kopf h2,#begegnung[data-stufe="begegnen"] #freundsatz{display:none}#begegnung[data-stufe="begegnen"] #freundort{display:block;margin:2px 0;text-align:center}
  #begegnung[data-stufe="begegnen"] .begegnung-schritte{margin:6px 0 8px}#begegnung[data-stufe="begegnen"] .kindgeschichte{margin:6px auto!important;font-size:.9rem!important;line-height:1.5}#begegnung[data-stufe="begegnen"] .ga-freundweg{display:none}
  #begegnung[data-stufe="begegnen"] .freund-aktionen{margin-top:9px;padding-top:8px;gap:7px}#begegnung[data-stufe="begegnen"] .freund-aktionen>button{min-height:42px;padding:8px 12px}
}
@media(max-width:600px){#begegnung[data-stufe="begegnen"] .freund-kopf h2,#begegnung[data-stufe="begegnen"] #freundsatz{display:none}#begegnung[data-stufe="begegnen"] #freundort{display:block;margin:3px 0;text-align:center}#begegnung[data-stufe="begegnen"] .kindgeschichte{max-height:none;overflow:visible;margin:10px auto!important;line-height:1.55}}
@media(max-width:360px) and (max-height:620px){#begegnung[data-stufe="begegnen"] .freundzeichen{width:88px;height:92px}#begegnung[data-stufe="begegnen"] .freundzeichen>img{height:88px}#begegnung[data-stufe="begegnen"] .kindgeschichte{font-size:.84rem!important;line-height:1.42}}