:root{--bg: #f7f5f2;--surface: #ffffff;--text: #1f2328;--muted: #5d6570;--border: #e1dcd5;--accent: #c8102e;--accent-strong: #a00d25;--accent-soft: #fbe9ec;--success: #1a7f4b;--success-soft: #e4f5ec;--warning-soft: #fff4d6;--sky: #d6ecfa;--parchment: #fdf3d7;--parchment-border: #e6cf94;--grass: #9ccc8a;--sun: #ffd54f;--river-far: #8fd0f2;--river-near: #2e7fc2;--river-bank: #dcc88f;--radius: 12px;--shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 4px 12px rgb(0 0 0 / 5%);color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}@media (prefers-color-scheme: dark){:root{--bg: #15171a;--surface: #1f2226;--text: #eceef0;--muted: #a3abb5;--border: #33383f;--accent: #ff5c75;--accent-strong: #ff8598;--accent-soft: #3a1a21;--success: #5fd699;--success-soft: #173326;--warning-soft: #3b3115;--sky: #1d2b3a;--parchment: #33291a;--parchment-border: #5c4a26;--grass: #2f4a2b;--sun: #e6c66a;--river-far: #2f6a9c;--river-near: #173e63;--river-bank: #6b5d3a;--shadow: none}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1,h2{line-height:1.2;margin:0 0 .5rem}h1{font-size:clamp(1.7rem,4vw,2.4rem)}h2{font-size:1.25rem}p{margin:0 0 1rem}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:960px;margin:0 auto;padding:0 16px}main.container{flex:1;padding-top:2rem;padding-bottom:3rem}.translation{margin-top:-.6rem;color:var(--muted);font-size:.92em;font-style:italic}.translation--title{margin-top:-.2rem;margin-bottom:.75rem;font-size:1rem;font-weight:600}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.site-header__inner,.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-top:.75rem;padding-bottom:.75rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:var(--text);text-decoration:none}.brand__flag{width:26px;height:17px;border-radius:3px;border:1px solid var(--border);background:linear-gradient(#fff 50%,#dc143c 50%)}nav{display:flex;flex-wrap:wrap;gap:.25rem}nav a{padding:.35rem .75rem;border-radius:999px;color:var(--muted);font-weight:600;text-decoration:none}nav a:hover{color:var(--text)}nav a.active{background:var(--accent-soft);color:var(--accent-strong)}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}.link-button{padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.button{display:inline-block;padding:.65rem 1.2rem;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}@media (prefers-color-scheme: dark){.button{color:#15171a}}.button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.button:disabled{opacity:.5;cursor:not-allowed}.button--secondary,.button--ghost{background:transparent;color:var(--accent)}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-strong)}.button--ghost{border-color:transparent;color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.hero{padding:1.5rem 0 2.5rem;max-width:640px}.hero p{color:var(--muted);font-size:1.1rem}.hero .hero__translation{font-size:1rem;font-style:italic}.hero .hero__translation--title{font-size:1.2rem;font-weight:600}.hero__done{font-weight:600;color:var(--success)}.page-header{margin-bottom:1.5rem}.page-header p{color:var(--muted);max-width:640px}.back-link{display:inline-block;margin-bottom:.75rem;text-decoration:none;font-weight:600}.badge{display:inline-block;margin-bottom:.5rem;padding:.1rem .6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:0;padding:0;list-style:none}.card-grid--levels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{display:flex;flex-direction:column;height:100%;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card p{color:var(--muted)}.card>:last-child{margin-top:auto}.card .badge{align-self:flex-start}.card--done{border-color:var(--success)}.card__eyebrow{display:block;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.card__status{color:var(--muted);font-size:.9rem;font-weight:600}.card--done .card__status{color:var(--success)}.progress{display:flex;align-items:center;gap:.75rem}.progress__track{flex:1;height:8px;border-radius:999px;background:var(--border);overflow:hidden}.progress__fill{height:100%;border-radius:999px;background:var(--success);transition:width .3s}.progress__text{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.banner{padding:.75rem 1rem;border-radius:var(--radius);background:var(--success-soft);color:var(--success);font-weight:600}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border)}.tabs__row{display:flex;gap:.25rem}@media (max-width: 600px){.tabs{flex-direction:column;gap:0;border-bottom:0}.tabs__row{border-bottom:1px solid var(--border)}}.tabs__tab{padding:.7rem 1rem;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}.tabs__tab:hover{color:var(--text)}.tabs__tab--active{border-bottom-color:var(--accent);color:var(--accent-strong)}.panel{padding:1.5rem;border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius) var(--radius);background:var(--surface)}.table-scroll{overflow-x:auto}.table{width:100%;margin-bottom:1.5rem;border-collapse:collapse}.table caption{padding-bottom:.4rem;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase}.table th,.table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.table th{color:var(--muted);font-size:.85rem}.grammar-points{padding-left:1.2rem}.grammar-points li{margin-bottom:.5rem}.speak-button{padding:.1rem .35rem;border:0;border-radius:6px;background:none;font-size:.95rem;cursor:pointer}.speak-button:hover{background:var(--accent-soft)}.flashcards{display:flex;flex-direction:column;gap:1rem}.flashcard-wrap{position:relative;width:100%;max-width:460px;margin:0 auto}.flashcard-wrap__speak{position:absolute;top:.6rem;right:.6rem}.flashcard{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:220px;padding:1.25rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;cursor:pointer}.flashcard--flipped{border-color:var(--accent);background:var(--accent-soft)}.flashcard__side,.flashcard__hint{color:var(--muted);font-size:.8rem}.flashcard__side{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.flashcard__text{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;text-align:center}.flashcards__position{margin:0;color:var(--muted);text-align:center}.quiz{display:flex;flex-direction:column;gap:.75rem;max-width:620px;margin:0 auto}.quiz p{margin:0}.quiz__instruction{margin-top:.75rem;color:var(--muted);font-weight:600}.quiz__prompt{font-size:1.6rem;font-weight:700}.quiz__translation{color:var(--muted);font-size:.95rem}.quiz__hint{color:var(--muted);font-style:italic}.quiz--finished{align-items:center;text-align:center}.quiz__score{font-size:3rem;font-weight:800;color:var(--accent)}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin-top:.5rem}.option{padding:.8rem 1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-weight:600;text-align:left;cursor:pointer}.option:hover:not(:disabled){border-color:var(--accent)}.option:disabled{cursor:default}.option--correct{border-color:var(--success);background:var(--success-soft)}.option--wrong{border-color:var(--accent);background:var(--accent-soft)}.typing{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.typing label{display:flex;flex-direction:column;gap:.3rem;width:100%;color:var(--muted);font-size:.9rem;font-weight:600}.typing input{width:100%;padding:.7rem .9rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:1.1rem}.letters{display:flex;flex-wrap:wrap;gap:.35rem}.letters__key{min-width:2.2rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:1.05rem;cursor:pointer}.letters__key:hover{border-color:var(--accent)}.feedback{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem;padding:.9rem 1rem;border-radius:var(--radius)}.feedback--correct{background:var(--success-soft)}.feedback--close{background:var(--warning-soft)}.feedback--wrong{background:var(--accent-soft)}.game{display:flex;flex-direction:column;gap:1rem;max-width:720px;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.game p{margin:0}.game__hud{display:flex;align-items:center;gap:1rem}.game__hud .progress{flex:1}.game__lives{font-size:1.2rem;letter-spacing:.1em;white-space:nowrap}.game__scene{position:relative;height:190px;border-radius:var(--radius);background:linear-gradient(var(--sky) 72%,var(--grass) 72%);overflow:hidden;--obstacle-width: 80px;--obstacle-right: 8%;--boy-stop: max(6%, calc(100% - var(--obstacle-right) - var(--obstacle-width) - 37px))}.game__scene--angry-man{--obstacle-width: 44px}.game__scene--angry-men{--obstacle-width: 108px}.game__scene--hungry-dog{--obstacle-width: 120px}.game__scene--bear{--obstacle-width: 84px}.game__scene--guard{--obstacle-width: 44px;--obstacle-right: calc(3% + 108px) }.game__scene--dragon{--obstacle-width: 130px;--obstacle-right: calc(3% + 104px) }.game__scene--home{--obstacle-width: 142px;--obstacle-right: 3%}.game__scenery{position:absolute;right:3%;bottom:15%;line-height:0}.game__house{display:block;height:130px}.game__gate{display:block;height:132px}.game__bear{display:block;height:86px}.game__scene--hungry-dog .game__obstacle{font-size:5.5rem}.game__dragon{font-size:4.6rem}.game__flame{align-self:flex-start;font-size:2.2rem;transform:rotate(-90deg);animation:flame-flicker .35s ease-in-out infinite alternate}@keyframes flame-flicker{0%{transform:rotate(-90deg) scale(.8);opacity:.75}to{transform:rotate(-90deg) scale(1.15);opacity:1}}.game__scene--river{--boy-stop: calc(100% - 228px) }.game__river{position:absolute;right:0;bottom:0;width:200px;height:28%}.game__river svg{display:block;width:100%;height:100%}.game__river-far{stop-color:var(--river-far)}.game__river-near{stop-color:var(--river-near)}.game__river-bank{fill:var(--river-bank)}.game__river-ripples{fill:none;stroke:#ffffffa6;stroke-width:1.2;stroke-linecap:round;animation:river-flow 2.4s ease-in-out infinite alternate}.game__boat{position:absolute;bottom:22%;left:8%;font-size:2.8rem;line-height:1;transition:left 1.8s ease-in-out}.game__boat-hull{position:relative}.game__boat .figure{position:absolute;bottom:38%;left:50%;height:50px;transform:translate(-50%)}.game__boat--crossed{left:62%}@keyframes river-flow{0%{transform:translate(-4px)}to{transform:translate(4px)}}.game__sun{position:absolute;top:12px;left:12%;width:30px;height:30px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 6px #ffd54f59,0 0 0 13px #ffd54f2e}.game__flower{position:absolute;font-size:.85rem;line-height:1}.game__boy,.game__obstacle{position:absolute;bottom:14%;line-height:1}.game__boy{left:6%}.figure{display:block;width:auto;height:88px;overflow:visible;stroke-linecap:round}.figure--boy{height:62px}.figure__leg,.figure__arm,.figure__fist{transform-box:fill-box;transform-origin:top center}.figure__fist{transform-origin:bottom left}.game__boy--walking .figure__leg,.game__boy--walking .figure__arm{animation:figure-swing .4s ease-in-out 6 alternate}.game__boy--walking .figure__leg--right,.game__boy--walking .figure__arm--left{animation-name:figure-swing-back}.game__obstacle:not(.game__obstacle--cleared) .figure__fist{animation:figure-shake .5s ease-in-out infinite alternate}@keyframes figure-swing{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@keyframes figure-swing-back{0%{transform:rotate(22deg)}to{transform:rotate(-22deg)}}@keyframes figure-shake{0%{transform:rotate(-8deg)}to{transform:rotate(10deg)}}.game__boy--walking{animation:game-walk 2.4s ease-out forwards}.game__boy--home{left:var(--boy-stop);animation:boy-cheer .4s ease-out 6 alternate}@keyframes boy-cheer{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.game__obstacle{display:flex;align-items:flex-end;right:var(--obstacle-right);font-size:3.6rem;transition:opacity .4s,transform .4s}.game__obstacle .figure+.figure{margin-left:-12px}.game__obstacle--cleared{opacity:.25;transform:scale(.7)}@keyframes game-walk{0%{left:6%;transform:translateY(0)}25%,75%{transform:translateY(-8px)}50%{transform:translateY(0)}to{left:var(--boy-stop);transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.game__boy--walking{left:var(--boy-stop);animation:none}.game__obstacle{transition:none}.figure__leg,.figure__arm,.figure__fist{animation:none!important}.game__river-ripples,.game__flame,.game__boy--home{animation:none}.game__boat{transition:none}}.game__dialogue{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.game__choices{display:flex;flex-direction:column;gap:.4rem;width:100%;padding:1rem;border:1px solid var(--parchment-border);border-radius:var(--radius);background:var(--parchment)}.game__choices .quiz__instruction{margin-top:0;color:var(--text)}.game__success{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem;border:2px solid var(--success);border-radius:var(--radius);background:var(--success-soft);text-align:center}.game__success h2{margin:0}.game__success-title{color:var(--success);font-size:2.2rem;font-weight:800;line-height:1.1}.game__name-en{color:var(--muted);font-weight:400}.game__says{padding:.6rem .9rem;border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--accent-soft);font-size:1.15rem;font-weight:700}.game__option{display:flex;flex-direction:column;gap:.15rem}.game__meaning{color:var(--muted);font-size:.85rem;font-weight:400}.tetris{display:flex;flex-direction:column;gap:1rem;max-width:720px;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.tetris p{margin:0}.tetris__hud{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0}.tetris__hud>div{padding:.4rem .5rem;border-radius:var(--radius);background:var(--bg);text-align:center}.tetris__hud dt{font-size:.85rem;font-weight:600}.tetris__hud dd{margin:0;font-size:1.25rem;font-weight:800}.tetris__stat-en{color:var(--muted);font-size:.8rem;font-weight:400}.tetris__play{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:1.25rem}.tetris__side{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0}.tetris__side>*{max-width:100%}.tetris__side>[aria-live]{width:100%}.tetris__board-column{display:flex;flex:none;flex-direction:column;align-items:center;gap:.6rem}.tetris__well{--lane: clamp(58px, (100vw - 100px) / 4, 104px);--row: clamp(26px, 4.4vh, 36px);display:flex;flex-direction:column}.tetris__board{display:grid;grid-template-columns:repeat(4,var(--lane));grid-auto-rows:var(--row);gap:1px;padding:4px;border:2px solid var(--border);border-bottom:0;border-radius:8px 8px 0 0;background:var(--bg)}.tetris__slot{border-radius:4px;background:var(--surface)}.tetris__slot--shaded{background:var(--sky)}.tetris__block{display:flex;align-items:center;justify-content:center;padding:0 3px;overflow:hidden;color:#15171a;font-size:.8rem;font-weight:700;line-height:1.05;text-align:center;overflow-wrap:anywhere}.tetris__block--falling{box-shadow:inset 0 0 0 2px #0006}.tetris__block--cyan{background:#7fd6ea}.tetris__block--purple{background:#c9a2ea}.tetris__block--green{background:#8fd49e}.tetris__block--red{background:#f09a98}.tetris__block--blue{background:#9db8f0}.tetris__baskets{display:grid;grid-template-columns:repeat(4,var(--lane));gap:1px;padding:0 4px 4px;border:2px solid var(--border);border-top:0;border-radius:0 0 8px 8px;background:var(--bg)}.tetris__basket{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:3.4rem;padding:.35rem .2rem;border:2px solid #c99700;border-top-style:dashed;border-radius:0 0 14px 14px;background:var(--sun);color:#15171a;font:inherit;cursor:pointer;touch-action:manipulation}.tetris__basket:hover:not(:disabled){border-color:var(--accent)}.tetris__basket:disabled{cursor:default}.tetris__basket:disabled .tetris__basket-title{opacity:.6}.tetris__basket-title{font-size:.8rem;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}.tetris__paused{background:var(--bg)}.tetris__level-up{flex-flow:column nowrap;align-items:stretch}.tetris__loading{height:.5rem;overflow:hidden;border-radius:999px;background:var(--surface)}.tetris__loading-bar{display:block;height:100%;border-radius:inherit;background:var(--success);transform-origin:left;animation:tetris-loading linear forwards}@keyframes tetris-loading{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tetris__house{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.25rem .5rem;margin:0}.tetris__house svg{height:90px}.tetris__family{font-size:1.6rem;line-height:1}.tetris__house figcaption{width:100%;color:var(--muted);font-size:.9rem}.tetris__hint{display:flex;align-items:center;gap:.5rem;color:var(--muted)}.tetris__review{padding:.5rem 0}.tetris__review-note{color:var(--muted);font-size:.9rem}.tetris__review-note--correct{color:var(--success)}.tetris__review-note--wrong{color:var(--accent)}.tetris__controls{display:flex;gap:.35rem}.tetris__control{width:2.75rem;height:2.75rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:1.3rem;cursor:pointer;touch-action:manipulation}.tetris__control:hover:not(:disabled){border-color:var(--accent)}.tetris__control:disabled{opacity:.5;cursor:not-allowed}.tetris__keys{color:var(--muted);font-size:.85rem}@media (max-width: 600px){.tetris{padding:1rem}.tetris__play{flex-direction:column;align-items:stretch}.tetris__board-column{align-self:center}.tetris__block{font-size:.72rem}.tetris__keys{display:none}}.red-hat{display:flex;flex-direction:column;gap:1rem;max-width:720px;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.red-hat p{margin:0}.red-hat__scene-title{font-weight:700}.red-hat__scene{position:relative;height:280px;border-radius:var(--radius);background:linear-gradient(var(--sky) 70%,var(--grass) 70%);overflow:hidden}.red-hat__scene--indoor{background:linear-gradient(#f3e2bd 70%,#b98a5a 70%)}.red-hat__sun{position:absolute;top:20px;right:9%;width:46px;height:46px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 8px #ffd54f59,0 0 0 18px #ffd54f2e}.red-hat__house{position:absolute;bottom:14%;line-height:0}.red-hat__house .game__house{height:110px}.red-hat__house--left{left:3%}.red-hat__house--right{right:3%}.red-hat__prop,.red-hat__girl{position:absolute;line-height:1}.red-hat__prop .figure{height:84px}.red-hat__prop .figure--wolf{height:58px}.red-hat__bed{position:relative;display:block;width:160px;height:90px}.red-hat__bed svg{display:block;width:160px;height:90px}.red-hat__bed .red-hat__bed-quilt{position:absolute;top:0;right:0;bottom:0;left:0}.red-hat__bed-sleeper{position:absolute;bottom:36px;left:14px;line-height:0}.red-hat__bed .figure--wolf{width:auto;height:44px}.red-hat__prop--fleeing .figure--wolf{transform:scaleX(-1)}.red-hat__prop--fleeing{animation:red-hat-flee 1.6s ease-in .8s forwards}.red-hat__girl{bottom:12%;left:var(--to)}.red-hat__girl .figure{height:56px}.red-hat__girl--walking{animation:red-hat-walk 2.4s ease-out}.red-hat__girl--walking .figure__leg{animation:figure-swing .4s ease-in-out 6 alternate}.red-hat__girl--walking .figure__leg--right{animation-name:figure-swing-back}.red-hat__speaking{animation:red-hat-speak .45s ease-in-out infinite alternate}.red-hat__girl--walking.red-hat__speaking{animation:red-hat-walk 2.4s ease-out,red-hat-speak .45s ease-in-out 2.4s infinite alternate}@keyframes red-hat-walk{0%{left:var(--from)}to{left:var(--to)}}@keyframes red-hat-speak{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes red-hat-flee{to{transform:translate(160px)}}.red-hat__intro{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.red-hat__dialogue{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem;border-radius:var(--radius);background:var(--bg)}.red-hat__speaker{font-weight:700}.red-hat__speaker-en,.red-hat__translation,.red-hat__progress{color:var(--muted);font-weight:400}.red-hat__line{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700}.red-hat__progress{font-size:.85rem}@media (max-width: 600px){.red-hat{padding:1rem}}@media (prefers-reduced-motion: reduce){.red-hat__girl--walking,.red-hat__girl--walking .figure__leg,.red-hat__speaking,.red-hat__prop--fleeing{animation:none!important}.red-hat__prop--fleeing{display:none}}.about{max-width:720px;margin-bottom:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.about h3{margin:1.5rem 0 .5rem;font-size:1.05rem}.about__role{color:var(--muted);font-weight:600}.about__list{margin:0}.about__list>div{display:grid;grid-template-columns:11rem 1fr;gap:.25rem 1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.about__list>div:last-child{border-bottom:0}.about__list dt{color:var(--muted);font-weight:600}.about__list dd{margin:0;overflow-wrap:anywhere}@media (max-width: 480px){.about{padding:1rem}.about__list>div{grid-template-columns:1fr}.game,.panel{padding:1rem}}