:root{color-scheme:dark;--bg: #111413;--panel: rgba(249, 247, 239, .08);--panel-strong: rgba(249, 247, 239, .14);--text: #fbfaf5;--muted: #b9b7ad;--line: rgba(255, 255, 255, .16);--de: #67e0b7;--het: #82b7ff;--wrong: #ff7a88;--gold: #f7c95d;--shadow: 0 26px 90px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100svh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 18% 18%,rgba(103,224,183,.24),transparent 24rem),radial-gradient(circle at 85% 70%,rgba(130,183,255,.2),transparent 26rem),linear-gradient(135deg,#101715,#171413 48%,#111827);overflow-x:hidden}button{border:0;font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(760px,calc(100% - 32px));min-height:100svh;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:32px 0}.game-panel{width:100%;min-height:min(720px,calc(100svh - 64px));border:1px solid var(--line);border-radius:30px;padding:clamp(22px,4vw,42px);position:relative;overflow:hidden;background:linear-gradient(150deg,#ffffff1f,#ffffff0a);box-shadow:var(--shadow);backdrop-filter:blur(24px);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:18px}.game-panel:fullscreen{width:min(760px,calc(100vw - 24px));height:calc(100svh - 24px);margin:12px auto}.topbar,.stats-grid,.actions,.level-row{position:relative;z-index:2}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.eyebrow,.card-level,.stat span{margin:0;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{margin:4px 0 0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.9;letter-spacing:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.icon-toggle,.level-chip{border:1px solid var(--line);background:#ffffff14}.icon-toggle{min-height:44px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-weight:800}.icon-toggle[aria-pressed=false]{color:var(--muted)}.sound-icon{color:var(--gold)}.level-row{display:flex;gap:10px;flex-wrap:wrap}.level-chip{min-height:42px;padding:0 18px;border-radius:999px;font-weight:900}.level-chip.active{background:#ffffff2e;border-color:#ffffff61}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{min-height:82px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#00000024}.stat strong{display:block;margin-top:8px;font-size:clamp(1.35rem,3vw,2.1rem)}.card-zone{position:relative;z-index:1;display:grid;place-items:center;min-height:0;perspective:1200px}.word-card{width:min(430px,100%);max-height:100%;aspect-ratio:.78;border-radius:28px;position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,#ffffff30,#ffffff0f),linear-gradient(180deg,#ffffff1a,#0003);box-shadow:0 36px 80px #00000052;touch-action:none;user-select:none;transition:border-color .18s ease,transform .18s cubic-bezier(.2,.72,.18,1);backface-visibility:hidden;will-change:transform,opacity;overflow:hidden}.word-card:before{content:"";position:absolute;inset:16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);pointer-events:none}.word-card h2{width:100%;margin:10px 0 14px;font-size:var(--word-size, clamp(3rem, 9vw, 6rem));line-height:1.12;white-space:nowrap;overflow:visible;letter-spacing:0}.translation{min-height:28px;margin:0;color:var(--muted);font-size:1.05rem;font-weight:700}.card-feedback{position:absolute;top:26px;left:26px;right:26px;min-height:42px;display:grid;place-items:center;border-radius:999px;opacity:0;transform:translateY(-8px);font-weight:900;transition:opacity .16s ease,transform .16s ease}.word-card.show-de .card-feedback,.word-card.show-het .card-feedback{opacity:1;transform:translateY(0)}.word-card.show-de{border-color:#67e0b7b8}.word-card.show-het{border-color:#82b7ffb8}.word-card.show-de .card-feedback{background:#67e0b738;color:var(--de)}.word-card.show-het .card-feedback{background:#82b7ff33;color:var(--het)}.ambient{position:absolute;border-radius:999px;filter:blur(24px);opacity:.46;animation:drift 7s ease-in-out infinite alternate}.ambient-one{width:160px;height:160px;background:var(--de);left:12%;top:18%}.ambient-two{width:190px;height:190px;background:var(--het);right:11%;bottom:14%;animation-delay:-2s}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-button{min-height:68px;border:1px solid rgba(255,255,255,.18);border-radius:18px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.35rem;font-weight:900;background:#ffffff17;box-shadow:inset 0 1px #ffffff1a;transition:transform .18s ease,background .18s ease,border-color .18s ease}.answer-button:hover{transform:translateY(-2px);background:#ffffff24;border-color:#ffffff4d}.milestone{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:10}.milestone strong{position:absolute;top:48px;left:50%;min-width:132px;min-height:44px;display:grid;place-items:center;border-radius:999px;background:#141310b8;color:var(--gold);box-shadow:0 14px 46px #f7c95d29;backdrop-filter:blur(18px);font-size:clamp(1rem,3vw,1.35rem);font-weight:900;transform:translate(-50%) scale(.72)}.milestone-burst{position:absolute;top:48px;left:50%;width:90px;height:90px;border-radius:999px;border:10px solid rgba(247,201,93,.18);transform:translate(-50%) scale(.2)}.confetti{position:absolute;left:50%;top:74px;width:10px;height:12px;border-radius:4px;transform:translate(-50%,-50%) rotate(var(--spin));animation:confetti .9s cubic-bezier(.17,.84,.44,1) forwards}.milestone.show{animation:milestoneFade .95s ease forwards}.milestone.show strong{animation:milestonePop .68s cubic-bezier(.17,.84,.44,1) forwards}.milestone.show .milestone-burst{animation:burst .68s ease-out forwards}.fly-left{animation:flyLeft .43s cubic-bezier(.2,.72,.18,1) forwards}.fly-right{animation:flyRight .43s cubic-bezier(.2,.72,.18,1) forwards}.shake{animation:shake .3s ease}@keyframes drift{to{transform:translate3d(18px,-22px,0) scale(1.08)}}@keyframes flyLeft{to{transform:translate3d(-145%,0,0) rotate(-14deg);opacity:0}}@keyframes flyRight{to{transform:translate3d(145%,0,0) rotate(14deg);opacity:0}}@keyframes shake{25%{transform:translate(-10px) rotate(-2deg)}50%{transform:translate(8px) rotate(2deg)}75%{transform:translate(-5px) rotate(-1deg)}}@keyframes milestoneFade{0%,76%{opacity:1}to{opacity:0}}@keyframes milestonePop{0%{transform:translate(-50%) scale(.86) translateY(-8px)}45%{transform:translate(-50%) scale(1.04) translateY(0)}to{transform:translate(-50%) scale(1) translateY(0)}}@keyframes burst{to{transform:translate(-50%) scale(1.7);opacity:0}}@keyframes confetti{70%{opacity:1}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(calc(var(--spin) + 300deg));opacity:0}}@media(max-width:620px),(max-height:760px)and (max-width:900px){body{overflow:hidden}.app-shell{width:100vw;height:100svh;min-height:100svh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.game-panel,.game-panel:fullscreen{width:100%;height:100%;min-height:0;margin:0;border-radius:22px;padding:clamp(12px,3vw,18px);gap:clamp(8px,1.8vh,13px)}.topbar{align-items:center}h1{font-size:clamp(2rem,10vw,3.2rem)}.toolbar{gap:6px}.icon-toggle{min-height:38px;padding:0 10px;font-size:.86rem}.level-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.level-chip{min-height:36px;padding:0 7px;font-size:.9rem}.stats-grid{gap:7px}.stat{min-height:56px;padding:9px 10px;border-radius:13px}.stat span{font-size:.62rem}.stat strong{margin-top:2px;font-size:clamp(1.12rem,6vw,1.55rem)}.card-zone{align-self:stretch}.word-card{width:min(78vw,calc((100svh - 268px)*.78));min-width:220px;padding:clamp(18px,6vw,28px);border-radius:24px}.word-card h2{font-size:var(--word-size, clamp(2.5rem, 14vw, 4.8rem))}.translation{font-size:.96rem}.card-feedback{top:18px;left:18px;right:18px;min-height:36px}.actions{gap:8px}.answer-button{min-height:54px;border-radius:15px;font-size:1.12rem}}@media(max-height:760px)and (min-width:901px){.app-shell{padding:16px 0}.game-panel{min-height:calc(100svh - 32px);padding:18px 42px 14px;gap:8px}h1{font-size:clamp(2.35rem,4vw,3.1rem)}.level-chip{min-height:36px}.stat{min-height:60px;padding:10px 14px}.stat strong{margin-top:2px}.word-card{width:min(270px,100%)}.answer-button{min-height:50px}}@media(max-height:640px)and (max-width:900px){.eyebrow,.card-level,.stat span{font-size:.58rem}h1{font-size:clamp(1.7rem,8vw,2.5rem)}.icon-toggle span:last-child{display:none}.level-chip{min-height:32px}.stat{min-height:48px;padding:7px 9px}.word-card{width:min(66vw,calc((100svh - 230px)*.78));min-width:190px}.answer-button{min-height:48px}}
/*# sourceMappingURL=main.css.map */