:root{--gold:#ffb316;--gold2:#ffd85c;--brown:#6e3515;--cream:#fff4d2;--ink:#3a2418;--green:#326b2e;--shadow:0 8px 22px rgba(37,20,8,.28)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#123b28;color:#fff;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body{touch-action:manipulation;overflow:hidden}
button,select,a{font:inherit;-webkit-user-select:none;user-select:none}
canvas,img{-webkit-user-drag:none;user-select:none}
button,a{touch-action:manipulation}
#app{position:fixed;inset:0;width:100%;height:100%;min-height:100dvh;overflow:hidden;background:#08131a}.screen{position:absolute;inset:0;display:none;visibility:hidden;opacity:0;overflow:hidden}.screen.active{display:block!important;visibility:visible!important;opacity:1!important}
.splash{background:#163e27}.splash img{width:100%;height:100%;object-fit:cover;display:block}.splash-hit{position:absolute;left:20%;right:20%;bottom:5.2%;height:14%;border:0;background:transparent;cursor:pointer}.splash-tools{position:absolute;right:12px;top:max(12px,env(safe-area-inset-top));display:flex;gap:8px}.glass-btn{min-width:46px;min-height:46px;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:rgba(40,24,8,.48);color:#fff;text-decoration:none;display:grid;place-items:center;padding:0 14px;backdrop-filter:blur(8px);box-shadow:var(--shadow)}
.menu-screen{background:radial-gradient(circle at 50% 20%,#8fd55c 0,#3b873f 42%,#173f2e 100%);overflow:auto;padding:max(18px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}.menu-card{max-width:520px;margin:5vh auto 0;padding:24px;border:5px solid #8c4b1e;border-radius:26px;background:linear-gradient(180deg,#f8c66c,#d68835);color:var(--ink);box-shadow:inset 0 0 0 3px #ffd98d,var(--shadow)}.menu-card.wide{max-width:700px;margin-top:2vh}.menu-card h1,.menu-card h2{margin:0;text-align:center;text-shadow:0 2px 0 #fff1c8}.menu-card h1{font-size:clamp(2.4rem,10vw,4rem)}.subtitle{text-align:center;margin:4px 0 14px;font-weight:800}.hero-pair{display:flex;justify-content:center;gap:22px;margin:8px 0 18px;height:112px}.mini-bear{width:100px;height:100px;border-radius:46% 46% 42% 42%;position:relative;box-shadow:inset 0 -10px 18px rgba(0,0,0,.08),0 8px 16px rgba(70,30,5,.18)}.mini-bear.bubu{background:#fffaf1}.mini-bear.dudu{background:#b96d36}.ear{position:absolute;width:36px;height:36px;border-radius:50%;top:-5px;background:inherit}.ear:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#f1a083}.dudu .ear:after{background:#d89869}.e1{left:5px}.e2{right:5px}.eye{position:absolute;top:39px;width:12px;height:16px;border-radius:50%;background:#2a1711}.eye.a{left:27px}.eye.b{right:27px}.nose{position:absolute;top:57px;left:46px;width:9px;height:7px;border-radius:50%;background:#24130d}.smile{position:absolute;left:43px;top:64px;width:16px;height:11px;border-radius:0 0 12px 12px;border-bottom:3px solid #321910}.big-btn,.anchor-btn{width:100%;min-height:54px;margin:8px 0;border:3px solid #8e471b;border-radius:18px;background:linear-gradient(#ffd65d,#ffad16);color:#54260d;font-weight:900;font-size:1.08rem;box-shadow:inset 0 2px 0 #fff6bd,0 5px 0 #74360f;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.big-btn:active{transform:translateY(3px);box-shadow:inset 0 2px 0 #fff6bd,0 2px 0 #74360f}.big-btn.secondary{background:linear-gradient(#fff2c5,#e8c47e)}.big-btn.danger{background:linear-gradient(#ffb08f,#e85c42)}.menu-stats{text-align:center;margin-top:12px;font-weight:800;font-size:.9rem}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.icon-btn{min-width:46px;min-height:46px;border-radius:14px;border:2px solid #824117;background:#ffdf80;color:#4c260f;font-weight:900}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:18px}.level-card{border:3px solid #824117;border-radius:18px;background:#fff0bd;color:#45220d;padding:14px;min-height:142px;text-align:left;box-shadow:0 4px 0 #9b5a25}.level-card.locked{filter:grayscale(.8);opacity:.65}.level-card .n{font-size:2rem;font-weight:1000}.level-card .stars{letter-spacing:2px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0;padding:14px;border-radius:14px;background:#fff0bd;font-weight:800}.setting-row select{min-height:44px;border-radius:10px;border:2px solid #8a4a20;background:white;padding:0 10px;font-size:16px}.setting-row input{width:28px;height:28px}.small-note{text-align:center;margin-top:14px;font-size:.8rem;opacity:.75}
.game-screen{background:#6ec9ff}.game-screen.active{display:flex;flex-direction:column}.hud{position:absolute;z-index:5;left:8px;right:8px;top:max(8px,env(safe-area-inset-top));display:flex;gap:6px;align-items:center;pointer-events:none}.hud-btn,.hud-pill{min-height:42px;border:2px solid rgba(255,255,255,.75);border-radius:14px;background:rgba(63,35,16,.72);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.18);backdrop-filter:blur(5px)}.hud-btn{width:46px;pointer-events:auto}.hud-pill{padding:0 10px;font-size:.86rem}.game-screen canvas{width:100%;height:100%;display:block;background:#72d0ff}.controls{position:absolute;z-index:6;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;gap:12px;pointer-events:none}.left-controls{display:flex;gap:10px}.ctrl{pointer-events:auto;width:70px;height:70px;border-radius:50%;border:3px solid rgba(255,255,255,.9);background:rgba(66,35,15,.7);color:#fff;font-size:1.8rem;font-weight:1000;box-shadow:0 6px 14px rgba(0,0,0,.25);backdrop-filter:blur(4px)}.ctrl:active,.ctrl.pressed{transform:scale(.94);background:rgba(255,169,20,.88)}.ctrl.switch{width:82px;height:60px;border-radius:20px;font-size:1.3rem}.ctrl.jump{width:76px;height:76px}.large-controls .ctrl{width:86px;height:86px}.large-controls .ctrl.switch{width:94px;height:70px}.large-controls .ctrl.jump{width:92px;height:92px}.hint{position:absolute;z-index:7;left:50%;top:17%;transform:translateX(-50%);max-width:min(90%,520px);padding:12px 16px;border-radius:16px;background:rgba(57,30,13,.84);border:2px solid #ffe295;color:#fff;font-weight:800;text-align:center;box-shadow:var(--shadow)}.offline-badge{position:fixed;z-index:50;left:50%;top:max(8px,env(safe-area-inset-top));transform:translateX(-50%);background:#3a2b21;color:#fff;border:1px solid #fff4;padding:7px 12px;border-radius:999px;font-weight:800;font-size:.8rem}
.overlay[hidden]{display:none!important}.overlay{position:fixed;z-index:30;inset:0;background:rgba(20,12,5,.62);display:grid;place-items:center;padding:18px}.dialog{width:min(92vw,430px);padding:24px;border:5px solid #8c4b1e;border-radius:24px;background:linear-gradient(#f7c66d,#d78a39);color:var(--ink);box-shadow:inset 0 0 0 3px #ffdd97,var(--shadow)}.dialog h2{text-align:center}.finish-stars{text-align:center;font-size:2.2rem}.finish-score{text-align:center;font-weight:900;margin:10px 0 18px;line-height:1.6}
@media (max-width:620px){.hud{gap:4px}.hud-pill{font-size:.74rem;padding:0 7px}.menu-card{margin-top:1vh;padding:18px}.ctrl{width:62px;height:62px}.ctrl.jump{width:68px;height:68px}.controls{gap:6px}.splash-hit{left:14%;right:14%;bottom:4%;height:16%}}
@media (orientation:landscape) and (max-height:520px){.menu-card{margin-top:0;max-width:760px;padding:14px}.hero-pair{display:none}.big-btn{min-height:46px;margin:5px 0}.controls{bottom:6px}.ctrl{width:58px;height:58px}.ctrl.jump{width:64px;height:64px}.hud-pill{min-height:36px}.hud-btn{min-height:36px}}

/* Ver. 1.1.0: feste, freigegebene Bubu-/Dudu-Figuren. Keine alternativen Gesichter. */
.hero-pair{height:150px;align-items:flex-end;gap:12px}
.hero-character{height:145px;width:auto;max-width:48%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(70,30,5,.20));user-select:none;pointer-events:none}

/* Ver. 1.2.0 – Denk-Level, Stimmen und 5D-Tiefenlook */
.challenge-pill{background:rgba(53,34,90,.78);border-color:#e5d5ff}
.puzzle-card{max-width:520px;text-align:center;overflow:hidden;position:relative}
.puzzle-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,255,255,.33),transparent 55%);animation:puzzleGlow 3s ease-in-out infinite;pointer-events:none}
@keyframes puzzleGlow{50%{transform:translate(8%,5%) scale(1.1)}}
.puzzle-icon{font-size:3.2rem;filter:drop-shadow(0 5px 5px rgba(70,35,8,.25))}
.puzzle-visual{position:relative;z-index:1;margin:12px auto 16px;padding:16px 12px;min-height:72px;border:3px solid #8e471b;border-radius:18px;background:linear-gradient(180deg,#fffbe4,#ffe8a8);font-weight:1000;font-size:clamp(1.5rem,7vw,2.6rem);letter-spacing:.15em;color:#4d2711;box-shadow:inset 0 3px 0 #fff,0 5px 12px rgba(80,40,10,.14)}
.puzzle-question{position:relative;z-index:1;font-size:1.2rem;font-weight:900;line-height:1.35;margin:8px 0 16px}
.puzzle-answers{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.puzzle-answer{min-height:62px;border:3px solid #7c3c17;border-radius:18px;background:linear-gradient(#fff6bf,#ffc631);color:#4a230d;font-size:1.55rem;font-weight:1000;box-shadow:0 5px 0 #71330f,inset 0 2px 0 #fff}
.puzzle-answer:active{transform:translateY(3px);box-shadow:0 2px 0 #71330f,inset 0 2px 0 #fff}
.game-screen:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 28%,transparent 70%,rgba(0,0,0,.08));mix-blend-mode:soft-light}
.level-card .n{white-space:nowrap}
@media(max-width:620px){.challenge-pill{display:flex}.puzzle-answers{gap:7px}.puzzle-answer{min-height:58px;font-size:1.35rem}.puzzle-card{padding:18px}}


/* Ver. 1.4.0 – World Depth / professionelle Spieloberfläche */
.game-screen canvas{touch-action:none;cursor:grab;background:#101820}
.game-screen canvas.dragging{cursor:grabbing}
.gesture-chip{position:absolute;z-index:5;left:50%;bottom:max(94px,calc(env(safe-area-inset-bottom) + 86px));transform:translateX(-50%);padding:8px 13px;border-radius:999px;background:rgba(11,18,24,.48);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);font-size:.76rem;font-weight:800;color:#fff;pointer-events:none;opacity:.72;white-space:nowrap}
.hud{padding:4px;border-radius:18px;background:linear-gradient(180deg,rgba(12,18,25,.26),rgba(12,18,25,.08));backdrop-filter:blur(7px)}
.hud-btn,.hud-pill{background:rgba(18,25,31,.58);border:1px solid rgba(255,255,255,.30);box-shadow:0 6px 18px rgba(0,0,0,.18);border-radius:13px}
.controls{opacity:.54;transition:opacity .2s ease}.controls:active{opacity:.92}.ctrl{border:1px solid rgba(255,255,255,.52);background:rgba(16,24,31,.50);box-shadow:0 8px 20px rgba(0,0,0,.22);backdrop-filter:blur(9px)}
.ctrl:active,.ctrl.pressed{background:rgba(255,177,36,.82)}
.menu-screen{background:radial-gradient(circle at 20% 10%,#384f6c 0,#172331 45%,#0b1118 100%)}
.menu-card,.dialog{border:1px solid rgba(255,255,255,.20);background:linear-gradient(155deg,rgba(255,255,255,.90),rgba(233,239,245,.78));box-shadow:0 28px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(16px);color:#202934}
.menu-card h1,.menu-card h2{text-shadow:none}.big-btn,.anchor-btn{border:1px solid rgba(59,76,92,.22);background:linear-gradient(180deg,#ffd86c,#f2a91c);box-shadow:0 10px 22px rgba(136,80,10,.20),inset 0 1px 0 rgba(255,255,255,.75);color:#332714;border-radius:16px}.big-btn.secondary{background:linear-gradient(180deg,#f8fbfd,#dfe7ee);box-shadow:0 8px 18px rgba(25,39,52,.13)}
.level-card{border:1px solid rgba(66,83,98,.22);background:linear-gradient(160deg,#ffffff,#eaf0f4);box-shadow:0 10px 24px rgba(20,35,49,.14);color:#26323d}.level-card .n{font-size:1.65rem}.level-card:hover{transform:translateY(-2px)}
.setting-row{background:rgba(255,255,255,.72);border:1px solid rgba(50,70,85,.12)}
@media(max-width:620px){.gesture-chip{bottom:max(80px,calc(env(safe-area-inset-bottom) + 74px));font-size:.68rem}.controls{opacity:.42}}

/* Ver. 1.5.0 – Markieren/Kopieren deaktiviert */
*{caret-color:transparent}


/* Ver. 1.6.0 – echte Mini-Spielmechaniken */
.build-card{width:min(96vw,760px);max-height:96vh;overflow:auto}
.build-help,.drive-status{text-align:center;font-weight:800;margin:6px 0 10px}.build-count,.drive-badges{font-weight:1000;background:#1f2b36;color:#fff;padding:8px 12px;border-radius:999px}
.house-stage{position:relative;height:310px;border-radius:22px;background:linear-gradient(#a8dcff 0 55%,#80bd62 55%);overflow:hidden;border:2px solid rgba(30,50,65,.2);box-shadow:inset 0 0 45px rgba(255,255,255,.45)}
.build-target{position:absolute;border:3px dashed rgba(70,63,52,.42);display:grid;place-items:center;color:#3b3028;font-size:2rem;transition:.18s}.build-target.filled{border-style:solid;border-color:rgba(75,116,55,.7);background:rgba(255,240,190,.85);transform:scale(1.02)}
.build-target.foundation{left:24%;right:24%;height:36px;bottom:28px;background:rgba(110,91,71,.12)}
.build-target.wallL{left:27%;width:22%;height:112px;bottom:64px}.build-target.wallR{right:27%;width:22%;height:112px;bottom:64px}.build-target.window{left:33%;width:60px;height:52px;bottom:103px}.build-target.door{right:34%;width:55px;height:82px;bottom:64px}.build-target.roof{left:23%;right:23%;height:72px;bottom:176px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.build-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.build-piece{min-height:70px;border:1px solid rgba(35,50,65,.2);border-radius:15px;background:linear-gradient(#fff7cf,#f0bd58);box-shadow:0 6px 16px rgba(0,0,0,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;color:#342616;touch-action:none}.build-piece span{font-size:1.8rem}.build-piece small{font-weight:800}.build-piece.dragging{opacity:.96;transform:scale(1.06);box-shadow:0 18px 40px rgba(0,0,0,.35);margin:0}
.drive-card{width:min(96vw,560px);max-height:98vh;overflow:auto}.drive-card canvas{display:block;width:min(100%,360px);height:auto;max-height:58vh;margin:0 auto;border-radius:22px;border:2px solid rgba(255,255,255,.6);box-shadow:0 12px 28px rgba(0,0,0,.25);touch-action:none}.drive-controls-mini{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px}.drive-wheel{width:120px;height:120px;border:15px solid #252a2f;border-radius:50%;position:relative;touch-action:none;transition:transform .08s linear;background:radial-gradient(circle,#505b64 0 21%,transparent 22%)}.drive-wheel:before,.drive-wheel:after,.drive-wheel div{content:"";position:absolute;left:50%;top:50%;width:12px;height:48px;background:#252a2f;transform-origin:50% 0;border-radius:8px}.drive-wheel:before{transform:rotate(0deg) translate(-50%,0)}.drive-wheel:after{transform:rotate(120deg) translate(-50%,0)}.drive-wheel div{transform:rotate(240deg) translate(-50%,0)}
.drive-pedals{display:flex;gap:10px;align-items:end}.pedal{width:84px;border:0;border-radius:14px;font-weight:1000;color:white;box-shadow:0 6px 15px rgba(0,0,0,.22);touch-action:none}.pedal.brake{height:78px;background:linear-gradient(#e75b51,#a92927)}.pedal.gas{height:104px;background:linear-gradient(#64c96c,#28863a)}.pedal:active{transform:translateY(3px);filter:brightness(.9)}
@media(max-width:620px){.house-stage{height:260px}.build-tray{grid-template-columns:repeat(2,1fr)}.build-piece{min-height:60px}.drive-wheel{width:96px;height:96px;border-width:12px}.pedal{width:72px}.pedal.brake{height:68px}.pedal.gas{height:90px}}



/* Ver. 1.7.0 – neuer Start, Spielerprofile, Statistik, Share */
.splash{position:relative;background:#08131a;isolation:isolate}.splash>img{position:absolute;inset:0;z-index:0}.splash-vignette{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(5,12,18,.08) 0%,rgba(5,12,18,.02) 45%,rgba(5,12,18,.78) 100%),radial-gradient(circle at 50% 32%,transparent 35%,rgba(0,0,0,.28) 100%);pointer-events:none}.splash-brand{position:absolute;z-index:2;left:50%;top:max(7%,env(safe-area-inset-top));transform:translateX(-50%);width:min(92%,620px);text-align:center;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.65);pointer-events:none}.splash-brand h1{margin:4px 0 0;font-size:clamp(2.45rem,10vw,4.5rem);font-weight:1000;letter-spacing:-.045em}.splash-brand h1 span{color:#ffd25b}.splash-brand p{margin:2px 0;font-weight:900;letter-spacing:.08em}.splash-kicker{display:inline-block;padding:6px 12px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(8,18,25,.36);backdrop-filter:blur(7px);font-size:.72rem;font-weight:900;letter-spacing:.16em}.splash-start-btn{position:absolute;z-index:3;left:50%;bottom:max(5.5%,calc(env(safe-area-inset-bottom) + 18px));transform:translateX(-50%);width:min(82vw,410px);min-height:68px;border:2px solid rgba(255,255,255,.78);border-radius:22px;background:linear-gradient(180deg,#ffe78b 0%,#ffc532 45%,#e98c0a 100%);box-shadow:0 12px 28px rgba(0,0,0,.38),inset 0 2px 0 rgba(255,255,255,.95),inset 0 -5px 0 rgba(140,70,0,.18);color:#382005;font-size:1.1rem;font-weight:1000;letter-spacing:.08em}.splash-start-btn span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:7px;border-radius:50%;background:#44230b;color:#ffd85a;box-shadow:inset 0 1px 0 #fff4}.splash-start-btn:active{transform:translateX(-50%) translateY(3px);box-shadow:0 6px 18px rgba(0,0,0,.32),inset 0 2px 0 rgba(255,255,255,.9)}.splash-tools{z-index:4}.glass-btn{border-color:rgba(255,255,255,.56);background:rgba(8,18,26,.56);box-shadow:0 8px 20px rgba(0,0,0,.26)}
.player-badge{margin:0 auto 8px;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;background:rgba(25,37,48,.08);border:1px solid rgba(30,45,58,.12);font-weight:900;font-size:.82rem}.menu-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.big-btn.compact{margin:0;min-height:50px;font-size:.94rem;padding:7px}.profile-card{position:relative;overflow:hidden;padding-top:112px}.profile-characters{position:absolute;top:-9px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;gap:2px;height:122px;pointer-events:none}.profile-characters img{height:116px;width:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}.profile-row{padding:10px 12px}.name-input{width:min(58%,260px);height:44px;border:1px solid rgba(40,60,75,.28);border-radius:11px;background:#fff;padding:0 12px;font-weight:800;font-size:16px;color:#1c2a34}.mode-title{text-align:center;margin:16px 0 9px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mode-card{position:relative;display:flex;min-height:148px;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:10px 7px;border:2px solid rgba(53,72,88,.14);border-radius:18px;background:linear-gradient(165deg,#fff,#edf3f7);box-shadow:0 8px 18px rgba(20,35,48,.09);cursor:pointer}.mode-card input{position:absolute;opacity:0;pointer-events:none}.mode-card:has(input:checked),.mode-card.selected{border-color:#e7a316;box-shadow:0 0 0 3px rgba(255,190,45,.2),0 10px 22px rgba(80,55,10,.14);background:linear-gradient(160deg,#fff8d9,#ffe29a)}.mode-icon{font-size:2rem}.mode-card strong{font-size:.98rem}.mode-card small{font-size:.71rem;line-height:1.25;opacity:.72}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.stat-tile{padding:13px;border-radius:16px;background:linear-gradient(150deg,#fff,#eaf0f4);border:1px solid rgba(45,65,80,.12);box-shadow:0 7px 16px rgba(20,35,48,.08)}.stat-tile b{display:block;font-size:1.35rem;margin-top:3px}.stats-level-list{max-height:32vh;overflow:auto;margin:8px 0 14px;border-radius:15px;background:rgba(255,255,255,.54);border:1px solid rgba(40,60,80,.1)}.stats-level-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:9px 11px;border-bottom:1px solid rgba(40,60,80,.08);font-size:.82rem}.stats-level-row:last-child{border-bottom:0}.voice-library strong{font-size:.8rem;padding:5px 8px;border-radius:999px;background:#eaf5e9;color:#28652a}.app-toast{position:fixed;z-index:100;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(88vw,520px);padding:12px 16px;border-radius:16px;background:rgba(12,20,27,.91);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:850;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.35);backdrop-filter:blur(9px)}
.mode-learning .hud-pill:last-child{opacity:.58}.mode-learning #timeCount{font-size:0}.mode-learning #timeCount:after{content:'📚';font-size:.9rem}.mode-play .challenge-pill{opacity:.5}
@media(max-width:620px){.splash-brand{top:max(4%,env(safe-area-inset-top))}.splash-brand h1{font-size:clamp(2.1rem,11vw,3.25rem)}.splash-brand p{font-size:.8rem}.splash-start-btn{min-height:60px;bottom:max(4%,calc(env(safe-area-inset-bottom) + 10px))}.menu-action-grid{gap:6px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:88px;display:grid;grid-template-columns:44px 1fr;text-align:left;justify-items:start}.mode-card small{grid-column:2}.profile-card{padding-top:96px}.profile-characters{height:100px}.profile-characters img{height:96px}.stats-grid{grid-template-columns:1fr 1fr}}

/* Ver. 1.7.1 – Start-Stabilisierung */
#splash.active{display:block!important;visibility:visible!important;opacity:1!important}
#splash>img{background:#163e27}
.boot-error{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;padding:10px 12px;border-radius:12px;background:rgba(80,0,0,.88);color:#fff;font-weight:800;text-align:center}

/* Ver. 1.7.2 – versteckte UI-Elemente dürfen nie von Button-Layouts überschrieben werden */
[hidden]{display:none!important}


/* Ver. 1.7.3 – Startbild ohne Doppelschrift + mobile Profilansicht + Install-Fix */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html.standalone-mode #installBtn,body.standalone-mode #installBtn{display:none!important}
.splash-vignette{background:linear-gradient(180deg,rgba(5,12,18,.04) 0%,rgba(5,12,18,0) 55%,rgba(5,12,18,.18) 100%)}
.splash-hit{position:absolute;z-index:3;left:17%;right:17%;bottom:max(6%,calc(env(safe-area-inset-bottom) + 18px));height:min(11.5%,96px);border:0;background:transparent;border-radius:999px;box-shadow:none;cursor:pointer}
.splash-hit:focus-visible{outline:4px solid rgba(255,215,92,.92);outline-offset:6px}
.splash-tools{right:12px;top:max(12px,calc(env(safe-area-inset-top) + 2px));gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:min(92vw,260px)}
.glass-btn{min-width:44px;min-height:44px;padding:0 13px;border-radius:15px;background:rgba(15,21,28,.44);border-color:rgba(255,255,255,.62);box-shadow:0 10px 24px rgba(0,0,0,.24)}
.profile-card{padding-top:120px}
.profile-row{display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px;padding:15px 16px}
.profile-row>span{display:block;font-size:clamp(1rem,4.8vw,1.26rem);line-height:1.08;color:#20303b}
.profile-row select,.profile-row .name-input{width:100%;max-width:none;min-height:52px;border:2px solid rgba(36,53,68,.24);border-radius:16px;background:#fff;color:#1b2731;padding:0 14px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.profile-row select{appearance:auto}
#playerSelect{font-size:1.02rem}
#playerNameInput{font-size:1.02rem}
.profile-card h2{margin-bottom:8px}
@media(max-width:620px){.menu-card{padding:18px}.profile-card{padding-top:88px}.profile-row{gap:8px;padding:12px 14px}.profile-row>span{font-size:clamp(1rem,7vw,1.18rem)}.splash-hit{left:18%;right:18%;bottom:max(5.9%,calc(env(safe-area-inset-bottom) + 10px));height:min(9.8%,78px)}.splash-tools{gap:8px;max-width:210px}.glass-btn{min-width:42px;min-height:42px;border-radius:14px}}