/* Original duck identity and compact classroom layout. Layout never owns game state. */
:root{--duck-paper:#faf7ed;--duck-ink:#1d2734;--duck-muted:#687385;--duck-line:#e2e6e8;--duck-yellow:#f8d263;--duck-sage:#839e74}
body.duck-site{background:var(--duck-paper);color:var(--duck-ink);font-family:system-ui,-apple-system,'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;font-size:14px}body.duck-site:before,body.duck-site:after{display:none}body.duck-site h1,body.duck-site h2,body.duck-site h3,body.duck-site .brand>span,body.duck-site .footer-brand{font-family:inherit;color:var(--duck-ink);letter-spacing:0}body.duck-site a{color:inherit}body.duck-site button,body.duck-site input,body.duck-site select,body.duck-site textarea{font-family:inherit}body.duck-site #app{padding-top:0;margin:0;min-height:65vh}body.duck-site .primary{background:var(--duck-yellow);color:#25303b;border:1px solid #e7c052;border-radius:9px;box-shadow:0 2px 0 #b58e2940;font-weight:650;transition:background .14s,transform .14s,box-shadow .14s;text-decoration:none}body.duck-site .primary:hover{background:#fbdc7a;transform:translateY(-1px)}body.duck-site .primary:active{transform:translateY(1px);box-shadow:none}body.duck-site .secondary{background:#fffefa;border:1px solid #d8dfdf;color:#344252;border-radius:9px;box-shadow:0 1px 2px #1c29340b;font-weight:550;transition:border-color .15s,background .15s}body.duck-site .secondary:hover{border-color:#94ad85;background:#f5f8f0}body.duck-site .quiet{color:#667386}body.duck-site :focus-visible{outline:3px solid #9ab48b;outline-offset:3px}body.duck-site input:not([type=checkbox]):not([type=radio]):not([type=range]),body.duck-site textarea,body.duck-site select{border-color:#dce2e5;border-radius:8px;background:#fff;color:#293746;box-shadow:none}body.duck-site input:focus,body.duck-site select:focus,body.duck-site textarea:focus{border-color:#8aa77b;outline:2px solid #9eb88c35;outline-offset:1px}body.duck-site input[type=checkbox],body.duck-site input[type=radio]{accent-color:#74976b}body.duck-site .crumb{color:#7c8795;font-size:12px}body.duck-site .kicker{background:#eaf0e2;color:#617a54;border-radius:5px;padding:5px 9px;font-size:11px;letter-spacing:.3px}body.duck-site .duck-icon{display:block;width:24px;height:24px;flex:none;overflow:visible}body.duck-site .duck-character{display:block;width:100%;height:100%;overflow:visible}.duck-cover{opacity:0;transform:translateY(23px);transition:opacity .18s,transform .25s ease}.duck-shy .duck-cover{opacity:1;transform:translateY(0)}.duck-eyes{transition:transform .15s}
/* A slim navigation remains available across all teacher pages. */
body.duck-site>header.duck-header{position:sticky;top:0;z-index:100;height:60px;min-height:60px;padding:0 24px;gap:22px;max-width:none;margin:0;display:flex;align-items:center;border-bottom:1px solid #e5e9e8;background:#fffffffa;box-shadow:none;backdrop-filter:blur(8px)}body.duck-site .duck-header .brand{display:flex;align-items:center;gap:9px;font-size:17px;line-height:1.2;flex:none;white-space:nowrap;letter-spacing:0;color:#172332}body.duck-site .duck-header .fang-logo{width:30px;height:32px;object-fit:contain}body.duck-site .duck-header .brand small{display:none}body.duck-site .duck-header>nav{display:flex;gap:21px;align-items:center;margin-left:auto;height:60px;flex:none}body.duck-site .duck-header>nav a{font-size:12px;font-weight:550;line-height:60px;padding:0;text-decoration:none;position:relative;color:#5c6776}body.duck-site .duck-header>nav a.active{color:#20352e}body.duck-site .duck-header>nav a.active:after{height:2px;background:#829c73;bottom:10px;left:0;right:0}body.duck-site .duck-header .header-right{display:flex;align-items:center;gap:10px;margin:0;flex:none}body.duck-site .duck-header #motion-toggle{display:none}.duck-header-search{display:flex;align-items:center;border:1px solid #e4e8ee;background:#fafbfd;border-radius:9px;padding:0 9px;gap:7px;height:34px;flex:0 1 190px;min-width:130px;margin:0}.duck-header-search .duck-icon{width:17px!important;height:17px!important;color:#677388}.duck-header-search input[type=search]{min-width:0;width:100%;font-size:11px;height:30px;padding:0!important;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important}.duck-header-search:focus-within{border-color:#8da77c;box-shadow:0 0 0 2px #8da77c20}body.duck-site .language-switch{border:0;background:transparent;padding:0 2px;min-width:0;gap:3px}body.duck-site .language-switch select{background:transparent;border:0;padding:5px 13px 5px 2px;font-size:12px;max-width:96px;width:auto}body.duck-site .language-globe{font-size:17px;color:#3b4859}body.duck-site #cloud-account{gap:7px}body.duck-site #cloud-account .account-login,body.duck-site #cloud-account .account-register{min-height:32px;padding:5px 13px;border-radius:7px;font-size:12px;border-color:#e1e5e9;box-shadow:none}body.duck-site #cloud-account .account-login{background:#fff8e1;border-color:#edd06e}body.duck-site #cloud-account .account-register{background:var(--duck-yellow);border-color:#e9c458}body.duck-site #cloud-account .account-avatar{width:27px;height:27px;font-size:12px}body.duck-site #cloud-account summary{padding:3px;max-width:130px;font-size:12px}body.duck-site #cloud-account .account-links{background:white;border-color:#dfe5e7;box-shadow:0 12px 35px #26344315}.duck-menu-button{display:grid;place-items:center;background:transparent;border:0;padding:5px;border-radius:7px;cursor:pointer;color:#25303d;width:34px;height:34px;flex:none}.duck-menu-button:hover{background:#f2f4ed}
/* Compact browsing: 4 columns, small illustrations rather than cover images. */
.duck-home{max-width:1120px;margin:0 auto;padding:46px 24px 50px}.duck-hero{padding:0 0 28px}.duck-eyebrow{font-size:10px;letter-spacing:1.8px;color:#798575;margin:0 0 13px}.duck-hero h1{font-size:clamp(30px,3vw,43px);line-height:1.14;font-weight:800;letter-spacing:-1.3px!important;margin:0 0 18px;max-width:680px}.duck-hero>strong{font-size:14px;line-height:1.7;color:#4e5b6d}.duck-hero>p:last-child{font-size:11px;color:#849084;margin:6px 0 0}.duck-prepare{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;background:linear-gradient(100deg,#fcf0c9,#eef1e4 90%);padding:24px 27px;border-radius:13px;border:1px solid #e8e9d6;margin-bottom:29px}.duck-paper-label{display:inline-block;font-size:10px;color:#655523;padding:3px 8px;background:#f6d56e;transform:rotate(-2deg);border-radius:2px}.duck-prepare h2{font-size:24px;letter-spacing:-.5px;margin:10px 0 8px;line-height:1.35}.duck-prepare p{font-size:12px;color:#697361;line-height:1.7;margin:0}.duck-prepare-actions{display:flex;align-items:center;gap:18px;margin-top:14px}.duck-prepare-actions .primary{padding:9px 13px;font-size:12px;display:inline-flex;gap:13px;align-items:center}.duck-prepare-actions>a{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#506054}.duck-slips{height:125px;position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-right:8px}.duck-slips>span{position:absolute;background:#fffaf0;border:1px solid #c9c0ab;padding:9px 17px;font-family:serif;font-size:15px;box-shadow:1px 3px 0 #8e795710;left:4%;top:8px;transform:rotate(-7deg)}.duck-slips>span:nth-child(2){left:17%;top:45px;transform:rotate(4deg)}.duck-slips>span:nth-child(3){left:4%;top:83px;transform:rotate(-2deg)}.duck-slips>i{font-style:normal;font-size:31px;color:#83957a;position:absolute;left:45%;top:40px}.duck-slips>.duck-icon{width:57px!important;height:57px!important;transform:rotate(-7deg)}.duck-slips>.duck-icon:last-child{transform:translateY(18px) rotate(8deg)}.duck-discovery{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.duck-filters{display:flex;gap:6px;flex-wrap:wrap}.duck-filters button{font-size:11px;padding:6px 12px;line-height:1.3;border:1px solid #e2e7eb;border-radius:18px;background:#fff;color:#566173;cursor:pointer;transition:background .15s,color .15s}.duck-filters button[aria-pressed=true]{background:#202b3a;color:#fff;border-color:#202b3a}.duck-filters button:hover:not([aria-pressed=true]){background:#edf2e7;border-color:#a3b497}.duck-result-count{font-size:10px;color:#94a090;flex:none}.duck-library{scroll-margin-top:77px}.duck-card-grid.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:auto;margin:0;max-width:none}.duck-game-card.tool-card{display:block;position:relative;border:1px solid #e1e6eb;border-radius:13px;background:#fff;box-shadow:0 3px 6px #23313b04;overflow:visible;min-width:0;transition:transform .15s,box-shadow .15s,border-color .15s;animation:none}.duck-game-card.tool-card:hover{transform:translateY(-3px);border-color:#aec39b;box-shadow:0 7px 15px #30442c0c}.duck-game-card:focus-within{border-color:#8fa77d}.duck-card-link{display:flex;align-items:center;flex-direction:column;min-height:215px;height:100%;padding:16px 14px 13px;text-decoration:none;text-align:center;box-sizing:border-box}.duck-card-art{height:62px;display:grid;place-items:center;margin:1px 0 9px;width:100%}.duck-card-art .duck-icon{width:52px!important;height:52px!important;transition:transform .18s}.duck-game-card:hover .duck-card-art .duck-icon{transform:rotate(-4deg) translateY(-2px)}.duck-card-link h2{font-size:15px!important;font-weight:700;line-height:1.4;margin:0 0 1px}.duck-card-subtitle{font-size:9px;color:#8b95a3;line-height:1.5}.duck-card-link>p{font-size:11px;line-height:1.7;min-height:37px;color:#7d8795;margin:8px 0 12px;max-width:24ch}.duck-tags{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.duck-tags>span{font-size:9px;padding:3px 7px;line-height:1.2;border-radius:12px;color:#5d8063;background:#edf4e9}.duck-tags>.tag-1{color:#a07b50;background:#fbf0e1}.duck-custom{position:absolute;top:10px;left:10px;font-size:8px;line-height:1.2;padding:3px 6px;border:1px solid #edb69e;border-radius:5px;color:#b17052;background:#fff8f3}.duck-card-help{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid #e1e6eb;color:#8b95a1;background:white;font-size:12px;padding:0;cursor:pointer;z-index:1}.duck-card-help:hover{color:#517344;border-color:#9eb68e;background:#f0f5e8}.duck-empty{padding:40px;text-align:center;border:1px dashed #ccd8c1;color:#77836c;border-radius:13px;font-size:14px}.duck-classroom-note{margin-top:24px;display:flex;align-items:center;gap:18px;border:1px solid #e1e8d5;background:#eef2e4;border-radius:12px;padding:18px 24px}.duck-classroom-note>div{width:64px;height:70px;flex:none}.duck-classroom-note p{margin:0}.duck-classroom-note strong{font-size:17px;line-height:1.55;letter-spacing:-.3px;font-weight:650}.duck-classroom-note p>span{display:block;font-size:11px;color:#839174;margin-top:6px}.duck-classroom-note>a{margin-left:auto;font-size:11px;flex:none;text-decoration:none}
/* Shared layout and typography for existing game setup pages. */
body.duck-site :is(.tool-intro,.practice-intro,.mole-heading,.ws-heading,.pw-heading,.ld-heading,.cloud-heading){max-width:1120px;margin:0 auto;padding:28px 24px 23px;position:relative;text-align:left}body.duck-site :is(.tool-intro,.practice-title,.mole-heading,.ws-heading,.pw-heading,.ld-heading,.cloud-heading) h1{font-size:30px;line-height:1.3;margin:14px 0 10px;font-weight:750;display:flex;align-items:center;gap:12px}body.duck-site .duck-heading-icon{width:40px;height:40px}body.duck-site :is(.tool-intro,.mole-heading,.ws-heading,.pw-heading,.ld-heading,.cloud-heading)>p{font-size:13px;line-height:1.8;color:#76808c;margin:8px 0 0}body.duck-site .tool-intro .kicker{display:inline-block;margin-top:20px}.duck-page-help{border:1px solid #d9e2db;border-radius:16px;background:#fff;color:#69835b;padding:5px 10px;cursor:pointer;font-size:11px;margin-top:12px}body.duck-site :is(.workspace,.classroom-shell,.mole-setup,.ws-settings,.ld-setup){max-width:1072px;margin:0 auto 44px;gap:23px}body.duck-site :is(.word-panel,.unit-panel,.guess-setup,.picker-shell,.mole-config,.mole-how,.ws-settings,.ld-setup,.play-shell,.pw-result){background:#fff;border-color:#e1e7e6;box-shadow:0 3px 8px #25334004;border-radius:16px}body.duck-site .workspace{grid-template-columns:220px minmax(0,1fr)}body.duck-site .practice-title{align-items:center}body.duck-site .practice-title h1{font-size:29px}body.duck-site .practice-title .version{font-size:11px;color:#7d8893;background:#f1f5ed;border-color:#e0e8d8}body.duck-site .word-heading h2{font-size:22px}body.duck-site .word-grid{padding:18px;gap:10px}body.duck-site .word-card{border-color:#e5e9eb;background:#fff;border-radius:10px;box-shadow:none;min-height:110px}body.duck-site .word-card.picked{background:#f3f7ed;border-color:#acc39a}body.duck-site .word-text>strong{font-size:25px}body.duck-site .unit.active{background:#edf3e6;color:#526e48;border-color:#c9d8bc}body.duck-site .start-bar{background:#fcfdf9;border-color:#e5e9e1}body.duck-site :is(.mole-setup,.guess-setup,.picker-shell,.ld-setup,.ws-settings) h2{font-size:19px}body.duck-site :is(.grid-options,.source-tabs,.mole-type-tabs,.picker-tabs){gap:8px}body.duck-site :is(.grid-options,.source-tabs,.mole-type-tabs,.picker-tabs) button{border-radius:8px;font-size:12px;padding:10px 14px}body.duck-site :is(.grid-options,.mole-type-tabs,.picker-tabs) .selected,body.duck-site .mole-type-tabs .primary{background:#e6efd9;color:#435e38;border-color:#aec799}body.duck-site .mole-word-list{max-height:390px}body.duck-site .mole-word-list label{border-radius:9px;border-color:#e4e9e2}body.duck-site .mole-word-list label:has(input:checked){background:#f0f5e9;border-color:#baceab}body.duck-site .mole-mini{height:95px;transform:scale(.8)}body.duck-site .mole-how{position:sticky;top:84px}body.duck-site .cloud-context-tools{max-width:1072px;box-sizing:border-box;margin:20px auto 0;padding:10px 14px;border:1px solid #e1e6d9;background:#f3f6e9;border-radius:10px;gap:9px;font-size:11px}body.duck-site .cloud-context-tools button{font-size:11px;padding:8px 12px;min-height:34px}body.duck-site .cloud-context-tools a{color:#71805e}.duck-site .guess-board,.duck-site .mole-play,.duck-site .ld-board{border-color:#cddbbb}.duck-site .pw-page,.duck-site .ws-page{max-width:1120px}.duck-site .pw-page{padding:24px}.duck-site .pw-heading{padding-left:0;padding-right:0}.duck-site .fx-audio-controls{border-color:#e1e7dd;background:#f8faf3;border-radius:9px}.duck-site .fx-audio-controls button{color:#71805f}.duck-site .cloud-card,.duck-site .cloud-empty,.duck-site .cloud-join,.duck-site .cloud-room-side{border-color:#dfe6dd;background:#fff;box-shadow:0 3px 9px #283b2005;border-radius:14px}.duck-site .cloud-heading h1{font-size:30px}.duck-site .cloud-profile{background:#f1f5e9;border-radius:11px}.duck-site .cloud-toolbar button{font-size:12px}.duck-site .cloud-footnote{font-size:12px;color:#859177}.duck-site .membership-page{max-width:1120px;padding-top:35px}.duck-site .member-intro h1{font-size:43px;font-family:inherit;letter-spacing:-1px}.duck-site .member-price{font-family:inherit;font-size:30px}.duck-site .member-plan{border-color:#dddcc5;box-shadow:0 3px 8px #283b2005}.duck-site .member-feature{border-color:#e1e7df}.duck-site .member-feature h3{font-size:15px}.duck-site .member-notice{border-color:#e5d998}.duck-site .member-faq summary{font-size:14px}.duck-site .member-feedback{background:#eff3e6;border-color:#dae3d0}
/* Duck authentication stays on the current lesson; only its presentation changes. */
body.duck-site #fang-auth-dialog{width:min(420px,calc(100vw - 28px));padding:27px 30px 24px;border:1px solid #e6e9e9;border-radius:20px;background:white;color:#263343;box-shadow:0 20px 75px #19253328;text-align:left;max-height:calc(100dvh - 30px)}body.duck-site #fang-auth-dialog::backdrop{background:#27302f52;backdrop-filter:blur(4px)}body.duck-site .fang-auth-heading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:0 0 7px}.fang-auth-heading .duck-character{width:78px!important;height:78px!important;margin:-8px auto -2px}.fang-auth-heading>span{display:none}body.duck-site #fang-auth-title{text-align:center;font-size:25px;margin:4px 0 8px;font-weight:750}body.duck-site .fang-auth-intro{text-align:center;color:#849080;font-size:12px;line-height:1.7;margin:0 0 22px}body.duck-site #fang-login{gap:14px}body.duck-site #fang-login>label{font-size:12px;font-weight:550;gap:7px}body.duck-site #fang-login input:not([type=checkbox]){height:41px;border:1px solid #dce3e9;border-radius:8px;background:#f7faff;padding:10px 12px;font-size:13px;line-height:1.4}body.duck-site #fang-login input:focus{border-color:#8eaa7e;outline:2px solid #8eaa7e20;background:white}body.duck-site .fang-auth-hint{font-size:10px;font-weight:400;color:#94a08b}body.duck-site .fang-password{border:0;position:relative}body.duck-site .fang-password input{padding-right:54px!important}body.duck-site .fang-password button{position:absolute;right:6px;top:5px;font-size:10px;color:#7c8b76;background:transparent;border:0;border-radius:5px;padding:7px;height:31px}body.duck-site .fang-auth-submit{font-size:14px!important;min-height:41px;width:100%;margin-top:0;border-radius:8px!important}body.duck-site .fang-auth-google{min-height:39px;font-size:12px;width:100%;border-color:#e1e6eb;border-radius:8px;background:#fff;box-shadow:none}body.duck-site .fang-auth-google>span{font-family:Arial,sans-serif;color:#4285f4;background:transparent;border:0;font-size:19px}.duck-site .fang-auth-divider{font-size:10px;color:#9ba4ad;margin:17px 0}.duck-site .fang-auth-switch{font-size:12px;color:#8b9581;text-align:center;margin:16px 0 0}.duck-site .fang-auth-text{color:#628155}.duck-site .fang-auth-warning{font-size:10px;color:#927244;background:#fff8e7;border:1px solid #efe5ca;border-radius:8px;padding:9px;line-height:1.7}.duck-site .fang-auth-consent{font-size:10px!important;font-weight:400!important}.duck-site #fang-auth-message{font-size:11px;color:#a65a4b;line-height:1.6;margin:0;min-height:0}.duck-site .fang-auth-close{top:13px;right:13px;background:transparent;color:#8f99a6;border:0;font-size:23px;box-shadow:none}
/* Help and navigation dialogs share one restrained visual language. */
.duck-help-dialog,.duck-menu-dialog{color:var(--duck-ink);background:white;border:1px solid #e2e8e7;border-radius:19px;box-shadow:0 22px 70px #1c2a3426;padding:30px;max-height:calc(100dvh - 28px);overflow-y:auto;width:min(510px,calc(100vw - 28px));margin:auto;position:fixed;inset:0}.duck-help-dialog::backdrop,.duck-menu-dialog::backdrop{background:#25332866;backdrop-filter:blur(3px)}.duck-dialog-close{position:absolute;top:14px;right:14px;border:0;background:transparent;display:grid;place-items:center;width:28px;height:28px;padding:4px;cursor:pointer;color:#889386;border-radius:7px}.duck-dialog-close:hover{background:#f0f4e9}.duck-help-heading{display:flex;align-items:center;gap:14px;margin:4px 15px 19px 0}.duck-help-heading>.duck-icon{width:49px!important;height:49px!important}.duck-help-heading span{font-size:9px;letter-spacing:1.6px;color:#8c9c80}.duck-help-heading h2{font-size:22px;line-height:1.3;margin:6px 0 0}.duck-help-dialog>p{font-size:14px;line-height:1.95;color:#6e7989;margin:0 0 20px}.duck-help-note{padding:10px 12px;background:#edf3e6;border-radius:9px;font-size:11px;color:#728568;margin-bottom:25px}.duck-help-dialog>.primary{display:flex;align-items:center;justify-content:center;gap:15px;min-height:41px;font-size:13px}.duck-menu-dialog{inset:0 0 0 auto;margin:0;width:min(300px,88vw);height:100dvh;max-height:100dvh;border-radius:0;border-width:0 0 0 1px;padding:25px 23px}.duck-menu-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 24px;font-size:16px}.duck-menu-top .duck-dialog-close{position:static}.duck-menu-dialog nav{display:flex;flex-direction:column;gap:5px;margin:0;align-items:stretch;height:auto}.duck-menu-dialog nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 10px;border-radius:9px;text-decoration:none;font-size:14px;line-height:1.5}.duck-menu-dialog nav a>span{color:#a1ad97}.duck-menu-dialog nav a:hover{background:#f0f4e7}.duck-menu-bottom{margin-top:23px;padding-top:18px;border-top:1px solid #e6ebe0;display:flex;flex-wrap:wrap;gap:20px}.duck-menu-bottom button{width:100%;background:#f3f6ed;border:0;border-radius:9px;padding:12px;text-align:left;font-size:12px;display:flex;justify-content:space-between;color:#63785a;cursor:pointer}.duck-menu-bottom a{font-size:11px;color:#99a28f;text-decoration:none}
body.duck-site>footer{border-top:1px solid #e5e9df;background:transparent;max-width:none;padding:25px 32px;gap:18px;color:#97a18f;font-size:10px;line-height:1.7;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}body.duck-site .footer-brand{font-size:13px;font-weight:650;color:#6a795e}body.duck-site .footer-brand small{font-size:8px;color:#a2ac96;letter-spacing:1.2px}body.duck-site .legal-links{gap:15px;flex-wrap:wrap;display:flex;font-size:10px}body.duck-site #notice{background:#56734c;color:white;border-radius:9px;font-size:12px;max-width:calc(100vw - 32px)}
@media(min-width:1800px){.duck-home{padding-top:50px}.duck-hero{padding-bottom:34px}}
@media(max-width:1200px){body.duck-site>header.duck-header{gap:15px;padding:0 18px}body.duck-site .duck-header>nav{gap:15px}body.duck-site .duck-header>nav a{font-size:11px}.duck-header-search{flex-basis:150px}.duck-home{max-width:1080px}body.duck-site :is(.workspace,.classroom-shell,.mole-setup,.ws-settings,.ld-setup){margin-left:24px;margin-right:24px}.duck-site .cloud-context-tools{margin-left:24px!important;margin-right:24px!important}}
@media(max-width:1000px){body.duck-site .duck-header>nav{display:none}body.duck-site .duck-header .header-right{margin-left:0}.duck-header-search{margin-left:auto;flex-basis:210px}body.duck-site .duck-header .brand{font-size:16px}.duck-site .workspace{grid-template-columns:190px minmax(0,1fr)}.duck-site .mole-setup{grid-template-columns:minmax(0,1fr) 265px}.duck-prepare h2{font-size:22px}}
@media(max-width:760px){body.duck-site .duck-header .brand{font-size:15px}.duck-header-search{flex-basis:140px;min-width:90px}.duck-site .duck-header .header-right{gap:5px}.duck-site .duck-header #cloud-account .account-register{display:none}.duck-site .duck-header #cloud-account summary{max-width:80px}.duck-site .duck-header #cloud-account .account-name{display:none}.duck-home{padding:30px 20px 40px}.duck-hero h1{font-size:35px}.duck-prepare{padding:22px;grid-template-columns:1.4fr 1fr;gap:10px}.duck-prepare h2{font-size:20px}.duck-slips>span{font-size:13px;padding:6px 10px;left:0}.duck-slips>span:nth-child(2){left:7%}.duck-slips>span:nth-child(3){left:0}.duck-slips>.duck-icon{width:39px!important;height:39px!important}.duck-slips>i{left:43%;font-size:22px}.duck-card-grid.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.duck-card-link{padding:15px 10px 12px;min-height:214px}.duck-card-link h2{font-size:14px!important}.duck-classroom-note{padding:15px;gap:10px}.duck-classroom-note strong{font-size:15px}.duck-classroom-note>a{font-size:10px}.duck-site :is(.workspace,.guess-setup,.picker-shell,.mole-setup,.ws-settings,.ld-setup){grid-template-columns:minmax(0,1fr)}.duck-site .mole-how{position:static}.duck-site .cloud-heading h1{font-size:27px}.duck-site .practice-title{align-items:start}.duck-site .practice-title .version{display:none}.duck-site .membership-page{padding-left:20px;padding-right:20px}.duck-site .member-intro h1{font-size:35px}}
@media(max-width:600px){body.duck-site>header.duck-header{height:auto;min-height:58px;padding:11px 13px;gap:9px;flex-wrap:wrap}body.duck-site .duck-header .brand{font-size:14px;gap:6px}body.duck-site .duck-header .fang-logo{width:25px;height:28px}body.duck-site .duck-header .header-right{margin-left:auto;gap:4px}.duck-header-search{order:3;width:100%;flex-basis:100%;margin:0;height:33px}.duck-header-search input[type=search]{font-size:12px}.duck-site .duck-header .language-switch{padding:0;gap:1px}.duck-site .duck-header .language-switch select{font-size:11px;max-width:77px;padding-right:9px}.duck-site .duck-header .language-globe{font-size:14px}.duck-site #cloud-account .account-login{font-size:11px;padding:5px 9px}.duck-menu-button{width:28px;height:30px}.duck-home{padding:28px 16px 35px}.duck-hero{padding-bottom:24px}.duck-eyebrow{font-size:9px;letter-spacing:.9px}.duck-hero h1{font-size:31px;letter-spacing:-1px!important;line-height:1.2;margin-bottom:14px}.duck-hero>strong{font-size:12px}.duck-hero>p:last-child{font-size:10px;line-height:1.6}.duck-prepare{display:block;padding:20px 18px;margin-bottom:22px;position:relative}.duck-prepare h2{font-size:21px;max-width:22ch}.duck-prepare p{font-size:11px;max-width:28ch}.duck-prepare-actions{gap:13px}.duck-prepare-actions .primary{font-size:11px;padding:9px 11px}.duck-prepare-actions>a{font-size:10px}.duck-slips{display:none}.duck-discovery{gap:8px;align-items:flex-start}.duck-filters{gap:5px}.duck-filters button{font-size:10px;padding:6px 10px}.duck-result-count{display:none}.duck-card-grid.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.duck-card-link{min-height:209px;padding:16px 10px 12px}.duck-card-art{margin-bottom:8px;height:56px}.duck-card-art .duck-icon{width:47px!important;height:47px!important}.duck-card-link h2{font-size:13px!important}.duck-card-subtitle{font-size:8px}.duck-card-link>p{font-size:10px;line-height:1.7;margin:8px 0 10px;min-height:34px}.duck-custom{font-size:7px;left:8px;top:8px;padding:2px 4px}.duck-card-help{width:19px;height:19px;top:8px;right:8px;font-size:11px}.duck-tags>span{font-size:8px;padding:3px 6px}.duck-classroom-note{flex-wrap:wrap;padding:15px 13px;gap:10px}.duck-classroom-note>div{width:47px;height:53px}.duck-classroom-note p{flex:1;min-width:0}.duck-classroom-note strong{font-size:14px}.duck-classroom-note p>span{font-size:10px;line-height:1.6}.duck-classroom-note>a{margin-left:57px;font-size:10px}.duck-site :is(.tool-intro,.practice-intro,.mole-heading,.ws-heading,.pw-heading,.ld-heading,.cloud-heading){padding:22px 16px 20px}.duck-site :is(.tool-intro,.practice-title,.mole-heading,.ws-heading,.pw-heading,.ld-heading,.cloud-heading) h1{font-size:25px;gap:9px}.duck-site .duck-heading-icon{width:32px;height:32px}.duck-site :is(.workspace,.classroom-shell,.mole-setup,.ws-settings,.ld-setup){margin-left:16px;margin-right:16px;gap:16px}.duck-site .cloud-context-tools{margin:13px 16px 0!important;max-width:calc(100% - 32px);padding:9px;gap:8px;flex-wrap:wrap}.duck-site .cloud-context-tools a{margin-left:0}.duck-site .cloud-context-tools button{font-size:10px;padding:7px 9px}.duck-site .mole-config{padding:18px!important}.duck-site .word-grid{padding:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.duck-site .word-text{max-width:none;min-width:0}.duck-site .word-text>strong{font-size:22px}.duck-site .word-text>span{font-size:10px;overflow-wrap:anywhere}.duck-site .word-card{padding:12px 8px;min-height:110px;min-width:0}.duck-site .start-bar{padding:15px;align-items:start}.duck-site .hsk-play-buttons{flex-wrap:wrap;width:100%;gap:8px}.duck-site .hsk-play-buttons button{flex:1;font-size:11px}.duck-site .pw-page{padding:16px}.duck-site .pw-heading{padding-left:0;padding-right:0}.duck-site #fang-auth-dialog{padding:25px 22px 22px;border-radius:17px}.duck-site .fang-auth-heading .duck-character{width:66px!important;height:66px!important}.duck-site #fang-auth-title{font-size:23px}.duck-site .fang-auth-intro{font-size:11px}.duck-site .duck-help-dialog{padding:25px 22px}.duck-help-dialog>p{font-size:13px}.duck-site .membership-page{padding:28px 16px 45px}.duck-site .member-intro h1{font-size:32px}.duck-site>footer{padding:22px 18px;gap:15px}.duck-site .legal-links{gap:12px}.duck-site .footer-brand{font-size:12px}}
@media(max-width:350px){body.duck-site .duck-header .brand{font-size:12px}.duck-site .duck-header .language-globe{display:none}.duck-site .duck-header .language-switch select{max-width:69px}.duck-home{padding-left:12px;padding-right:12px}.duck-filters button{padding:6px 8px}.duck-card-link h2{font-size:12px!important}.duck-card-link{padding-left:8px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){.duck-game-card,.duck-card-art .duck-icon,.duck-cover,.duck-eyes,.duck-filters button{transition:none!important;animation:none!important}.duck-game-card:hover,.duck-game-card:hover .duck-card-art .duck-icon{transform:none!important}}.no-motion .duck-game-card,.no-motion .duck-card-art .duck-icon,.no-motion .duck-cover,.no-motion .duck-eyes{transition:none!important}.no-motion .duck-game-card:hover,.no-motion .duck-game-card:hover .duck-card-art .duck-icon{transform:none!important}
/* Override the retained paper-theme card rules without affecting other game panels. */
.duck-site .duck-home .duck-game-card.tool-card{background:#fff!important;border-color:#e2e7eb!important;box-shadow:0 3px 8px #25334005!important}
.duck-site .duck-home .duck-game-card.tool-card:hover{border-color:#a6bf94!important;box-shadow:0 7px 18px #30442c0c!important}
body.duck-site.student-layout .duck-header-search,body.duck-site.student-layout [data-duck-menu]{display:none!important}
.duck-site .duck-header .language-switch select{background:transparent!important;border:0!important}
body.duck-site .duck-header .header-right{position:static}
.duck-site .duck-auth-note{font-size:10px;line-height:1.6;text-align:center;color:#9a9f8f;margin:13px 0 0}
body.duck-site .primary,body.duck-site button.primary{background:#f8d263!important;color:#25303b!important;border:1px solid #e3c058!important;box-shadow:0 2px 0 #ac852b45!important}
body.duck-site .primary:hover{background:#fbdd7a!important;box-shadow:0 3px 0 #ac852b45!important}
body.duck-site .secondary,body.duck-site button.secondary{background:#fffefa!important;color:#344252!important;border:1px solid #d9e1de!important;box-shadow:0 1px 2px #25334009!important}
body.duck-site .picker-tabs button.selected,body.duck-site .grid-options button.selected{background:#e9f1dd!important;color:#48623d!important;border-color:#adc29a!important}
body.duck-site #fang-auth-dialog .fang-auth-heading{margin-right:0}
body.duck-site #fang-login input:not([type=checkbox]){background:#f6f9ff!important;border-color:#dce4ee!important;min-height:41px}
body.duck-site #fang-login input:focus{background:#fff!important}
body.duck-site .duck-auth-note{font-size:10px;line-height:1.6;text-align:center;color:#9a9f8f;margin:13px 0 0}
@media(max-width:600px){.duck-classroom-note p{flex-basis:calc(100% - 62px)}.duck-classroom-note>a{flex-basis:calc(100% - 57px);margin-left:57px}.duck-site .mole-config .mole-selects,.duck-site .mole-config .field{min-width:0}.duck-site .mole-config select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}}
@media(max-width:350px){.duck-site .word-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.duck-site .mole-selects{grid-template-columns:repeat(2,minmax(0,1fr))!important}.duck-site .mole-selects label{min-width:0;max-width:100%}.duck-site .mole-config{min-width:0;box-sizing:border-box}}
/* Explicit breakpoints supersede older grid rules retained for other screens. */
body.duck-site .duck-home .duck-card-grid.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1000px){body.duck-site .duck-home .duck-card-grid.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){body.duck-site .duck-home .duck-card-grid.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.duck-game-helpbar{display:flex;justify-content:flex-end;padding:0 20px;margin:10px auto 0;max-width:1440px;box-sizing:border-box}.duck-site .duck-game-helpbar .duck-page-help{position:static;margin:0;flex:none}.duck-site.student-layout .duck-game-helpbar{display:none}@media(max-width:600px){.duck-game-helpbar{padding:0 16px;margin-top:8px}}