*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#4a3b2f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ffe9c7;font-family:Segoe UI,Comic Sans MS,Chalkboard SE,system-ui,-apple-system,sans-serif;overflow:hidden}button{cursor:pointer;font-family:inherit}img{max-width:100%}.app{height:100dvh}.screen{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;animation:.5s ease-out fade-in;display:flex;position:relative;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.btn{border:none;border-radius:999px;min-height:56px;padding:14px 32px;font-size:22px;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s;box-shadow:0 6px 16px #00000040}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.btn:active{transform:translateY(0)}.btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.btn:disabled{opacity:.75;cursor:default;transform:none}.btn-primary{color:#fff;text-shadow:0 2px 4px #0003;background:linear-gradient(#ffb347,#ff8c42)}.btn-secondary{color:#7a4a1f;background:#ffffffeb}.btn-pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.auth-screen{background-image:url(/assets/start-nobuttons.png)}.auth-card{text-align:center;background:#fffaf0f2;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:min(420px,100% - 32px);padding:32px 28px;display:flex;box-shadow:0 12px 32px #0000004d}.auth-title{color:#6b3fa0;margin:0;font-size:32px;font-weight:800}.auth-subtitle{color:#5b4636;margin:0 0 6px;font-size:17px}.auth-field{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.auth-label{color:#7a4a1f;font-size:15px;font-weight:700}.auth-input{box-sizing:border-box;color:#2b1a05;background:#fff;border:2px solid #e8d5b8;border-radius:14px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:18px;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#ffb347;box-shadow:0 0 0 3px #ffb34759}.password-field{width:100%;position:relative}.password-field .auth-input{padding-right:48px}.password-toggle{cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:20px;line-height:1;transition:background-color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{background:#ffb34733}.password-toggle:focus-visible{outline-offset:2px;outline:2px solid #ffb347}.auth-error{box-sizing:border-box;color:#c62828;background:#c628281a;border-radius:12px;width:100%;margin:0;padding:10px 14px;font-size:15px;font-weight:600}.auth-submit,.auth-guest{width:100%}.auth-link{color:#b56a1f;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:underline}.auth-link:hover{color:#8a4a0a}.auth-link:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #ffb347}.logout-wrap{z-index:10;align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:16px}.logout-btn{color:#ef4444;cursor:pointer;background:#0006;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:24px;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:flex;box-shadow:0 4px 12px #00000059}.logout-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0006;border:2px solid #ffffff8c;border-radius:999px;max-width:180px;padding:8px 14px;font-size:16px;font-weight:600;line-height:1.2;overflow:hidden;box-shadow:0 4px 12px #00000059}.logout-name--clickable{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffd76a,#ffb347);border-color:#fff;transition:transform .15s,filter .15s,box-shadow .15s;animation:1.6s ease-in-out infinite name-glow;box-shadow:0 0 12px #ffc850e6,0 4px 12px #00000059}.logout-name--clickable:hover{filter:brightness(1.1);transform:scale(1.06);box-shadow:0 0 20px #ffc850,0 6px 16px #0006}.logout-name--clickable:active{transform:scale(.96)}.logout-name--clickable:focus-visible{outline-offset:3px;outline:3px solid #ffd76a}@keyframes name-glow{0%,to{box-shadow:0 0 8px #ffc850b3,0 4px 12px #00000059}50%{box-shadow:0 0 20px #ffc850,0 4px 12px #00000059}}.logout-btn:hover{filter:brightness(1.15);transform:scale(1.08);box-shadow:0 6px 16px #ef444480}.logout-btn:active{transform:scale(.94);box-shadow:0 2px 6px #ef444473}.logout-btn:focus-visible{outline-offset:3px;outline:3px solid #ef4444}@media (width<=768px){.auth-card{padding:24px 18px}.auth-title{font-size:26px}.auth-subtitle{font-size:15px}.logout-wrap{gap:8px;top:12px;left:12px}.logout-btn{width:44px;height:44px;font-size:20px}.logout-name{max-width:120px;padding:6px 10px;font-size:14px}.back-to-story-btn{padding:6px 12px;font-size:13px;top:12px;left:12px}.back-to-story-btn--below-profile{top:64px}}.stars-counter{color:#7a4a1f;white-space:nowrap;z-index:10;pointer-events:none;background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:20px;font-weight:700;line-height:1;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}@media (width<=768px){.stars-counter{padding:6px 12px;font-size:16px;top:12px}}.loading-screen{cursor:pointer;background-color:#1a1030}.loading-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.loading-bar-wrap{z-index:1;background:#00000073;border:2px solid #ffffff59;border-radius:16px;flex-direction:column;gap:8px;width:min(480px,100% - 48px);padding:12px 16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.loading-progress{color:#fff;text-align:center;text-shadow:0 1px 4px #0009;font-size:16px;font-weight:700}.loading-bar{background:#fff3;border-radius:999px;height:18px;overflow:hidden;box-shadow:inset 0 2px 4px #00000059}.loading-bar-fill{background:linear-gradient(#4ade80,#22c55e);border-radius:999px;width:0%;height:100%;transition:width .12s linear;box-shadow:0 0 12px #4ade808c}.start-btn{color:#fff;text-shadow:0 2px 6px #00000059;cursor:pointer;border:3px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:34px;font-weight:800;text-decoration:none;transition:transform .15s,filter .15s,box-shadow .15s;display:flex;position:absolute;box-shadow:0 6px 16px #00000059,inset 0 2px 4px #ffffff59}.start-btn:hover{filter:brightness(1.12);transform:scale(1.05);box-shadow:0 8px 22px #0006,inset 0 2px 4px #ffffff59}.start-btn:active{transform:scale(.97);box-shadow:0 3px 8px #00000059,inset 0 2px 6px #0003}.start-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.start-play-btn{background:linear-gradient(#4ade80,#22c55e);width:16.06%;height:13.28%;top:76.04%;left:31.83%}.start-about-btn{background:linear-gradient(#38bdf8,#0ea5e9);width:16.06%;height:13.28%;top:76.04%;left:52.98%}.start-screen,.character-select-screen{background-color:#1a1030}@media (aspect-ratio<=1){.start-screen,.character-select-screen{background-size:contain}}@media (aspect-ratio>=2.2){.start-screen,.character-select-screen{background-size:contain}}@media (height<=500px){.start-play-btn,.start-about-btn{height:15%;top:70%}}.home-btn{color:#fff;cursor:pointer;z-index:10;background:#0006;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:24px;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #00000059}.home-btn:hover{filter:brightness(1.15);transform:scale(1.08);box-shadow:0 6px 16px #00000073}.home-btn:active{transform:scale(.94);box-shadow:0 2px 6px #00000059}.home-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.rules-btn{color:#fff;cursor:pointer;z-index:10;background:#0006;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:24px;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:flex;position:absolute;top:16px;right:76px;box-shadow:0 4px 12px #00000059}.rules-btn:hover{filter:brightness(1.15);transform:scale(1.08);box-shadow:0 6px 16px #00000073}.rules-btn:active{transform:scale(.94);box-shadow:0 2px 6px #00000059}.rules-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.dictionary-btn{color:#fff;cursor:pointer;z-index:10;background:#0006;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:20px;font-weight:800;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:flex;position:absolute;top:16px;right:76px;box-shadow:0 4px 12px #00000059}.dictionary-btn:hover{filter:brightness(1.15);transform:scale(1.08);box-shadow:0 6px 16px #00000073}.dictionary-btn:active{transform:scale(.94);box-shadow:0 2px 6px #00000059}.dictionary-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.dictionary-btn--story{right:76px}.dictionary-btn--quiz{right:140px}.back-to-story-btn{color:#fff;cursor:pointer;z-index:10;background:#0006;border:2px solid #ffffff8c;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:700;line-height:1.2;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #00000059}.back-to-story-btn--below-profile{top:76px}.back-to-story-btn:hover{filter:brightness(1.15);transform:scale(1.05);box-shadow:0 6px 16px #00000073}.back-to-story-btn:active{transform:scale(.97);box-shadow:0 2px 6px #00000059}.back-to-story-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.back-to-dialog-btn{color:#fff;cursor:pointer;z-index:10;background:#0006;border:2px solid #ffffff8c;border-radius:999px;margin:20px auto 0;padding:12px 28px;font-size:18px;font-weight:700;line-height:1.2;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:block;box-shadow:0 4px 12px #00000059}.back-to-dialog-btn:hover{filter:brightness(1.15);transform:scale(1.05);box-shadow:0 6px 16px #00000073}.back-to-dialog-btn:active{transform:scale(.97);box-shadow:0 2px 6px #00000059}.back-to-dialog-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.volume-control{z-index:10;background:#0006;border:2px solid #ffffff8c;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:8px;transition:filter .15s,box-shadow .15s;display:flex;position:absolute;bottom:20px;left:20px;box-shadow:0 4px 12px #00000059}.volume-control:hover{filter:brightness(1.12);box-shadow:0 6px 16px #00000073}.volume-control:focus-within{outline-offset:3px;outline:3px solid #fff}.sound-toggle{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #ffffff8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:22px;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:flex}.sound-toggle:hover{filter:brightness(1.15);transform:scale(1.08);box-shadow:0 6px 16px #00000073}.sound-toggle:active{transform:scale(.94);box-shadow:0 2px 6px #00000059}.sound-toggle:focus-visible{outline-offset:3px;outline:3px solid #fff}.volume-range{appearance:none;cursor:pointer;background:0 0;width:100px;height:16px;margin:42px -42px;transform:rotate(-90deg)}.volume-range::-webkit-slider-runnable-track{background:#ffffff59;border-radius:999px;height:6px}.volume-range::-webkit-slider-thumb{appearance:none;background:#fff;border:none;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 2px 6px #0006}.volume-range::-moz-range-track{background:#ffffff59;border-radius:999px;height:6px}.volume-range::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0006}.volume-control--quiz,.volume-control--top-right,.volume-control--intro{inset:auto auto 20px 20px}@media (width<=768px){.volume-control{border-radius:999px;gap:8px;padding:6px 10px;bottom:12px;left:12px}.sound-toggle{width:32px;height:32px;font-size:16px}.volume-range{display:none}.volume-control--top-right,.volume-control--intro{inset:64px 12px auto auto}.volume-control--quiz{inset:auto 12px 12px auto}}.panel{text-align:center;background:#fffaf0eb;border-radius:28px;width:calc(100% - 32px);max-width:640px;padding:32px;box-shadow:0 12px 32px #0000004d}.panel-title{color:#6b3fa0;margin:0 0 20px;font-size:32px}.char-select-title{color:#fff;text-align:center;text-shadow:0 4px 12px #0000008c;max-width:min(560px,100% - 32px);margin:0;padding:0 16px;font-size:36px;font-weight:800;position:absolute;top:42%;left:50%;transform:translate(-50%)}.char-select-buttons{justify-content:center;gap:24px;padding:0 24px;display:flex;position:absolute;bottom:40px;left:0;right:0}.char-btn{color:#fff;text-shadow:0 2px 6px #00000059;cursor:pointer;border:3px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:center;min-width:180px;min-height:64px;padding:14px 40px;font-size:28px;font-weight:800;text-decoration:none;transition:transform .15s,filter .15s,box-shadow .15s;display:flex;box-shadow:0 6px 16px #00000059,inset 0 2px 4px #ffffff59}.char-btn:hover{filter:brightness(1.12);transform:scale(1.05);box-shadow:0 8px 22px #0006,inset 0 2px 4px #ffffff59}.char-btn:active{transform:scale(.97);box-shadow:0 3px 8px #00000059,inset 0 2px 6px #0003}.char-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.char-btn-boy{background:linear-gradient(#4ade80,#22c55e)}.char-btn-girl{background:linear-gradient(#38bdf8,#0ea5e9)}.intro-screen{overflow:hidden}.intro-page{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.intro-page--in{z-index:2;animation:.6s ease-out intro-page-fade-in}.intro-page--out{z-index:1;animation:.6s ease-out forwards intro-page-fade-out}@keyframes intro-page-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-page-fade-out{0%{opacity:1}to{opacity:0}}.intro-text{color:#fff;text-align:center;text-shadow:0 2px 6px #00000080;z-index:2;background:#0000008c;border-radius:16px;width:min(720px,100% - 48px);margin:0;padding:14px 24px;font-size:23px;font-weight:600;line-height:1.45;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.intro-text--in{animation:.6s ease-out intro-text-fade-in}.intro-text--out{animation:.6s ease-out forwards intro-text-fade-out}@keyframes intro-text-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-text-fade-out{0%{opacity:1}to{opacity:0}}.intro-controls{z-index:3;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:20px;left:0;right:0}.intro-counter{color:#fff;background:#00000073;border-radius:999px;padding:8px 14px;font-size:18px;font-weight:700}.intro-back-btn{color:#7a4a1f;background:#ffffffd9;border:2px solid #fff9}.story-card{background:#0009;border-radius:28px;flex-direction:column;width:min(980px,100% - 32px);max-height:70dvh;padding:24px 28px;display:flex;box-shadow:0 12px 32px #00000059}.story-scroll{flex:1;min-height:0;padding-right:8px;overflow-y:auto}.story-columns{background:linear-gradient(90deg,#0000008c 0 50%,#ffffffeb 50% 100%);border-radius:16px;grid-template-columns:1fr 1fr;gap:0 16px;padding:16px;display:grid}.story-pair{display:contents}.story-title{color:#ffd54f;text-align:center;text-shadow:0 2px 6px #00000080;margin:0 0 6px;font-size:26px;font-weight:800}.story-title-ru{color:#ffffffd9;text-align:center;text-shadow:0 1px 4px #00000073;margin:0 0 16px;font-size:18px;font-weight:600}.story-column-title{color:#ffd54f;text-align:left;text-shadow:0 2px 6px #00000080;margin:0 0 14px;font-size:20px;font-weight:700}.story-column-title-ru{color:#7a4a1f;text-shadow:none}.story-text{min-width:0;margin:0 0 14px;font-size:19px;line-height:1.6}.story-pair:last-child .story-text:last-child{margin-bottom:0}.story-text-en{color:#fff;text-shadow:0 1px 4px #00000073;font-family:Arial,sans-serif;font-size:14pt}.story-word--bold{font-weight:700}.story-word--highlight{color:#2b1a05;background-color:#f8d957;border-radius:3px;padding:0 1px;font-weight:700}.story-word--highlight-pink{color:#2b1a05;background-color:#ffa2cf;border-radius:3px;padding:0 1px;font-weight:700}.story-word--highlight-green{color:#2b1a05;background-color:#92ff99;border-radius:3px;padding:0 1px;font-weight:700}.story-word--highlight-light{color:#2b1a05;background-color:#ffe779;border-radius:3px;padding:0 1px;font-weight:700}.story-text-ru{color:#2b1a05}.story-word{cursor:pointer;border-bottom:1px dotted #ffffffb3;border-radius:4px;transition:background-color .15s;display:inline}.story-word:hover{background:#ffffff2e}.story-word:focus-visible{outline-offset:1px;outline:2px solid #fff}.story-next-btn{align-self:center;margin-top:16px}.transition-screen{background-color:#0000}.transition-screen:before{content:"";filter:blur(5px);z-index:0;background-image:url(/assets/transition-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.transition-hero{z-index:2;pointer-events:none;filter:drop-shadow(0 8px 18px #0006);width:auto;height:420px;max-height:60dvh;position:absolute;top:62%;left:200px;transform:translateY(-50%)}.transition-grandma{z-index:2;pointer-events:none;filter:drop-shadow(0 8px 18px #0006);width:auto;height:460px;max-height:65dvh;position:absolute;top:62%;right:200px;transform:translateY(-50%)}.transition-dialog{z-index:5;scrollbar-width:thin;scrollbar-color:#ffffff73 transparent;background:#00000038;border:1px solid #ffffff38;border-radius:18px;flex-direction:column;width:min(420px,34vw);max-height:62dvh;padding:14px 16px;font-size:16px;line-height:1.45;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000059}.transition-dialog::-webkit-scrollbar{width:8px}.transition-dialog::-webkit-scrollbar-thumb{background:#fff6;border-radius:4px}.transition-dialog-item{border-radius:16px;max-width:80%;margin-bottom:10px;padding:8px 12px;animation:.3s ease-out dialog-item-in}.transition-dialog-item--hero{text-align:left;color:#1a1a1a;background:#fff;border-top-left-radius:6px;align-self:flex-start}.transition-dialog-item--grandma{text-align:left;color:#1a1a1a;background:#dcf8c6;border-top-right-radius:6px;align-self:flex-end;margin-left:auto}.transition-dialog-item:last-child{margin-bottom:0}.transition-dialog-speaker{color:#8e8e93;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.transition-dialog-text{display:block}@keyframes dialog-item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transition-next-btn{z-index:10;width:fit-content;min-width:200px;margin:0 auto;position:absolute;bottom:24px;left:0;right:0}.transition-next-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.transition-next-btn:disabled:hover{transform:none;box-shadow:0 6px 16px #00000040}.story-notice{z-index:35;background:#fff8e1;border:3px solid #f8d957;border-radius:16px;width:240px;padding:16px 18px;position:absolute;top:50%;left:24px;transform:translateY(-50%);box-shadow:0 8px 24px #00000059}.story-notice-close{color:#7a4a1f;cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1;transition:background-color .15s;position:absolute;top:6px;right:8px}.story-notice-close:hover{background:#00000014}.story-notice-close:focus-visible{outline-offset:1px;outline:2px solid #7a4a1f}.story-notice-text{color:#2b1a05;margin:0;font-size:15px;line-height:1.5}.story-notice-body{max-height:220px;margin-right:26px;overflow-y:auto}.quiz-screen{background-color:#0000;justify-content:flex-start;padding-top:24px}.quiz-screen:before{content:"";filter:blur(5px);z-index:0;background-image:url(/assets/quiz-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.quiz-header{z-index:1;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:16px;margin-left:160px;margin-right:0;padding:0 16px;display:flex;position:relative}.quiz-progress,.quiz-stars{color:#7a4a1f;background:#ffffffd9;border-radius:999px;padding:8px 16px;font-size:20px;font-weight:700;box-shadow:0 2px 8px #00000026}.quiz-card{text-align:center;z-index:1;background:#fffaf0f2;border-radius:28px;width:calc(100% - 32px);max-width:600px;margin-left:160px;margin-right:0;padding:28px;position:relative;box-shadow:0 12px 32px #00000040}.quiz-emoji{font-size:72px;line-height:1}.quiz-word{color:#4a3b2f;margin:8px 0 4px;font-size:40px;font-weight:800}.quiz-hint-label{color:#8a6a4a;margin:4px 0 0;font-size:20px;font-weight:700}.quiz-negative-icon{vertical-align:middle;margin:0 10px;font-size:.7em;display:inline-block}.quiz-hint-word{color:#3b82f6;background:#3b82f61f;border-radius:6px;padding:0 4px}.quiz-hint-translation{color:#8a8a8a;font-size:.65em;font-weight:600}.quiz-hint-pronoun{color:#8a8a8a;white-space:nowrap;margin-left:3px;font-size:.65em;font-weight:600}.quiz-prompt{color:#8a6a4a;margin-bottom:20px;font-size:22px}.quiz-options{justify-content:center;gap:16px;display:flex}.btn-option{color:#4a3b2f;background:#fff;border:3px solid #e8d5b8;min-width:120px;font-size:32px}.btn-option.correct{color:#fff;background:#4caf50;border-color:#4caf50;animation:.3s pop}.btn-option.wrong{color:#fff;background:#e53935;border-color:#e53935;animation:.3s shake}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.quiz-message{min-height:32px;margin-top:16px;font-size:24px;font-weight:800}.quiz-message.correct{color:#2e7d32}.quiz-message.wrong{color:#c62828}.quiz-options-row{justify-content:center;align-items:center;gap:16px;display:flex}.hint-btn{color:#fff;cursor:pointer;background:#0006;border:2px solid #ffffff8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:24px;font-weight:800;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:flex;box-shadow:0 4px 12px #00000059}.hint-btn:hover{filter:brightness(1.15);transform:scale(1.08);box-shadow:0 6px 16px #00000073}.hint-btn:active{transform:scale(.94);box-shadow:0 2px 6px #00000059}.hint-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.hint-overlay{z-index:20;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.hint-popup{text-align:center;background:#fffaf0f7;border-radius:24px;width:min(420px,100%);padding:32px 28px 28px;animation:.2s ease-out hint-pop;position:relative;box-shadow:0 16px 40px #0006}@keyframes hint-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.hint-close{color:#fff;cursor:pointer;background:#0006;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000004d}.hint-close:hover{filter:brightness(1.15);transform:scale(1.08);box-shadow:0 4px 12px #0006}.hint-close:active{transform:scale(.94);box-shadow:0 2px 6px #00000059}.hint-close:focus-visible{outline-offset:3px;outline:3px solid #fff}.hint-title{color:#6b3fa0;margin:0 0 16px;font-size:26px;font-weight:800}.hint-content{color:#4a2c0a;text-align:center;background:#fff9;border-radius:16px;margin:0;padding:20px 16px;font-size:22px;font-weight:600;line-height:1.5}@media (width<=768px){.hint-btn{width:40px;height:40px;font-size:22px}.hint-popup{padding:28px 20px 24px}.hint-title{font-size:22px}.hint-content{padding:16px 12px;font-size:18px}}.countdown-screen{background-color:#1a1030;background-image:url(/assets/quiz-bg.png)}.countdown-screen:before{content:"";z-index:0;background:#1a10308c;position:absolute;inset:0}.countdown-title{z-index:1;color:#fff;text-shadow:0 2px 8px #00000073;margin:0 0 24px;font-size:30px;font-weight:800;position:relative}.countdown-number{z-index:1;color:#ffd54a;text-shadow:0 4px #00000040,0 12px 32px #0006;font-size:170px;font-weight:900;line-height:1;animation:.9s ease-out countdown-pop;position:relative}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.countdown-title{margin-bottom:16px;font-size:22px}.countdown-number{font-size:120px}}.boss-screen .quiz-header,.boss-screen .quiz-card{margin-left:0;margin-right:0}.boss-question-topic{color:#8a6a4a;margin:4px 0 0;font-size:18px;font-weight:700}.boss-screen .hint-btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.boss-hint-balance{color:#8a6a4a;margin:0 0 16px;font-size:20px;font-weight:700}.boss-hint-options{flex-direction:column;gap:12px;display:flex}.boss-hint-option{color:#2b1a05;cursor:pointer;text-align:left;background:#ffffffeb;border:2px solid #e8d5b8;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 18px;font-family:inherit;font-size:18px;font-weight:700;transition:background-color .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #0003}.boss-hint-option:hover:not(:disabled){background:#ffd54f59;transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.boss-hint-option:active:not(:disabled){transform:scale(.99)}.boss-hint-option:focus-visible{outline-offset:2px;outline:3px solid #ffb347}.boss-hint-option:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.boss-hint-cost{color:#7a4a1f;white-space:nowrap;background:#ffd54f73;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:17px;font-weight:800}.boss-hint-translation{color:#4a2c0a;word-break:break-word;background:#fff9;border-radius:16px;margin:0;padding:20px 16px;font-size:24px;font-weight:800;line-height:1.5}@media (width<=768px){.boss-question-topic{font-size:16px}.boss-hint-option{padding:12px 14px;font-size:16px}.boss-hint-translation{font-size:20px}}.quiz-tour-overlay{z-index:30;background:#0009;justify-content:center;align-items:flex-end;padding:16px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.quiz-tour-target{z-index:31;pointer-events:none;background:#ffd54f2e;border:3px solid #ffd54f;border-radius:50%;animation:1.2s ease-in-out infinite tour-target-pulse;position:fixed;box-shadow:0 0 0 4px #00000073,0 0 28px #ffd54fbf}@keyframes tour-target-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #00000073,0 0 28px #ffd54fbf}50%{transform:scale(1.08);box-shadow:0 0 0 6px #00000073,0 0 34px #ffd54fe6}}.quiz-tour-popup{text-align:center;background:#fffaf0f7;border-radius:24px;width:min(560px,100%);padding:24px 28px 20px;animation:.2s ease-out hint-pop;position:relative;box-shadow:0 16px 40px #0006}.quiz-tour-title{color:#6b3fa0;margin:0 0 12px;font-size:26px;font-weight:800}.quiz-tour-text{color:#4a2c0a;background:#fff9;border-radius:16px;margin:0 0 20px;padding:16px;font-size:20px;font-weight:600;line-height:1.5}.quiz-tour-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-tour-counter{color:#8a6a4a;white-space:nowrap;font-size:16px;font-weight:700}.quiz-tour-btn{min-height:48px;padding:10px 22px;font-size:18px}.quiz-tour-btn--primary{color:#fff;text-shadow:0 2px 4px #0003;background:linear-gradient(#ffb347,#ff8c42)}.quiz-tour-btn--finish{background:linear-gradient(#4ade80,#22c55e)}@media (width<=768px){.quiz-tour-popup{padding:20px 16px 16px}.quiz-tour-title{font-size:22px}.quiz-tour-text{padding:12px;font-size:17px}.quiz-tour-btn{min-height:44px;padding:8px 14px;font-size:16px}}.word-popup-overlay{z-index:20;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.word-popup{text-align:center;background:#fffaf0f7;border-radius:24px;width:min(420px,100%);padding:32px 28px 28px;animation:.2s ease-out hint-pop;position:relative;box-shadow:0 16px 40px #0006}.word-close{color:#fff;cursor:pointer;background:#0006;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000004d}.word-close:hover{filter:brightness(1.15);transform:scale(1.08);box-shadow:0 4px 12px #0006}.word-close:active{transform:scale(.94);box-shadow:0 2px 6px #00000059}.word-close:focus-visible{outline-offset:3px;outline:3px solid #fff}.word-title{color:#6b3fa0;word-break:break-word;margin:0 0 12px;font-size:30px;font-weight:800}.word-title-row{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.word-title-row .word-title{margin:0}.speak-btn{color:#fff;cursor:pointer;background:#0006;border:2px solid #ffffff8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:flex;box-shadow:0 2px 8px #0000004d}.speak-btn:hover{filter:brightness(1.15);background-color:#2e7d32bf;transform:scale(1.08);box-shadow:0 4px 12px #0006}.speak-btn:active{transform:scale(.94);box-shadow:0 2px 6px #0000004d}.speak-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.word-translation{color:#4a2c0a;margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.4}.word-status{color:#8a6a4a;min-height:22px;margin:0 0 16px;font-size:16px;font-weight:600}.word-status--exists{color:#c77d1e}.word-add-btn{color:#fff;cursor:pointer;background:linear-gradient(#ffb347,#ff8c42);border:none;border-radius:999px;min-height:52px;padding:12px 28px;font-family:inherit;font-size:20px;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s,opacity .15s;display:inline-block;box-shadow:0 6px 16px #00000040}.word-add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.word-add-btn:active:not(:disabled){transform:translateY(0)}.word-add-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.word-add-btn:disabled{opacity:.75;cursor:default;transform:none}.word-add-btn.added{background:#4caf50}@media (width<=768px){.word-popup{padding:28px 20px 24px}.word-title{font-size:24px}.speak-btn{width:32px;height:32px;font-size:16px}.word-translation{font-size:20px}.word-status{font-size:14px}.word-add-btn{min-height:48px;padding:10px 22px;font-size:17px}}.quiz-hero{pointer-events:none;z-index:5;filter:drop-shadow(0 8px 18px #0006);width:auto;height:420px;max-height:55dvh;transition:opacity .25s,transform .25s;animation:.3s ease-out quiz-hero-in;position:absolute;bottom:24px;left:80px}@keyframes quiz-hero-in{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=769px) and (width<=1024px){.quiz-hero{height:260px;max-height:45dvh;left:32px}.quiz-header,.quiz-card{margin-left:120px}.quiz-header{padding-top:56px}}@media (height<=600px){.quiz-hero{height:150px;max-height:28dvh}.quiz-header,.quiz-card{margin-left:180px}.quiz-header{padding-top:56px}}.quiz-story-hero{pointer-events:none;z-index:5;filter:drop-shadow(0 8px 18px #0006);width:auto;height:420px;max-height:55dvh;position:absolute;bottom:24px;right:80px}@media (width>=1025px) and (width<=1440px){.quiz-hero,.quiz-story-hero{height:300px;max-height:45dvh}.quiz-hero{left:32px}.quiz-story-hero{right:32px}.quiz-header,.quiz-card{margin-left:120px}}@media (width<=1024px){.quiz-story-hero{display:none}}@media (height<=600px){.quiz-story-hero{height:150px;max-height:28dvh}}.result-panel{max-width:520px}.result-title{color:#2e7d32;margin:0 0 12px;font-size:40px}.result-text{color:#5b4636;margin:0 0 24px;font-size:20px}.result-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.result-stars{color:#6b3fa0;margin:0 0 8px;font-size:24px;font-weight:800}.result-total-stars{color:#8a6a4a;margin:0 0 24px;font-size:18px;font-weight:700}.home-screen{background-color:#0000}.home-screen:before{content:"";filter:blur(5px);z-index:0;background-image:url(/assets/quiz-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.home-panel{z-index:1;max-width:520px;position:relative}.home-title{color:#2e7d32}.home-title--lose{color:#b3541e}.home-text{color:#5b4636;margin:0 0 24px;font-size:20px;line-height:1.6}.home-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (width<=768px){.home-title{font-size:26px}.home-text{font-size:17px}}.modal-overlay{z-index:40;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fffaf0f7;border-radius:24px;width:min(680px,100%);max-height:calc(100dvh - 32px);padding:32px 28px 28px;animation:.2s ease-out hint-pop;position:relative;overflow-y:auto;box-shadow:0 16px 40px #0006}.modal-close{color:#fff;cursor:pointer;background:#0006;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000004d}.modal-close:hover{filter:brightness(1.15);transform:scale(1.08);box-shadow:0 4px 12px #0006}.modal-close:active{transform:scale(.94);box-shadow:0 2px 6px #00000059}.modal-close:focus-visible{outline-offset:3px;outline:3px solid #fff}.modal-title{color:#6b3fa0;margin:0 0 20px;padding-right:36px;font-size:32px;font-weight:800}.modal-content{flex-direction:column;align-items:center;gap:24px;display:flex}.modal--about{max-width:680px}.modal-about-text{color:#4a2c0a;text-align:center;margin:0;font-size:22px;line-height:1.6}.modal--dictionary{max-width:720px}.modal-dictionary-count{color:#8a6a4a;margin:0 0 16px;font-size:20px;font-weight:700}.modal-dictionary-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffd54fb3 #ffd54f33;text-align:left;width:100%;max-height:55vh;padding-right:8px;overflow-y:auto}.modal-dictionary-scroll::-webkit-scrollbar{width:8px}.modal-dictionary-scroll::-webkit-scrollbar-track{background:#ffd54f33;border-radius:4px}.modal-dictionary-scroll::-webkit-scrollbar-thumb{background:#ffd54fb3;border-radius:4px}.modal-dictionary-empty{color:#5b4636;text-align:center;margin:0;padding:24px 16px;font-size:22px;line-height:1.6}.dictionary-section{margin-bottom:14px}.dictionary-section-header{color:#2b1a05;cursor:pointer;text-align:left;background:#ffd54f59;border:none;border-radius:16px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:18px;font-weight:700;transition:background-color .15s,transform .15s;display:flex;box-shadow:0 4px 12px #0003}.dictionary-section-header:hover{background:#ffd54f8c}.dictionary-section-header:active{transform:scale(.99)}.dictionary-section-header:focus-visible{outline-offset:2px;outline:3px solid #ffb347}.dictionary-section-arrow{color:#8a6a4a;flex-shrink:0;font-size:14px}.dictionary-section-title{word-break:break-word;flex:1}.dictionary-section-count{color:#8a6a4a;white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:600}.dictionary-section .modal-dictionary-list{margin-top:10px}.modal-dictionary-list{margin:0;padding:0;list-style:none}.modal-dictionary-list .dictionary-item{text-align:left;background:#ffffffeb;border-radius:16px;align-items:center;gap:14px;margin-bottom:10px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #00000040}.modal-dictionary-list .dictionary-word{color:#2b1a05;word-break:break-word;flex-shrink:0;min-width:110px;font-size:20px;font-weight:800}.modal-dictionary-list .dictionary-translation{color:#5b4636;word-break:break-word;flex:1;font-size:18px}.modal-dictionary-list .dictionary-remove{color:#fff;cursor:pointer;background:#0006;border:2px solid #ffffff8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:16px;line-height:1;transition:transform .15s,filter .15s,box-shadow .15s,background-color .15s;display:flex;box-shadow:0 2px 8px #00000040}.modal-dictionary-list .dictionary-remove:hover{filter:brightness(1.15);background-color:#c62828bf;transform:scale(1.08);box-shadow:0 4px 12px #00000059}.modal-dictionary-list .dictionary-remove:active{transform:scale(.94);box-shadow:0 2px 6px #0000004d}.modal-dictionary-list .dictionary-remove:focus-visible,.modal-dictionary-list .speak-btn:focus-visible{outline-offset:2px;outline:3px solid #ffb347}.modal-dictionary-list .speak-btn{flex-shrink:0;width:38px;height:38px;font-size:16px}.modal--rules{max-width:720px}.modal-rules-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffd54fb3 #ffd54f33;width:100%;max-height:55vh;padding-right:8px;overflow:hidden auto}.modal-rules-scroll::-webkit-scrollbar{width:8px}.modal-rules-scroll::-webkit-scrollbar-track{background:#ffd54f33;border-radius:4px}.modal-rules-scroll::-webkit-scrollbar-thumb{background:#ffd54fb3;border-radius:4px}.modal-rules-text{color:#4a2c0a;overflow-wrap:break-word;margin:0 0 18px;font-size:22px;line-height:1.6}.modal-rules-text:last-child{margin-bottom:4px}.modal-rules-link{color:#b56a1f;text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.modal-rules-link:hover{color:#8a4a0a}.modal-rules-link:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #ffb347}.modal--confirm{max-width:480px}.confirm-message{color:#4a2c0a;text-align:center;margin:0;font-size:22px;line-height:1.5}.confirm-warning{color:#b3541e;text-align:center;margin:0;font-size:18px;line-height:1.5}.confirm-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.modal--practice-select{max-width:720px}.practice-select-count{color:#8a6a4a;margin:0 0 16px;font-size:20px;font-weight:700}.practice-select-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffd54fb3 #ffd54f33;text-align:left;width:100%;max-height:55vh;padding-right:8px;overflow-y:auto}.practice-select-scroll::-webkit-scrollbar{width:8px}.practice-select-scroll::-webkit-scrollbar-track{background:#ffd54f33;border-radius:4px}.practice-select-scroll::-webkit-scrollbar-thumb{background:#ffd54fb3;border-radius:4px}.practice-select-section{margin-bottom:14px}.practice-select-section-title{color:#2b1a05;background:#ffd54f59;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 12px #0003}.practice-select-section-name{word-break:break-word;flex:1}.practice-select-section-count{color:#8a6a4a;white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:600}.practice-select-list{margin:10px 0 0;padding:0;list-style:none}.practice-select-item{margin-bottom:10px}.practice-select-label{text-align:left;cursor:pointer;background:#ffffffeb;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;transition:background-color .15s;display:flex;box-shadow:0 4px 12px #00000040}.practice-select-label:hover{background:#fff}.practice-select-checkbox{accent-color:#ff8c42;cursor:pointer;flex-shrink:0;width:22px;height:22px}.practice-select-word{color:#2b1a05;word-break:break-word;flex-shrink:0;min-width:110px;font-size:20px;font-weight:800}.practice-select-translation{color:#5b4636;word-break:break-word;flex:1;font-size:18px}.practice-select-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.modal--review{max-width:640px}.modal-review-text{color:#4a2c0a;text-align:center;margin:0;font-size:20px;line-height:1.6}.modal-review-sections{flex-direction:column;gap:14px;width:100%;display:flex}.review-section{color:#2b1a05;cursor:pointer;text-align:left;background:#ffd54f59;border:none;border-radius:16px;align-items:center;gap:14px;width:100%;padding:16px 18px;font-family:inherit;font-size:20px;font-weight:700;transition:background-color .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #0003}.review-section:hover{background:#ffd54f8c;transform:translateY(-1px);box-shadow:0 6px 16px #00000040}.review-section:active{transform:scale(.99)}.review-section:focus-visible{outline-offset:2px;outline:3px solid #ffb347}.review-section-icon{flex-shrink:0;font-size:24px}.review-section-title{word-break:break-word;flex:1}.review-section-arrow{color:#8a6a4a;flex-shrink:0;font-size:18px}.review-back{color:#6b3fa0;cursor:pointer;background:#6b3fa01a;border:2px solid #6b3fa059;border-radius:999px;align-self:flex-start;padding:8px 16px;font-family:inherit;font-size:16px;font-weight:700;transition:background-color .15s,transform .15s}.review-back:hover{background:#6b3fa033}.review-back:active{transform:scale(.97)}.review-back:focus-visible{outline-offset:2px;outline:3px solid #ffb347}.modal-review-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffd54fb3 #ffd54f33;text-align:left;width:100%;max-height:55vh;padding-right:8px;overflow-y:auto}.modal-review-scroll::-webkit-scrollbar{width:8px}.modal-review-scroll::-webkit-scrollbar-track{background:#ffd54f33;border-radius:4px}.modal-review-scroll::-webkit-scrollbar-thumb{background:#ffd54fb3;border-radius:4px}.modal-review-list{flex-direction:column;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:flex}.modal-review-list li{box-shadow:none;background:0 0;border-radius:0;padding:0}.review-list-item{text-align:left;background:#ffffffeb;border-radius:16px;flex-direction:column;gap:2px;padding:14px 18px;display:flex;box-shadow:0 4px 12px #00000040}.review-item-title{color:#2b1a05;word-break:break-word;font-size:20px;font-weight:800}.review-item-subtitle{color:#8a6a4a;word-break:break-word;font-size:16px}.review-rule-item{cursor:pointer;text-align:left;background:#ffffffeb;border:none;border-radius:16px;flex-direction:column;gap:2px;width:100%;padding:14px 18px;font-family:inherit;transition:background-color .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #00000040}.review-rule-item:hover{background:#ffd54f59;transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.review-rule-item:active{transform:scale(.99)}.review-rule-item:focus-visible{outline-offset:2px;outline:3px solid #ffb347}.review-story-item{cursor:pointer;text-align:left;background:#ffffffeb;border:none;border-radius:16px;flex-direction:column;gap:2px;width:100%;padding:14px 18px;font-family:inherit;transition:background-color .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #00000040}.review-story-item:hover{background:#ffd54f59;transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.review-story-item:active{transform:scale(.99)}.review-story-item:focus-visible{outline-offset:2px;outline:3px solid #ffb347}.review-rule-title{color:#6b3fa0;text-align:center;word-break:break-word;margin:0;font-size:22px;font-weight:800}.review-dictionary-header{cursor:default}.review-dictionary-header:hover{background:#ffd54f59}.modal-review-close{min-width:180px}.modal-review-ready{color:#2b1a05;cursor:pointer;-webkit-user-select:none;user-select:none;background:#7ac74f2e;border:2px solid #7ac74f99;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:18px;font-weight:700;line-height:1.2;transition:background-color .15s;display:flex}.modal-review-ready:hover{background:#7ac74f47}.modal-review-ready input{accent-color:#7ac74f;cursor:pointer;width:20px;height:20px}@media (width<=768px){.modal{padding:28px 20px 24px}.modal-title{margin-bottom:16px;font-size:26px}.modal-about-text,.modal-dictionary-count{font-size:17px}.modal-dictionary-scroll,.modal-rules-scroll{max-height:60vh}.modal-rules-text,.modal-review-text{font-size:17px}.modal-review-ready{padding:10px 14px;font-size:16px}.review-section{padding:14px;font-size:17px}.review-section-icon{font-size:20px}.review-item-title{font-size:17px}.review-item-subtitle{font-size:15px}.review-rule-title{font-size:18px}.modal-review-scroll{max-height:60vh}.confirm-message{font-size:18px}.confirm-warning{font-size:16px}.confirm-actions{gap:12px}.modal-dictionary-empty{padding:18px 8px;font-size:17px}.dictionary-section-header{padding:10px 12px;font-size:16px}.dictionary-section-count{font-size:14px}.modal-dictionary-list .dictionary-item{gap:10px;padding:10px 12px}.modal-dictionary-list .dictionary-word{min-width:90px;font-size:17px}.modal-dictionary-list .dictionary-translation{font-size:15px}.modal-dictionary-list .dictionary-remove,.modal-dictionary-list .speak-btn{width:34px;height:34px;font-size:14px}.practice-select-count{font-size:17px}.practice-select-scroll{max-height:60vh}.practice-select-section-title{padding:10px 12px;font-size:16px}.practice-select-section-count{font-size:14px}.practice-select-label{gap:10px;padding:10px 12px}.practice-select-word{min-width:90px;font-size:17px}.practice-select-translation{font-size:15px}.start-btn{font-size:18px}.home-btn{width:44px;height:44px;font-size:20px;top:12px;right:12px}.rules-btn{width:44px;height:44px;font-size:20px;top:12px;right:64px}.dictionary-btn{width:44px;height:44px;font-size:16px;top:12px;right:64px}.dictionary-btn--quiz{right:116px}.intro-text{width:calc(100% - 32px);padding:12px 16px;font-size:17px;bottom:90px}.story-card{max-height:65dvh;padding:16px}.story-columns{background:#0000008c;grid-template-columns:1fr;gap:0;padding:12px}.story-text-ru{color:#fff;text-shadow:0 1px 4px #00000073}.story-column-title-ru{color:#ffd54f;text-shadow:0 2px 6px #00000080}.story-title{margin-bottom:6px;font-size:22px}.story-title-ru{margin-bottom:12px;font-size:16px}.story-column-title{font-size:18px}.story-text{font-size:16px;line-height:1.5}.story-scroll{padding-right:6px}.story-notice{width:auto;padding:12px 14px;font-size:14px;top:12px;left:12px;right:12px;transform:none}.story-notice-text{font-size:14px}.story-notice-body{max-height:180px}.panel{padding:24px 16px}.panel-title{font-size:26px}.char-select-title{font-size:24px}.char-select-buttons{gap:16px;bottom:24px}.char-btn{min-width:140px;min-height:56px;padding:12px 24px;font-size:22px}.btn{min-height:50px;padding:12px 24px;font-size:18px}.quiz-word{font-size:30px}.quiz-emoji{font-size:56px}.btn-option{min-width:96px;font-size:26px}.quiz-hero{height:160px;bottom:8px;left:8px}.transition-hero{height:180px;max-height:45dvh;left:48px}.transition-grandma{height:220px;max-height:50dvh;right:48px}.transition-dialog{border-radius:14px;width:auto;max-height:50dvh;padding:10px 12px;font-size:14px;top:76px;left:16px;right:16px;transform:none}.transition-next-btn{min-width:160px;bottom:16px}.quiz-header,.quiz-card{margin-left:0;margin-right:0}.quiz-header{padding-top:52px}.result-title{font-size:30px}.loading-bar-wrap{width:calc(100% - 32px);padding:10px 12px;bottom:16px}.loading-bar{height:14px}.loading-progress{font-size:14px}}@media (width<=360px){.home-btn,.rules-btn,.dictionary-btn,.logout-btn{width:40px;height:40px}.rules-btn{right:56px}.dictionary-btn--quiz{right:104px}}@media (hover:none){.btn,.start-btn,.char-btn,.home-btn,.rules-btn,.dictionary-btn,.sound-toggle,.hint-btn,.logout-btn,.story-word{filter:none;box-shadow:none;transform:none}.hint-close,.word-close,.modal-close,.speak-btn,.dictionary-remove,.modal-dictionary-list .speak-btn,.modal-dictionary-list .dictionary-remove{width:44px;height:44px}}