.rt{max-width:600px;margin:0 auto;padding:0 2.5rem 4rem;text-align:center}.rt__back{display:inline-block;font-family:var(--font-mono);font-size:.8rem;color:var(--c-text-3);text-decoration:none;margin-bottom:2rem;transition:color .2s var(--ease)}.rt__back:hover{color:var(--c-accent)}.rt__flag{display:flex;justify-content:center;gap:4px;margin-bottom:1.25rem}.rt__flag-bar{width:32px;height:5px;border-radius:3px}.rt__flag-bar--blue{background:#006aa7}.rt__flag-bar--gold{background:#fecc02}.rt__title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--c-text);margin:0 0 .5rem;font-variation-settings:'opsz' 72}.rt__desc{font-family:var(--font-body);font-size:1rem;color:var(--c-text-2);margin:0 0 2rem;line-height:1.5}.rt__mode-tabs{display:flex;justify-content:center;margin-bottom:1.5rem}.rt__mode-select{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--c-text);background:var(--c-bg);border:2px solid var(--c-accent);border-radius:100px;padding:.625rem 2.5rem .625rem 1.5rem;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;transition:all .2s var(--ease)}.rt__mode-select:hover{border-color:var(--c-accent-hover)}.rt__mode-select:focus{outline:2px solid var(--c-accent);outline-offset:2px}.rt__stars{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin-bottom:1rem}.rt__star{fill:none;stroke:var(--c-border);stroke-width:1.5;transition:fill .3s var(--ease),stroke .3s var(--ease)}.rt__star--earned{fill:var(--c-accent);stroke:var(--c-accent)}.rt__star--pop{animation:rt-star-earn .5s var(--ease)}.rt__stats{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;color:var(--c-text-3);margin-bottom:1.5rem}.rt__streak--hot{color:var(--c-accent)}.rt__card{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:16px;padding:2.5rem 2rem;margin-bottom:1rem;transition:border-color .3s var(--ease);position:relative;overflow:hidden}.rt__card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#006AA7 0%,#006AA7 40%,#FECC02 40%,#FECC02 60%,#006AA7 60%,#006AA7 100%);opacity:.5}.rt__card--enter{animation:rt-card-enter .35s var(--ease)}.rt__prompt-word{display:flex;flex-direction:column;align-items:center;gap:.75rem}.rt__prompt-word--hidden{display:none}.rt__emoji{font-size:4.5rem;line-height:1;animation:rt-float 2.5s ease-in-out infinite}.rt__question{font-family:var(--font-body);font-size:1.125rem;color:var(--c-text-2)}.rt__prompt-translation{display:flex;flex-direction:column;align-items:center;gap:.75rem}.rt__prompt-translation--hidden{display:none}.rt__fi-word{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;color:var(--c-text);line-height:1;font-variation-settings:'opsz' 96}.rt__prompt-category{display:flex;flex-direction:column;align-items:center;gap:.75rem}.rt__prompt-category--hidden{display:none}.rt__category-label{font-family:var(--font-display);font-size:clamp(1.75rem,6vw,2.75rem);font-weight:700;color:var(--c-text);line-height:1.2;font-variation-settings:'opsz' 72}.rt__prompt-sentence{display:flex;flex-direction:column;align-items:center;gap:.75rem}.rt__prompt-sentence--hidden{display:none}.rt__sentence-text{font-family:var(--font-body);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:600;color:var(--c-text);line-height:1.3}.rt__prompt-write{display:flex;flex-direction:column;align-items:center;gap:.75rem}.rt__prompt-write--hidden{display:none}.rt__write-fi{font-family:var(--font-display);font-size:clamp(1.75rem,6vw,2.75rem);font-weight:700;color:var(--c-text);line-height:1;font-variation-settings:'opsz' 72}.rt__write-group{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem}.rt__write-group--hidden{display:none}.rt__write-input{width:12rem;font-family:var(--font-body);font-size:1.375rem;font-weight:500;color:var(--c-text);background:var(--c-bg-elevated);border:2px solid var(--c-border);border-radius:14px;padding:.75rem 1rem;text-align:center;transition:border-color .2s var(--ease)}.rt__write-input:focus{outline:none;border-color:var(--c-accent)}.rt__write-input--correct{border-color:var(--hl-string);animation:rt-bounce .4s var(--ease)}.rt__write-input--wrong{animation:rt-shake .4s var(--ease)}.rt__write-submit{font-family:var(--font-body);font-size:1.125rem;font-weight:500;color:#fff;background:var(--c-accent);border:none;border-radius:14px;padding:.875rem 1.5rem;cursor:pointer;transition:background .2s var(--ease),transform .1s var(--ease);-webkit-tap-highlight-color:transparent}.rt__write-submit:hover{background:var(--c-accent-hover)}.rt__write-submit:active{transform:scale(.95)}.rt__prompt-fill{display:flex;flex-direction:column;align-items:center;gap:.75rem}.rt__prompt-fill--hidden{display:none}.rt__fill-sentence{font-family:var(--font-body);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:600;color:var(--c-text);line-height:1.3}.rt__fill-hint{font-family:var(--font-body);font-size:1rem;color:var(--c-text-3);font-style:italic}.rt__choices--hidden{display:none}.rt__feedback{min-height:2rem;font-family:var(--font-body);font-size:1.125rem;font-weight:500;margin-bottom:1rem;transition:opacity .2s var(--ease)}.rt__feedback--correct{color:var(--hl-string)}.rt__feedback--wrong{color:var(--c-text-2)}.rt__choices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.rt__choice{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:72px;font-family:var(--font-body);font-size:1.375rem;font-weight:500;color:var(--c-text);background:var(--c-bg-elevated);border:2px solid var(--c-border);border-radius:14px;cursor:pointer;padding:.5rem 1rem;transition:all .15s var(--ease)}.rt__choice:hover{background:var(--c-tag-bg);border-color:var(--c-tag-border);transform:translateY(-1px)}.rt__choice:active{transform:scale(.95)translateY(0)}.rt__choices--sentences .rt__choice{font-size:2.5rem;min-height:84px}.rt__choices--categories .rt__choice{font-size:1.25rem;min-height:68px}.rt__choice-emoji{font-size:1.5rem;line-height:1}.rt__choice--correct{background:var(--hl-string);border-color:var(--hl-string);color:#fff;animation:rt-bounce .4s var(--ease)}.rt__choice--wrong{animation:rt-shake .4s var(--ease)}.rt__choice--highlight{background:var(--hl-string);border-color:var(--hl-string);color:#fff;animation:rt-highlight-pulse .6s var(--ease)infinite}.rt__actions{margin-bottom:2rem}.rt__reset{font-family:var(--font-mono);font-size:.8rem;color:var(--c-text-3);background:0 0;border:1px solid var(--c-border);border-radius:6px;padding:.4rem 1rem;cursor:pointer;transition:all .2s var(--ease)}.rt__reset:hover{color:var(--c-text-2);border-color:var(--c-text-3)}.rt__info{font-family:var(--font-body);font-size:.85rem;color:var(--c-text-3);line-height:1.6}.rt__info p{margin:0}@keyframes rt-card-enter{from{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rt-star-earn{0%{transform:scale(0)}60%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes rt-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rt-bounce{0%{transform:scale(1)}40%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes rt-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes rt-highlight-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@media(max-width:768px){.rt{padding:0 1.5rem 3rem}.rt__card{padding:2rem 1.5rem}}@media(max-width:480px){.rt__title{font-size:2rem}.rt__emoji{font-size:3.5rem}.rt__fi-word{font-size:clamp(2rem,7vw,3rem)}.rt__category-label{font-size:clamp(1.5rem,5.5vw,2.25rem)}.rt__sentence-text{font-size:clamp(1.25rem,4.5vw,1.75rem)}.rt__choice{min-height:64px;font-size:1.2rem}.rt__choices--sentences .rt__choice{font-size:2rem;min-height:72px}.rt__choices--categories .rt__choice{font-size:1.1rem;min-height:60px}.rt__choices{gap:.5rem}.rt__write-input{width:9rem;font-size:1.2rem}.rt__write-fi{font-size:clamp(1.5rem,5.5vw,2.25rem)}.rt__fill-sentence{font-size:clamp(1.25rem,4.5vw,1.75rem)}}@media(prefers-reduced-motion:reduce){.rt__card--enter,.rt__star--pop,.rt__emoji,.rt__choice--correct,.rt__choice--wrong,.rt__choice--highlight,.rt__write-input--correct,.rt__write-input--wrong{animation-duration:.01ms!important;animation-iteration-count:1!important}}