.gttt{width:100%;max-width:440px;min-width:0;margin:0 auto;color:#24475e;font-family:inherit;text-align:left}.gttt-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px}.gttt-status{font-size:15px;font-weight:650;line-height:1.5;margin:0;max-width:100%;overflow-wrap:anywhere;color:#24475e!important}.gttt-your-mark{display:inline-flex;align-items:center;padding:7px 11px;border-radius:20px;background:#e8f1f7;border:1px solid #cbdfea;color:#42667e;font-size:11px;font-weight:600;line-height:1.5;white-space:normal}.gttt-your-mark[data-mark=O]{background:#edf2f7;color:#596f89}.gttt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px;border:1px solid #cfdee7;border-radius:22px;background:#e5eef4;box-shadow:inset 0 1px 0 #fff,0 10px 32px #3e65730b;width:100%;aspect-ratio:1}.gttt-cell{appearance:none;display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:44px;width:100%;padding:0;border:1px solid #d2e0e9;border-radius:13px;background:#fbfdff;color:#417c9d;font-family:inherit;font-size:clamp(32px,8vw,72px);font-weight:650;line-height:1;cursor:pointer;box-shadow:0 3px 0 #d3e1e9;transition:background .15s,box-shadow .15s,transform .15s}.gttt-cell[data-mark=O]{color:#6d829d}.gttt-cell:disabled{opacity:1;cursor:default}.gttt-cell:not(:disabled):hover{background:#eef7fc;box-shadow:0 3px 0 #b9d3e4;transform:translateY(-1px)}.gttt-cell:focus-visible{outline:3px solid #3c7da4;outline-offset:2px;position:relative;z-index:1}.gttt-cell[data-winning=true]{background:#d6eaf4;border-color:#82afc8;box-shadow:inset 0 0 0 2px #a3c8dc,0 3px 0 #b4d1e0;color:#28688e}.gttt-hint{font-size:11px;line-height:1.8;color:#6b8290!important;margin:17px 1px 0;max-width:100%}.gttt-practice-page{margin:0;background:#f2f7fa;color:#24475e;font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.gttt-practice-page *{box-sizing:border-box}.gttt-practice-page [hidden]{display:none!important}.gttt-practice-shell{width:min(100% - 40px,1040px);margin:0 auto;padding:34px 0 24px}.gttt-practice-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:54px}.gttt-practice-brand{font-size:20px;font-weight:750;letter-spacing:-.7px;color:#315c76;text-decoration:none}.gttt-practice-badge{background:#e6f0f6;border:1px solid #d2e3ec;padding:7px 12px;border-radius:24px;color:#53758b;font-size:11px;font-weight:600}.gttt-practice-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:64px;align-items:center}.gttt-practice-copy h1{font-size:clamp(37px,5vw,58px);letter-spacing:-2.4px;line-height:1.08;font-weight:650;margin:15px 0 20px}.gttt-practice-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7191a6;font-weight:650}.gttt-practice-copy>p{color:#657f90;font-size:14px;max-width:360px}.gttt-practice-rules{padding:19px 0 0;list-style:none;margin:22px 0 26px;display:grid;gap:14px;color:#627f92;font-size:12px}.gttt-practice-rules li{display:flex;align-items:center;gap:11px}.gttt-practice-rules span{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:1px solid #c9dce9;border-radius:50%;color:#456f8b;font-size:11px}.gttt-practice-online{display:inline-flex;gap:8px;align-items:center;color:#376d8d;text-decoration:none;font-size:13px;font-weight:650;border-bottom:1px solid #bdd4e2;padding:4px 0}.gttt-practice-surface{background:#fff;border:1px solid #d9e5ec;border-radius:25px;padding:29px;min-width:0;box-shadow:0 14px 42px #436c7f09}.gttt-practice-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #e0eaf0;margin-top:24px;padding-top:20px}.gttt-practice-button{border:1px solid #397399;border-radius:9px;padding:11px 17px;min-height:44px;background:#477e9f;color:#fff;font:inherit;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer}.gttt-practice-button:hover{background:#356d90}.gttt-practice-button:focus-visible,.gttt-practice-online:focus-visible,.gttt-practice-brand:focus-visible{outline:3px solid #74a9c8;outline-offset:4px}.gttt-practice-score{font-size:11px;color:#79909e;line-height:1.7;margin:0}.gttt-practice-footer{border-top:1px solid #dce6ed;margin-top:60px;padding:21px 0 0;font-size:11px;color:#7e94a2}.gttt-practice-help{font-size:12px;color:#607d91;line-height:1.8}@media(max-width:700px){.gttt-practice-shell{width:calc(100% - 36px);padding-top:25px}.gttt-practice-nav{margin-bottom:34px}.gttt-practice-layout{grid-template-columns:1fr;gap:25px}.gttt-practice-copy h1{font-size:44px;max-width:370px;margin:12px 0 16px}.gttt-practice-copy>p{font-size:13px;max-width:450px}.gttt-practice-rules{margin:13px 0 18px;gap:10px;padding-top:10px}.gttt-practice-surface{padding:22px;border-radius:20px}.gttt-practice-footer{margin-top:35px}.gttt-cell{font-size:clamp(30px,13vw,66px)}.gttt-status{font-size:13px}.gttt-your-mark{font-size:10px}.gttt-hint{font-size:10px;line-height:1.8}}@media(max-width:360px){.gttt-practice-shell{width:calc(100% - 30px)}.gttt-practice-copy h1{font-size:40px;letter-spacing:-1.8px}.gttt-practice-surface{padding:17px}.gttt-board{gap:7px;padding:9px;border-radius:17px}.gttt-cell{border-radius:10px}.gttt-practice-actions{gap:12px}.gttt-practice-badge{font-size:10px}}
