.main-nav{display:grid;gap:8px}.sidebar .sidebar-label{margin-top:36px}.side-item{font-size:13px}.sidebar .course-note{margin-top:24px}.grade-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.grade-shortcuts a{border:1px solid #e0e6d7;border-radius:7px;padding:4px 7px;font-size:10px}.grade-shortcuts a:hover{background:#e9efdf}.sidebar-stars{display:flex;flex-direction:column;gap:4px;background:#f2eedc;border:1px solid #e8dfbd;border-radius:14px;padding:18px;margin-top:auto;color:#927542}.sidebar-stars>span{font-size:12px}.sidebar-stars strong{font-size:30px;line-height:1.5;font-family:system-ui,sans-serif}.sidebar-stars small{font-size:9px;display:flex;align-items:center;gap:6px}.sidebar-stars small .icon{width:13px;height:13px}.topbar{gap:18px}.top-stars{display:flex;align-items:center;gap:6px;color:#a58236;white-space:nowrap;border:1px solid #e9e1c7;background:#faf6e7;border-radius:20px;padding:5px 12px;font-size:13px}.top-stars span{font-size:10px}.top-stars strong{font-family:system-ui,sans-serif}.visitor{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gentle-note a{margin-left:auto;color:#607b49;font-size:11px;white-space:nowrap}
.library-filter{display:flex;align-items:end;gap:15px;margin:26px 0 28px;background:#ebefe2;border:1px solid #e0e6d5;border-radius:14px;padding:19px}.library-filter label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#7e8d6b}.library-filter input,.library-filter select{font:inherit;font-size:13px;color:#48633c;border:1px solid #d9e1ce;background:#fffefa;border-radius:8px;padding:11px 12px;min-height:44px;max-width:100%}.library-filter .search-field{flex:1}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.resource-card{padding:20px;border:1px solid #e0e6d7;background:#fffef9;border-radius:14px;display:flex;flex-direction:column;align-items:start}.resource-meta{display:flex;justify-content:space-between;gap:8px;width:100%;font-size:10px;color:#96a386;margin-bottom:16px}.resource-card h3{font-size:15px;margin-bottom:9px}.resource-card p{font-size:10px;color:#9aa58c;margin-bottom:15px}.resource-card .text-link{margin-top:auto}.empty-panel{text-align:center;border:1px dashed #cbd7bb;border-radius:16px;padding:40px 24px;background:#f5f8ee}.empty-panel h2{font-size:20px;color:#698156}.empty-panel p{margin:14px 0 22px;color:#8e9a7e;font-size:12px}.stars-summary{display:flex;align-items:center;gap:25px;border-radius:20px;background:#eee9d5;border:1px solid #e6dec2;padding:30px 35px;margin:28px 0 33px;color:#95804b}.star-large{font-size:65px;color:#c6a35d}.stars-summary>div>span{font-size:13px}.stars-summary strong{display:block;font-size:49px;line-height:1.4;font-family:system-ui,sans-serif;color:#8e7138}.stars-summary p{font-size:10px;color:#a4936d}.stars-explanation{margin-left:auto;font-size:13px;line-height:2}.stars-explanation small{font-size:11px;color:#a89a76}.score-table{border:1px solid #e0e6d6;background:#fffef9;border-radius:14px;overflow:hidden}.score-row{display:grid;grid-template-columns:1fr 1.4fr .6fr;padding:17px 23px;gap:13px;align-items:center;border-bottom:1px solid #edf0e6;font-size:13px}.score-row:last-child{border:0}.score-head{font-size:11px;color:#94a180;background:#eff3e6}.score-row strong{color:#b39657;font-size:14px}.record-note{padding:23px 27px;border-radius:14px;background:#edf1e5;margin-top:26px}.record-note h3{font-size:14px;color:#708557;margin-bottom:10px}.record-note p{font-size:12px;color:#899679;line-height:1.9;margin-bottom:7px}.site-map{border:1px solid #e1e6d9;background:#fffef9;padding:32px;border-radius:20px}.map-root{display:flex;align-items:center;justify-content:center;gap:13px;padding-bottom:27px;border-bottom:1px solid #e4e9dc}.map-root h2{font-size:23px}.map-audiences{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.map-audiences a{border:1px solid #cedcbc;border-radius:14px;padding:23px;background:#edf3e3;display:flex;flex-direction:column;gap:10px}.map-audiences a:last-child{background:#f6ede0;border-color:#e8d9c3}.map-audiences strong{font-size:21px}.map-audiences span{font-size:12px;color:#879576}.map-shared{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.map-shared>a{border:1px solid #e3e8da;border-radius:13px;padding:23px 18px;background:#f8f9f2}.map-shared .icon{color:#90a777;margin-bottom:12px}.map-shared h3{font-size:15px;margin-bottom:9px}.map-shared p{font-size:11px;line-height:1.9;color:#97a388}.map-future{border-top:1px dashed #dbe2cf;margin-top:27px;padding-top:23px;display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#9aa78a}.map-future strong{width:100%;font-size:12px;color:#7e906b;margin-bottom:5px}.map-future span{padding:7px 10px;border:1px solid #e1e6d7;background:#f5f7ee;border-radius:7px}.map-future p{width:100%;font-size:10px;margin-top:5px}
main.game-main{max-width:none;padding:20px 23px 10px}.original-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:12px}.original-toolbar .back-link{margin:0;white-space:nowrap}.original-toolbar>div{display:flex;flex-direction:column;gap:3px;flex:1}.original-toolbar strong{font-size:14px}.original-toolbar>div>span{font-size:10px;color:#8e9e7a}.original-toolbar .button{font-size:11px;padding:9px 12px}.original-frame{display:block;width:100%;height:calc(100vh - 200px);min-height:640px;border:1px solid #d9e2cd;background:#fffdf8;border-radius:15px}.original-frame:fullscreen{border:0;border-radius:0;width:100vw;height:100vh;min-height:0}.load-status{color:#8b9c76;font-size:11px;line-height:1.8}.load-status:empty{display:none}.game-footnote{display:flex;justify-content:space-between;gap:20px;color:#8e9e7c;font-size:10px;padding:14px 0}.game-footnote a{color:#687f50;white-space:nowrap}.game-main+.footer{padding-top:0}
@media(max-width:1100px){.topbar{gap:12px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-stars{padding:13px}.stars-explanation{font-size:11px}.map-audiences span{font-size:10px}.mode-switch a{padding-left:17px;padding-right:17px}.visitor{display:none}.library-filter{flex-wrap:wrap}.library-filter .search-field{min-width:180px}.original-toolbar>div>span{display:none}}
@media(max-width:650px){.sidebar>nav.main-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;justify-content:space-around;background:#fffefbf5;backdrop-filter:blur(10px);border-top:1px solid #dfe5d5;padding:7px 5px max(7px,env(safe-area-inset-bottom));gap:2px}.main-nav .side-item{display:flex;flex-direction:column;gap:4px;padding:7px 12px;font-size:10px;border-radius:8px}.main-nav .side-item .icon{width:19px;height:19px}.workspace{padding-bottom:77px}.topbar{gap:8px;padding:0 17px}.breadcrumbs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.top-stars{padding:4px 8px;font-size:11px}.top-stars>span{display:none}.mode-switch a{padding-left:13px;padding-right:13px}.catalog-section>.section-heading{display:block}.catalog-section>.section-heading>.text-link{margin-top:9px;font-size:11px}.gentle-note{flex-wrap:wrap}.gentle-note a{margin-left:30px}.library-filter{padding:15px;gap:12px}.library-filter label{flex:1}.library-filter .search-field{flex-basis:100%}.library-filter .button{width:100%}.library-filter select,.library-filter input{width:100%}.resource-grid{grid-template-columns:1fr}.resource-card{padding:20px}.resource-meta{font-size:11px}.resource-card h3{font-size:16px}.resource-card p{font-size:11px}.stars-summary{padding:23px;gap:20px;flex-wrap:wrap}.star-large{font-size:47px}.stars-summary strong{font-size:41px}.stars-explanation{margin-left:0;width:100%;border-top:1px solid #dfd5b8;padding-top:13px}.score-row{padding:15px 12px;font-size:11px;gap:8px}.score-row strong{font-size:12px}.record-note{padding:20px}.record-note p{font-size:11px}.site-map{padding:21px 17px}.map-root h2{font-size:19px}.map-audiences{grid-template-columns:1fr;gap:12px}.map-audiences a{padding:20px}.map-shared{grid-template-columns:1fr;gap:12px}.map-shared>a{padding:18px}.map-audiences span{font-size:11px}.map-future{gap:8px}main.game-main{padding:16px 10px 10px}.original-toolbar{gap:9px;flex-wrap:wrap;margin-bottom:12px}.original-toolbar>div{flex:1}.original-toolbar strong{font-size:12px}.original-toolbar .button{font-size:10px;padding:7px}.original-frame{min-height:680px;height:calc(100dvh - 230px);border-radius:10px}.game-footnote{font-size:9px;gap:10px;line-height:1.8}.empty-panel h2{font-size:17px}.empty-panel{padding:30px 18px}}