:root{--linen: #F4EEE3;--linen-pure: #FAF7F2;--linen-card: #ECE3D2;--linen-dark: #DFD3BF;--ink-charcoal: #2B2622;--walnut: #5C402B;--walnut-light: #7E5F46;--gen-masculin: #2F5D8A;--gen-masculin-bg: #E8EFF7;--gen-feminin: #B23A2E;--gen-feminin-bg: #FBECEB;--gen-neutru: #5E7D53;--gen-neutru-bg: #EDF3EC;--gold-bell: #D49B28;--clay-terracotta: #A8623B;--soft-shadow: 0 4px 12px rgba(43, 38, 34, .08);--card-shadow: 0 6px 18px rgba(92, 64, 43, .12);--touch-min: 48px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--font-serif: "Georgia", "Fraunces", serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{background-color:var(--linen);background-image:radial-gradient(circle at 50% 50%,rgba(250,247,242,.45) 0%,transparent 100%),linear-gradient(rgba(43,38,34,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(43,38,34,.02) 1px,transparent 1px);background-size:100% 100%,20px 20px,20px 20px;color:var(--ink-charcoal);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;touch-action:manipulation}.app-header{background:var(--linen-pure);border-bottom:2px solid var(--walnut-light);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--soft-shadow)}.brand-wrapper{display:flex;align-items:center;gap:14px}.mascot-avatar{width:52px;height:52px;border-radius:50%;border:2px solid var(--ie-red);background:#fff;object-fit:cover;box-shadow:0 2px 6px #0000001a}.brand-text h1{font-family:var(--font-serif);font-size:24px;color:var(--walnut);letter-spacing:.5px}.brand-text p{font-size:13px;color:#6e6259}.score-badge{background:var(--linen-card);border:1px solid var(--walnut-light);border-radius:var(--radius-md);padding:8px 16px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.score-badge .bell-icon{color:var(--gold-bell);font-size:18px}.folk-border-container{width:100%;overflow:hidden;line-height:0;background:transparent;padding:4px 0}.app-main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:24px}.miorita-dialog{background:var(--linen-pure);border:2px solid var(--walnut);border-radius:var(--radius-lg);padding:18px 24px;position:relative;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:18px;animation:floatIn .3s ease-out}.miorita-dialog:before{content:"";position:absolute;top:-12px;left:36px;border-width:0 12px 12px;border-style:solid;border-color:transparent transparent var(--walnut);display:block;width:0}.dialog-text{font-family:var(--font-serif);font-size:19px;line-height:1.45;color:var(--ink-charcoal);flex:1}.dialog-text strong{color:var(--ie-red)}.btn-audio{background:var(--linen-card);border:2px solid var(--walnut);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:transform .15s ease,background .15s ease;min-width:48px}.btn-audio:active{transform:scale(.92);background:var(--linen-dark)}.miorita-hud-container{width:100%;position:relative;margin-bottom:8px}.miorita-hud-pill{display:inline-flex;align-items:center;gap:10px;background:var(--linen-pure);border:2px solid var(--walnut);border-radius:999px;padding:8px 18px;cursor:pointer;box-shadow:var(--soft-shadow);transition:transform .15s ease,background .15s ease,box-shadow .15s ease;min-height:48px;font-family:var(--font-serif);font-weight:700;font-size:15px;color:var(--walnut)}.miorita-hud-pill:hover{transform:translateY(-2px);background:#fff;box-shadow:var(--card-shadow)}.miorita-hud-pill:active{transform:scale(.97)}.miorita-hud-pill .pill-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1.5px solid var(--ie-red);display:flex;align-items:center;justify-content:center;background:#fff}.miorita-hud-pill .pill-avatar img{width:100%;height:100%;object-fit:cover;object-position:25% 15%}.miorita-hud-pill .pill-bell{font-size:14px}.miorita-speech-card{background:var(--linen-pure);border:2px solid var(--walnut);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--card-shadow);position:relative;transition:box-shadow .2s ease}.miorita-speech-card.pop{animation:hudPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes hudPop{0%{transform:scale(.98);opacity:.85}to{transform:scale(1);opacity:1}}.speech-card-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--walnut-light);padding-bottom:8px;margin-bottom:12px}.speaker-meta{display:flex;align-items:center;gap:8px}.speaker-name{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--walnut)}.speaker-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#b8860b26;color:#7a5800;padding:2px 8px;border-radius:999px;border:1px solid rgba(184,134,11,.3)}.btn-minimize-hud{background:transparent;border:1px solid var(--walnut-light);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;color:#6c5b4f;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;min-height:32px}.btn-minimize-hud:hover{background:var(--linen-card);color:var(--walnut)}.speech-card-body{display:flex;align-items:flex-start;gap:16px}@media(max-width:600px){.speech-card-body{flex-direction:column;align-items:center;text-align:center}}.mascot-portrait{width:64px;height:64px;border-radius:50%;border:2.5px solid var(--ie-red);background:#fff;overflow:hidden;position:relative;flex-shrink:0;cursor:pointer;box-shadow:0 3px 8px #0000001f;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.mascot-portrait:hover{transform:scale(1.08) rotate(-2deg)}.mascot-portrait:active{transform:scale(.95)}.mascot-portrait .mascot-img{width:100%;height:100%;object-fit:cover;object-position:25% 15%;display:block}.mascot-bell-tag{position:absolute;bottom:0;right:0;font-size:12px;background:#ffffffe6;border-radius:50%;padding:1px}.speech-text-wrap{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.speech-text{font-family:var(--font-serif);font-size:18px;line-height:1.45;color:var(--ink-charcoal)}.speech-text strong{color:var(--ie-red)}.hud-bridge-box{background:var(--linen-card);border-left:3.5px solid var(--gold-bell);padding:10px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;line-height:1.4;color:var(--walnut);display:flex;align-items:flex-start;gap:8px}.hud-bridge-box .bridge-flag{font-size:16px;flex-shrink:0}.hud-bridge-box .bridge-content{flex:1}.speech-controls{display:flex;align-items:center;gap:10px}.btn-audio-pill{background:var(--linen-card);border:1.5px solid var(--walnut);border-radius:999px;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--walnut);cursor:pointer;transition:all .15s ease;min-height:48px}.btn-audio-pill:hover{background:#fff;border-color:var(--ie-red)}.btn-audio-pill:active{transform:scale(.96);background:var(--linen-dark)}.btn-mic-pill{background:var(--linen-card);border:1.5px solid var(--walnut);border-radius:999px;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--walnut);cursor:pointer;transition:all .15s ease;min-height:48px}.btn-mic-pill:hover{background:#fff;border-color:var(--gen-masculin)}.btn-mic-pill:active{transform:scale(.96)}.btn-mic-pill.listening{background:#ffebee;border-color:var(--ie-red);color:var(--ie-red);animation:pulseMic .9s infinite alternate}@keyframes pulseMic{0%{transform:scale(1);box-shadow:0 0 #b23a2e33}to{transform:scale(1.05);box-shadow:0 0 14px #b23a2e73}}.station-card{background:var(--linen-pure);border:2px solid var(--walnut);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:28px}.station-banner{width:100%;height:260px;max-height:320px;overflow:hidden;border-radius:var(--radius-md);border:1.5px solid var(--linen-dark);box-shadow:0 4px 14px #2b262214;background:var(--linen);position:relative;display:flex;align-items:center;justify-content:center}.station-banner img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;transition:transform .4s ease}.station-banner:hover img{transform:scale(1.015)}.station-overview-thumb{height:140px;overflow:hidden;border-radius:var(--radius-sm);margin-bottom:12px;border:1px solid var(--linen-dark);background:var(--linen)}.station-overview-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}.station-header{text-align:center}.station-header h2{font-family:var(--font-serif);font-size:26px;color:var(--walnut);margin-bottom:6px}.station-header p{color:#6c5b4f;font-size:15px}.active-word-stage{display:flex;justify-content:center;align-items:center;min-height:110px}.word-card{background:#fff;border:3px solid var(--ink-charcoal);border-radius:var(--radius-md);padding:16px 36px;font-family:var(--font-serif);font-size:32px;font-weight:700;color:var(--ink-charcoal);box-shadow:0 8px 20px #2b262229;cursor:grab;display:inline-flex;align-items:center;gap:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;min-height:48px;touch-action:none}.word-card:active{cursor:grabbing;transform:scale(1.06) rotate(-2deg)}.word-card.shake{animation:gentleShake .4s ease-in-out}.word-card.pop-success{animation:popSuccess .4s cubic-bezier(.34,1.56,.64,1)}.baskets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:768px){.baskets-grid{grid-template-columns:1fr}}.basket{border-radius:var(--radius-md);border:2.5px dashed;padding:22px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;cursor:pointer;transition:all .2s ease}.basket:hover,.basket.drag-over{transform:translateY(-4px)}.basket:active{transform:scale(.97)}.basket.masculin{border-color:var(--gen-masculin);background:var(--gen-masculin-bg);color:var(--gen-masculin)}.basket.masculin:hover,.basket.masculin.drag-over{background:#d9e6f5;border-style:solid}.basket.feminin{border-color:var(--gen-feminin);background:var(--gen-feminin-bg);color:var(--gen-feminin)}.basket.feminin:hover,.basket.feminin.drag-over{background:#f8dcdc;border-style:solid}.basket.neutru{border-color:var(--gen-neutru);background:var(--gen-neutru-bg);color:var(--gen-neutru)}.basket.neutru:hover,.basket.neutru.drag-over{background:#dfeadf;border-style:solid}.basket-title{font-family:var(--font-serif);font-size:20px;font-weight:700}.basket-rule{font-size:14px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);background:#ffffffb3}.basket-cue{font-size:12px;opacity:.8}.progress-container{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--linen-card);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--walnut)}.progress-dots{display:flex;gap:8px}.dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--walnut);background:transparent;transition:all .3s ease}.dot.done{background:var(--gen-neutru);border-color:var(--gen-neutru);transform:scale(1.15)}.bridge-box{background:var(--linen-card);border-left:4px solid var(--gold-bell);padding:14px 18px;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:14px;line-height:1.45;color:var(--walnut);display:flex;align-items:flex-start;gap:10px}.bridge-flag{font-size:18px}@keyframes floatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes popSuccess{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-height:40px;background:var(--linen-pure);box-shadow:0 2px 6px #2b262214}.sync-status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 10px #2b26221f}.sync-status-badge:active{transform:scale(.96)}.sync-status-badge .sync-icon{font-size:15px;display:inline-block;line-height:1}.sync-status-badge .sync-icon.spin{animation:spin 1s linear infinite}.sync-status-badge.status-synced{border:1.5px solid var(--gen-neutru);color:var(--ink-charcoal);background:#faf7f2f2}.sync-status-badge.status-syncing{border:1.5px solid var(--gold-bell);color:var(--ink-charcoal);background:#fffdf7}.sync-status-badge.status-offline{border:1.5px solid var(--walnut-light);color:var(--walnut);background:#f4eee3f2}.sync-status-badge.status-error{border:1.5px solid var(--gen-feminin);color:var(--gen-feminin);background:#fbeceb}.station-difficulty-bar{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:var(--linen-card);padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--linen-dark)}.difficulty-tiers-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.tier-pill{border:1.5px solid var(--walnut-light);background:#fff;color:var(--walnut);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;min-height:38px}.tier-pill:hover{border-color:var(--walnut);transform:translateY(-1px)}.tier-pill.active{border-color:var(--ink-charcoal);background:var(--walnut);color:#fff;box-shadow:0 2px 8px #2b262233}.tier-pill.tier-1.active{background:#3b7a57;border-color:#2d5d42}.tier-pill.tier-2.active{background:#1b5e8c;border-color:#124060}.tier-pill.tier-3.active{background:#b8860b;border-color:#8c6608}.difficulty-streak-row{display:flex;align-items:center;gap:12px;font-size:13px;color:#6c5b4f;font-weight:600;flex-wrap:wrap;justify-content:center}.streak-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#fff;border:1px solid var(--walnut-light);color:var(--walnut);font-weight:700}.word-card-inner{display:flex;flex-direction:column;align-items:center;gap:6px}.word-card-primary{display:inline-flex;align-items:center;gap:12px}.word-english-hint{font-size:14px;font-family:inherit;font-weight:600;color:#8c7a6b;background:var(--linen-card);padding:2px 10px;border-radius:999px;border:1px dashed var(--walnut-light)}.round-complete-stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 20px;background:var(--linen-card);border-radius:var(--radius-lg);border:2px dashed var(--gen-neutru);gap:20px;animation:floatIn .35s ease}.round-complete-icon{font-size:54px;line-height:1}.round-complete-stage h3{font-family:var(--font-serif);font-size:26px;color:var(--walnut);margin:0}.round-complete-stage p{color:#6c5b4f;font-size:15px;max-width:480px;line-height:1.5;margin:0}.round-stats-box{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:8px 0}.round-stat-pill{background:#fff;border:1px solid var(--linen-dark);border-radius:var(--radius-md);padding:10px 18px;font-size:14px;font-weight:700;color:var(--walnut);display:flex;flex-direction:column;gap:2px;min-width:110px}.round-stat-val{font-size:20px;color:var(--ink-charcoal)}.round-actions-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}.btn-round-next{background:var(--ie-red);color:#fff;border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:52px;box-shadow:0 4px 14px #b23a2e4d;transition:all .2s ease}.btn-round-next:hover{background:#c44336;transform:translateY(-2px);box-shadow:0 6px 18px #b23a2e66}.btn-round-next:active{transform:scale(.97)}.btn-round-replay{background:#fff;color:var(--walnut);border:1.5px solid var(--walnut-light);border-radius:999px;padding:14px 22px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:52px;transition:all .15s ease}.btn-round-replay:hover{border-color:var(--walnut);background:var(--linen-pure)}