.flipper-container{padding:1.5rem;max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.control-bar{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.control-bar-row{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.skin-selector-group{display:flex;flex-wrap:wrap;gap:.35rem}.skin-btn,.icon-toggle-btn,.speed-btn{background:hsl(var(--text-primary) / .06);border:1px solid hsl(var(--border-subtle) / .15);color:hsl(var(--text-secondary));padding:.4rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;cursor:pointer;min-height:38px;transition:all .15s ease;display:inline-flex;align-items:center;gap:.35rem}.skin-btn:hover,.skin-btn.active,.speed-btn:hover,.speed-btn.active,.icon-toggle-btn.active{background:hsl(var(--primary) / .15);border-color:hsl(var(--primary));color:hsl(var(--primary))}.custom-text-drawer{width:100%;background:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle) / .15);border-radius:12px;padding:.75rem 1rem;margin-bottom:.75rem;display:none;flex-direction:column;gap:.65rem;text-align:left}.custom-text-drawer.open{display:flex}.custom-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.custom-field-wrap{display:flex;flex-direction:column;gap:.25rem}.custom-field-label{font-size:.75rem;font-weight:700;color:hsl(var(--text-muted))}.custom-field-input{background:hsl(var(--bg-surface));border:1px solid hsl(var(--border-subtle) / .2);border-radius:8px;color:hsl(var(--text-primary));padding:.5rem .75rem;font-size:.85rem;font-weight:600;outline:none}.custom-field-input:focus{border-color:hsl(var(--primary))}.coin-arena{perspective:1200px;width:180px;height:220px;margin:.5rem auto 1rem;cursor:pointer;user-select:none;outline:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.coin-flight-wrapper{width:170px;height:170px;position:relative;transform-style:preserve-3d;margin-bottom:24px}.coin-flight-wrapper.tossing-classic{animation:coinParabolicFlight 1.15s cubic-bezier(.25,1,.5,1) forwards}.coin-flight-wrapper.tossing-turbo{animation:coinParabolicFlightTurbo .45s cubic-bezier(.25,1,.5,1) forwards}.coin-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.18,.9,.32,1.12)}.coin-face{position:absolute;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 36px -8px #05060fd9;overflow:hidden}.coin-front{transform:translateZ(6px)}.coin-back{transform:rotateY(180deg) translateZ(6px)}.coin-rim-slice{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid #b45309;background:radial-gradient(circle,#78350f 40%,#d97706,#fef08a);pointer-events:none;box-sizing:border-box}.rim-layer-1{transform:translateZ(4px)}.rim-layer-2{transform:translateZ(2px)}.rim-layer-3{transform:translateZ(0);border-color:#78350f}.rim-layer-4{transform:translateZ(-2px)}.rim-layer-5{transform:translateZ(-4px)}.coin-face svg{width:100%;height:100%;display:block}.coin-glare-sweep{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.65) 50%,transparent 75%);pointer-events:none;opacity:0;mix-blend-mode:overlay;transition:opacity .2s ease}.coin-3d.spinning .coin-glare-sweep{opacity:1;animation:glareSweep .6s linear infinite}.coin-ground-shadow{width:140px;height:18px;background:radial-gradient(ellipse at center,rgba(0,0,0,.75) 0%,rgba(0,0,0,.3) 50%,transparent 80%);border-radius:50%;transition:all .25s ease;pointer-events:none}.coin-flight-wrapper.tossing-classic~.coin-ground-shadow{animation:shadowFlight 1.15s cubic-bezier(.25,1,.5,1) forwards}.coin-flight-wrapper.tossing-turbo~.coin-ground-shadow{animation:shadowFlightTurbo .45s cubic-bezier(.25,1,.5,1) forwards}@keyframes coinParabolicFlight{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-135px) scale(1.14)}78%{transform:translateY(0) scale(1)}88%{transform:translateY(-16px) scale(1.03)}95%{transform:translateY(-4px) scale(1.01)}to{transform:translateY(0) scale(1)}}@keyframes coinParabolicFlightTurbo{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-60px) scale(1.08)}85%{transform:translateY(0) scale(1)}to{transform:translateY(0) scale(1)}}@keyframes shadowFlight{0%{transform:scale(1);opacity:.7;filter:blur(3px)}38%{transform:scale(.55);opacity:.15;filter:blur(14px)}78%{transform:scale(1.15);opacity:.9;filter:blur(2px)}88%{transform:scale(.9);opacity:.5;filter:blur(5px)}to{transform:scale(1);opacity:.7;filter:blur(3px)}}@keyframes shadowFlightTurbo{0%{transform:scale(1);opacity:.7;filter:blur(3px)}45%{transform:scale(.7);opacity:.25;filter:blur(8px)}85%{transform:scale(1.1);opacity:.85;filter:blur(2px)}to{transform:scale(1);opacity:.7;filter:blur(3px)}}@keyframes glareSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outcome-area{min-height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;width:100%}.outcome-badge{font-size:1.15rem;font-weight:700;padding:.5rem 1.5rem;border-radius:9999px;background:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle) / .15);color:hsl(var(--text-secondary));transition:all .2s ease}.outcome-badge.spinning{color:hsl(var(--primary));border-color:hsl(var(--primary) / .4);box-shadow:var(--shadow-glow-gold)}.outcome-badge.result-kopf{background:hsl(var(--accent-emerald) / .15);border-color:hsl(var(--accent-emerald));color:hsl(var(--accent-emerald));box-shadow:var(--shadow-glow-emerald)}.outcome-badge.result-zahl{background:hsl(var(--primary) / .15);border-color:hsl(var(--primary));color:hsl(var(--primary));box-shadow:var(--shadow-glow-gold)}.actions-group{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem}.flip-action-btn{width:100%;max-width:380px;font-size:1.1rem}.keyboard-hint{font-size:.75rem;color:hsl(var(--text-muted));font-family:var(--font-mono)}.kbd-badge{background:hsl(var(--text-primary) / .08);border:1px solid hsl(var(--border-subtle) / .2);border-radius:4px;padding:.15rem .45rem;color:hsl(var(--text-secondary));font-size:.75rem}.streak-card{width:100%;background:hsl(var(--accent-blue) / .12);border:1px solid hsl(var(--accent-blue) / .35);color:hsl(var(--accent-blue));padding:.65rem 1rem;border-radius:10px;font-size:.85rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.ratio-bar-wrap{width:100%;height:8px;background:hsl(var(--bg-card));border-radius:9999px;overflow:hidden;display:flex;margin-bottom:1rem;border:1px solid hsl(var(--border-subtle) / .15)}.ratio-bar-kopf{background:hsl(var(--accent-emerald));height:100%;width:50%;transition:width .3s ease}.ratio-bar-zahl{background:hsl(var(--primary));height:100%;width:50%;transition:width .3s ease}.flipper-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;margin-bottom:1rem}.telemetry-item{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle) / .1);border-radius:8px;padding:.65rem .5rem;text-align:center}.telemetry-num{font-size:1.25rem;font-weight:800;color:hsl(var(--text-primary))}.telemetry-label{font-size:.7rem;color:hsl(var(--text-muted));text-transform:uppercase;margin-top:2px}.history-strip{width:100%;background:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle) / .1);border-radius:10px;padding:.75rem 1rem;text-align:left}.history-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;color:hsl(var(--text-muted));font-weight:700}.history-chips-row{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.history-chip-item{padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700;white-space:nowrap}.chip-k{background:hsl(var(--accent-emerald) / .15);color:hsl(var(--accent-emerald));border:1px solid hsl(var(--accent-emerald) / .3)}.chip-z{background:hsl(var(--primary) / .15);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .3)}.flipper-container:fullscreen,.flipper-container:-webkit-full-screen{background:hsl(var(--bg-canvas));width:100vw;height:100vh;max-width:100vw;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:0}.flipper-container:fullscreen .coin-arena,.flipper-container:-webkit-full-screen .coin-arena{width:260px;height:320px}.flipper-container:fullscreen .coin-flight-wrapper,.flipper-container:-webkit-full-screen .coin-flight-wrapper{width:240px;height:240px}@media(max-width:520px){.coin-arena{width:150px;height:180px}.coin-flight-wrapper{width:140px;height:140px}.flipper-stats-grid{grid-template-columns:repeat(2,1fr)}.flipper-container{padding:1rem}.custom-inputs-row{grid-template-columns:1fr}}.embed-dialog{padding:1.5rem;border-radius:16px;border:1px solid hsl(var(--border-subtle) / .2);max-width:500px;width:92%;margin:auto;background:hsl(var(--bg-surface));color:hsl(var(--text-primary))}
