@keyframes svelte-1giwflb-spin{0%{--angle: 0deg }to{--angle: 360deg }}@keyframes svelte-1giwflb-hint-flash{0%{color:#fff;opacity:0;transform:scale(.5);filter:blur(4px)}20%{color:#fff;opacity:1;transform:scale(2);filter:blur(4px)}40%{color:#fff;opacity:1;transform:scale(1.1);filter:blur(0)}60%{color:var(--hint-color);opacity:1;transform:scale(1);filter:blur(0)}to{color:var(--hint-color);opacity:1;transform:scale(1);filter:blur(0)}}@keyframes svelte-1giwflb-flash-pulse{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.8)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}@property --border_width{syntax: "<width>"; initial-value: 0px; inherits: true;}.board.svelte-1giwflb{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;aspect-ratio:1/1;border-radius:16px;width:var(--little-width);transition:box-shadow .5s ease-out,border-color .5s ease-out}.board.x-turn.svelte-1giwflb{--border_color: var(--x-primary);--secondary_color: var(--x-secondary)}.board.o-turn.svelte-1giwflb{--border_color: var(--o-primary);--secondary_color: var(--o-secondary)}.board.done.svelte-1giwflb{pointer-events:none}.board.dimmed.svelte-1giwflb .cell:where(.svelte-1giwflb){background:#0a0a0a}.board.wronging.svelte-1giwflb .cell:where(.svelte-1giwflb) img:where(.svelte-1giwflb){opacity:.3;transition:opacity .2s ease}.board.highlight.svelte-1giwflb:before{filter:blur(1.5rem);opacity:.5;animation:5s svelte-1giwflb-spin linear infinite}.board.highlight.svelte-1giwflb:after{opacity:1;animation:5s svelte-1giwflb-spin linear infinite}.board.svelte-1giwflb:before,.board.svelte-1giwflb:after{content:"";position:absolute;height:100%;width:100%;top:50%;left:50%;translate:-50% -50%;z-index:-1;border-radius:inherit;padding:3px;background:conic-gradient(from var(--angle),transparent 0turn .15turn,var(--border_color) .2turn .25turn,transparent .25turn .4turn,var(--border_color) .45turn .5turn,transparent .5turn .65turn,var(--border_color) .7turn .75turn,transparent .75turn .9turn,var(--border_color) .95turn 1turn,transparent 1turn 1turn);opacity:0;animation:none}.wrong-msg.svelte-1giwflb,.turn-msg.svelte-1giwflb{font-size:30px!important;text-align:center;position:absolute;inset:0;display:grid;place-items:center;font-weight:900;opacity:0;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.55);animation:1s svelte-1giwflb-flash-pulse .3s ease-out forwards;font-size:clamp(1.3rem,4vw,2rem);letter-spacing:.5px}.key-hint.svelte-1giwflb{position:absolute;inset:auto auto 8px 8px;font-weight:800;letter-spacing:.5px;font-size:clamp(12px,2.2vw,16px);pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--hint-color);transition:.2s ease}.key-hint.flash.svelte-1giwflb{animation:svelte-1giwflb-hint-flash .5s ease-out forwards;transition:.2s ease}.cell.svelte-1giwflb{cursor:pointer;overflow:hidden;position:relative;display:grid;place-items:center;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;aspect-ratio:1/1;color:#fff;border:1px solid var(--secondary-cell);background:var(--main-cell);transition:transform 90ms ease,background-color .12s ease}.cell.svelte-1giwflb:nth-child(1){border-top-left-radius:15px}.cell.svelte-1giwflb:nth-child(3){border-top-right-radius:15px}.cell.svelte-1giwflb:nth-child(7){border-bottom-left-radius:15px}.cell.svelte-1giwflb:nth-child(9){border-bottom-right-radius:15px}.cell.svelte-1giwflb:hover{background:var(--secondary_color);transform:scale(.98);transition:.3s ease-in}.cell.svelte-1giwflb:active{background:#030303;transform:scale(.94);transition:.2s ease-in}.cell.svelte-1giwflb:after{content:"";position:absolute;inset:-120%;pointer-events:none;transform:rotate(90deg) translateY(60%);background:linear-gradient(135deg,#fff0 40%,#ffffff1a,#fff0 60%);opacity:0}.cell.svelte-1giwflb:hover:after{opacity:1;animation:svelte-1giwflb-glare 3s linear infinite}@keyframes svelte-1giwflb-glare{0%{transform:translateY(-60%)}15%{transform:translateY(-60%)}25%{transform:translateY(60%)}70%{transform:translateY(60%)}90%{transform:translateY(-60%)}to{transform:translateY(-60%)}}img.little.svelte-1giwflb{width:80px}img.big.svelte-1giwflb{width:40px}img.done.svelte-1giwflb{pointer-events:none;opacity:.2}.overlay.svelte-1giwflb{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:clamp(5rem,20vw,12rem);font-weight:900;text-shadow:0 6px 24px rgba(0,0,0,.6);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:15px}.overlay.svelte-1giwflb img.little:where(.svelte-1giwflb){width:300px}.overlay.svelte-1giwflb img.big:where(.svelte-1giwflb){width:150px}.overlay.x-won.svelte-1giwflb{color:#00f;text-shadow:3px 3px 5px cyan}.overlay.o-won.svelte-1giwflb{color:red;text-shadow:3px 3px 5px orange}.overlay.svelte-1giwflb{transition:box-shadow .5s ease-out,border-color .3s ease-out}.overlay.clickable.svelte-1giwflb{pointer-events:auto;cursor:pointer}.overlay.draw.svelte-1giwflb .draw-wrap:where(.svelte-1giwflb){display:grid;place-items:center;gap:8px}.overlay.svelte-1giwflb .draw-text:where(.svelte-1giwflb){font-size:clamp(1rem,3vw,1.25rem);font-weight:700;opacity:.9}@keyframes svelte-1hxijzj-spin{0%{--angle: 0deg }to{--angle: 360deg }}@keyframes svelte-1hxijzj-hint-flash{0%{color:#fff;opacity:0;transform:scale(.5);filter:blur(4px)}20%{color:#fff;opacity:1;transform:scale(2);filter:blur(4px)}40%{color:#fff;opacity:1;transform:scale(1.1);filter:blur(0)}60%{color:var(--hint-color);opacity:1;transform:scale(1);filter:blur(0)}to{color:var(--hint-color);opacity:1;transform:scale(1);filter:blur(0)}}@keyframes svelte-1hxijzj-flash-pulse{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.8)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}@property --border_color{syntax: "<color>"; initial-value: var(--x-primary); inherits: true;}@property --secondary_color{syntax: "<color>"; initial-value: var(--x-secondary); inherits: true;}.big.svelte-1hxijzj{z-index:0;max-width:100%;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(3,minmax(0,3fr));border-radius:15px;position:relative;width:100%;height:100%;isolation:isolate}.big.x-turn.svelte-1hxijzj{--border_color: var(--x-primary);--secondary_color: var(--x-secondary)}.big.o-turn.svelte-1hxijzj{--border_color: var(--o-primary);--secondary_color: var(--o-secondary)}.big.svelte-1hxijzj:before,.big.svelte-1hxijzj:after{content:"";position:absolute;height:100%;width:100%;top:50%;left:50%;translate:-50% -50%;z-index:-1;border-radius:inherit;padding:8px;background:conic-gradient(from var(--angle),transparent 0turn .15turn,var(--border_color) .2turn .25turn,transparent .25turn .4turn,var(--border_color) .45turn .5turn,transparent .5turn .65turn,var(--border_color) .7turn .75turn,transparent .75turn .9turn,var(--border_color) .95turn 1turn,transparent 1turn 1turn);opacity:0;animation:none}.big.anywhere.svelte-1hxijzj:before{filter:blur(.5rem);opacity:.5;animation:5s svelte-1hxijzj-spin linear infinite}.big.anywhere.svelte-1hxijzj:after{opacity:1;animation:5s svelte-1hxijzj-spin linear infinite}.turn-msg.svelte-1hxijzj{font-size:40px!important;text-align:center;position:absolute;inset:0;display:grid;place-items:center;font-weight:900;opacity:0;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.55);animation:1s svelte-1hxijzj-flash-pulse .3s ease-out forwards;font-size:clamp(1.4rem,5vw,2.4rem);z-index:3}.big-cell.svelte-1hxijzj{position:relative;overflow:hidden;border-radius:8px;display:grid;place-items:center;min-width:0;min-height:0;background-color:var(--main-cell)}.big-cell.svelte-1hxijzj:nth-child(1){border-top-left-radius:15px}.big-cell.svelte-1hxijzj:nth-child(3){border-top-right-radius:15px}.big-cell.svelte-1hxijzj:nth-child(7){border-bottom-left-radius:15px}.big-cell.svelte-1hxijzj:nth-child(9){border-bottom-right-radius:15px}.cell-anim.svelte-1hxijzj{will-change:transform;position:absolute;width:90%;height:90%}@property --line_color{syntax: "<color>"; initial-value: rgba(255,255,255,.3); inherits: true;}@property --secondary_color{syntax: "<color>"; initial-value: rgba(255,255,255,.3); inherits: true;}.lines-box.svelte-139um03{position:absolute;margin:auto;pointer-events:none;z-index:1}.line.svelte-139um03{border-radius:50%;position:absolute;background-color:var(--line_color);transition:background-color .2s ease;animation:3s svelte-139um03-color-shift ease-in-out infinite;isolation:isolate}.line.v.svelte-139um03{width:6px;transform:translate(-3px)}.line.h.svelte-139um03{height:6px;transform:translateY(-3px)}.line.x-turn.svelte-139um03{--line_color: var(--x-primary);--secondary_color: var(--x-secondary)}.line.o-turn.svelte-139um03{--line_color: var(--o-primary);--secondary_color: var(--o-secondary)}@keyframes svelte-139um03-color-shift{0%{filter:blur(0);background-color:var(--secondary_color)}50%{filter:blur(1px);background-color:var(--line_color)}to{filter:blur(0);background-color:var(--secondary_color)}}:root{--x-primary: #1e90ff;--x-secondary: #0C3B68;--o-primary: #FF4500;--o-secondary: #421200;--main-bg: rgb(10, 10, 10);--main-cell: rgb(10, 10, 10);--secondary-cell: rgb(50, 50, 50);--hint-color: rgb(50, 50, 50)}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes svelte-1uha8ag-spin{0%{--angle: 0deg }to{--angle: 360deg }}@keyframes svelte-1uha8ag-hint-flash{0%{color:#fff;opacity:0;transform:scale(.5);filter:blur(4px)}20%{color:#fff;opacity:1;transform:scale(2);filter:blur(4px)}40%{color:#fff;opacity:1;transform:scale(1.1);filter:blur(0)}60%{color:var(--hint-color);opacity:1;transform:scale(1);filter:blur(0)}to{color:var(--hint-color);opacity:1;transform:scale(1);filter:blur(0)}}@keyframes svelte-1uha8ag-flash-pulse{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.8)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}html,body{height:100%;margin:0;background:var(--main-bg);color:#e8eaed;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.scorebar.svelte-1uha8ag{position:sticky;top:0;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#0c0d1299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scorebar.svelte-1uha8ag .player-x:where(.svelte-1uha8ag){color:var(--x-primary);padding-right:20px}.scorebar.svelte-1uha8ag .player-o:where(.svelte-1uha8ag){color:var(--o-primary);padding-left:10px}.scorebar.svelte-1uha8ag .logo:where(.svelte-1uha8ag){width:auto;height:40px;border-radius:8px}.scorebar.svelte-1uha8ag .score:where(.svelte-1uha8ag){font-size:1.5rem;font-weight:700;letter-spacing:.5px;white-space:nowrap;width:100%;display:flex;justify-content:center;align-items:center}.scorebar.svelte-1uha8ag .settings:where(.svelte-1uha8ag){justify-self:end;width:50px;aspect-ratio:1/1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:transparent;color:inherit;cursor:pointer}.home.svelte-1uha8ag{overflow:hidden;position:relative;min-height:calc(100dvh - 256px);display:grid;place-items:center;padding:24px;isolation:isolate}.bg-image.svelte-1uha8ag{position:absolute;inset:0;background-image:none;opacity:.15;z-index:-1}.board-wrap.svelte-1uha8ag{width:auto;display:grid;place-items:center}.board-box.svelte-1uha8ag{position:relative;aspect-ratio:1/1;transition:width .5s cubic-bezier(.4,0,.2,1)}.layer.svelte-1uha8ag{isolation:isolate;position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:opacity .3s ease}.settings-pop.svelte-1uha8ag{position:fixed;top:56px;right:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0c0d12e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;gap:10px;z-index:20}.settings-pop.svelte-1uha8ag .row:where(.svelte-1uha8ag){display:flex;align-items:center;gap:8px}.settings-pop.svelte-1uha8ag input:where(.svelte-1uha8ag){width:18px;height:18px}
