.vocab{--background:#f8f6ef;--foreground:#172a31;--card:#fffefa;--card-foreground:#172a31;--popover:#fffefa;--popover-foreground:#172a31;--primary:#176650;--primary-foreground:#fff;--secondary:#eeeee5;--secondary-foreground:#172a31;--muted:#eeeae1;--muted-foreground:#5b6869;--accent:#e6eee8;--accent-foreground:#172a31;--destructive:#a13737;--destructive-foreground:#fff;--border:#dcded3;--input:#dcded3;--ring:#176650;--radius:.55rem;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}.vocab .vocab-bar{border-bottom:1px solid #dedfd5;align-items:center;gap:32px;max-width:1170px;min-height:76px;margin:auto;padding:0 35px;display:flex}.vocab .vocab-bar nav{scrollbar-width:none;align-self:stretch;gap:28px;min-width:0;display:flex;overflow-x:auto}.vocab .vocab-bar nav a{color:#60706f;white-space:nowrap;flex-shrink:0;align-items:center;font-size:14px;display:flex;position:relative}.vocab .vocab-bar nav a:hover,.vocab .vocab-bar nav a.active{color:#172a31}.vocab .vocab-bar nav a.active:after{content:"";background:#1c6752;height:2px;position:absolute;bottom:0;left:0;right:0}.vocab .vocab-bar a:focus-visible{outline-offset:4px;outline:3px solid #b99c51}.vocab button{cursor:pointer}.vocab button:disabled{cursor:default}.vocab button:focus-visible,.vocab input:focus-visible,.vocab summary:focus-visible{outline-offset:4px;outline:3px solid #b99c51}.vocab h1,.vocab h2,.vocab h3,.vocab p{margin-top:0}.vocab h1,.vocab h2,.vocab h3{font-family:Georgia,Times New Roman,serif;font-weight:400}.vocab h1{letter-spacing:-1.9px;margin-bottom:22px;font-size:clamp(36px,4.2vw,56px);line-height:1.12}.vocab h1 em{color:#216b56;font-weight:400}.vocab h2{font-size:28px;line-height:1.2}.vocab h3{font-size:22px}.vocab p{margin-bottom:16px}.vocab small{font-size:13px}.vocab input{border:1px solid var(--border);color:#172a31;background:#fffefa;border-radius:6px;width:100%;min-width:0;padding:10px 13px}.vocab blockquote{border-left:2px solid #b89b52;margin:20px 0;padding-left:18px;font-family:Georgia,serif;font-size:18px;font-style:italic;line-height:1.6}.vocab [data-slot=button]{white-space:normal;border-radius:6px;height:auto;min-height:44px;padding:10px 19px;font-size:15px;font-weight:600;line-height:1.4}.vocab .brand{text-align:left;letter-spacing:-.5px;background:0 0;border:0;align-items:center;gap:12px;font-family:Georgia,serif;font-size:23px;line-height:1.08;display:flex}.vocab .brand-second{display:block}.vocab .brand-mark{color:#f7f4e9;background:#17333a;border-radius:7px;justify-content:center;align-items:center;width:49px;height:49px;font-size:31px;display:flex;position:relative}.vocab .brand-mark span{color:#d4b56c;margin-top:12px;margin-left:-2px;font-size:20px}.vocab .nav-count{background:#e3e8db;border-radius:20px;margin-left:7px;padding:2px 6px;font-size:12px}.vocab .avatar{background:#e4e9df;border:1px solid #d6decf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:19px;display:inline-flex}.vocab .vocab-main{max-width:1170px;margin:auto;padding:52px 35px 70px}.vocab .home-top{grid-template-columns:1.3fr 1fr;align-items:center;gap:75px;margin-bottom:54px;display:grid}.vocab .eyebrow{letter-spacing:1.8px;font-family:Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.6}.vocab .intro .eyebrow{align-items:center;gap:9px;margin-bottom:23px;display:flex}.vocab .intro .eyebrow span{background:#b6944a;border-radius:50%;width:7px;height:7px}.vocab .lede{color:#62716c;max-width:420px;margin-bottom:0;font-size:17px;line-height:1.8}.vocab .daily{background:#f1f1e8;border:1px solid #dcded2;border-radius:8px;min-height:260px;padding:25px 28px;position:relative}.vocab .daily-top{color:#687664;justify-content:space-between;margin-bottom:14px;display:flex}.vocab .daily h2{align-items:center;gap:15px;margin-bottom:7px;font-size:31px;display:flex}.vocab .daily h2 button{color:#778774;background:0 0;border:0}.vocab .daily .pronunciation{color:#6b756c;gap:16px;margin-bottom:17px;font-size:13px;display:flex}.vocab .daily>p:not(.pronunciation){font-size:15px;line-height:1.6}.vocab .daily blockquote{margin-bottom:0;font-size:16px}.vocab .section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.vocab .section-title h2{margin:0;font-size:25px}.vocab .section-title>span{color:#748077;font-size:13px}.vocab .modes{grid-template-columns:1.12fr 1fr;gap:24px;display:grid}.vocab .modes>section{border-radius:9px;flex-direction:column;padding:31px 33px;display:flex}.vocab .duel-card{color:#f7f4e9;background:#173038}.vocab .solo-card{background:#fffefa;border:1px solid #d9decf}.vocab .card-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px;display:flex}.vocab .icon-box{color:#d8be80;background:#29464b;border:1px solid #3f5657;border-radius:6px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.vocab .icon-box.light{color:#347254;background:#edf2e8;border:1px solid #dce5d5}.vocab .pill{letter-spacing:1.1px;color:#d4ded7;background:#2a4448;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:600}.vocab .pill.pale{color:#6e7d66;background:#f0f2e7}.vocab .modes h2{margin-bottom:12px;font-size:35px}.vocab .modes>section>p{color:#b6c6c3;max-width:390px;min-height:55px;font-size:15px;line-height:1.8}.vocab .modes .solo-card>p{color:#6b786b}.vocab .mini-duel{border-top:1px solid #395057;border-bottom:1px solid #395057;align-items:center;gap:13px;margin:9px 0 23px;padding:23px 0;display:flex}.vocab .letter-tile{color:#20353a;background:#f3eddc;border-radius:5px;justify-content:center;align-items:center;min-width:50px;height:53px;font-family:Georgia,serif;font-size:17px;display:flex;box-shadow:0 3px #c4bba2}.vocab .letter-tile.outline{color:#e4d9bd;background:#29464b;min-width:58px;box-shadow:0 3px #10272d}.vocab .vs{color:#91a398;font:italic 18px Georgia,serif}.vocab .mini-duel>div{margin-left:8px}.vocab .mini-duel strong{font-size:14px;font-weight:500;display:block}.vocab .mini-duel small{color:#a1b6b2;font-size:12px;display:block}.vocab .field-label{letter-spacing:1.5px;color:#a8bdb6;margin-bottom:7px;font-size:11px}.vocab .duel-card input{color:#fff;background:#203c44;border-color:#456169;margin-bottom:12px;font-size:14px}.vocab .duel-card input::placeholder{color:#a8bab7}.vocab .gold-[data-slot=button]{color:#172b31;background:#d4b76e}.vocab .gold-button:hover{background:#e4ca88}.vocab .join{gap:10px;margin-top:13px;display:flex}.vocab .join input{letter-spacing:1px;flex:1;width:40%;margin:0}.vocab .join button{color:#ecf1e9;background:0 0;border-color:#526970;min-width:120px}.vocab .solo-sample{background:#f4f5ec;border:1px solid #e3e6d8;border-radius:6px;flex:1;margin:9px 0 24px;padding:22px 23px}.vocab .solo-sample .eyebrow{color:#6f7e65;font-size:10px}.vocab .solo-sample h3{margin:15px 0;font-size:27px}.vocab .solo-sample h3 em{color:#307357}.vocab .solo-sample>div{color:#2f6955;align-items:center;gap:10px;font-size:14px;display:flex}.vocab .solo-sample>p{color:#75816e;margin-top:13px;margin-bottom:0;font-size:12px}.vocab .card-foot{color:#75816e;text-align:center;margin-top:16px;font-size:12px}.vocab .bottom-strip{border-top:1px solid #dedfd5;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding-top:28px;display:flex}.vocab .bottom-strip>div{align-items:center;gap:18px;display:flex}.vocab .small-icon{color:#527459}.vocab .bottom-strip h3{margin-bottom:5px;font-size:21px}.vocab .bottom-strip p{color:#77816f;margin:0;font-size:14px}.vocab .alert{background:#f9e6e0;border:1px solid #dbb2a7;border-radius:6px;justify-content:space-between;gap:12px;margin-bottom:24px;padding:12px 18px;display:flex}.vocab .word-card button{background:0 0;border:0}.vocab .loading{align-items:center;gap:12px;display:flex}.vocab .panel{background:#fffefa;border:1px solid #d9decf;border-radius:9px}.vocab .game-wrap{max-width:850px;margin:0 auto}.vocab .game-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.vocab .text-button{color:#596c60;background:0 0;border:0;padding:0;font-size:14px}.vocab .connection{color:#6c7d6c;font-size:12px}.vocab .lobby{text-align:center;max-width:700px;margin:auto;padding:42px}.vocab .lobby h1{font-size:42px}.vocab .lobby>p{color:#647264}.vocab .invite{background:#f1f3e9;border-radius:7px;justify-content:center;align-items:center;gap:25px;margin:28px 0;padding:22px;display:flex}.vocab .invite strong{letter-spacing:4px;font-family:monospace;font-size:30px}.vocab .players{margin:0 0 28px}.vocab .player-row{text-align:left;border-bottom:1px solid #e5e7dc;align-items:center;gap:15px;padding:16px 0;display:flex}.vocab .player-row strong{flex:1}.vocab .player-row>span:last-child{color:#657767;font-size:14px}.vocab .muted{color:#68776a;font-size:14px}.vocab .lobby .muted{margin-top:20px;font-size:13px}.vocab .scoreboard{justify-content:space-between;align-items:center;gap:20px;display:flex}.vocab .scoreboard>div{flex:1;align-items:center;gap:12px;display:flex}.vocab .scoreboard>div:last-child{text-align:right;justify-content:flex-end}.vocab .scoreboard strong{margin:0 10px;font-family:Georgia,serif;font-size:33px}.vocab .scoreboard small{color:#6f7a69;font-size:12px;display:block}.vocab .round-label{letter-spacing:1.2px;text-align:center;font-size:12px;font-weight:600}.vocab .round-label small{color:#82907a;display:block}.vocab .round-progress{gap:6px;margin:25px 0;display:flex}.vocab .round-progress span{background:#dfe4d6;border-radius:3px;flex:1;height:4px}.vocab .round-progress .filled{background:#26715a}.vocab .question{padding:36px 40px}.vocab .question-meta{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.vocab .timer{color:#6a7e6d;align-items:center;gap:6px;font-size:14px;display:flex}.vocab .urgent{color:#a03b30}.vocab .question h1{margin-bottom:4px;font-size:44px}.vocab .part{color:#75806e;margin-bottom:12px;font-family:Georgia,serif;font-style:italic}.vocab .definition{font-size:19px;line-height:1.7}.vocab .prompt{color:#465c4c;background:#f0f2e9;border-left:2px solid #b69b50;margin:24px 0;padding:15px 18px;font-family:Georgia,serif;font-size:20px}.vocab .question h3{margin-bottom:20px;font-size:22px}.vocab .answers{gap:12px;display:grid}.vocab .answer{text-align:left;background:#fffefa;border:1px solid #d9dece;border-radius:7px;align-items:center;gap:16px;width:100%;padding:17px 20px;font-size:16px;line-height:1.65;transition:background .15s,border-color .15s;display:flex}.vocab .answer:enabled:hover{background:#f0f4ea;border-color:#77967b}.vocab .answer-key{color:#6b7c64;background:#f0f2e8;border:1px solid #dbe0d2;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;display:flex}.vocab .answer.chosen{background:#edf4ec;border-color:#1b7358}.vocab .answer.correct{background:#e8f3e7;border-color:#559268}.vocab .answer.incorrect{background:#f9eee7;border-color:#bb8d74}.vocab .answer>small{color:#61775c;white-space:nowrap;margin-left:auto}.vocab .keyboard{text-align:center;margin:20px 0 0;font-size:12px}.vocab .feedback{border-top:1px solid #d8decd;margin-top:30px;padding-top:25px}.vocab .feedback-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.vocab .feedback-title h2{color:#226650;margin:0}.vocab .reason{font-size:14px;line-height:1.75}.vocab .reason>b{color:#45674c;margin-right:9px}.vocab .results-top{text-align:center;padding:42px}.vocab .results-top h1{margin-top:18px;font-size:42px}.vocab .score-final{justify-content:center;align-items:center;gap:45px;margin:25px 0;display:flex}.vocab .score-final>div{flex-direction:column;display:flex}.vocab .score-final strong{color:#216950;font:58px Georgia,serif}.vocab .results .section-title{margin-top:35px}.vocab .round-result{margin-bottom:12px}.vocab .round-result summary{cursor:pointer;align-items:center;gap:20px;padding:20px 24px;display:flex}.vocab .round-num{color:#a49359;font:25px Georgia,serif}.vocab .round-result summary strong{flex:1;font:23px Georgia,serif}.vocab .round-result summary>span:last-child{color:#6a7a67;font-size:13px}.vocab .result-detail{padding:0 25px 25px}.vocab .vocabulary>h1,.vocab .how>h1{margin-top:18px}.vocab .word-grid,.vocab .how-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.vocab .word-card{padding:27px}.vocab .word-card>div{justify-content:space-between;gap:12px;display:flex}.vocab .word-card h2{margin:18px 0 3px}.vocab .word-card>i{color:#6c796b;font-size:14px}.vocab .word-card>p{margin-top:16px}.vocab .empty{text-align:center;padding:60px 30px}.vocab .empty>svg{color:#617f58;margin:0 auto 22px}.vocab .empty h2{margin-bottom:14px}.vocab .empty p{color:#6f7b68}.vocab .review{max-width:750px;margin:30px auto;padding:40px}.vocab .review h2{margin:20px 0 5px;font-size:42px}.vocab .review-actions{gap:12px;margin:24px 0;display:flex}.vocab .how-grid{margin:40px 0 25px}.vocab .how-grid article{padding:30px}.vocab .how-grid h2{margin:18px 0 15px}.vocab .how-grid p{color:#62745e}.vocab .info-note{gap:23px;margin-bottom:25px;padding:30px;display:flex}.vocab .info-note>svg{color:#548164;flex-shrink:0}.vocab .info-note p{color:#62745e;font-size:15px}@media (width>=1400px){.vocab .vocab-main{padding-top:60px}.vocab .home-top{margin-bottom:60px}}@media (width<=800px){.vocab .home-top{gap:25px}.vocab .vocab-main{padding:35px 23px 50px}.vocab .home-top h1{font-size:40px}.vocab .daily{padding:20px}.vocab .daily h2{font-size:27px}.vocab .modes>section{padding:26px 24px}.vocab .mini-duel>div,.vocab .game-heading .connection{display:none}}@media (width<=600px){.vocab .brand{font-size:20px}.vocab .brand-mark{width:42px;height:42px}.vocab .vocab-main{padding:32px 19px 45px}.vocab .home-top{grid-template-columns:1fr;gap:28px;margin-bottom:32px}.vocab .home-top h1{font-size:42px}.vocab .lede{font-size:16px}.vocab .intro .eyebrow{margin-bottom:18px;font-size:10px}.vocab .daily{padding:22px}.vocab .section-title{align-items:flex-start}.vocab .section-title>span{display:none}.vocab .section-title h2{font-size:24px}.vocab .modes{grid-template-columns:1fr;gap:20px}.vocab .modes>section{padding:25px}.vocab .mini-duel>div{display:block}.vocab .modes h2{font-size:33px}.vocab .bottom-strip{flex-direction:column;align-items:stretch}.vocab .bottom-strip p{font-size:13px}.vocab .bottom-strip button{align-self:flex-start}.vocab .game-heading{flex-wrap:wrap}.vocab .scoreboard{gap:5px}.vocab .scoreboard>div{gap:7px;font-size:13px}.vocab .scoreboard .avatar{display:none}.vocab .scoreboard strong{margin:0 4px;font-size:27px}.vocab .round-label{font-size:10px}.vocab .question{padding:25px 20px}.vocab .question h1{font-size:35px}.vocab .question-meta .eyebrow{letter-spacing:1px;font-size:10px}.vocab .timer{font-size:12px}.vocab .definition{font-size:17px}.vocab .prompt{font-size:18px}.vocab .answer{gap:11px;padding:15px 13px;font-size:15px}.vocab .answer>small{display:none}.vocab .feedback-title{flex-wrap:wrap;align-items:flex-start}.vocab .feedback-title h2{font-size:27px}.vocab .lobby{padding:30px 20px}.vocab .lobby h1{font-size:36px}.vocab .invite{flex-direction:column;gap:12px}.vocab .player-row{gap:10px;font-size:14px}.vocab .player-row>span:last-child{font-size:12px}.vocab .results-top{padding:30px 20px}.vocab .results-top h1{font-size:35px}.vocab .score-final{gap:25px}.vocab .round-result summary{flex-wrap:wrap;gap:12px;padding:18px 15px}.vocab .round-result summary>span:last-child{width:100%;padding-left:37px}.vocab .word-grid,.vocab .how-grid{grid-template-columns:1fr}.vocab .review{padding:28px 22px}.vocab .review-actions{flex-direction:column}.vocab .how-grid{margin-top:25px}.vocab .info-note{padding:24px 20px}.vocab .info-note>svg{display:none}.vocab .vocabulary .section-title{flex-direction:column}.vocab .vocabulary h1,.vocab .how h1{font-size:40px}}@media (prefers-reduced-motion:reduce){.vocab *{transition:none!important;animation:none!important}}.vocab .resume{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:15px 20px;display:flex}.vocab .button{white-space:normal;min-height:44px;line-height:1.4}.vocab .eyebrow,.vocab .keyboard,.vocab .connection,.vocab .card-foot,.vocab .scoreboard small,.vocab .player-row>span:last-child,.vocab .round-label,.vocab .answer-key{font-size:.875rem}.vocab .word-card>div>button{min-width:44px;min-height:44px}.vocab .timer{font-size:.875rem}.vocab .answer:disabled{opacity:1}.vocab .answer.incorrect .answer-key{color:#fff;background:#a03b30}.vocab .answer.correct .answer-key{color:#fff;background:#176650}@media (width<=600px){.vocab h1{letter-spacing:-1px}.vocab .resume{flex-wrap:wrap}.vocab .question-meta .eyebrow,.vocab .intro .eyebrow,.vocab .round-label{font-size:.75rem}.vocab .timer,.vocab .player-row>span:last-child{font-size:.875rem}}.vocab .join-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.vocab .text-button{text-decoration:none}@media (width<=600px){.vocab .vocab-bar{gap:18px;padding:0 19px}.vocab .vocab-bar .brand>span:last-child{display:none}.vocab .vocab-bar nav{gap:18px}}