:root{font-family:"Trebuchet MS",Verdana,Arial,sans-serif;color:#173d40;background:#fbf7eb;font-size:16px;--ink:#173d40;--muted:#607a75;--cream:#fbf7eb;--white:#fffdf6;--orange:#f28e48;--orange-dark:#c7652d;--green:#92af9d;--light-green:#eaf1e3;--gold:#f7bb5b;--border:#e5e6d9;--shadow:0 15px 35px rgba(24,62,62,.065)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:310px;background:radial-gradient(circle at 80% 8%,#fef0da 0,transparent 30%),var(--cream)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,.chess-square:focus-visible{outline:4px solid #f29b3f;outline-offset:3px}button:active:not(:disabled){transform:translateY(1px)}.site-shell{max-width:1390px;margin:auto;padding:0 34px}.skip-link{position:absolute;top:-60px;left:20px;z-index:99;background:white;padding:12px}.skip-link:focus{top:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 19px;border-bottom:1px solid #e7e3d4}.brand{display:flex;gap:13px;align-items:center;text-decoration:none}.brand-mark{width:54px;height:54px;background:#e7f0e7;border-radius:16px;display:grid;place-items:center}.brand-mark svg{width:36px}.brand-words{display:flex;flex-direction:column;gap:3px}.brand-words strong{letter-spacing:2px;font-size:18px;font-weight:900}.brand-words small{font-size:11px;letter-spacing:.1px;color:#708580}.top-links{display:flex;gap:26px;align-items:center}.save-label{display:flex;gap:9px;align-items:center;color:#667f78;font-size:12px;font-weight:bold}.save-dot{width:8px;height:8px;border-radius:100%;background:#75b587;box-shadow:0 0 0 4px #e0efd9}.back-link{font-size:13px;font-weight:800;text-decoration:none;border-bottom:2px solid #d3ddcf;padding-bottom:5px}.back-link:hover{color:var(--orange-dark)}
.hero{position:relative;display:flex;justify-content:space-between;min-height:288px;margin-top:28px;border-radius:29px;overflow:hidden;background:#e8f0e2;border:1px solid #d7e6d5}.hero-copy{padding:39px 0 32px 55px;position:relative;z-index:2;max-width:735px}.eyebrow,.section-kicker{color:#5b8174;font-size:11px;letter-spacing:2px;font-weight:900}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:30px;background:#fffdf8b8;padding:9px 14px}.mini-spark{color:var(--orange);font-size:17px;line-height:0}.hero h1{font-size:clamp(36px,3.5vw,55px);line-height:1.06;letter-spacing:-2px;font-weight:900;margin:17px 0 12px}.hero h1 em{color:#cf7840;font-style:normal}.hero-copy>p{max-width:560px;font-size:15px;color:#56716d;line-height:1.6;margin:0 0 19px}.hero-anchors{display:flex;flex-wrap:wrap;gap:10px}.hero-anchors span{background:#ffffffb8;border:1px solid #d8e5d7;border-radius:40px;padding:9px 13px;color:#3e645e;font-weight:800;font-size:12px}.hero-anchors b{color:#ba682f}.hero-art{width:345px;flex:none;position:relative;min-height:288px;margin-right:24px}.hero-art-circle{width:350px;height:350px;border-radius:50%;background:#d7e8d8;position:absolute;top:30px;left:5px}.art-board{position:absolute;width:218px;height:165px;left:66px;top:93px;transform:rotate(-12deg);border-radius:15px;background:repeating-conic-gradient(#97b09b 0% 25%,#d3debe 0% 50%) 50%/92px 92px;border:10px solid #27575a;box-shadow:0 15px 0 #153d42,0 27px 30px #1c4b4a25;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;text-align:center;font-family:Georgia,serif;font-size:53px;line-height:1;color:#184448;text-shadow:1px 1px 0 white}.art-board span:nth-child(even){color:#fff7d7;text-shadow:1px 2px 0 #245656,0 3px 3px #123c44}.pip-figure{position:absolute;top:47px;right:-2px;transform:rotate(8deg);filter:drop-shadow(0 8px 0 #35626330)}.pip-head{width:84px;height:75px;border:6px solid #27565b;background:#fdf6d7;border-radius:23px;display:flex;align-items:center;justify-content:center;gap:12px}.pip-head i,.pip-head b{display:block;width:13px;height:16px;border-radius:9px;background:#285d60}.pip-head span{width:19px;height:7px;border:3px solid #285d60;border-top:0;border-radius:0 0 16px 16px;position:absolute;top:47px}.pip-antenna{height:21px;width:6px;background:#27565b;margin:auto;border-radius:4px;position:relative}.pip-antenna:before{content:"";position:absolute;border-radius:50%;width:14px;height:14px;background:#f3b34c;top:-10px;left:-4px}.pip-body{width:67px;height:52px;border:6px solid #28565a;background:#f6b875;border-radius:15px 15px 24px 24px;margin:-2px auto 0;display:grid;place-items:center}.pip-heart{font-size:23px;color:#fef8df}.art-speech{position:absolute;right:70px;top:8px;background:#fffefa;padding:13px 18px;border-radius:18px 18px 4px 18px;font-size:12px;font-weight:900;transform:rotate(3deg);box-shadow:0 5px 0 #cbdbc8}.art-speech span{color:var(--orange)}.art-star{position:absolute;color:#dca04b;font-size:23px}.star-one{top:42px;left:37px}.star-two{right:6px;bottom:23px}.star-three{bottom:35px;left:18px}
.levels-section{margin:30px 0 29px}.section-title-line{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.section-title-line h2{margin:4px 0 0;font-size:25px;letter-spacing:-.8px}.section-title-line h2 span,.board-heading h2 span{color:#e6a64b}.section-helper{color:#7d8c81;font-size:12px;font-weight:bold;padding-bottom:4px}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.level-card{position:relative;border:2px solid #e3e6d8;border-radius:18px;background:#fffdf7;padding:18px 13px 15px;min-height:131px;display:flex;align-items:flex-start;gap:10px;text-align:left;color:var(--ink);transition:border-color .18s,background .18s,transform .18s;box-shadow:0 4px 10px #254c4210}.level-card:hover{transform:translateY(-2px);border-color:#aac4ae}.level-card[aria-pressed="true"]{border-color:#2d6866;background:#e8f1e9;box-shadow:0 4px 0 #2d6866}.level-emoji{flex:none;width:43px;height:43px;border-radius:13px;background:#eff1e5;display:grid;place-items:center;font-family:Georgia,serif;font-size:29px}.level-card[aria-pressed="true"] .level-emoji{background:#fffdf4}.level-text{display:flex;flex-direction:column;gap:3px;min-width:0}.level-number{font-weight:900;font-size:10px;letter-spacing:1.5px;color:#86a092}.level-text strong{font-size:14px;line-height:1.25}.level-text small{font-size:11px;color:#87938d;line-height:1.35}.level-stars{position:absolute;bottom:12px;right:14px;letter-spacing:1px;color:#dea64b;font-size:12px}.level-selected-mark{position:absolute;top:11px;right:11px;color:#347469;font-size:15px;font-weight:bold}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;align-items:start;gap:22px}.board-card,.side-card{background:#fffdf7;border:1px solid #e8e7db;box-shadow:var(--shadow);border-radius:24px}.board-card{padding:25px 30px 22px;min-width:0}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.board-heading h2{font-size:24px;letter-spacing:-.7px;margin:4px 0 0}.turn-pill{font-size:12px;font-weight:900;padding:10px 13px;background:#e8f2e8;color:#2d7060;border-radius:50px;white-space:nowrap}.turn-pill.thinking{background:#fff0d6;color:#a86f2e}.turn-pill.danger{background:#ffe5da;color:#ae4d33}.player-strip{display:flex;align-items:center;gap:12px;padding:8px 0 13px}.human-strip{padding:16px 0 7px}.avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;font-size:25px;font-weight:bold}.opponent-avatar{background:#254e52;color:#f7d69a;font-family:Georgia,serif}.hero-avatar{background:#ffebc9;color:#d18540}.player-info{display:flex;flex-direction:column;gap:3px}.player-info strong{font-size:14px}.player-info small{font-size:11px;color:#859088}.captured{margin-left:auto;display:flex;gap:1px;align-items:center;flex-wrap:wrap;justify-content:flex-end;font-family:Georgia,serif;font-size:22px;color:#3f6865;max-width:50%}.board-frame{width:min(100%,620px);margin:auto;background:#2b5c5a;padding:9px;border-radius:16px;box-shadow:0 9px 0 #19413f,0 20px 22px #193e4018}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;overflow:hidden;border-radius:8px;touch-action:manipulation}.chess-square{position:relative;border:0;min-width:0;aspect-ratio:1;display:grid;place-items:center;padding:0;outline-offset:-4px!important}.chess-square.light{background:#f0e8d5}.chess-square.dark{background:#9eb6a3}.chess-square.last-move.light{background:#fce6aa}.chess-square.last-move.dark{background:#c7c47f}.chess-square.selected.light,.chess-square.selected.dark{background:#f2bd6b;box-shadow:inset 0 0 0 4px #db8744}.chess-square.in-check{background:#ef9784!important;box-shadow:inset 0 0 0 4px #bc5d45}.chess-square .piece{position:relative;z-index:2;font-family:"DejaVu Sans","Segoe UI Symbol","Apple Symbols",Georgia,serif;font-size:clamp(21px,4.6vw,58px);font-weight:normal;line-height:1.05;user-select:none;pointer-events:none;transition:transform .15s}.chess-square .white-piece{color:#fff9e9;-webkit-text-stroke:1.4px #345657;text-shadow:0 3px 0 #31575c,0 4px 1px #1f4547a0}.chess-square .black-piece{color:#173f43;text-shadow:0 2px 0 #f8eac8,0 3px 2px #16363d7a}.chess-square:hover .piece{transform:scale(1.06)}.legal-dot{position:absolute;z-index:1;width:23%;aspect-ratio:1;background:#397a6480;border-radius:50%;pointer-events:none}.chess-square.capture .legal-dot{width:80%;height:80%;border:5px solid #397a64a6;background:transparent}.square-coordinate{position:absolute;z-index:3;font:700 10px Arial,sans-serif;pointer-events:none}.square-coordinate.file{bottom:3px;right:4px}.square-coordinate.rank{top:3px;left:4px}.chess-square.light .square-coordinate{color:#648d77}.chess-square.dark .square-coordinate{color:#e6eee0}.chess-square.selected .square-coordinate{color:#795130}.hint-square.light,.hint-square.dark{box-shadow:inset 0 0 0 5px #ee9639;animation:hint-pulse 1s ease-in-out infinite alternate}.board-bottom{width:min(100%,620px);margin:8px auto 0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px}.game-message{font-size:13px;color:#65817a;margin:0;line-height:1.45}.thinking-dots{display:flex;gap:4px}.thinking-dots[hidden]{display:none}.thinking-dots i{width:6px;height:6px;background:#d69b4d;border-radius:50%;animation:blink 1s infinite alternate}.thinking-dots i:nth-child(2){animation-delay:.25s}.thinking-dots i:nth-child(3){animation-delay:.5s}.action-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding-top:17px;border-top:1px dashed #e2e8d9;margin-top:6px}.soft-button{border:1px solid #dfe6d9;color:#315e5c;background:#f4f7ee;font-size:12px;font-weight:900;border-radius:12px;padding:12px 7px;white-space:nowrap}.soft-button:hover:not(:disabled){background:#e5efdf}.soft-button span{font-size:18px;vertical-align:-1px;padding-right:3px}.sidebar{display:flex;flex-direction:column;gap:16px}.side-card{padding:22px}.side-title{display:flex;align-items:center;gap:12px}.side-title-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px;background:#e7f0e6;color:#345e57;flex:none}.side-title-icon.gold{background:#fff0d3;color:#d29d44}.side-title-icon.beige{background:#f1ede1;color:#507069}.side-title small,.pip-card-header small{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#81a092}.side-title h3,.pip-card-header h3{margin:3px 0 0;font-size:17px;letter-spacing:-.4px}.choice-label{font-size:12px;font-weight:900;margin:22px 0 11px}.colour-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.colour-option{border:2px solid #e0e6dc;border-radius:14px;background:#fcfcf7;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:13px 10px;column-gap:8px;color:var(--ink)}.colour-option[aria-pressed="true"]{border-color:#2f7672;background:#e9f2e9}.piece-preview{grid-row:1/3;font-family:Georgia,serif;font-size:34px;line-height:1}.light-preview{color:#fff8e6;-webkit-text-stroke:1px #365653;text-shadow:0 2px 0 #365653}.dark-preview{color:#1c4b4e}.colour-option>span:nth-child(2){font-size:13px;font-weight:900}.colour-option small{font-size:10px;color:#8b988e}.primary-button{background:var(--orange);color:#fffdf8;border:0;border-radius:14px;padding:16px 17px;width:100%;font-size:14px;font-weight:900;box-shadow:0 4px 0 #cb713c;margin-top:17px;text-align:left}.primary-button:hover{background:#e57f3f}.primary-button span{float:right}.options-row{display:flex;flex-direction:column;gap:13px;padding-top:23px}.switch-label{display:flex;align-items:center;gap:10px;color:#577269;font-size:12px;font-weight:800;cursor:pointer}.switch-label input{appearance:none;width:32px;height:20px;border-radius:20px;background:#d5ddd2;position:relative;margin:0;flex:none}.switch-label input:after{content:"";position:absolute;background:white;border-radius:50%;width:14px;height:14px;top:3px;left:3px;box-shadow:0 1px 2px #0002;transition:transform .2s}.switch-label input:checked{background:#3f8c79}.switch-label input:checked:after{transform:translateX(12px)}.switch-label input:focus-visible{outline:3px solid var(--orange)}.pip-card{background:#fff6e6;border-color:#f8dfb9}.pip-card-header{display:flex;align-items:center;gap:12px}.little-pip{flex:none;width:57px;height:57px;border-radius:15px 15px 20px 20px;background:#f7c383;border:5px solid #386767;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#386767;transform:rotate(-5deg)}.little-pip span{font-size:10px;letter-spacing:7px;margin-left:7px;white-space:nowrap}.little-pip i{font-style:normal;color:#ed8755;font-size:15px}.pip-card-header h3 span{color:#df9e40}.pip-card p{font-size:13px;color:#6d7767;line-height:1.7;margin:18px 0 10px}.text-button{border:0;background:transparent;color:#c17b3d;font-size:12px;font-weight:900;padding:5px 0}.text-button:hover{text-decoration:underline}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 20px}.stats-row>div{text-align:center;display:flex;flex-direction:column;gap:3px}.stats-row>div+div{border-left:1px solid #e8eadd}.stats-row strong{font-size:28px;color:#3b736a}.stats-row small{font-size:11px;color:#8fa096;font-weight:bold}.progress-caption{display:flex;justify-content:space-between;gap:4px;font-size:11px;color:#84948d;font-weight:900}.progress-caption strong{color:#c68f3c}.progress-track{height:9px;border-radius:20px;background:#e9edde;margin-top:10px;overflow:hidden}.progress-track span{display:block;width:0;background:linear-gradient(90deg,#f3b552,#f7d583);height:100%;border-radius:20px;transition:width .3s}.moves-card{padding:0;overflow:hidden}.moves-card summary{list-style:none;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:900;padding:17px 21px;cursor:pointer}.moves-card summary::-webkit-details-marker{display:none}.moves-card .details-caret{margin-left:auto;color:#8fa299}.moves-list{max-height:190px;overflow:auto;margin:0;padding:0 20px 19px 45px;font-size:12px;color:#638079;line-height:2;display:grid;grid-template-columns:1fr 1fr;gap:0 14px;list-style-position:inside}.moves-list li{background:#f3f6ed;padding:0 9px;border-radius:7px;margin-bottom:4px}.moves-list .empty-moves{grid-column:span 2;background:transparent;padding:0;list-style:none}.learn-section{margin:42px 0 58px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.lesson-card{background:#fffdf7;border:1px solid #e6e9dc;border-radius:18px;padding:0;box-shadow:0 4px 12px #214b4510}.lesson-card summary{list-style:none;display:flex;align-items:center;gap:13px;cursor:pointer;padding:19px}.lesson-card summary::-webkit-details-marker{display:none}.lesson-icon{height:53px;width:53px;border-radius:15px;background:#eaf1e4;color:#2f6561;font-family:Georgia,serif;font-size:39px;display:grid;place-items:center;flex:none}.lesson-card:nth-child(2) .lesson-icon{background:#fff0d3;color:#d49a48}.lesson-card:nth-child(3) .lesson-icon{background:#fae7df;color:#b46f4f}.lesson-card summary>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.lesson-card summary strong{font-size:14px}.lesson-card summary small{font-size:11px;color:#899992}.lesson-arrow{margin-left:auto;font-size:25px;color:#9bb1a3}.lesson-card[open] .lesson-arrow{transform:rotate(45deg)}.lesson-content{border-top:1px dashed #dbe5d9;padding:2px 20px 15px;color:#617a70;font-size:12px;line-height:1.6}.footer{border-top:1px solid #e4e4d5;padding:27px 0 35px;display:flex;justify-content:space-between;gap:20px}.footer>div{display:flex;flex-direction:column;gap:5px}.footer strong{font-size:12px;letter-spacing:1.7px}.footer span{font-size:11px;color:#8b9b90}.modal{border:0;border-radius:25px;padding:0;max-width:420px;width:calc(100% - 32px);background:#fffdf5;color:#244b48;box-shadow:0 30px 70px #102d2d55}.modal::backdrop{background:#183a3ab0}.modal-inner{text-align:center;padding:35px 28px}.modal-decor{font-weight:900;letter-spacing:2px;font-size:11px;color:#d38e47}.modal h2{font-size:27px;margin:15px 0 8px}.modal p{font-size:13px;line-height:1.6;color:#69827b;margin:0 0 25px}.modal-actions{display:flex;gap:9px}.modal-actions .primary-button{margin:0;flex:1;text-align:center}.modal-actions .soft-button{flex:1}.promotion-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.promotion-choices button{border:2px solid #dee7d8;border-radius:14px;background:#f1f6ed;font-size:43px;font-family:Georgia,serif;padding:7px 0;color:#17494b}.promotion-choices button:hover{border-color:#e39b40;background:#fef0d3}.promotion-choices button small{display:block;font-family:Arial,sans-serif;font-size:10px;font-weight:bold}
.backup-actions{display:flex;gap:12px;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px dashed #e1e8dd}.backup-actions button{background:transparent;border:0;color:#497b6f;font-size:11px;font-weight:900;padding:3px 0}.backup-actions button:hover{text-decoration:underline}.large-text .game-message,.large-text .pip-card p,.large-text .lesson-content{font-size:16px}.large-text .player-info small,.large-text .level-text small,.large-text .switch-label{font-size:14px}.large-text .chess-square .square-coordinate{font-size:12px}
@keyframes blink{to{opacity:.2}}@keyframes hint-pulse{to{box-shadow:inset 0 0 0 5px #fee2a8}}@media (max-width:1150px){.game-layout{grid-template-columns:minmax(0,1fr) 295px;gap:16px}.level-card{flex-direction:column;min-height:145px}.hero-art{margin-right:0}.hero-copy{padding-left:37px}.board-card{padding:23px}.side-card{padding:18px}.moves-card{padding:0}.level-emoji{width:40px;height:40px}}
@media (max-width:900px){.site-shell{padding:0 22px}.hero-art{width:220px;transform:scale(.85);transform-origin:right center;margin-left:-40px}.hero-copy{padding:32px 0 30px 34px}.hero h1{font-size:41px}.game-layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.setup-card{grid-row:span 2}.levels-section{overflow:hidden}.level-grid{overflow-x:auto;grid-template-columns:repeat(5,minmax(155px,1fr));padding-bottom:7px}.level-card{min-height:135px}.chess-square .piece{font-size:clamp(30px,6vw,61px)}.board-card{padding:25px}.board-frame{max-width:590px}}
@media (max-width:600px){.site-shell{padding:0 13px}.topbar{padding:15px 3px}.brand-mark{height:43px;width:43px;border-radius:13px}.brand-mark svg{width:30px}.brand-words strong{font-size:14px;letter-spacing:1.1px}.brand-words small{font-size:9px}.save-label{display:none}.back-link{font-size:11px}.top-links{gap:8px}.hero{margin-top:15px;min-height:260px;border-radius:21px}.hero-copy{padding:25px 21px;max-width:100%}.eyebrow{font-size:9px;letter-spacing:1.1px}.hero h1{font-size:clamp(31px,8vw,42px);letter-spacing:-1.6px;max-width:100%}.hero-copy>p{font-size:12px;max-width:260px;line-height:1.5}.hero-anchors{gap:6px}.hero-anchors span{font-size:10px;padding:7px 8px}.hero-art{position:absolute;right:-65px;bottom:-72px;transform:scale(.5);transform-origin:center center;opacity:.85;pointer-events:none}.hero-art-circle{opacity:.5}.art-speech{display:none}.levels-section{margin:25px 0}.section-title-line{align-items:start}.section-title-line h2{font-size:21px}.section-helper{display:none}.level-grid{margin-right:-13px;gap:10px;grid-template-columns:repeat(5,140px)}.level-card{padding:13px;min-height:138px}.level-emoji{font-size:26px;width:36px;height:36px}.board-card{border-radius:19px;padding:16px 11px 18px}.board-heading{margin-bottom:12px;align-items:start;padding:0 5px}.board-heading h2{font-size:20px}.board-heading .section-kicker{font-size:9px}.turn-pill{font-size:10px;padding:8px;max-width:114px;white-space:normal;text-align:center}.player-strip{padding:7px 5px 10px}.human-strip{padding:14px 5px 4px}.avatar{width:34px;height:34px;border-radius:11px;font-size:22px}.player-info strong{font-size:12px}.player-info small{font-size:10px}.captured{font-size:18px}.board-frame{border-radius:12px;padding:5px;box-shadow:0 6px 0 #19413f,0 14px 20px #193e4018}.chess-board{border-radius:5px}.chess-square .piece{font-size:clamp(27px,8vw,45px)}.chess-square .white-piece{-webkit-text-stroke:1px #345657}.square-coordinate{font-size:8px}.square-coordinate.file{bottom:1px;right:2px}.square-coordinate.rank{top:2px;left:2px}.game-message{font-size:11px}.board-bottom{padding:0 6px}.action-bar{gap:6px;padding-top:13px}.soft-button{font-size:10px;padding:10px 2px}.soft-button span{font-size:13px;padding-right:1px}.sidebar{display:flex;gap:12px}.side-card{padding:19px}.moves-card{padding:0}.lesson-grid{display:flex;flex-direction:column;gap:10px}.learn-section{margin:35px 0}.footer{flex-direction:column;gap:15px}.footer>div{gap:3px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.royal-road-promo{margin:23px 0 28px;display:flex;align-items:center;gap:22px;padding:21px 25px;background:#fff1d3;border:1px solid #f1daad;border-radius:20px;box-shadow:0 5px 0 #f6e6be}.promo-icon{width:85px;height:85px;flex:none;border-radius:19px;background:#f9cf8e;color:#fff9e5;font-size:58px;display:grid;place-items:center;position:relative;text-shadow:0 3px 0 #be8745}.promo-icon span{position:absolute;font:normal 35px Georgia,serif;color:#2c6661;right:3px;bottom:2px;text-shadow:none}.royal-road-promo>div:nth-child(2){flex:1}.royal-road-promo h2{font-size:22px;letter-spacing:-.5px;margin:4px 0 6px}.royal-road-promo p{font-size:12px;color:#797b65;line-height:1.5;margin:0}.promo-link{flex:none;padding:17px 20px;background:#f28e48;color:#fff9ed;text-decoration:none;border-radius:14px;font-size:13px;font-weight:900;box-shadow:0 4px 0 #c66d3b}.promo-link span{margin-left:7px}.promo-link:hover{background:#dc783d}@media(max-width:750px){.royal-road-promo{flex-wrap:wrap;gap:14px;padding:17px}.promo-icon{width:61px;height:61px;font-size:44px}.promo-icon span{font-size:25px}.royal-road-promo h2{font-size:18px}.royal-road-promo>div:nth-child(2){flex-basis:calc(100% - 90px)}.promo-link{width:100%;text-align:center}.top-links{flex-wrap:wrap;justify-content:end}}@media(max-width:400px){.royal-road-promo{gap:10px}.royal-road-promo h2{font-size:16px}.royal-road-promo p{font-size:11px}}
@media(max-width:600px){.levels-section{overflow:visible}.level-grid{overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));margin-right:0;gap:10px}.level-card{min-height:133px}.level-emoji{width:39px;height:39px}}