.ocean.compact{height:64px;padding:15px 20px;background:linear-gradient(110deg,#e1f5ff,#bdebf8)}
.ocean.compact .logo{font-size:25px}
.ocean.compact p,.ocean.compact .wave,.ocean.compact .cloud{display:none}
.ocean.compact .whale{font-size:40px;bottom:6px;right:20px}
.library-screen{padding:0 0 8px}
.library-heading,.library-book-summary,.library-unit-heading,.library-current-heading,.library-game-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.library-heading{margin:1px 0 16px}
.library-heading h1{font-size:24px;margin:0}
.library-heading span,.library-book-summary span,.library-unit-heading span,.library-current-heading span,.library-game-heading span{font-size:11px;color:#718a9f;flex-shrink:0}
.library-heading span{font-size:12px}
.library-books{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.library-books .book{padding:0 2px;min-width:0;min-height:43px;border:1px solid #d3e6f3;border-radius:12px;text-align:center;background:#fff;font-size:13px;font-weight:650}
.library-books .book[aria-pressed=true]{background:#187ed7;border-color:#187ed7;color:white;box-shadow:0 4px 10px #187ed719}
.library-book-summary{margin:13px 0 11px;font-size:13px}
.library-units{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.library-units .unit-row{display:block;min-width:0;min-height:40px;margin:0;padding:0 1px;text-align:center;border:1px solid transparent;background:#eaf4fb;border-radius:10px;font-size:12px;white-space:nowrap}
.library-units .unit-row[aria-pressed=true]{background:white;border-color:#76b7e8;color:#1469aa;font-weight:750}
.library-unit-heading{margin:19px 0 12px}
.library-unit-heading h2{font-size:17px;line-height:1.4;margin:0;min-width:0;overflow-wrap:anywhere}
.library-levels{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}
.library-levels .group-card{flex:1;min-width:54px;max-width:110px;min-height:40px;text-align:center;padding:7px 10px;border:1px solid #d3e5f3;border-radius:11px;background:#fff;font-size:12px}
.library-levels .group-card.selected{border-color:#238bea;background:#e2f2ff;color:#1167af;padding:7px 10px;font-weight:750}
.library-current{background:white;border:1px solid #d8eaf6;border-radius:21px;padding:17px 16px 12px;box-shadow:0 6px 20px #297fac06}
.library-current-heading h3{font-size:15px;margin:0}
.library-current .word-grid{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 16px}
.library-current .word-card{max-width:100%;padding:7px 11px;min-height:37px;min-width:0;border-radius:10px;background:#f4f9fd;border:1px solid #e0ecf5}
.library-current .word-card strong{font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.library-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:9px}
.library-actions button{min-height:46px;padding:10px 8px;font-size:14px}
.library-actions .primary{text-align:left;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:linear-gradient(105deg,#319fee,#1575d8)}
.library-tip{text-align:center;font-size:10px;color:#8398aa;margin:10px 0 0}
.library-game-heading{margin:20px 0 11px}
.library-game-heading h2{font-size:16px;margin:0}
.library-screen .game-card{padding:10px 4px;border-radius:16px}
.library-screen .game-card img{height:45px;margin-bottom:6px}
.library-screen .game-card b{font-size:12px}
.library-screen .game-card small{font-size:10px}
.library-practice{margin-top:18px;border-top:1px solid #d9e8f2;padding:16px 0 0}
.library-practice summary{cursor:pointer;font-size:14px;font-weight:650;min-height:28px}
.library-practice summary span{font-size:11px;color:#7a91a6;font-weight:400;margin-left:8px}
.library-practice .round-grid{margin-top:12px}
@media(min-width:600px){.library-screen{max-width:620px;margin:auto}.library-heading{margin-bottom:19px}.library-current{padding:20px}.library-screen .game-card{padding:12px 6px}.library-screen .game-card img{height:55px}.library-screen .game-card b{font-size:14px}}
@media(max-width:350px){.library-heading span{font-size:10px}.library-books .book{font-size:12px}.library-units .unit-row{font-size:11px}.library-current{padding:14px 12px 11px}.library-tip{font-size:9px}.library-screen .game-card small{font-size:9px}}
