@media(min-width:1051px){.portal-grid{grid-template-columns:repeat(5,165px);gap:18px}.portal h2{font-size:16px}}
@media(min-width:781px) and (max-width:1050px){.portal-grid{grid-template-columns:repeat(5,140px);gap:10px}.portal{padding:22px 11px;min-height:195px}.portal h2{font-size:14px}.portal .desc{font-size:9px}}
@media(max-width:780px){.portal-grid{grid-template-columns:repeat(2,minmax(145px,190px))}.portal:last-child{grid-column:1/-1;min-height:95px;display:grid;grid-template-columns:60px 1fr;align-items:center;column-gap:12px;text-align:left;padding:17px 25px}.portal:last-child .pixel-icon{grid-row:1/5;width:47px;height:47px;margin:0}.portal:last-child h2{margin:0}.portal:last-child .desc{margin:4px 0}.portal:last-child .tiny-arrow{display:none}}
.game-heading p{letter-spacing:0;font-size:12px}
.wp-wrap{max-width:850px}
.wp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 17px;flex-wrap:wrap}
.wp-sets{display:flex;gap:7px}.wp-sets button{background:#ffffff;border:1px solid #dce3d0;padding:9px 15px;border-radius:6px;font-size:11px;color:#7a8a67}.wp-sets button.selected{background:#eaf0de;border-color:#b8c8a5;color:#5d734e}
.wp-options{display:flex;align-items:center;gap:14px;font-size:10px;color:#788966}.wp-options input{accent-color:#81946d}.wp-options button{background:transparent;color:#738567;font-size:10px;padding:6px}
.wp-progress{height:3px;background:#e3e8d9;border-radius:3px;overflow:hidden;margin:0 0 10px}.wp-progress i{display:block;height:100%;background:#8da277;transition:width .2s}
.wp-counter{display:flex;justify-content:space-between;font-size:10px;color:#8b977e;margin:11px 0}
.wp-card-scene{perspective:1000px;max-width:560px;margin:22px auto 16px}
.wp-flashcard{display:block;width:100%;height:280px;padding:0;border:0;border-radius:13px;background:transparent;color:#3e4f37;text-align:center;position:relative;touch-action:manipulation}
.wp-card-inner{position:relative;height:100%;width:100%;transform-style:preserve-3d;transition:transform .35s ease}
.wp-flashcard.flipped .wp-card-inner{transform:rotateY(180deg)}
.wp-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#ffffff;border:1px solid #dfe6d4;border-radius:13px;box-shadow:0 6px 16px #6073440a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px}
.wp-face.back{transform:rotateY(180deg);background:#edf2e3;border-color:#d2dfc1}
.wp-face .label{font-size:9px;letter-spacing:1px;color:#89987b;margin-bottom:21px;background:transparent;border:0;padding:0}
.wp-word{font-family:Georgia,serif;font-size:47px;color:#465b3d;line-height:1.2;margin:0 0 19px;font-weight:400}
.wp-meaning{font-size:29px;font-weight:600;color:#597449;margin:0 0 16px}
.wp-example{font-family:Georgia,serif;font-size:16px;color:#6f865e;margin:3px 0 7px}
.wp-example-ko{font-size:11px;color:#7d906b}
.wp-flip-hint{font-size:10px;color:#9bab8a;margin-top:17px}
.wp-voice-row{display:flex;justify-content:center;align-items:center;gap:12px;min-height:44px;margin:15px 0}
.wp-voice-row button{padding:10px 20px;background:#eaf0df;color:#657e51;border:1px solid #d3dfc4;border-radius:7px;font-size:12px}
.wp-audio-status{font-size:10px;color:#839573;min-width:80px}
.wp-controls{display:flex;justify-content:center;gap:9px;margin:20px 0 15px;flex-wrap:wrap}
.wp-controls button{background:#ffffff;border:1px solid #dfe6d3;padding:11px 20px;color:#7b8e65;border-radius:6px;font-size:11px}
.wp-controls button.known{background:#7d966a;border-color:#7d966a;color:#fff}
.wp-nav{display:flex;justify-content:space-between;align-items:center;max-width:560px;margin:18px auto;font-size:11px;color:#98a687}
.wp-nav button{padding:8px 13px;background:#f1f3e9;color:#80956c;border-radius:6px;font-size:11px}
.wp-nav button:disabled{opacity:.3}
.wp-summary{background:#ffffff;border:1px solid #dce5cf;border-radius:12px;text-align:center;padding:40px 25px;max-width:560px;margin:30px auto}
.wp-summary img{width:55px;height:55px;image-rendering:pixelated}
.wp-summary h2{font-size:21px;margin:16px 0 9px}.wp-summary p{font-size:12px;color:#859573;line-height:1.8}
.wp-summary button{margin:15px 5px 0;font-size:12px;padding:11px 18px;background:#82996d;color:#fff;border-radius:6px}
.wp-sample{font-size:9px;color:#95a185;text-align:center;line-height:1.8;margin:24px 0}
@media(max-width:620px){.wp-flashcard{height:245px}.wp-word{font-size:39px}.wp-wrap{width:100%}.wp-toolbar{gap:12px}.wp-options{gap:12px}.wp-counter{font-size:9px}}
@media(prefers-reduced-motion:reduce){.wp-card-inner,.wp-progress i{transition:none}}
.wp-voice-row audio{display:none}
.wp-wrap{max-width:1080px}.wp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wp-tile{position:relative;background:#ffffff;border:1px solid #dce2d3;border-radius:10px;overflow:hidden;min-width:0}.wp-tile.is-back{background:#edf2e5}.wp-number{position:absolute;top:13px;left:15px;font-size:10px;color:#9ba48f}.wp-star{position:absolute;right:10px;top:6px;background:transparent;color:#a4ad99;font-size:25px;z-index:2;padding:4px 8px}.wp-star.starred{color:#b99750}.wp-tile-card{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding-top:20px}.wp-tile-word{font:30px Georgia,serif;background:transparent;color:#445b3d;padding:12px;max-width:100%;overflow-wrap:anywhere}.wp-tile-word:hover{color:#8c9e62}.wp-tile-meaning{font-size:24px;color:#536b46}.wp-tile-hint{font-size:10px;color:#a0ac94;margin-top:10px}.wp-read-count{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border-top:1px solid #e3e8da;background:#f6f7ef;color:#7e8e6b;font-size:10px;height:42px}.wp-read-count span{display:flex;gap:5px}.wp-read-count i{font-style:normal;font-size:10px;border:1px solid #cdd7c2;border-radius:50%;width:19px;height:19px;display:grid;place-items:center}.wp-read-count i.filled{background:#80956d;color:white;border-color:#80956d}.wp-read-count:disabled{opacity:1}.wp-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0;font-size:11px;color:#879479}.wp-bottom button{padding:12px 22px;border-radius:7px;background:#e5ebda;color:#5c704d}.wp-bottom .wp-primary{background:#748b61;color:#fff}.wp-bottom button:disabled{opacity:.4;cursor:default}.wp-test-heading h2{font-size:20px}.wp-test-heading p{font-size:12px;color:#89957b}.wp-test-tile{padding:42px 22px 22px;display:flex;flex-direction:column;gap:15px}.wp-test-tile input{width:100%;box-sizing:border-box;background:white;border:1px solid #cdd8c1;border-radius:5px;padding:10px;font-size:18px;color:#465b3d}.wp-result{font-size:12px;color:#a27153}.wp-result.correct{color:#688b51}#wpAudio{display:none}@media(max-width:800px){.wp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wp-tile-word{font-size:26px}.wp-bottom{align-items:flex-start}}@media(max-width:480px){.wp-grid{gap:8px}.wp-tile-card{height:125px}.wp-read-count{gap:5px;font-size:9px}.wp-tile-word{font-size:23px}.wp-bottom{flex-direction:column}}
/* Compact vocabulary cards */
.wp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wp-tile{border-radius:7px}.wp-tile-card{height:104px;padding-top:14px}.wp-tile-word{font-size:24px;padding:8px}.wp-tile-meaning{font-size:20px}.wp-tile-hint{font-size:9px;margin-top:5px}.wp-number{top:9px;left:11px;font-size:9px}.wp-star{top:3px;right:5px;font-size:21px;padding:3px 6px}.wp-read-count{height:33px;gap:7px;font-size:9px}.wp-read-count i{width:16px;height:16px;font-size:9px}.wp-read-count span{gap:3px}.wp-test-tile{padding:31px 14px 14px;gap:10px}.wp-test-tile input{font-size:16px;padding:8px}@media(max-width:1000px){.wp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.wp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wp-tile-card{height:95px}.wp-tile-word{font-size:22px}.wp-read-count{gap:5px}} 
/* Reference: low horizontal word cards, four across */
.wp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.wp-tile{overflow:visible;border-radius:10px;background:#ffffff;border:1px solid #d5ddca;box-shadow:inset 0 0 0 3px #eef1e7}.wp-tile-card{height:76px;padding-top:0}.wp-tile-word{font:600 24px Arial,sans-serif;padding:8px 22px}.wp-tile-meaning{font-size:22px}.wp-tile-hint{display:none}.wp-number{top:6px;left:8px;font-size:9px}.wp-star{top:3px;right:3px;font-size:17px;padding:3px 5px}.wp-read-count{height:24px;background:transparent;border-top:1px solid #edf0e5;font-size:8px;gap:6px;border-radius:0 0 10px 10px}.wp-read-count i{width:13px;height:13px;font-size:8px}.wp-test-tile{box-shadow:none}.wp-tile-word:focus-visible,.wp-tile-card:focus-visible{outline:2px solid #b79a5b;outline-offset:2px}@media(max-width:850px){.wp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.wp-tile-word{font-size:21px}}@media(max-width:580px){.wp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.wp-tile-card{height:70px}}
/* Tablet vocabulary: five columns, fifteen cards in view */
.wp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 12px;max-height:350px;overflow-y:auto;overflow-x:hidden;padding:3px 5px 5px;scrollbar-width:thin;scrollbar-color:#bdc9ae transparent}.wp-tile-card{height:76px}.wp-tile-word{font-size:21px;padding:8px 14px}.wp-read-count{gap:4px;font-size:8px}.wp-tile{min-width:0}.wp-test-tile input{min-width:0}@media(max-width:850px){.wp-grid{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto}.wp-tile-word{font-size:19px}}@media(max-width:580px){.wp-grid{grid-template-columns:repeat(5,minmax(110px,1fr));gap:14px 10px}.wp-tile-card{height:76px}}
.wp-range-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:11px;color:#7b896c}.wp-range-controls label{display:flex;align-items:center;gap:9px}.wp-range-controls select{padding:8px 12px;border:1px solid #d3ddc7;border-radius:5px;background:#ffffff;color:#586d49;font-size:12px}.wp-day-list{display:flex;align-items:center;gap:5px}.wp-day-list>span{margin-right:5px}.wp-day-list button{padding:7px 12px;background:#ffffff;border:1px solid #dce3d0;border-radius:5px;color:#849373;font-size:11px}.wp-day-list button.selected{background:#e7efdc;border-color:#abbf94;color:#4f6740}.wp-number{font-size:8px}
/* Compact header and book / DAY controls */
main:has(.wp-wrap) .heading{margin-bottom:8px}main:has(.wp-wrap) h1{font-size:27px;margin:5px 0 7px}main:has(.wp-wrap) .eyebrow{font-size:10px}main:has(.wp-wrap) .heading p{font-size:11px;margin:5px 0;line-height:1.5}.wp-toolbar{margin:10px 0 8px;gap:8px;justify-content:flex-start}.wp-range-controls{gap:12px;font-size:10px}.wp-range-controls select{padding:5px 8px;font-size:11px;max-width:190px;height:29px}.wp-range-controls label{gap:6px}.wp-day-list{gap:4px}.wp-day-list button{padding:5px 9px;font-size:10px;height:29px}.wp-toolbar .wp-sets{gap:5px;margin-left:auto}.wp-toolbar .wp-sets button{padding:5px 10px;font-size:10px;height:29px}.wp-counter{margin:7px 0;font-size:9px}.wp-read-count{font-size:9px}@media(max-width:700px){.wp-toolbar .wp-sets{margin-left:0}.wp-toolbar{gap:7px}}
main:has(.wp-wrap) .topline{margin-bottom:7px;align-items:flex-start}main:has(.wp-wrap) .topline .sub{font-size:11px;line-height:1.4;margin:4px 0 0}main:has(.wp-wrap) .topline h1{font-size:27px;line-height:1.2;margin:4px 0 6px}main:has(.wp-wrap) .topline .eyebrow{font-size:9px;letter-spacing:1px}