:root{--game-paper:#f5f0e6;--game-ink:#202b25;--game-pine:#234b3d;--game-red:#a94635;--game-gold:#b5945c;--game-line:rgba(36,62,50,.14)}body:has(.game-center){background:var(--game-paper)}.game-center{min-height:100vh;color:var(--game-ink);background:radial-gradient(circle at 85% 12%,rgba(181,148,92,.12),transparent 25%),var(--game-paper)}.game-header{height:74px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:30;background:rgba(247,243,233,.93);border-bottom:1px solid var(--game-line);backdrop-filter:blur(14px)}.game-brand{display:flex;align-items:center;gap:11px}.game-brand>span,.game-footer>div>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--game-red);color:var(--game-red);box-shadow:inset 0 0 0 3px var(--game-paper),inset 0 0 0 4px var(--game-red);font:20px/1 Songti SC,serif}.game-brand small,.game-brand strong{display:block}.game-brand strong{font:600 17px/1.2 Songti SC,serif;letter-spacing:.12em}.game-brand small{margin-top:3px;color:#89877f;font-size:8px;letter-spacing:.14em}.game-header nav{display:flex;gap:32px;font-size:12px}.game-header nav a{padding:28px 0;position:relative}.game-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:1px;background:var(--game-red)}.game-account{justify-self:end;padding:10px 17px;background:var(--game-pine);color:white;font-size:11px}.game-hero{min-height:500px;padding:70px max(8vw,30px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden;position:relative;background:linear-gradient(120deg,#ede4d3,#f7f2e8)}.game-hero:before{content:"";position:absolute;inset:0;background:url(/og.png) 82%/cover no-repeat;opacity:.2;mix-blend-mode:multiply}.game-hero-copy{position:relative;z-index:2;max-width:680px}.game-kicker,.game-library-heading>div>span{color:var(--game-red);font-size:11px;font-weight:600;letter-spacing:.25em}.game-hero h1{margin:16px 0 20px;font:600 clamp(44px,5.8vw,72px)/1.3 Songti SC,serif;letter-spacing:.05em}.game-hero h1 em{color:var(--game-pine);font-style:normal}.game-hero p{max-width:610px;margin:0;color:#656d67;font-size:14px;line-height:2}.game-hero-copy>div{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#777870;font-size:10px}.game-hero-copy>div span:before{content:"◇";margin-right:6px;color:var(--game-red)}.game-hero-orbit{position:relative;z-index:2;justify-self:center;width:300px;height:300px;border:1px solid rgba(35,75,61,.2);border-radius:50%;display:grid;place-items:center}.game-hero-orbit:after,.game-hero-orbit:before{content:"";position:absolute;border:1px solid rgba(35,75,61,.12);border-radius:50%}.game-hero-orbit:before{inset:35px}.game-hero-orbit:after{inset:75px}.game-hero-orbit strong{width:94px;height:94px;display:grid;place-items:center;border-radius:50%;background:var(--game-pine);color:white;font:48px/1 Songti SC,serif;box-shadow:0 20px 50px rgba(24,56,47,.25)}.game-hero-orbit i{position:absolute;width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:#f8f3e9;border:1px solid var(--game-line);color:var(--game-red);font:20px/1 Songti SC,serif;font-style:normal}.orbit-one{top:5px;left:65px}.orbit-two{right:-2px;top:130px}.orbit-three{bottom:10px;left:40px}.game-library{max-width:1180px;margin:0 auto;padding:100px 28px}.game-library-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.game-library-heading h2{margin:9px 0 0;font:600 35px/1.4 Songti SC,serif}.game-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.game-filters button{height:34px;padding:0 14px;border:1px solid var(--game-line);background:transparent;color:#777b77;font-size:10px}.game-filters button.active{background:var(--game-pine);border-color:var(--game-pine);color:white}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{min-width:0;background:#fbf8f1;border:1px solid var(--game-line);transition:.25s}.game-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(34,51,42,.09)}.game-card-art{height:185px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#91a99d,#315749);overflow:hidden}.game-card-art:after,.game-card-art:before{content:"";position:absolute;width:190px;height:70px;border-radius:50%;background:rgba(247,243,233,.28);right:-30px;bottom:-20px}.game-card-art:after{right:70px;bottom:-50px}.tone-1 .game-card-art{background:linear-gradient(145deg,#c1ad85,#86683f)}.tone-2 .game-card-art{background:linear-gradient(145deg,#bd9586,#88483b)}.game-card-art>span{position:relative;z-index:1;width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);outline:1px solid rgba(255,255,255,.35);outline-offset:6px;color:white;font:42px/1 Songti SC,serif}.game-card-art small{position:absolute;left:16px;bottom:13px;z-index:1;color:rgba(255,255,255,.82);font-size:9px;letter-spacing:.14em}.game-card-art i{position:absolute;right:14px;top:13px;padding:4px 7px;background:rgba(25,50,41,.4);color:white;font-size:8px;font-style:normal}.game-card-body{padding:23px}.game-tags{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-tags span{color:var(--game-red);font-size:9px}.game-tags em{padding:4px 7px;background:#e7ede8;color:var(--game-pine);font-size:8px;font-style:normal}.game-card h3{margin:10px 0 9px;font:600 19px/1.4 Songti SC,serif}.game-card p{min-height:48px;margin:0;color:#747873;font-size:11px;line-height:1.8}.game-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:19px;padding-top:16px;border-top:1px solid var(--game-line)}.game-card footer>span{color:#9a9b96;font-size:8px}.game-card footer button{border:0;background:transparent;color:var(--game-pine);font-size:10px;font-weight:600}.game-empty{padding:70px;text-align:center;color:#8a8d88;border:1px dashed var(--game-line)}.game-learning-path{max-width:1120px;margin:0 auto 100px;padding:30px 40px;display:grid;grid-template-columns:45px 1fr auto 45px 1fr auto 45px 1fr;align-items:center;gap:15px;background:var(--game-pine);color:white}.game-learning-path>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#d7b774;font:17px/1 Songti SC,serif}.game-learning-path b,.game-learning-path small{display:block}.game-learning-path b{font:500 14px/1.4 Songti SC,serif}.game-learning-path small{margin-top:5px;color:rgba(255,255,255,.5);font-size:8px}.game-learning-path>i{color:#d7b774;font-style:normal}.game-footer{padding:42px 7vw 32px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;background:#172d25;color:white}.game-footer>div{display:flex;align-items:center;gap:10px}.game-footer>div>span{box-shadow:inset 0 0 0 3px #172d25,inset 0 0 0 4px var(--game-red)}.game-footer b{font:500 15px/1 Songti SC,serif;letter-spacing:.1em}.game-footer p{color:rgba(255,255,255,.45);font-size:9px}.game-footer a{color:rgba(255,255,255,.7);font-size:10px}.game-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(18,38,31,.68);backdrop-filter:blur(7px)}.quiz-modal{position:relative;width:min(600px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:30px 38px 36px;background:#fbf8f0}.game-modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#797d78;font-size:25px;z-index:2}.quiz-top{display:flex;justify-content:space-between;padding-right:30px}.quiz-top span{color:var(--game-red);font-size:9px;letter-spacing:.14em}.quiz-top small{color:#949792;font-size:9px}.quiz-progress{height:3px;margin:13px 0 28px;background:#e4e0d8}.quiz-progress i{display:block;height:100%;background:var(--game-red);transition:.25s}.quiz-mark{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid var(--game-pine);border-radius:50%;color:var(--game-pine);font:25px/1 Songti SC,serif}.quiz-modal h2{max-width:470px;margin:0 auto 24px;text-align:center;font:600 23px/1.55 Songti SC,serif}.quiz-options{display:grid;gap:9px}.quiz-options button{min-height:54px;display:grid;grid-template-columns:31px 1fr 22px;align-items:center;gap:10px;padding:10px 13px;border:1px solid #dedad1;background:white;color:var(--game-ink);text-align:left;font-size:11px}.quiz-options button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eeeae1;color:#787d78;font:12px/1 Songti SC,serif}.quiz-options button.correct{border-color:#659278;background:#edf5f0}.quiz-options button.wrong{border-color:#b86858;background:#f8eeeb}.quiz-options button i{text-align:center;font-style:normal;font-size:16px}.quiz-options button.correct i{color:#4c8066}.quiz-options button.wrong i{color:#af4938}.quiz-note{margin-top:14px;padding:15px 17px;background:#eee9dd}.quiz-note b{color:var(--game-red);font:600 12px/1 Songti SC,serif}.quiz-note p{margin:7px 0;color:#6e736e;font-size:10px;line-height:1.7}.quiz-note button{display:block;margin-left:auto;border:0;background:transparent;color:var(--game-pine);font-size:10px;font-weight:600}.quiz-result{padding:30px 5px;text-align:center}.quiz-result>span{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 17px;border-radius:50%;background:var(--game-pine);color:white;font:38px/1 Songti SC,serif}.quiz-result>small{color:var(--game-red);font-size:9px;letter-spacing:.18em}.quiz-result h2{margin:10px 0;font-size:38px}.quiz-result p{max-width:400px;margin:0 auto 24px;color:#737873;font-size:11px;line-height:1.8}.quiz-result>div{display:flex;justify-content:center;gap:9px}.quiz-result button{height:39px;padding:0 18px;border:1px solid var(--game-pine);background:transparent;color:var(--game-pine);font-size:10px}.quiz-result button:last-child{background:var(--game-pine);color:white}.uploaded-game-modal{width:min(900px,100%);height:min(720px,calc(100vh - 36px));display:grid;grid-template-rows:58px 1fr;background:white}.uploaded-game-modal>header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#f5f0e6;border-bottom:1px solid var(--game-line)}.uploaded-game-modal header b,.uploaded-game-modal header small{display:block}.uploaded-game-modal header small{color:var(--game-red);font-size:8px}.uploaded-game-modal header b{margin-top:4px;font:600 13px/1 Songti SC,serif}.uploaded-game-modal header button{border:0;background:transparent;font-size:24px;color:#70756f}.uploaded-game-modal iframe{width:100%;height:100%;border:0;background:white}.game-mobile-nav{display:none}@media(max-width:900px){.game-header{grid-template-columns:1fr auto;padding:0 18px}.game-header nav{display:none}.game-hero{grid-template-columns:1fr;min-height:620px;padding:70px 28px}.game-hero-orbit{position:absolute;right:-120px;bottom:-75px;opacity:.42}.game-grid{grid-template-columns:1fr 1fr}.game-learning-path{margin:0 24px 80px;grid-template-columns:42px 1fr;gap:10px}.game-learning-path>i{display:none}.game-footer{grid-template-columns:1fr auto}.game-footer p{display:none}}@media(max-width:600px){body:has(.game-center){padding-bottom:63px}.game-header{height:64px}.game-brand strong{font-size:15px}.game-brand small{display:none}.game-account{padding:9px 12px;font-size:9px}.game-hero{min-height:545px;padding:65px 22px}.game-hero h1{font-size:40px}.game-hero p{font-size:12px}.game-hero-copy>div{gap:9px 14px}.game-library{padding:72px 16px}.game-library-heading{display:block}.game-library-heading h2{font-size:28px}.game-filters{justify-content:flex-start;margin-top:22px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.game-filters button{flex:0 0 auto}.game-grid{grid-template-columns:1fr}.game-card-art{height:165px}.game-learning-path{margin:0 16px 65px;padding:26px 22px}.game-footer{grid-template-columns:1fr;padding:38px 22px}.game-footer>a{display:none}.quiz-modal{padding:26px 18px 28px}.quiz-modal h2{font-size:20px}.game-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;height:63px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(250,247,240,.96);border-top:1px solid var(--game-line);backdrop-filter:blur(12px)}.game-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#747873;font-size:9px}.game-mobile-nav span{color:var(--game-pine);font:15px/1 Songti SC,serif}.game-mobile-nav a.active{color:var(--game-red)}}