@media (max-width: 700px){.app{flex:1;display:flex;flex-direction:column;padding-top:60px}.app>*{flex:none}.app .TicTacToe{margin-top:auto;margin-bottom:auto}.app .Winners{margin-top:40px}}.Field{width:80px;height:80px;border-radius:10px;border:4px solid var(--gray100);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:40px;cursor:pointer;transition:.3s ease-in-out;transition-property:border}@media (max-width: 720px){.Field{width:40px;height:40px;font-size:20px;border-radius:5px;border-width:2px}}.Field:hover{border-color:var(--gray300)}.Field_size-s{border-width:2px;border-radius:5px;width:20px;height:20px;font-size:12px}.Field_disabled{pointer-events:none;border-color:var(--gray600)}.Field_fill{border-color:var(--gray700);pointer-events:none}.Board{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.Board_size-s{gap:5px}.TicTacToe{display:flex;flex-direction:column;align-items:center;justify-content:center}.TicTacToe h2{font-size:120px}@media (max-width: 720px){.TicTacToe h2{font-size:60px}}.TicTacToe__error{display:block;text-align:center;margin-top:20px;color:var(--coral300)}.WinnerList{display:flex;flex-direction:column}.WinnerList li h4{font-size:20px}.WinnerList li small{color:var(--gray300);font-size:12px;margin-top:5px}.WinnerList li .Board{margin-top:5px}.Winners{display:flex;flex-direction:column;overflow:auto;position:fixed;top:0;left:0;bottom:0;width:200px;border-right:2px solid var(--gray400)}@media (max-width: 720px){.Winners{width:100vw;position:static;max-height:600px}}.Winners__button{border:none;display:flex;align-items:center;justify-content:center;padding:20px;font-size:20px;font-weight:600;position:sticky;cursor:pointer;background:var(--gray50);top:0;left:0;transition:.3s ease-in-out;transition-property:background,color}@media (max-width: 720px){.Winners__button{order:1;bottom:0;top:auto}}.Winners__button:hover{background:var(--gray800);color:#fff}.Winners li{display:flex;flex-direction:column;align-items:flex-start;padding:20px 30px;border-bottom:1px solid var(--gray100)}.Winners li .Board{margin-top:12px}:root{--gray900: #000000;--gray800: #1B1C22;--gray700: #32343F;--gray600: #484B5B;--gray500: #5F6377;--gray400: #777B92;--gray300: #9397A9;--gray200: #B0B2C0;--gray100: #CCCED6;--gray60: #9E9E9E;--gray50: #E8E9ED;--gray10: #F3F3F7;--coral: var(--coral500);--coral700: #8F3423;--coral600: #B8422E;--coral500: #D15A45;--coral400: #EB654D;--coral300: #F08875;--coral200: #F5B0A3;--coral100: #F9D0C8}*{padding:0;margin:0}body{font-family:Inter,sans-serif;color:var(--gray700);display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh}#root{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}ul,li{list-style:none}