:root{--light-blue: #31c3bd;--light-blue-hover: #65e9e4;--shadow-blue: #118c87;--light-yellow: #f2b137;--light-yellow-hover: #ffc860;--shadow-yellow: #cc8b13;--silver: #a8bfc9;--silver-hover: #dbe8ed;--shadow-silver: #6b8997;--dark-navy: #1a2a33;--dark-navy-hover: #2a3a43;--shadow-dark-navy: #10212a;--semi-dark-navy: #1f3641;--semi-dark-navy-hover: #2f4651;--shadow-semi-dark-navy: #11222b;font-family:Outfit Variable;line-height:1.5;font-weight:400;color:var(--dark-navy);background-color:var(--dark-navy);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{-webkit-user-select:none;user-select:none}body{margin:0;display:flex;place-items:center;min-height:100vh}#app{margin:0 auto;text-align:center}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fm-tic-tac-toe/assets/outfit-latin-ext-wght-normal-5oMg_0D4.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fm-tic-tac-toe/assets/outfit-latin-wght-normal-CdKZfrg9.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.button.cell{--height: 140px;--width: 140px}@media (max-width: 600px){.button.cell{--height: 96px;--width: 96px}.button.cell svg{width:40px}}.button{--width: 96px;--height: 48px;--hovering-height: 3px;--background-color: var(--silver);--box-shadow-color: var(--shadow-silver);--hovering-background-color: var(--silver-hover)}@media (max-width: 600){.button{--border-radius: 5px}}.button.svelte-1hqorlt{position:relative;width:var(--width);height:var(--height);border-radius:var(--border-radius, 10px)}.button.svelte-1hqorlt div{width:var(--width);height:var(--height);position:absolute;top:0;left:0;display:grid;place-items:center;transition:all .1s;border-radius:var(--border-radius, 10px);background-color:var(--background-color);box-shadow:0 -4px 0 0 var(--box-shadow-color) inset}.button.svelte-1hqorlt:not([disabled]) div:hover{top:calc(0px - var(--hovering-height));background-color:var(--hovering-background-color);height:calc(var(--height) + var(--hovering-height));box-shadow:0 calc(-4px - var(--hovering-height)) 0 0 var(--box-shadow-color) inset}.button.svelte-1hqorlt.button-blue{--background-color: var(--light-blue);--box-shadow-color: var(--shadow-blue);--hovering-background-color: var(--light-blue-hover)}.button.svelte-1hqorlt.button-yellow{--background-color: var(--light-yellow);--box-shadow-color: var(--shadow-yellow);--hovering-background-color: var(--light-yellow-hover)}.button.svelte-1hqorlt.button-silver{--background-color: var(--silver);--box-shadow-color: var(--shadow-silver);--hovering-background-color: var(--silver-hover)}.button.svelte-1hqorlt.button-dark{--background-color: var(--dark-navy);--box-shadow-color: var(--shadow-dark-navy);--hovering-background-color: var(--dark-navy-hover)}.button.svelte-1hqorlt.button-semi-dark{--background-color: var(--semi-dark-navy);--box-shadow-color: var(--shadow-semi-dark-navy);--hovering-background-color: var(--semi-dark-navy-hover)}.button.svelte-1hqorlt.no-shadow{--box-shadow-color: var(--background-color)}svg.svelte-1lk6fjr path{stroke-width:var(--stroke-width, 0);stroke:var(--stroke-color);stroke-opacity:var(--stroke-opacity, 1);fill:var(--fill-color);fill-opacity:var(--fill-opacity, 1)}div.svelte-iamirz{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px}header.svelte-1h2p6kk{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px;align-items:center}header.svelte-1h2p6kk>*:last-child{justify-self:end}.button.next-player{--width:140px;--height:52px;color:var(--silver);font-weight:700}.button.next-player span{display:flex;justify-content:space-between;align-items:center}.button.next-player svg{width:20px;height:20px;margin-right:.65rem}.button.restart{--width:52px;--height:52px}@media (max-width: 600px){.button.next-player{--width:96px;--height:40px;font-size:14px}.button.next-player svg{width:16px;height:16px}.button.restart{--width:40px;--height:40px}}dialog[open].svelte-wn3nks.svelte-wn3nks{width:100%;height:266px;display:grid;place-items:center;background-color:var(--semi-dark-navy);color:var(--silver);border:none;text-transform:uppercase}dialog[open].svelte-wn3nks.svelte-wn3nks .game-restart,dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"title title" "no yes";row-gap:20px;column-gap:16px;font-weight:700}dialog[open].svelte-wn3nks.svelte-wn3nks .game-restart span,dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended span{font-size:40px;letter-spacing:2.5px;grid-area:title}dialog[open].svelte-wn3nks.svelte-wn3nks .game-restart>.button,dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended>.button{--width: 139px;--height: 52px;color:var(--dark-navy)}dialog[open].svelte-wn3nks.svelte-wn3nks .game-restart>.button.no,dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended>.button.no{grid-area:no;justify-self:end}dialog[open].svelte-wn3nks.svelte-wn3nks .game-restart>.button.yes,dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended>.button.yes{grid-area:yes}dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended>div{grid-area:title;display:grid;grid-template-columns:1fr;grid-template-areas:"title" "message";justify-items:center;font-weight:700}dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended>div span:first-child{grid-area:title;font-size:16px}dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended>div span:last-child{grid-area:message;position:relative;display:flex;align-items:center;font-size:40px;letter-spacing:2.5px;margin:16px 0;color:var(--color)}dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended>div span:last-child svg{position:absolute;left:-88px}dialog[open].svelte-wn3nks.svelte-wn3nks .game-ended>div span:last-child svg path{fill:var(--color)}dialog.svelte-wn3nks.svelte-wn3nks::backdrop{background:#0006}@media (max-width: 600px){dialog[open].svelte-wn3nks.svelte-wn3nks{height:228px}dialog[open].svelte-wn3nks .game-ended.svelte-wn3nks{gap:16px}dialog[open].svelte-wn3nks .game-ended>div span.svelte-wn3nks:last-child{font-size:24px}dialog[open].svelte-wn3nks .game-ended>div span.svelte-wn3nks:last-child svg{left:-38px;width:30px;height:30px}}.score-bar.svelte-azetoi{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px;align-items:center;font-size:14px;line-height:14px}.score-bar.svelte-azetoi .score-counter{font-size:24px;font-weight:700}.score-bar.svelte-azetoi .button{--width: 140px;--height: 72px}.score-bar.svelte-azetoi .score-display{display:grid;place-items:center;padding-top:13px;padding-bottom:11px}@media (max-width: 600px){.score-bar.svelte-azetoi .button{--width:96px;--height:64px;font-size:12px;line-height:12px}.score-counter.svelte-azetoi{font-size:20px;font-weight:700;line-height:20px}}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk{display:grid;gap:40px;place-items:center}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector{color:var(--silver)}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector>.button{--width: 460px;--height: 205px}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector>.button svg{width:40px;height:40px}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector .slider-background{position:relative;width:396px;height:54px;border-radius:10px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 0 0 8px var(--dark-navy)}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector .slider-background .cursor{position:absolute;transition:left .5s;width:198px;height:54px;left:198px;overflow:hidden}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector .slider-background .cursor>div{transition:margin-left .5s}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector .slider-background .cursor.left{left:0}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector .slider-background .cursor.left>div{margin-left:0}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector .slider-background .cursor.right{left:198px}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector .slider-background .cursor.right>div{margin-left:-198px}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector .slider-background .cursor>div{background-color:var(--silver);box-shadow:0 -4px 0 0 var(--silver) inset;width:396px;height:54px;display:flex;justify-content:space-around;align-items:center}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .mark-selector span:last-child{font-size:14px;font-weight:400;opacity:.5;align-self:normal}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .buttons{display:grid;gap:20px}.container.svelte-1islknk.svelte-1islknk.svelte-1islknk .buttons button{--width: 460px;--height: 67px}@media (max-width: 600px){.container.svelte-1islknk.svelte-1islknk.svelte-1islknk{gap:32px}.container.svelte-1islknk .mark-selector.svelte-1islknk .button svg{width:32px;height:32px}.container.svelte-1islknk .mark-selector.svelte-1islknk .button{--width:327px !important;--height:205px !important}.container.svelte-1islknk .buttons .button{--width:327px !important;--height:56px !important}.container.svelte-1islknk .mark-selector .slider-background.svelte-1islknk.svelte-1islknk,.container.svelte-1islknk .mark-selector .slider-background .cursor.svelte-1islknk>div.svelte-1islknk{width:264px;height:54px}.container.svelte-1islknk .mark-selector .slider-background .cursor.svelte-1islknk.svelte-1islknk{width:132px;height:54px}.container.svelte-1islknk .mark-selector .slider-background .cursor.right.svelte-1islknk.svelte-1islknk{left:132px}.container.svelte-1islknk .mark-selector .slider-background .cursor.right.svelte-1islknk>div.svelte-1islknk{margin-left:-132px}}
