.game-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.game-tabs button{flex-direction:column;justify-content:center;gap:8px;min-height:111px;padding:12px 5px}.game-tabs .card-text{text-align:center;font-size:12px}.game-tabs .card-text small{font-size:7px}.ttt-icon{background:#ffd7b4;color:#c2581a}.side{padding-top:135px}.ttt-intro-art{position:relative;display:flex;align-items:center;gap:17px;margin:5px 0 4px;line-height:1;font-weight:900}.ttt-intro-art>span{display:grid;place-items:center;width:76px;height:76px;background:#fff0d9;border:2px solid #f6d5a8;border-radius:22px;font-size:77px;color:#ee782c;transform:rotate(-12deg);box-shadow:0 5px 0 #f4c895}.ttt-intro-art>span:nth-child(2){background:#def5ee;border-color:#b5e2d7;box-shadow:0 5px 0 #afd7cd;color:#389b87;transform:rotate(12deg);font-size:69px}.ttt-intro-art i{position:absolute;font-size:25px;right:-30px;top:-12px;color:#ffb83c;font-style:normal}.ttt-modes{display:flex;gap:10px;margin:0 0 22px;max-width:400px;width:100%}.ttt-modes button{flex:1;padding:12px 15px;background:#fffaf2;border:2px solid #efdecc;border-radius:15px;font-size:14px;font-weight:800;color:#795d49}.ttt-modes small{display:block;font-size:10px;font-weight:400;margin-top:4px}.ttt-modes [aria-pressed=true]{border-color:#ff9d50;background:#ffeddb;box-shadow:0 3px 0 #ffd0a6;color:#ad4c12}.ttt-game{width:100%;max-width:420px;padding:17px 0}.ttt-scorebar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ttt-scorebar>div{background:#faf4eb;border-radius:13px;padding:9px;border:1px solid #eee1d1}.ttt-scorebar span{font-size:12px;color:#947b67;display:block}.ttt-scorebar strong{font-size:25px;display:block;line-height:1.3}.ttt-scorebar .ttt-player-x{background:#fff0de;color:#d36723}.ttt-scorebar .ttt-player-o{background:#eaf8f1;color:#2e927b}.ttt-status{font-weight:800;font-size:19px;margin:17px 0;color:#72503a}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:306px;margin:auto}.ttt-board button{aspect-ratio:1;min-width:0;display:grid;place-items:center;border:2px solid #f1d7b7;background:#fff7ea;border-radius:18px;box-shadow:0 4px 0 #ecd0ac;font-size:67px;font-family:'Trebuchet MS',sans-serif;font-weight:700;line-height:1;padding:0;touch-action:manipulation;transition:background .15s}.ttt-board button:disabled{opacity:1;cursor:default}.ttt-board button:not(:disabled):hover{background:#ffe6c4}.ttt-board .ttt-x{color:#ed792f;background:#fff0de}.ttt-board .ttt-o{color:#399b87;background:#edf9f3}.ttt-board .ttt-win{background:#fff0ad;border-color:#eab73e;box-shadow:0 4px 0 #dbab3b}.ttt-message{font-size:12px;color:#96765b;min-height:36px;margin:20px 0 9px}.ttt-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.ttt-actions .text-button{font-size:12px;color:#b85a1a}.ttt-actions .button{font-size:14px;padding:12px 20px}.ttt-actions [hidden]{display:none!important}.ttt-session-note{display:block;font-size:10px;color:#a98f78;margin-top:17px}.mini-line[hidden]{display:none}
@media(max-width:850px){.side{padding-top:0}.game-tabs .card-text{font-size:12px}}
@media(max-width:620px){.game-tabs{display:flex;overflow-x:auto;padding:10px 2px 8px;margin-top:-10px;scroll-snap-type:x proximity}.game-tabs button{flex:0 0 95px;min-height:101px;scroll-snap-align:start}.game-tabs .card-text{font-size:11px}.ttt-board{max-width:285px;gap:9px}.ttt-board button{font-size:62px;border-radius:16px}.ttt-status{font-size:18px}.ttt-scorebar span{font-size:11px}.ttt-modes button{font-size:12px;padding:11px 7px}.ttt-intro-art>span{width:64px;height:64px;font-size:65px}.ttt-intro-art>span:nth-child(2){font-size:58px}.ttt-session-note{font-size:9px}}