@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/play/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(/play/assets/outfit-latin-400-normal-DMwTpYkH.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/play/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/play/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(/play/assets/outfit-latin-700-normal-D4itBLBr.woff)format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/play/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{--night:#0a1428;--panel:#111f3d;--line:#25385f;--ink:#eef2fb;--dim:#97a6c6;--you:#ffc857;--them:#6fe3ff;--go:#5ee6a8;--board:min(calc(100vw - 36px), 52dvh, 480px);--left:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);min-height:100%;color:var(--ink);margin:0;font-family:Outfit,system-ui,sans-serif;font-size:17px;line-height:1.4}body{place-items:center;min-height:100dvh;padding:18px;display:grid}::selection{background:var(--you);color:var(--night)}canvas{display:block}[hidden]:not(.button){display:none!important}.rejoin{z-index:5;color:#2c1c00;background:linear-gradient(#fff08a,#ffcf2e);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin-inline:20px;padding:12px 16px;text-decoration:none;display:flex;position:sticky;top:10px;box-shadow:0 5px #8a5f00,0 0 26px #ffe14d8c}.rejoin-go{font-variant-numeric:tabular-nums;font-family:Bungee,Outfit,sans-serif;font-size:15px}.rejoin:focus-visible{outline-offset:3px;outline:3px solid #fff}html[data-room=arcade]{background:#0a061e}html[data-room=arcade] body{background-color:#0000;background-image:radial-gradient(130% 70% at 50% 0,#08041a00 30%,#08041adb 100%),linear-gradient(#0a061ee6,#0a061e40 46%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' fill='none' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='260' height='260' fill='%23160f3a'/%3E%3Cpath d='M18 40q12-18 24 0t24 0 24 0' stroke='%23ff3fa4'/%3E%3Cpath d='M150 28l22 34h-44z' stroke='%2335e0ff'/%3E%3Cpath d='M214 96l14-14 14 14-14 14z' stroke='%23ffe14d'/%3E%3Cpath d='M30 132l16 12-16 12 16 12-16 12' stroke='%2335e0ff'/%3E%3Ccircle cx='108' cy='118' r='13' stroke='%23ffe14d'/%3E%3Cpath d='M150 170q14-20 28 0t28 0' stroke='%239dff5c'/%3E%3Cpath d='M70 214l20 30h-40z' stroke='%23ff3fa4'/%3E%3Cpath d='M196 214l12 12m0-12l-12 12' stroke='%23ff7a3d'/%3E%3Cg fill='%23ff3fa4' stroke='none'%3E%3Ccircle cx='112' cy='60' r='4'/%3E%3Ccircle cx='236' cy='40' r='4'/%3E%3Ccircle cx='130' cy='224' r='4'/%3E%3C/g%3E%3Cg fill='%2335e0ff' stroke='none'%3E%3Ccircle cx='74' cy='98' r='4'/%3E%3Ccircle cx='180' cy='128' r='4'/%3E%3Ccircle cx='22' cy='226' r='4'/%3E%3C/g%3E%3Cg fill='%23ffe14d' stroke='none'%3E%3Crect x='226' y='160' width='9' height='9' transform='rotate(20 230 164)'/%3E%3Crect x='92' y='168' width='9' height='9' transform='rotate(-18 96 172)'/%3E%3C/g%3E%3C/svg%3E");background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,260px;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:start center;padding:0}.lobby{gap:12px;width:min(100%,1780px);margin-inline:auto;padding:20px 0 40px;display:grid}.lobby-head,.lobby-title,.lobby-pitch,.you,.lobby-problem{margin-inline:20px}.lobby-head{justify-content:space-between;align-items:center;display:flex}.wordmark{color:#fff3c4;text-shadow:0 2px #7a0f33;background:#d81e5b;border:5px dotted #ffe9a6;border-radius:10px;margin:0;padding:8px 18px 6px;font-family:Bungee,Outfit,sans-serif;font-size:30px;line-height:1;box-shadow:0 0 26px #ff3fa48c,0 6px #00000073}.lobby-title{color:#fff;text-shadow:3px 3px #ff3fa4,6px 6px #35e0ff8c;text-wrap:balance;margin-top:16px;margin-bottom:0;font-family:Bungee,Outfit,sans-serif;font-size:clamp(34px,9.5vw,58px);font-weight:400;line-height:.98}.lobby-pitch{color:#cfd0f2;max-width:36ch;margin-top:0;margin-bottom:0}.you{color:#cfd0f2;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:4px;margin-bottom:4px;display:flex}.you-name{color:#ffe14d;font-weight:700}.online{color:#ff4d3d;text-transform:uppercase;text-shadow:0 0 8px #ff4d3de6;background:#12060a;border-radius:6px;margin-left:auto;padding:4px 10px 3px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:11px;line-height:1.6;box-shadow:inset 0 0 0 2px #3a1016}.online:empty{display:none}.text-button{color:#fff;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #ff3fa4;text-decoration:underline #ff3fa4;text-decoration-thickness:2px}.text-button:hover{text-decoration-color:#35e0ff}.tiles{scroll-snap-type:x mandatory;scrollbar-width:none;gap:22px;margin:0;padding:26px 20px 30px;scroll-padding-inline:20px;list-style:none;display:flex;overflow-x:auto}.tiles::-webkit-scrollbar{display:none}@media (width>=700px){.tiles{scroll-snap-type:none;flex-wrap:wrap;justify-content:center;row-gap:34px;overflow-x:visible}}.tile{--side:#2a1f6b;scroll-snap-align:center;background:linear-gradient(90deg, var(--side) 0 12px, transparent 12px calc(100% - 12px), var(--side) calc(100% - 12px)), var(--body,linear-gradient(#17123f, #0d0a26));box-shadow:inset 4px 0 0 var(--edge-a,#ff3fa4), inset -4px 0 0 var(--edge-b,#35e0ff), 0 30px 34px -14px #000000d9;border-radius:14px 14px 6px 6px;flex:0 0 min(76vw,268px);align-content:start;padding:0 12px;display:grid;position:relative}.cab-marquee{text-align:center;background:#2a2f6b;border-radius:8px;place-items:center;min-height:62px;margin:10px 0 0;padding:8px 10px;display:grid;box-shadow:0 0 22px #ffffff2e,inset 0 0 0 3px #00000073}.tile-name{color:#fff;margin:0;font-family:Bungee,Outfit,sans-serif;font-size:21px;font-weight:400;line-height:1.05}.cab-screen{background:#05040c;border-radius:12px;margin-top:12px;padding:12px;position:relative;box-shadow:inset 0 0 0 2px #1c1840,inset 0 10px 22px #000000e6}.tile-art{aspect-ratio:4/3;background:#111;border-radius:18px/14px;overflow:hidden;box-shadow:0 0 26px #78beff47}.cab-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000042 0 1px,#0000 1px 3px),radial-gradient(120% 90% at 50% 40%,#0000 55%,#0009 100%),linear-gradient(130deg,#ffffff29,#0000 34%);border-radius:18px/14px;position:absolute;inset:12px}.cab-attract{z-index:1;color:#fff;text-align:center;text-transform:uppercase;text-shadow:0 2px #000,0 0 10px #000000e6;margin:0;padding:0 8px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:10px;line-height:1.7;animation:1.2s step-end infinite attract;position:absolute;bottom:22px;left:12px;right:12px}@keyframes attract{60%{opacity:0}}.tile[data-calling=true] .cab-attract{color:#9dff5c;animation-duration:.7s}.tile[data-calling=true] .tile-art{box-shadow:0 0 34px #9dff5cb3}.tile[data-waiting=true] .cab-attract{color:#ffe14d}.tile[data-waiting=true] .tile-art{box-shadow:0 0 34px #ffe14db3}.cab-panel{background:linear-gradient(#ffffff29, #fff0 26%), linear-gradient(#0000, #00000038), var(--deck,linear-gradient(#2a2362, #151039));border-radius:5px 5px 9px 9px;gap:12px;margin:14px -18px 0;padding:13px 20px 26px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 2px 0 #ffffff0f,inset -2px 0 #0000004d,0 12px 12px -5px #000c}.cab-panel:after{content:"";background:linear-gradient(#ffffff73, #fff0 35%, #0006), var(--trim,var(--side));border-radius:0 0 9px 9px;height:10px;position:absolute;inset:auto 0 0}.tile-count{color:#ffb24a;letter-spacing:.03em;text-align:center;text-transform:uppercase;text-shadow:0 0 8px #ffa03cbf;font-variant-numeric:tabular-nums;background:#090614;border-radius:4px;margin:0;padding:7px 8px 5px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:9px;line-height:1.5;box-shadow:inset 0 2px 5px #000,0 1px #ffffff21}.tile[data-calling=true] .tile-count{color:#9dff5c;text-shadow:0 0 8px #9dff5ccc}.tile-find{color:#fff;text-shadow:0 1px #0006;cursor:pointer;background:linear-gradient(#ff6a5e,#e02c2c 60%,#b81c24);border:0;border-radius:999px;padding:13px 12px 14px;font-family:Bungee,Outfit,sans-serif;font-size:15px;line-height:1.1;transition:transform 70ms ease-out,box-shadow 70ms ease-out;box-shadow:inset 0 2px #ffffff80,0 5px #7c1018,0 0 0 4px #0d0a26,0 10px 12px #00000080}.tile-find:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff80,0 1px #7c1018,0 0 0 4px #0d0a26,0 3px 5px #00000080}.tile-find:disabled{filter:saturate(.2)brightness(.7);cursor:default}.tile[data-calling=true] .tile-find{color:#06250a;text-shadow:none;background:linear-gradient(#b6ff7c,#4fd61f 60%,#2f9c12);box-shadow:inset 0 2px #fff9,0 5px #1d6a0c,0 0 0 4px #0d0a26,0 0 22px #9dff5c99}.tile[data-waiting=true] .tile-find{color:#2c1c00;text-shadow:none;background:linear-gradient(#fff08a,#ffcf2e 60%,#d99a08);box-shadow:inset 0 2px #fff9,0 5px #8a5f00,0 0 0 4px #0d0a26,0 0 22px #ffe14d8c}.tile-nudge{color:var(--deck-ink,#cfd0f2);margin:0;font-size:15px}.tile-nudge-link{color:var(--deck-link,#ffe14d);text-underline-offset:4px}.cab-door{background:linear-gradient(#0000008c, #0000) 0 0 / 100% 20px no-repeat, var(--front,linear-gradient(#08051c9e, #08051ccc), var(--side));border-radius:0 0 6px 6px;place-items:center;margin:0 -12px;padding:18px 14px 32px;display:grid;position:relative}.cab-door:after{content:"";background:linear-gradient(#000,#0b0916);border-radius:0 0 6px 6px;height:16px;position:absolute;inset:auto 0 0;box-shadow:inset 0 2px #ffffff12}.coin-door{background:linear-gradient(#3b3d54,#1b1c2a);border-radius:7px;justify-content:center;gap:8px;width:min(100%,232px);padding:12px 8px 10px;display:flex;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 2px #0b0b14,inset 0 0 0 3px #ffffff12,0 3px 6px #0009}.coin-slot{color:#eef;max-width:112px;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex:1 1 0;align-content:start;justify-items:center;gap:8px;padding:0;font-size:13px;font-weight:600;line-height:1.15;text-decoration:none;display:grid;position:relative}.coin{color:#fff1c2;text-shadow:0 1px #00000080;background:linear-gradient(#1a0503,#1a0503) 50% 9px/5px 22px no-repeat,linear-gradient(#ff8a52,#df2b1c);border-radius:5px;place-items:end center;width:50px;height:58px;padding-bottom:7px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:8px;line-height:1;transition:filter .1s,transform 70ms ease-out;display:grid;box-shadow:inset 0 0 0 2px #2a0906,inset 0 3px #ffffff4d,0 0 14px #ff5a3299}.coin-slot:hover .coin{filter:brightness(1.2)}.coin-slot:active .coin{filter:brightness(.85);transform:translateY(2px)}.coin-slot:disabled{color:#9c9cc4;cursor:default}.coin-slot:disabled .coin{filter:saturate(.2)brightness(.6)}.coin-slot.dropping:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 36% 30%,#fff 0 12%,#d5d9e2 42%,#7f8695 100%);border-radius:50%;width:24px;height:24px;margin-left:-12px;animation:.33s cubic-bezier(.5,0,.9,.4) forwards coin-drop;position:absolute;top:-22px;left:50%;box-shadow:inset 0 0 0 2px #6b7180,0 2px 4px #00000080}@keyframes coin-drop{0%{opacity:1;transform:translateY(0)scaleX(1)}70%{opacity:1;transform:translateY(30px)scaleX(.22)}to{opacity:0;transform:translateY(46px)scaleX(.18)}}.tile-soon{filter:saturate(.35)brightness(.72)}.tile-soon .tile-art{box-shadow:none;background:#07070d}.tile-soon .cab-attract{color:#8f90b8;animation:none}.tile-soon .cab-marquee{box-shadow:inset 0 0 0 3px #00000073}.lobby-problem{color:#ffe14d;margin-top:0;margin-bottom:0}.lobby-problem:empty{display:none}:is(.text-button,.tile-find,.coin-slot,.tile-nudge-link,.icon-button,.back,.prompt-play,.prompt-later):focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #ffe14d}.tile-find:focus-visible{border-radius:999px}@media (prefers-reduced-motion:reduce){.cab-attract{animation:none}.tile-find,.coin{transition:none}}.prompt{z-index:20;color:#fff;background:#060314cc;place-items:center;padding:18px;font-family:Outfit,system-ui,sans-serif;font-size:17px;line-height:1.4;display:grid;position:fixed;inset:0}.prompt-card{background:#17123f;border-radius:14px;gap:14px;width:min(100%,400px);padding:22px;animation:.3s cubic-bezier(.16,1,.3,1) arrive;display:grid;box-shadow:0 0 0 4px #ffe14d,0 0 0 8px #d81e5b,0 0 50px #ff3fa499}@keyframes arrive{0%{opacity:0;transform:scale(.7)rotate(-3deg)}}.prompt-title{color:#ffe14d;text-shadow:3px 3px #d81e5b;text-wrap:balance;margin:0;font-family:Bungee,Outfit,sans-serif;font-size:clamp(24px,7.4vw,32px);font-weight:400;line-height:1}.prompt-detail{color:#cfd0f2;margin:0}.prompt-clock{background:#0d0a26;border-radius:4px;height:8px;overflow:hidden}.prompt-clock span{height:100%;transform:scaleX(var(--left,1));transform-origin:0;background:#9dff5c;display:block}.prompt-actions{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.prompt-play,.prompt-later{font:inherit;cursor:pointer;border:0;padding:14px 18px}.prompt-play{color:#06250a;background:linear-gradient(#b6ff7c,#4fd61f 60%,#2f9c12);border-radius:999px;font-family:Bungee,Outfit,sans-serif;font-size:18px;box-shadow:inset 0 2px #fff9,0 5px #1d6a0c}.prompt-play:active{transform:translateY(4px);box-shadow:inset 0 2px #fff9,0 1px #1d6a0c}.prompt-later{color:#cfd0f2;background:0 0}.prompt-later:hover{color:#fff}@media (prefers-reduced-motion:reduce){.prompt-card{animation:none}}.match{width:var(--board);justify-items:center;display:grid}.screen-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.match-head{justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:16px;display:flex}.match-tools{align-items:center;gap:14px;display:flex}.icon-button{width:36px;height:36px;color:var(--dim);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon-button:hover{color:var(--ink)}.back{color:var(--dim);white-space:nowrap;text-underline-offset:4px}.back:hover{color:var(--ink)}.players{width:100%;color:var(--dim);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.player{align-items:baseline;gap:10px;min-width:0;display:flex}.match[data-turn=you] .player-you{color:var(--you)}.match[data-turn=them] .player-them{color:var(--them)}.score{flex-wrap:wrap;gap:3px;display:inline-flex}.score i{background:currentColor;border-radius:50%;width:7px;height:7px}.clock{background:var(--line);border-radius:3px;width:100%;height:6px;margin:10px 0 16px}.clock-left{height:100%;transform:scaleX(var(--left));transform-origin:0;background:var(--you);border-radius:3px;display:block}.match[data-turn=them] .clock-left{transform-origin:100%;background:var(--them)}.match[data-turn=none] .clock-left{background:0 0}.board{width:var(--board);height:var(--board);touch-action:manipulation;cursor:pointer;outline:none}.board:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.share{width:var(--board);height:var(--board);background:var(--panel);text-align:center;border-radius:18px;align-content:center;justify-items:center;gap:10px;padding:16px;display:grid}.share-text{color:var(--dim);margin:0}.share-link{color:var(--you);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0;font-size:20px;font-weight:600}.status{text-align:center;min-height:1.4em;margin:18px 0 0;font-size:20px;font-weight:600}.match[data-turn=you] .status{color:var(--you)}.match[data-turn=them] .status{color:var(--them)}.note{min-height:1.4em;color:var(--dim);text-align:center;margin:4px 0 0}.button{background:var(--ink);color:var(--night);font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:8px;padding:13px 22px;font-weight:700}.button:hover{background:#fff}.button:focus-visible{outline:3px solid var(--you);outline-offset:3px}.button[hidden]{visibility:hidden;display:block}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/play/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/play/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/play/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/play/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}html[data-game=connectfour]{--table:#3a2418;--table-deep:#170d08;--cream:#fff4dc;--cream-faint:#fff4dc9e;--plastic:#2459e0;--plastic-deep:#12318f;--board:min(calc(100vw - 36px), 52dvh, 480px);background:var(--table-deep)}html[data-game=connectfour] body{color:var(--cream);background:radial-gradient(90% 62% at 50% 44%, #ffc47833 0%, #ffc47800 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .32' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 -.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"), radial-gradient(120% 90% at 50% 40%, var(--table) 0%, var(--table-deep) 100%);background-size:auto,100% 240px,auto;background-attachment:fixed;font-family:Fredoka,Trebuchet MS,system-ui,sans-serif;font-size:19px;font-weight:500;line-height:1.3}html[data-game=connectfour] ::selection{background:var(--you);color:var(--table-deep)}html[data-game=connectfour] canvas{image-rendering:auto}html[data-game=connectfour] .match-head{margin-bottom:14px}html[data-game=connectfour] .screen-title{letter-spacing:-.01em;text-shadow:0 2px #00000059;font-size:clamp(26px,8vw,36px);font-weight:600;line-height:1}html[data-game=connectfour] .back,html[data-game=connectfour] .icon-button{color:var(--cream-faint)}html[data-game=connectfour] .back{text-underline-offset:4px;font-size:16px;text-decoration:underline;text-decoration-thickness:2px}html[data-game=connectfour] .back:hover,html[data-game=connectfour] .icon-button:hover{color:var(--cream)}html[data-game=connectfour] .players{color:var(--cream-faint);align-items:center;font-size:19px}html[data-game=connectfour] .player{align-items:center;gap:8px}html[data-game=connectfour] .name:before{content:"";vertical-align:-2px;background:radial-gradient(circle at 35% 30%, #fff8 0 12%, transparent 40%), var(--you);border-radius:50%;width:16px;height:16px;margin-right:8px;display:inline-block;box-shadow:inset 0 -2px 3px #00000059,0 2px 3px #0006}html[data-game=connectfour] .name-them:before{background:radial-gradient(circle at 35% 30%, #fff8 0 12%, transparent 40%), var(--them)}html[data-game=connectfour] .match[data-turn=you] .player-you,html[data-game=connectfour] .match[data-turn=them] .player-them{color:var(--cream)}html[data-game=connectfour] .score{gap:4px}html[data-game=connectfour] .score i{background:var(--you);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 -1px 2px #0006}html[data-game=connectfour] .player-them .score i{background:var(--them)}html[data-game=connectfour] .clock{background:#00000073;border-radius:4px;height:8px;margin:10px 0 16px;overflow:hidden;box-shadow:inset 0 2px 3px #0009,0 1px #ffffff14}html[data-game=connectfour] .clock-left{border-radius:4px}html[data-game=connectfour] .board{filter:drop-shadow(0 16px 14px #0000008c);outline-offset:6px}html[data-game=connectfour] .board:focus-visible{outline:3px solid var(--cream);border-radius:12px}html[data-game=connectfour] .status{color:var(--cream);margin-top:22px;font-size:24px;font-weight:600}html[data-game=connectfour] .note{color:var(--cream-faint);font-size:16px}html[data-game=connectfour] .button{background:linear-gradient(#4a86ff, var(--plastic) 55%, #1b46c8);color:#fff;text-shadow:0 1px #0000004d;box-shadow:inset 0 1px 0 #ffffff73, 0 5px 0 var(--plastic-deep), 0 12px 14px #00000073;border-radius:14px;margin-top:6px;padding:12px 26px 13px;font-size:20px;font-weight:600;transition:transform 80ms ease-out,box-shadow 80ms ease-out}html[data-game=connectfour] .button:hover{background:linear-gradient(#5c93ff,#2c63ec 55%,#1f4dd4)}html[data-game=connectfour] .button:active{box-shadow:inset 0 1px 0 #ffffff73, 0 1px 0 var(--plastic-deep), 0 4px 6px #00000073;transform:translateY(4px)}html[data-game=connectfour] .button:focus-visible{outline:3px solid var(--cream);outline-offset:4px}html[data-game=connectfour] .share{background:#00000052;border-radius:18px;gap:8px;box-shadow:inset 0 2px 6px #00000080}html[data-game=connectfour] .share-text{color:var(--cream-faint)}html[data-game=connectfour] .share-link{color:var(--you);font-size:22px;font-weight:600}@media (prefers-reduced-motion:reduce){html[data-game=connectfour] .button{transition:none}}.tile[data-game=connectfour]{--side:#1b46c8}.tile[data-game=connectfour] .cab-marquee{background:linear-gradient(#ffd23f,#f0a80c)}.tile[data-game=connectfour] .tile-name{color:#c41f1f;text-shadow:0 2px #ffffff80;font-family:Fredoka,system-ui,sans-serif;font-size:25px;font-weight:600}.tile[data-game=connectfour] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 105'%3E%3Crect width='140' height='105' fill='%232459e0'/%3E%3Cg fill='%230a1746'%3E%3Ccircle cx='20' cy='18' r='8'/%3E%3Ccircle cx='40' cy='18' r='8'/%3E%3Ccircle cx='60' cy='18' r='8'/%3E%3Ccircle cx='80' cy='18' r='8'/%3E%3Ccircle cx='100' cy='18' r='8'/%3E%3Ccircle cx='120' cy='18' r='8'/%3E%3Ccircle cx='20' cy='38' r='8'/%3E%3Ccircle cx='40' cy='38' r='8'/%3E%3Ccircle cx='100' cy='38' r='8'/%3E%3Ccircle cx='120' cy='38' r='8'/%3E%3Ccircle cx='20' cy='58' r='8'/%3E%3Ccircle cx='120' cy='58' r='8'/%3E%3C/g%3E%3Cg fill='%23ffd23f'%3E%3Ccircle cx='60' cy='38' r='8'/%3E%3Ccircle cx='40' cy='58' r='8'/%3E%3Ccircle cx='80' cy='58' r='8'/%3E%3Ccircle cx='60' cy='58' r='8'/%3E%3C/g%3E%3Cg fill='%23ef3b36'%3E%3Ccircle cx='80' cy='38' r='8'/%3E%3Ccircle cx='100' cy='58' r='8'/%3E%3C/g%3E%3C/svg%3E") top/cover no-repeat}.tile[data-game=connectfour]{--deck:linear-gradient(#3d7bff, #1b46c8);--trim:#ffd23f;--front:linear-gradient(#ffffff29, #fff0 40%), repeating-linear-gradient(0deg, #08145059 0 2px, transparent 2px 14px), linear-gradient(#2459e0, #163aa8);--edge-a:#ffd23f;--edge-b:#ef3b36;--body:linear-gradient(#0f1c57, #070d2e)}html[data-game=lightcycles]{--void:#02040c;--grid:#2f6bff;--ice:#dfeaff;--ice-dim:#bed2ff99;--board:min(calc(100vw - 32px), 42dvh, 380px);background:var(--void)}html[data-game=lightcycles] body{color:var(--ice);background:linear-gradient(#02040c 38%, #02040c33), repeating-linear-gradient(90deg, #2f6bff59 0 1px, transparent 1px 44px), repeating-linear-gradient(0deg, #2f6bff59 0 1px, transparent 1px 44px), var(--void);background-attachment:fixed;font-family:Outfit,system-ui,sans-serif;font-size:16px}html[data-game=lightcycles] ::selection{background:var(--you);color:var(--void)}html[data-game=lightcycles] .screen-title{color:#fff;text-shadow:0 0 14px var(--you), 0 0 2px var(--you);font-family:Bungee,Outfit,sans-serif;font-size:clamp(22px,7vw,30px);font-weight:400;line-height:1}html[data-game=lightcycles] .back,html[data-game=lightcycles] .icon-button{color:var(--ice-dim)}html[data-game=lightcycles] .back:hover,html[data-game=lightcycles] .icon-button:hover{color:#fff}html[data-game=lightcycles] .players{margin-bottom:12px;font-weight:600}html[data-game=lightcycles] .player-you{color:var(--you);text-shadow:0 0 12px var(--you)}html[data-game=lightcycles] .player-them{color:var(--them);text-shadow:0 0 12px var(--them)}html[data-game=lightcycles] .score i{border-radius:1px;box-shadow:0 0 8px}html[data-game=lightcycles] .clock{display:none}html[data-game=lightcycles] .board{height:calc(var(--board) * 1.4);border:2px solid var(--grid);box-sizing:content-box;touch-action:none;border-radius:4px;box-shadow:0 0 30px #2f6bff8c,inset 0 0 30px #2f6bff33}html[data-game=lightcycles] .board:focus-visible{outline-offset:5px;outline:3px solid #fff}html[data-game=lightcycles] .status{color:#fff;margin-top:16px;font-family:Bungee,Outfit,sans-serif;font-size:18px;font-weight:400}html[data-game=lightcycles] .match[data-turn=you] .status{color:var(--you);text-shadow:0 0 14px var(--you)}html[data-game=lightcycles] .match[data-turn=them] .status{color:var(--them);text-shadow:0 0 14px var(--them)}html[data-game=lightcycles] .note{color:var(--ice-dim)}html[data-game=lightcycles] .button{border:2px solid var(--you);color:#fff;background:#35e0ff14;border-radius:4px;font-family:Bungee,Outfit,sans-serif;font-weight:400;box-shadow:0 0 18px #35e0ff80,inset 0 0 14px #35e0ff33}html[data-game=lightcycles] .button:hover{background:var(--you);color:var(--void)}html[data-game=lightcycles] .button:focus-visible{outline-offset:4px;outline:3px solid #fff}html[data-game=lightcycles] .share{height:calc(var(--board) * 1.4);border:2px solid var(--grid);background:#2f6bff14;border-radius:4px}html[data-game=lightcycles] .share-text{color:var(--ice-dim)}html[data-game=lightcycles] .share-link{color:var(--you)}.tile[data-game=lightcycles]{--side:#0a1030}.tile[data-game=lightcycles] .cab-marquee{background:#030614;box-shadow:0 0 22px #35e0ff80,inset 0 0 0 2px #35e0ff}.tile[data-game=lightcycles] .tile-name{color:#fff;text-shadow:0 0 12px #35e0ff,0 0 2px #35e0ff;font-size:19px}.tile[data-game=lightcycles] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect width='120' height='90' fill='%2302040c'/%3E%3Cg stroke='%232f6bff' stroke-opacity='.3'%3E%3Cpath d='M0 15h120M0 30h120M0 45h120M0 60h120M0 75h120M15 0v90M30 0v90M45 0v90M60 0v90M75 0v90M90 0v90M105 0v90'/%3E%3C/g%3E%3Cpath d='M20 78V40h40V18' stroke='%2335e0ff' stroke-opacity='.4' stroke-width='7'/%3E%3Cpath d='M20 78V40h40V18' stroke='%23eaffff' stroke-width='2'/%3E%3Cpath d='M100 10v40H78v18' stroke='%23ff8a3d' stroke-opacity='.4' stroke-width='7'/%3E%3Cpath d='M100 10v40H78v18' stroke='%23fff1e6' stroke-width='2'/%3E%3Ccircle cx='60' cy='18' r='4' fill='%23fff'/%3E%3Ccircle cx='78' cy='68' r='4' fill='%23fff'/%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=lightcycles]{--deck:linear-gradient(#35e0ff47 1px, transparent 1px) 0 0 / 100% 14px, linear-gradient(90deg, #35e0ff47 1px, transparent 1px) 0 0 / 14px 100%, linear-gradient(#050a1e, #02040c);--trim:#35e0ff;--front:linear-gradient(#ff8a3d66 1px, transparent 1px) 0 0 / 100% 22px, linear-gradient(90deg, #35e0ff59 1px, transparent 1px) 0 0 / 22px 100%, linear-gradient(#050a1e, #02040c);--edge-a:#35e0ff;--edge-b:#ff8a3d;--body:linear-gradient(#060b22, #02040c)}html[data-game=pong]{--glass:#030806;--phosphor:#8dffb0;--phosphor-dim:#8dffb08c;--board:min(calc(100vw - 56px), 40dvh, 360px);background:#020403}html[data-game=pong] body{color:var(--phosphor);background-color:#020403;background-image:radial-gradient(80% 60% at 50% 52%,#3cff961a 0%,#3cff9600 70%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:"Press Start 2P",ui-monospace,monospace;font-size:11px;line-height:1.8}html[data-game=pong] ::selection{background:var(--phosphor);color:#020403}html[data-game=pong] .match{width:calc(var(--board) + 28px)}html[data-game=pong] .screen-title{letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 12px #8dffb0cc;font-size:20px;font-weight:400}html[data-game=pong] .back,html[data-game=pong] .icon-button{color:var(--phosphor-dim)}html[data-game=pong] .back:hover,html[data-game=pong] .icon-button:hover{color:var(--phosphor)}html[data-game=pong] .players{color:var(--phosphor-dim)}html[data-game=pong] .player-you{color:var(--you)}html[data-game=pong] .player-them{color:var(--them)}html[data-game=pong] .score i{border-radius:0}html[data-game=pong] .clock{display:none}html[data-game=pong] .players{margin-bottom:12px}html[data-game=pong] .board{height:calc(var(--board) * 1.5);box-sizing:content-box;touch-action:none;cursor:ew-resize;border:14px solid #15171a;border-radius:26px/30px;box-shadow:0 0 0 2px #2a2d31,0 0 60px #3cff9638,inset 0 0 30px #000000e6}html[data-game=pong] .board:focus-visible{outline:3px solid var(--phosphor);outline-offset:5px}html[data-game=pong] .status{text-transform:uppercase;color:var(--phosphor);text-shadow:0 0 10px #8dffb0b3;margin-top:16px;font-size:12px;font-weight:400}html[data-game=pong] .match[data-turn=you] .status{color:var(--you)}html[data-game=pong] .match[data-turn=them] .status{color:var(--them)}html[data-game=pong] .note{color:var(--phosphor-dim)}html[data-game=pong] .button{border:2px solid var(--phosphor);color:var(--phosphor);text-transform:uppercase;background:0 0;border-radius:0;padding:14px 18px 12px;font-size:12px;font-weight:400;box-shadow:0 0 16px #8dffb059,inset 0 0 12px #8dffb026}html[data-game=pong] .button:hover{background:var(--phosphor);color:#020403}html[data-game=pong] .button:focus-visible{outline-offset:4px;outline:3px solid #fff}html[data-game=pong] .share{height:calc(var(--board) * 1.5);border:2px dashed var(--phosphor-dim);background:0 0;border-radius:0}html[data-game=pong] .share-text{color:var(--phosphor-dim)}html[data-game=pong] .share-link{color:var(--you);font-size:12px;font-weight:400}.tile[data-game=pong]{--side:#5a3a1c}.tile[data-game=pong] .cab-marquee{background:linear-gradient(#ffb02e,#e07a10)}.tile[data-game=pong] .tile-name{color:#2a1200;letter-spacing:.08em;font-family:"Press Start 2P",ui-monospace,monospace;font-size:19px}.tile[data-game=pong] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Crect width='120' height='90' fill='%23030806'/%3E%3Cg fill='%238dffb0'%3E%3Crect x='59' y='4' width='2' height='7'/%3E%3Crect x='59' y='18' width='2' height='7'/%3E%3Crect x='59' y='32' width='2' height='7'/%3E%3Crect x='59' y='46' width='2' height='7'/%3E%3Crect x='59' y='60' width='2' height='7'/%3E%3Crect x='10' y='22' width='4' height='20'/%3E%3Crect x='106' y='38' width='4' height='20'/%3E%3Crect x='72' y='30' width='4' height='4'/%3E%3C/g%3E%3Cg fill='%238dffb0' opacity='.5'%3E%3Crect x='36' y='8' width='8' height='3'/%3E%3Crect x='42' y='8' width='3' height='12'/%3E%3Crect x='78' y='8' width='8' height='3'/%3E%3Crect x='78' y='8' width='3' height='7'/%3E%3Crect x='78' y='13' width='8' height='3'/%3E%3Crect x='83' y='13' width='3' height='7'/%3E%3Crect x='78' y='18' width='8' height='3'/%3E%3C/g%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=pong]{--deck:linear-gradient(#222, #0a0a0a);--trim:#ffb02e;--front:repeating-linear-gradient(90deg, #0003 0 1px, transparent 1px 7px, #ffffff0d 7px 8px, transparent 8px 19px), linear-gradient(#8a5a2b, #5a3a1c);--edge-a:#ffb02e;--edge-b:#ffb02e;--body:linear-gradient(#f2c230, #d99a12)}@font-face{font-family:Share Tech Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/share-tech-mono-latin-400-normal-CCqdbj5z.woff2)format("woff2"),url(/play/assets/share-tech-mono-latin-400-normal-15MgdvEM.woff)format("woff")}html[data-game=seabattle]{--room:#020706;--steel:#0c1614;--phosphor:#7dffb2;--phosphor-dim:#7dffb28c;--phosphor-faint:#7dffb238;--board:min(calc(100vw - 16px), calc((100dvh - 196px) / 1.44), 430px);background:var(--room)}html[data-game=seabattle] body{color:var(--phosphor);background:radial-gradient(60% 26% at 82% 0%, #ff281e29 0%, #ff281e00 100%), radial-gradient(90% 55% at 50% 42%, #3cff9617 0%, #3cff9600 72%), repeating-linear-gradient(0deg, #ffffff03 0 1px, transparent 1px 4px), var(--room);background-attachment:fixed;padding:8px;font-family:Share Tech Mono,ui-monospace,Menlo,monospace;font-size:15px;font-weight:400;line-height:1.3}html[data-game=seabattle] ::selection{background:var(--phosphor);color:var(--room)}html[data-game=seabattle] canvas{image-rendering:auto}html[data-game=seabattle] .match-head{margin-bottom:6px}html[data-game=seabattle] .screen-title{letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 12px #7dffb2b3;font-size:22px;font-weight:400;line-height:1}html[data-game=seabattle] .back,html[data-game=seabattle] .icon-button{color:var(--phosphor-dim)}html[data-game=seabattle] .back{letter-spacing:.06em;text-transform:uppercase;font-size:13px}html[data-game=seabattle] .back:hover,html[data-game=seabattle] .icon-button:hover{color:var(--phosphor)}html[data-game=seabattle] .players{color:var(--phosphor-dim);letter-spacing:.06em;text-transform:uppercase;align-items:center;font-size:14px}html[data-game=seabattle] .player{align-items:center;gap:8px}html[data-game=seabattle] .name:before{content:"";vertical-align:1px;background:var(--you);opacity:.35;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}html[data-game=seabattle] .name-them:before{background:var(--them)}html[data-game=seabattle] .match[data-turn=you] .player-you{color:var(--you)}html[data-game=seabattle] .match[data-turn=them] .player-them{color:var(--them)}html[data-game=seabattle] .match[data-turn=you] .name-you:before,html[data-game=seabattle] .match[data-turn=them] .name-them:before{opacity:1;box-shadow:0 0 8px}html[data-game=seabattle] .score{gap:3px}html[data-game=seabattle] .score i{background:var(--you);clip-path:polygon(0 0,100% 50%,0 100%);border-radius:0;width:9px;height:8px}html[data-game=seabattle] .player-them .score i{background:var(--them)}html[data-game=seabattle] .clock{background:var(--phosphor-faint);border-radius:0;height:3px;margin:6px 0 8px}html[data-game=seabattle] .clock-left{box-shadow:0 0 8px var(--you);border-radius:0}html[data-game=seabattle] .match[data-turn=them] .clock-left{box-shadow:0 0 8px var(--them)}html[data-game=seabattle] .match[data-turn=none] .clock-left{box-shadow:none}html[data-game=seabattle] .board{aspect-ratio:100/144;cursor:crosshair;border-radius:10px;height:auto;box-shadow:0 0 0 2px #121d1a,0 0 0 3px #263a34,0 0 46px #3cff9629,0 18px 30px #000000b3}html[data-game=seabattle] .board:focus-visible{outline:2px solid var(--phosphor);outline-offset:5px}html[data-game=seabattle] .status{letter-spacing:.1em;text-transform:uppercase;color:var(--phosphor);text-shadow:0 0 10px #7dffb28c;margin-top:10px;font-size:17px;font-weight:400}html[data-game=seabattle] .match[data-turn=you] .status{color:var(--you)}html[data-game=seabattle] .match[data-turn=them] .status{color:var(--them);text-shadow:0 0 10px #ff785a80}html[data-game=seabattle] .note{letter-spacing:.04em;text-transform:uppercase;min-height:0;color:var(--phosphor-dim);margin-top:2px;font-size:13px}html[data-game=seabattle] .button{border:1px solid var(--phosphor);background:linear-gradient(#10221c, var(--steel));color:var(--phosphor);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 8px #7dffb2b3;border-radius:3px;margin-top:6px;padding:10px 22px;font-family:inherit;font-size:15px;font-weight:400;transition:transform 60ms ease-out,box-shadow 60ms ease-out;box-shadow:0 0 14px #7dffb24d,inset 0 0 10px #7dffb21f,0 3px #04100c}html[data-game=seabattle] .button:hover{background:var(--phosphor);color:var(--room);text-shadow:none}html[data-game=seabattle] .button:active{transform:translateY(2px);box-shadow:0 0 14px #7dffb24d,inset 0 0 10px #7dffb21f,0 1px #04100c}html[data-game=seabattle] .button:focus-visible{outline-offset:4px;outline:2px solid #fff}html[data-game=seabattle] .share{aspect-ratio:100/144;border:1px solid var(--phosphor-faint);background:repeating-radial-gradient(circle at 50% 42%,#0000 0 46px,#7dffb21a 46px 47px),radial-gradient(circle at 50% 42%,#0a2a1c 0%,#020706 70%);border-radius:10px;gap:10px;height:auto}html[data-game=seabattle] .share-text{color:var(--phosphor-dim);letter-spacing:.06em;text-transform:uppercase}html[data-game=seabattle] .share-link{color:var(--you);overflow-wrap:anywhere;font-size:17px;font-weight:400}@media (prefers-reduced-motion:reduce){html[data-game=seabattle] .button{transition:none}}.tile[data-game=seabattle]{--side:#1c3a3c}.tile[data-game=seabattle] .cab-marquee{background:linear-gradient(#0d2b20,#04120c)}.tile[data-game=seabattle] .tile-name{color:#7dffb2;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 12px #7dffb2cc;font-family:Share Tech Mono,ui-monospace,monospace;font-size:26px}.tile[data-game=seabattle] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cdefs%3E%3CradialGradient id='w'%3E%3Cstop offset='0' stop-color='%230d3523'/%3E%3Cstop offset='1' stop-color='%23010604'/%3E%3C/radialGradient%3E%3CradialGradient id='f'%3E%3Cstop offset='0' stop-color='%23fff6c8'/%3E%3Cstop offset='.35' stop-color='%23ffb43c'/%3E%3Cstop offset='1' stop-color='%23ff3c00' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='s' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%237dffb2' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%237dffb2' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='120' height='90' fill='url(%23w)'/%3E%3Cpath d='M0 15h120M0 30h120M0 45h120M0 60h120M0 75h120M15 0v90M30 0v90M45 0v90M60 0v90M75 0v90M90 0v90M105 0v90' stroke='%237dffb2' stroke-opacity='.22' stroke-width='.5'/%3E%3Cg fill='none' stroke='%237dffb2' stroke-opacity='.3' stroke-width='.6'%3E%3Ccircle cx='60' cy='45' r='15'/%3E%3Ccircle cx='60' cy='45' r='30'/%3E%3Ccircle cx='60' cy='45' r='45'/%3E%3Ccircle cx='60' cy='45' r='60'/%3E%3C/g%3E%3Cpath d='M60 45L120 5V-30H78Z' fill='url(%23s)'/%3E%3Cpath d='M60 45L123 3' stroke='%23c8ffdc' stroke-width='.9'/%3E%3Cpath d='M17 63.5q0-1.5 2-1.5h30q6 0 9 5.5q-3 5.5-9 5.5h-30q-2 0-2-1.5z' fill='%23ff7a5c' fill-opacity='.18' stroke='%23ff7a5c' stroke-width='1.1'/%3E%3Ccircle cx='22.500' cy='67.500' r='4' fill='url(%23f)' opacity='.7'/%3E%3Ccircle cx='37.500' cy='67.500' r='4' fill='url(%23f)' opacity='.7'/%3E%3Ccircle cx='52.500' cy='67.500' r='4' fill='url(%23f)' opacity='.7'/%3E%3Ccircle cx='82.500' cy='22.500' r='8' fill='url(%23f)'/%3E%3Ccircle cx='82.500' cy='37.500' r='8' fill='url(%23f)'/%3E%3Cg fill='none' stroke='%23d2ffe8' stroke-opacity='.75' stroke-width='.8'%3E%3Ccircle cx='37.500' cy='22.500' r='2.300'/%3E%3Ccircle cx='97.500' cy='52.500' r='2.300'/%3E%3Ccircle cx='22.500' cy='37.500' r='2.300'/%3E%3Ccircle cx='67.500' cy='82.500' r='2.300'/%3E%3Ccircle cx='52.500' cy='7.500' r='2.300'/%3E%3C/g%3E%3Ccircle cx='97.500' cy='22.500' r='6' fill='none' stroke='%23fff' stroke-width='1' stroke-opacity='.9'/%3E%3Ccircle cx='97.500' cy='22.500' r='3' fill='none' stroke='%23fff' stroke-width='.7' stroke-opacity='.6'/%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=seabattle]{--deck:radial-gradient(circle, #ffffff4d 0 1.5px, #0006 2px, transparent 3px) 4px 4px / 24px 24px, linear-gradient(#34494b, #16282a);--trim:#7dffb2;--front:repeating-linear-gradient(135deg, #e8b923 0 12px, #15181a 12px 24px) 0 14px / 100% 12px no-repeat, radial-gradient(circle, #ffffff40 0 1.5px, #0006 2px, transparent 3px) 4px 4px / 24px 24px, linear-gradient(#22383a, #0f1d1f);--edge-a:#7dffb2;--edge-b:#7dffb2;--body:linear-gradient(#1c3a3c, #0c1a1b)}@font-face{font-family:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2)format("woff2"),url(/play/assets/dm-serif-display-latin-400-normal-_kVFYEpx.woff)format("woff")}html[data-game=reversi]{--room:#120a06;--walnut:#3a2114;--cream:#f6ead0;--cream-faint:#f6ead09e;--brass:#e8c987;--brass-deep:#a87f3a;--felt:#22764a;--board:min(calc(100vw - 36px), 49dvh, 480px);background:var(--room)}html[data-game=reversi] body{color:var(--cream);background:radial-gradient(85% 58% at 50% 46%, #ffbe6e33 0%, #ffbe6e00 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='260'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.009 .26' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 -.14'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"), radial-gradient(120% 90% at 50% 42%, var(--walnut) 0%, var(--room) 100%);background-size:auto,100% 260px,auto;background-attachment:fixed;font-family:DM Serif Display,Georgia,Times New Roman,serif;font-size:18px;font-weight:400;line-height:1.3}html[data-game=reversi] ::selection{background:var(--brass);color:var(--room)}html[data-game=reversi] canvas{image-rendering:auto}html[data-game=reversi] .match-head{margin-bottom:10px}html[data-game=reversi] .screen-title{letter-spacing:.01em;color:var(--brass);text-shadow:0 1px #fff0c840,0 3px 6px #0009;font-size:clamp(28px,8.4vw,38px);font-weight:400;line-height:1}html[data-game=reversi] .back,html[data-game=reversi] .icon-button{color:var(--cream-faint)}html[data-game=reversi] .back{text-underline-offset:4px;font-size:16px;text-decoration:underline;text-decoration-thickness:1px}html[data-game=reversi] .back:hover,html[data-game=reversi] .icon-button:hover{color:var(--cream)}html[data-game=reversi] .players{color:var(--cream-faint);align-items:center;font-size:19px}html[data-game=reversi] .player{align-items:center;gap:8px}html[data-game=reversi] .name:before{content:"";vertical-align:-2px;background:radial-gradient(circle at 35% 28%, #ffffff8c 0 10%, transparent 46%), var(--you);width:16px;height:16px;box-shadow:0 2px 0 var(--them), 0 0 0 1px #00000059, 0 4px 5px #0000008c;border-radius:50%;margin-right:8px;display:inline-block}html[data-game=reversi] .name-them:before{background:radial-gradient(circle at 35% 28%, #fff6 0 10%, transparent 46%), var(--them);box-shadow:0 2px 0 var(--you), 0 0 0 1px #ffffff24, 0 4px 5px #0000008c}html[data-game=reversi] .match[data-turn=you] .player-you,html[data-game=reversi] .match[data-turn=them] .player-them{color:var(--brass)}html[data-game=reversi] .score{gap:4px}html[data-game=reversi] .score i{background:radial-gradient(circle at 35% 30%, #fff3cf 0 14%, var(--brass) 45%, var(--brass-deep) 100%);border-radius:50%;width:9px;height:9px;box-shadow:0 1px 2px #0009}html[data-game=reversi] .clock{background:#00000080;border-radius:3px;height:6px;margin:8px 0 12px;overflow:hidden;box-shadow:inset 0 2px 3px #000000b3,0 1px #ffdcaa1a}html[data-game=reversi] .clock-left,html[data-game=reversi] .match[data-turn=them] .clock-left{background:linear-gradient(#f6dfa6, var(--brass) 45%, var(--brass-deep));border-radius:3px}html[data-game=reversi] .match[data-turn=none] .clock-left{background:0 0}html[data-game=reversi] .board{aspect-ratio:1000/1134;filter:drop-shadow(0 14px 14px #0009);touch-action:none;outline-offset:5px;height:auto}html[data-game=reversi] .board:focus-visible{outline:2px solid var(--brass);border-radius:14px}html[data-game=reversi] .status,html[data-game=reversi] .match[data-turn=them] .status{color:var(--cream);text-shadow:0 2px 4px #00000080;margin-top:16px;font-size:24px;font-weight:400}html[data-game=reversi] .match[data-turn=you] .status{color:var(--brass)}html[data-game=reversi] .note{color:var(--cream-faint);margin-top:2px;font-size:16px}html[data-game=reversi] .button{color:#2a180c;letter-spacing:.01em;text-shadow:0 1px #ffffffb3;background:linear-gradient(#fffaf0,#f1e6cf 50%,#d9c9a6);border-radius:999px;margin-top:4px;padding:11px 28px 12px;font-size:20px;font-weight:400;transition:transform 80ms ease-out,box-shadow 80ms ease-out;box-shadow:inset 0 1px #ffffffe6,0 5px #26211f,0 12px 14px #00000080}html[data-game=reversi] .button:hover{background:linear-gradient(#fff,#f8efdc 50%,#e3d4b2)}html[data-game=reversi] .button:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffffe6,0 1px #26211f,0 4px 6px #00000080}html[data-game=reversi] .button:focus-visible{outline:2px solid var(--brass);outline-offset:4px}html[data-game=reversi] .share{background:radial-gradient(90% 80% at 50% 40%,#2f8a57 0%,#12482d 100%);border:9px solid #432615;border-radius:12px;gap:10px;box-shadow:inset 0 3px 10px #000000a6,0 0 0 1px #ffd6a029,0 14px 16px #0000008c}html[data-game=reversi] .share-text{color:var(--cream)}html[data-game=reversi] .share-link{color:var(--brass);font-size:22px;font-weight:400}@media (prefers-reduced-motion:reduce){html[data-game=reversi] .button{transition:none}}.tile[data-game=reversi]{--side:#5a3520}.tile[data-game=reversi] .cab-marquee{background:linear-gradient(#2f8f5a,#124a2e)}.tile[data-game=reversi] .tile-name{color:#f6ead0;letter-spacing:.02em;text-shadow:0 2px #00000073;font-family:DM Serif Display,Georgia,serif;font-size:30px;font-weight:400}.tile[data-game=reversi] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 105'%3E%3Crect width='140' height='105' fill='%233d2313'/%3E%3Crect x='8' y='10.5' width='124' height='84' rx='2' fill='%23160b05'/%3E%3Crect x='10' y='12.5' width='120' height='80' fill='%2322764a'/%3E%3Cpath d='M30 12.5v80M50 12.5v80M70 12.5v80M90 12.5v80M110 12.5v80M10 32.5h120M10 52.5h120M10 72.5h120' stroke='%230f4a2c' stroke-width='1' fill='none'/%3E%3Cg fill='%23000' opacity='.38' transform='translate(1.5 2.2)'%3E%3Ccircle cx='60' cy='22.5' r='7.6'/%3E%3Ccircle cx='80' cy='22.5' r='7.6'/%3E%3Ccircle cx='40' cy='42.5' r='7.6'/%3E%3Ccircle cx='60' cy='42.5' r='7.6'/%3E%3Ccircle cx='80' cy='42.5' r='7.6'/%3E%3Ccircle cx='100' cy='42.5' r='7.6'/%3E%3Ccircle cx='40' cy='62.5' r='7.6'/%3E%3Ccircle cx='60' cy='62.5' r='7.6'/%3E%3Ccircle cx='80' cy='62.5' r='7.6'/%3E%3Ccircle cx='100' cy='62.5' r='7.6'/%3E%3Ccircle cx='60' cy='82.5' r='7.6'/%3E%3Ccircle cx='80' cy='82.5' r='7.6'/%3E%3C/g%3E%3Cg fill='%23f1e6cf' stroke='%23b9a987' stroke-width='1'%3E%3Ccircle cx='80' cy='22.5' r='7.4'/%3E%3Ccircle cx='40' cy='42.5' r='7.4'/%3E%3Ccircle cx='60' cy='42.5' r='7.4'/%3E%3Ccircle cx='80' cy='42.5' r='7.4'/%3E%3Ccircle cx='60' cy='62.5' r='7.4'/%3E%3Ccircle cx='100' cy='62.5' r='7.4'/%3E%3C/g%3E%3Cg fill='%2326211f' stroke='%235a534f' stroke-width='1'%3E%3Ccircle cx='60' cy='22.5' r='7.4'/%3E%3Ccircle cx='100' cy='42.5' r='7.4'/%3E%3Ccircle cx='40' cy='62.5' r='7.4'/%3E%3Ccircle cx='80' cy='62.5' r='7.4'/%3E%3Ccircle cx='60' cy='82.5' r='7.4'/%3E%3Ccircle cx='80' cy='82.5' r='7.4'/%3E%3C/g%3E%3Cg fill='%23fff3d6' opacity='.5'%3E%3Ccircle cx='20' cy='42.5' r='2.2'/%3E%3Ccircle cx='120' cy='42.5' r='2.2'/%3E%3Ccircle cx='100' cy='82.5' r='2.2'/%3E%3C/g%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=reversi]{--deck:radial-gradient(90% 120% at 50% 0%, #ffffff1f, transparent 70%), linear-gradient(#2f8f5b, #1b5e3a);--trim:#c9a24a;--front:repeating-linear-gradient(90deg, #0003 0 1px, transparent 1px 7px, #ffffff0d 7px 8px, transparent 8px 19px), linear-gradient(#5a3520, #2e1a0f);--edge-a:#c9a24a;--edge-b:#c9a24a;--body:linear-gradient(#4a2b19, #27160c)}@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/marcellus-latin-400-normal-86dSXJnk.woff2)format("woff2"),url(/play/assets/marcellus-latin-400-normal-AvMY561b.woff)format("woff")}html[data-game=mancala]{--cloth:#1b2b4b;--cloth-deep:#0a101f;--cream:#fff1d6;--cream-faint:#fff1d6a3;--wood:#a05c2a;--wood-deep:#4d260e;--gilt:#ffd36b;--board:min(calc(100vw - 36px), 42dvh, 400px);background:var(--cloth-deep)}html[data-game=mancala] body{color:var(--cream);background:radial-gradient(85% 60% at 50% 46%, #ffbe6e33 0%, #ffbe6e00 70%), radial-gradient(130% 95% at 50% 45%, #06091400 30%, #060914db 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect width='12' height='12' fill='%23172541'/%3E%3Cpath d='M0 1.5h6v3H0zM6 7.5h6v3H6z' fill='%23243a66'/%3E%3Cpath d='M0 2.2h6v.5H0zM6 8.2h6v.5H6z' fill='%232e4a80'/%3E%3Cpath d='M7.5 0h3v6h-3zM1.5 6h3v6h-3z' fill='%231e3158'/%3E%3Cpath d='M8.2 0h.5v6h-.5zM2.2 6h.5v6h-.5z' fill='%23283f70'/%3E%3C/svg%3E"), var(--cloth);background-attachment:fixed;font-family:Marcellus,Palatino Linotype,Georgia,serif;font-size:18px;font-weight:400;line-height:1.3}html[data-game=mancala] ::selection{background:var(--gilt);color:var(--cloth-deep)}html[data-game=mancala] canvas{image-rendering:auto}html[data-game=mancala] .match-head{margin-bottom:8px}html[data-game=mancala] .screen-title{letter-spacing:.06em;text-transform:uppercase;color:var(--gilt);text-shadow:0 -1px #0009,0 1px #ffffff1f;font-size:clamp(24px,7.4vw,34px);font-weight:400;line-height:1}html[data-game=mancala] .back,html[data-game=mancala] .icon-button{color:var(--cream-faint)}html[data-game=mancala] .back{text-underline-offset:4px;font-size:15px;text-decoration:underline;text-decoration-thickness:1px}html[data-game=mancala] .back:hover,html[data-game=mancala] .icon-button:hover{color:var(--cream)}html[data-game=mancala] .players{color:var(--cream-faint);align-items:center;font-size:18px}html[data-game=mancala] .player{align-items:center;gap:8px}html[data-game=mancala] .name:before{content:"";vertical-align:-2px;background:radial-gradient(circle at 32% 28%, #fff 0 9%, transparent 22%), radial-gradient(circle at 66% 72%, #ffffff73 0, transparent 42%), var(--you);border-radius:50%;width:15px;height:15px;margin-right:8px;display:inline-block;box-shadow:inset 0 -3px 4px #00000073,0 2px 3px #00000080}html[data-game=mancala] .name-them:before{background:radial-gradient(circle at 32% 28%, #fff 0 9%, transparent 22%), radial-gradient(circle at 66% 72%, #ffffff73 0, transparent 42%), var(--them)}html[data-game=mancala] .match[data-turn=you] .player-you,html[data-game=mancala] .match[data-turn=them] .player-them{color:var(--cream)}html[data-game=mancala] .score{gap:4px}html[data-game=mancala] .score i{background:radial-gradient(circle at 32% 28%, #fff 0 12%, transparent 30%), var(--you);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 -2px 2px #00000073}html[data-game=mancala] .player-them .score i{background:radial-gradient(circle at 32% 28%, #fff 0 12%, transparent 30%), var(--them)}html[data-game=mancala] .clock{background:#00000080;border-radius:4px;height:7px;margin:8px 0 12px;overflow:hidden;box-shadow:inset 0 2px 3px #000000b3,0 1px #ffffff14}html[data-game=mancala] .clock-left{border-radius:4px}html[data-game=mancala] .board{height:calc(var(--board) * 1.4);touch-action:none;filter:drop-shadow(0 10px 10px #0009)drop-shadow(0 2px 2px #00000080);outline-offset:5px}html[data-game=mancala] .board:focus-visible{outline:2px solid var(--gilt);border-radius:30px}html[data-game=mancala] .share{height:calc(var(--board) * 1.4)}html[data-game=mancala] .status{letter-spacing:.02em;color:var(--cream);margin-top:14px;font-size:23px}html[data-game=mancala] .note{color:var(--cream-faint);font-size:15px}html[data-game=mancala] .button{background:linear-gradient(100deg, #ffecc800 20%, #ffecc833 38%, #ffecc800 56%), linear-gradient(#b56b33, var(--wood) 50%, #7a3f1b);color:var(--cream);letter-spacing:.05em;text-shadow:0 -1px #1e0a00cc;box-shadow:inset 0 1px 0 #ffdcaa80, 0 4px 0 var(--wood-deep), 0 10px 12px #00000080;border-radius:12px;margin-top:4px;padding:10px 26px 11px;font-family:inherit;font-size:19px;transition:transform 80ms ease-out,box-shadow 80ms ease-out}html[data-game=mancala] .button:hover{background:linear-gradient(100deg,#ffecc800 20%,#ffecc84d 38%,#ffecc800 56%),linear-gradient(#c2763b,#ab642e 50%,#84451e)}html[data-game=mancala] .button:active{box-shadow:inset 0 1px 0 #ffdcaa80, 0 1px 0 var(--wood-deep), 0 4px 6px #00000080;transform:translateY(3px)}html[data-game=mancala] .button:focus-visible{outline:2px solid var(--gilt);outline-offset:4px}html[data-game=mancala] .share{background:#00000057;border-radius:26px;gap:8px;box-shadow:inset 0 2px 8px #0000008c}html[data-game=mancala] .share-text{color:var(--cream-faint)}html[data-game=mancala] .share-link{color:var(--gilt);font-size:21px}@media (prefers-reduced-motion:reduce){html[data-game=mancala] .button{transition:none}}.tile[data-game=mancala]{--side:#8a4b22}.tile[data-game=mancala] .cab-marquee{background:linear-gradient(#b56b33,#6f3817)}.tile[data-game=mancala] .tile-name{color:#ffd36b;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 -1px #1e0a00cc,0 1px #ffe6be40;font-family:Marcellus,Georgia,serif;font-size:27px;font-weight:400}.tile[data-game=mancala] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 105'%3E%3Crect width='140' height='105' fill='%23172541'/%3E%3Crect x='6' y='25' width='128' height='59' rx='15' fill='%233a1a09' opacity='.6'/%3E%3Crect x='6' y='21' width='128' height='59' rx='15' fill='%239a5827'/%3E%3Crect x='7' y='22' width='126' height='20' rx='14' fill='%23c07a3c' opacity='.35'/%3E%3Cg fill='%233a1a09'%3E%3Cellipse cx='19' cy='50.5' rx='7' ry='21'/%3E%3Cellipse cx='121' cy='50.5' rx='7' ry='21'/%3E%3Ccircle cx='35' cy='38' r='6'/%3E%3Ccircle cx='35' cy='63' r='6'/%3E%3Ccircle cx='49' cy='38' r='6'/%3E%3Ccircle cx='49' cy='63' r='6'/%3E%3Ccircle cx='63' cy='38' r='6'/%3E%3Ccircle cx='63' cy='63' r='6'/%3E%3Ccircle cx='77' cy='38' r='6'/%3E%3Ccircle cx='77' cy='63' r='6'/%3E%3Ccircle cx='91' cy='38' r='6'/%3E%3Ccircle cx='91' cy='63' r='6'/%3E%3Ccircle cx='105' cy='38' r='6'/%3E%3Ccircle cx='105' cy='63' r='6'/%3E%3C/g%3E%3Cg fill='%23d9263f'%3E%3Ccircle cx='48.2' cy='40.2' r='2.3'/%3E%3Ccircle cx='50.4' cy='37.4' r='2.3'/%3E%3Ccircle cx='65.8' cy='35.0' r='2.3'/%3E%3Ccircle cx='63.6' cy='64.2' r='2.3'/%3E%3Ccircle cx='75.9' cy='64.9' r='2.3'/%3E%3Ccircle cx='79.7' cy='62.1' r='2.3'/%3E%3Ccircle cx='103.3' cy='63.1' r='2.3'/%3E%3Ccircle cx='21.9' cy='54.6' r='2.3'/%3E%3C/g%3E%3Cg fill='%232f6fe0'%3E%3Ccircle cx='35.9' cy='40.4' r='2.3'/%3E%3Ccircle cx='51.5' cy='39.6' r='2.3'/%3E%3Ccircle cx='50.6' cy='35.4' r='2.3'/%3E%3Ccircle cx='65.8' cy='36.0' r='2.3'/%3E%3Ccircle cx='61.7' cy='40.8' r='2.3'/%3E%3Ccircle cx='65.6' cy='39.1' r='2.3'/%3E%3Ccircle cx='65.6' cy='61.6' r='2.3'/%3E%3Ccircle cx='88.7' cy='61.5' r='2.3'/%3E%3Ccircle cx='20.4' cy='45.8' r='2.3'/%3E%3Ccircle cx='118.4' cy='48.1' r='2.3'/%3E%3Ccircle cx='120.7' cy='65.5' r='2.3'/%3E%3C/g%3E%3Cg fill='%231fa565'%3E%3Ccircle cx='61.8' cy='63.6' r='2.3'/%3E%3Ccircle cx='90.3' cy='40.0' r='2.3'/%3E%3Ccircle cx='102.2' cy='40.7' r='2.3'/%3E%3Ccircle cx='107.5' cy='62.0' r='2.3'/%3E%3Ccircle cx='17.8' cy='59.5' r='2.3'/%3E%3Ccircle cx='18.7' cy='48.2' r='2.3'/%3E%3C/g%3E%3Cg fill='%23f0a321'%3E%3Ccircle cx='49.3' cy='38.4' r='2.3'/%3E%3Ccircle cx='61.8' cy='37.2' r='2.3'/%3E%3Ccircle cx='78.2' cy='61.1' r='2.3'/%3E%3Ccircle cx='78.2' cy='60.3' r='2.3'/%3E%3Ccircle cx='74.1' cy='64.7' r='2.3'/%3E%3Ccircle cx='88.3' cy='36.1' r='2.3'/%3E%3Ccircle cx='90.1' cy='62.1' r='2.3'/%3E%3Ccircle cx='17.0' cy='37.0' r='2.3'/%3E%3Ccircle cx='120.0' cy='41.7' r='2.3'/%3E%3Ccircle cx='118.6' cy='48.5' r='2.3'/%3E%3C/g%3E%3Cg fill='%238e4fd6'%3E%3Ccircle cx='33.5' cy='37.2' r='2.3'/%3E%3Ccircle cx='32.2' cy='37.8' r='2.3'/%3E%3Ccircle cx='49.7' cy='60.8' r='2.3'/%3E%3Ccircle cx='65.3' cy='38.8' r='2.3'/%3E%3Ccircle cx='89.5' cy='62.8' r='2.3'/%3E%3Ccircle cx='92.5' cy='64.8' r='2.3'/%3E%3Ccircle cx='19.2' cy='47.7' r='2.3'/%3E%3C/g%3E%3Cg fill='%2327b7c9'%3E%3Ccircle cx='37.7' cy='39.4' r='2.3'/%3E%3Ccircle cx='105.3' cy='61.9' r='2.3'/%3E%3Ccircle cx='16.9' cy='56.2' r='2.3'/%3E%3Ccircle cx='121.4' cy='39.5' r='2.3'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.8'%3E%3Ccircle cx='47.5' cy='39.4' r='.6'/%3E%3Ccircle cx='49.7' cy='36.6' r='.6'/%3E%3Ccircle cx='65.1' cy='34.2' r='.6'/%3E%3Ccircle cx='62.9' cy='63.4' r='.6'/%3E%3Ccircle cx='75.2' cy='64.1' r='.6'/%3E%3Ccircle cx='79.0' cy='61.3' r='.6'/%3E%3Ccircle cx='102.6' cy='62.3' r='.6'/%3E%3Ccircle cx='21.2' cy='53.8' r='.6'/%3E%3Ccircle cx='35.2' cy='39.6' r='.6'/%3E%3Ccircle cx='50.8' cy='38.8' r='.6'/%3E%3Ccircle cx='49.9' cy='34.6' r='.6'/%3E%3Ccircle cx='65.1' cy='35.2' r='.6'/%3E%3Ccircle cx='61.0' cy='40.0' r='.6'/%3E%3Ccircle cx='64.9' cy='38.3' r='.6'/%3E%3Ccircle cx='64.9' cy='60.8' r='.6'/%3E%3Ccircle cx='88.0' cy='60.7' r='.6'/%3E%3Ccircle cx='19.7' cy='45.0' r='.6'/%3E%3Ccircle cx='117.7' cy='47.3' r='.6'/%3E%3Ccircle cx='120.0' cy='64.7' r='.6'/%3E%3Ccircle cx='61.1' cy='62.8' r='.6'/%3E%3Ccircle cx='89.6' cy='39.2' r='.6'/%3E%3Ccircle cx='101.5' cy='39.9' r='.6'/%3E%3Ccircle cx='106.8' cy='61.2' r='.6'/%3E%3Ccircle cx='17.1' cy='58.7' r='.6'/%3E%3Ccircle cx='18.0' cy='47.4' r='.6'/%3E%3Ccircle cx='48.6' cy='37.6' r='.6'/%3E%3Ccircle cx='61.1' cy='36.4' r='.6'/%3E%3Ccircle cx='77.5' cy='60.3' r='.6'/%3E%3Ccircle cx='77.5' cy='59.5' r='.6'/%3E%3Ccircle cx='73.4' cy='63.9' r='.6'/%3E%3Ccircle cx='87.6' cy='35.3' r='.6'/%3E%3Ccircle cx='89.4' cy='61.3' r='.6'/%3E%3Ccircle cx='16.3' cy='36.2' r='.6'/%3E%3Ccircle cx='119.3' cy='40.9' r='.6'/%3E%3Ccircle cx='117.9' cy='47.7' r='.6'/%3E%3Ccircle cx='32.8' cy='36.4' r='.6'/%3E%3Ccircle cx='31.5' cy='37.0' r='.6'/%3E%3Ccircle cx='49.0' cy='60.0' r='.6'/%3E%3Ccircle cx='64.6' cy='38.0' r='.6'/%3E%3Ccircle cx='88.8' cy='62.0' r='.6'/%3E%3Ccircle cx='91.8' cy='64.0' r='.6'/%3E%3Ccircle cx='18.5' cy='46.9' r='.6'/%3E%3Ccircle cx='37.0' cy='38.6' r='.6'/%3E%3Ccircle cx='104.6' cy='61.1' r='.6'/%3E%3Ccircle cx='16.2' cy='55.4' r='.6'/%3E%3Ccircle cx='120.7' cy='38.7' r='.6'/%3E%3C/g%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=mancala]{--deck:repeating-linear-gradient(90deg, #0003 0 1px, transparent 1px 7px, #ffffff0d 7px 8px, transparent 8px 19px), linear-gradient(#a8632c, #6e3a16);--trim:#ffcf5c;--front:repeating-linear-gradient(45deg, #ffffff12 0 3px, transparent 3px 6px), repeating-linear-gradient(-45deg, #00000038 0 3px, transparent 3px 6px), linear-gradient(#27407a, #16264d);--edge-a:#ffcf5c;--edge-b:#4fd6c4;--body:linear-gradient(#7a4520, #472610)}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(/play/assets/bangers-latin-400-normal-BAEm-Pv0.woff)format("woff")}html[data-game=rps]{--comic-ink:#17132b;--page:#fff6df;--sun:#ffd21f;--comic-night:#2a1f6e;--comic-night-deep:#1a1247;--page-dim:#fff6dfb8;--board:min(calc(100vw - 40px), 42dvh, 400px);background:var(--comic-night-deep)}html[data-game=rps] body{color:var(--page);letter-spacing:.04em;background:linear-gradient(#1a124700 0%, #1a1247eb 78%), radial-gradient(circle at 50% 50%, #4a3bb0 0 3.2px, transparent 3.6px) 0 0 / 18px 18px, radial-gradient(circle at 50% 50%, #4a3bb0 0 3.2px, transparent 3.6px) 9px 9px / 18px 18px, var(--comic-night);background-attachment:fixed;font-family:Bangers,Impact,Arial Narrow,system-ui,sans-serif;font-size:20px;font-weight:400;line-height:1.2}html[data-game=rps] ::selection{background:var(--sun);color:var(--comic-ink)}html[data-game=rps] canvas{image-rendering:auto}html[data-game=rps] .match-head{margin-bottom:10px}html[data-game=rps] .screen-title{letter-spacing:.03em;color:var(--sun);-webkit-text-stroke:1.5px var(--comic-ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--comic-ink), 5px 5px 0 #ff5a1f;transform-origin:0;font-size:clamp(25px,7.6vw,34px);font-weight:400;line-height:1;transform:rotate(-2deg)}html[data-game=rps] .back,html[data-game=rps] .icon-button{color:var(--page-dim)}html[data-game=rps] .back{text-underline-offset:4px;font-size:17px;text-decoration:underline;text-decoration-thickness:2px}html[data-game=rps] .back:hover,html[data-game=rps] .icon-button:hover{color:var(--page)}html[data-game=rps] .players{align-items:center;margin-bottom:14px;font-size:19px}html[data-game=rps] .player{align-items:center;gap:8px}html[data-game=rps] .name{border:2px solid var(--comic-ink);background:var(--you);color:var(--comic-ink);box-shadow:3px 3px 0 var(--comic-ink);padding:2px 9px 1px}html[data-game=rps] .name-them{background:var(--them);color:var(--page)}html[data-game=rps] .name-them:empty{display:none}html[data-game=rps] .score{gap:5px}html[data-game=rps] .score i{background:var(--sun);clip-path:polygon(50% 0,62% 34%,98% 35%,69% 57%,79% 91%,50% 70%,21% 91%,31% 57%,2% 35%,38% 34%);width:13px;height:13px}html[data-game=rps] .clock{display:none}html[data-game=rps] .board{height:calc(var(--board) * 1.34);background:var(--sun);box-shadow:0 0 0 4px var(--comic-ink), 9px 9px 0 4px #ff5a1f;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:3px}html[data-game=rps] .board:focus-visible{outline:3px solid var(--page);outline-offset:7px}html[data-game=rps] .status{letter-spacing:.05em;color:var(--page);text-shadow:2px 2px 0 var(--comic-ink);margin-top:24px;font-size:26px;font-weight:400}html[data-game=rps] .match[data-phase=over][data-turn=you] .status{color:var(--sun)}html[data-game=rps] .note{color:var(--page-dim);font-size:17px}html[data-game=rps] .button{border:3px solid var(--comic-ink);background:var(--sun);color:var(--comic-ink);letter-spacing:.06em;box-shadow:5px 5px 0 var(--comic-ink);border-radius:3px;margin-top:4px;padding:9px 26px 7px;font-family:inherit;font-size:23px;font-weight:400;transition:transform 70ms ease-out,box-shadow 70ms ease-out}html[data-game=rps] .button:hover{background:#ffe66b}html[data-game=rps] .button:active{box-shadow:1px 1px 0 var(--comic-ink);transform:translate(4px,4px)}html[data-game=rps] .button:focus-visible{outline:3px solid var(--page);outline-offset:5px}html[data-game=rps] .share{height:calc(var(--board) * 1.34);background:radial-gradient(circle at 50% 50%, #ffa51f 0 2.6px, transparent 3px) 0 0 / 14px 14px, var(--sun);color:var(--comic-ink);box-shadow:0 0 0 4px var(--comic-ink), 9px 9px 0 4px #ff5a1f;border-radius:3px;gap:8px}html[data-game=rps] .share-text{color:var(--comic-ink)}html[data-game=rps] .share-link{border:2px solid var(--comic-ink);background:var(--page);color:var(--comic-ink);padding:2px 10px;font-size:21px}@media (prefers-reduced-motion:reduce){html[data-game=rps] .button{transition:none}}.tile[data-game=rps]{--side:#c81e2c}.tile[data-game=rps] .cab-marquee{background:radial-gradient(circle,#ffa51f 0 2.2px,#0000 2.6px) 0 0/11px 11px,#ffd21f;box-shadow:0 0 22px #ffd21f73,inset 0 0 0 3px #17132b}.tile[data-game=rps] .tile-name{color:#ff3b4e;letter-spacing:.04em;-webkit-text-stroke:1px #17132b;paint-order:stroke fill;text-shadow:2px 2px #17132b;font-family:Bangers,Impact,sans-serif;font-size:25px}.tile[data-game=rps] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' stroke-linejoin='round' stroke-linecap='round'%3E%3Cdefs%3E%3Cpattern id='d' width='6' height='6' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='1.3' fill='%23ffa51f'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='120' height='90' fill='%23ffd21f'/%3E%3Crect width='120' height='90' fill='url(%23d)'/%3E%3Cg fill='%23fff6df' fill-opacity='.8'%3E%3Cpath d='M0 0l34 30L0 8zM120 0L86 30l34-22zM0 90l34-30L0 82zM120 90L86 60l34 22zM56 0l4 18 4-18zM56 90l4-18 4 18z'/%3E%3C/g%3E%3Cpath d='M60 12l6 14 12-10-3 15 16-3-11 11 15 6-15 6 11 11-16-3 3 15-12-10-6 14-6-14-12 10 3-15-16 3 11-11-15-6 15-6-11-11 16 3-3-15 12 10z' fill='%23e2590c' transform='translate(2 2)'/%3E%3Cpath d='M60 12l6 14 12-10-3 15 16-3-11 11 15 6-15 6 11 11-16-3 3 15-12-10-6 14-6-14-12 10 3-15-16 3 11-11-15-6 15-6-11-11 16 3-3-15 12 10z' fill='%23fff6df' stroke='%2317132b' stroke-width='2'/%3E%3Cg stroke='%2317132b' stroke-width='3'%3E%3Cpath d='M-4 60h14v14h-18z' fill='%230f5c8f'/%3E%3Crect x='9' y='55' width='7' height='24' rx='2' fill='%23fff6df'/%3E%3Cpath d='M16 56h14a6 6 0 0 1 4-4h8a5 5 0 0 1 5 5v20a6 6 0 0 1-6 6H16z' fill='%231fa8ff'/%3E%3Cpath d='M47 60v0M47 67v0M47 74v0' stroke-width='2'/%3E%3Cpath d='M124 16h-14v14h18z' fill='%238f1420'/%3E%3Crect x='104' y='11' width='7' height='24' rx='2' fill='%23fff6df'/%3E%3Cpath d='M104 34H90a6 6 0 0 1-4 4h-8a5 5 0 0 1-5-5V13a6 6 0 0 1 6-6h25z' fill='%23ff3b4e'/%3E%3C/g%3E%3Cg stroke='%2317132b' stroke-width='2' fill='none'%3E%3Cpath d='M38 58v8M38 70v8M82 12v8M82 24v8'/%3E%3C/g%3E%3Cg font-family='Impact,Arial Black,sans-serif' font-size='17' font-style='italic' text-anchor='middle' transform='rotate(-9 60 46)'%3E%3Ctext x='61.5' y='53.5' fill='%2317132b'%3ESMASH!%3C/text%3E%3Ctext x='60' y='52' fill='%23ff3b4e' stroke='%2317132b' stroke-width='1.2' paint-order='stroke'%3ESMASH!%3C/text%3E%3C/g%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=rps]{--deck:radial-gradient(circle, #c81e2c66 0 2px, transparent 2.5px) 0 0 / 9px 9px, linear-gradient(#ffd23f, #f2b10c);--deck-ink:#2a1200;--deck-link:#c81e2c;--trim:#1fa8ff;--front:repeating-conic-gradient(from 0deg at 50% 46%, #ffd23f 0 9deg, #f2a50c 9deg 18deg);--edge-a:#1fa8ff;--edge-b:#ff3b4e;--body:linear-gradient(#2a1e6e, #17104a)}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/play/assets/caveat-latin-500-normal-B9SDL8cy.woff2)format("woff2"),url(/play/assets/caveat-latin-500-normal-Do9veZfZ.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/play/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}html[data-game=dots]{--desk:#dcbd8c;--desk-deep:#b98f58;--graphite:#2e2823;--graphite-faint:#2e2823a8;--page:#fbf5e3;--rule:#8fb4e3;--eraser:#f08fa0;--eraser-deep:#c25a70;--board:min(calc(100vw - 36px), 45dvh, 440px);background:var(--desk-deep);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-game=dots] body{color:var(--graphite);background:radial-gradient(95% 60% at 50% 40%, #fff4d680 0%, #fff4d600 72%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.009 .26' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .26 0 0 0 0 .1 0 0 0 .5 -.13'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"), linear-gradient(var(--desk), var(--desk-deep));background-size:auto,100% 240px,auto;background-attachment:fixed;font-family:Caveat,Segoe Print,Bradley Hand,cursive;font-size:23px;font-weight:500;line-height:1.15}html[data-game=dots] ::selection{color:var(--graphite);background:#ffe240}html[data-game=dots] canvas{image-rendering:auto}html[data-game=dots] .match-head{margin-bottom:8px}html[data-game=dots] .screen-title{letter-spacing:0;text-shadow:0 1px #fff6de99;font-size:clamp(32px,10vw,42px);font-weight:700;line-height:.95}html[data-game=dots] .back,html[data-game=dots] .icon-button{color:var(--graphite-faint)}html[data-game=dots] .back{text-underline-offset:3px;font-size:22px;text-decoration:underline;text-decoration-thickness:1.5px}html[data-game=dots] .back:hover,html[data-game=dots] .icon-button:hover{color:var(--graphite)}html[data-game=dots] .players{color:var(--graphite-faint);align-items:center;font-size:25px;font-weight:700}html[data-game=dots] .player{align-items:center;gap:8px}html[data-game=dots] .name{text-overflow:ellipsis;white-space:nowrap;padding-bottom:2px;overflow:hidden}html[data-game=dots] .name:before{content:"";vertical-align:-3px;background:linear-gradient(90deg, #ffffff73, #fff0 45%, #00000047), var(--you);border-radius:4px 4px 2px 2px;width:9px;height:20px;margin-right:8px;display:inline-block;transform:rotate(12deg);box-shadow:0 2px 2px #462d0a66}html[data-game=dots] .name-them:before{background:linear-gradient(90deg, #ffffff73, #fff0 45%, #00000047), var(--them)}html[data-game=dots] .match[data-turn=you] .player-you,html[data-game=dots] .match[data-turn=them] .player-them{color:var(--graphite)}html[data-game=dots] .match[data-turn=you] .name-you,html[data-game=dots] .match[data-turn=them] .name-them{text-underline-offset:5px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}html[data-game=dots] .match[data-turn=you] .name-you{-webkit-text-decoration-color:var(--you);text-decoration-color:var(--you)}html[data-game=dots] .match[data-turn=them] .name-them{-webkit-text-decoration-color:var(--them);text-decoration-color:var(--them)}html[data-game=dots] .score{align-items:center;gap:4px}html[data-game=dots] .score i{background:var(--you);border-radius:2px;width:3px;height:17px;transform:rotate(9deg)}html[data-game=dots] .player-them .score i{background:var(--them)}html[data-game=dots] .clock{background:#462d0a38;border-radius:3px;height:5px;margin:8px 0 12px;overflow:hidden;box-shadow:inset 0 1px 2px #3c230059,0 1px #fff6de80}html[data-game=dots] .clock-left{border-radius:3px}html[data-game=dots] .board{aspect-ratio:100/116;filter:drop-shadow(0 1px 1px #462d0a73)drop-shadow(0 9px 10px #462d0a59);cursor:crosshair;height:auto}html[data-game=dots] .board:focus-visible{outline:3px solid var(--graphite);outline-offset:5px;border-radius:4px}html[data-game=dots] .status{background:linear-gradient(transparent calc(100% - 7px), var(--rule) calc(100% - 7px), var(--rule) calc(100% - 6px), transparent calc(100% - 6px)), var(--page);min-height:0;color:var(--graphite);border-radius:2px 3px 2px 4px;margin-top:14px;padding:3px 18px 4px;font-size:27px;font-weight:700;line-height:1.1;transform:rotate(-1.2deg);box-shadow:0 1px 1px #462d0a66,0 5px 7px #462d0a40}html[data-game=dots] .status:empty{visibility:hidden}html[data-game=dots] .match[data-turn=you] .status{color:var(--you)}html[data-game=dots] .match[data-turn=them] .status{color:var(--them)}html[data-game=dots] .note{min-height:1.1em;color:var(--graphite-faint);margin-top:6px;font-size:21px}html[data-game=dots] .button{background:linear-gradient(#f8a9b6, var(--eraser) 55%, #e27990);color:#5b1727;text-shadow:0 1px #ffffff59;box-shadow:inset 0 1px 0 #ffffff80, 0 4px 0 var(--eraser-deep), 0 10px 11px #462d0a66;border-radius:9px 12px 10px 13px;margin-top:2px;padding:8px 28px 10px;font-family:inherit;font-size:26px;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out}html[data-game=dots] .button:hover{background:linear-gradient(#fbb7c2,#f39cab 55%,#e68499)}html[data-game=dots] .button:active{box-shadow:inset 0 1px 0 #ffffff80, 0 1px 0 var(--eraser-deep), 0 3px 5px #462d0a66;transform:translateY(3px)scale(1.02,.95)}html[data-game=dots] .button:focus-visible{outline:3px solid var(--graphite);outline-offset:4px}html[data-game=dots] .share{background:linear-gradient(transparent 53px, #e8727c 53px, #e8727c 54.5px, transparent 54.5px), repeating-linear-gradient(transparent 0 27px, var(--rule) 27px 28px), var(--page);border-radius:4px;gap:8px;transform:rotate(-1deg);box-shadow:0 1px 1px #462d0a73,0 10px 12px #462d0a59}html[data-game=dots] .share-text{color:var(--graphite-faint)}html[data-game=dots] .share-link{color:var(--you);overflow-wrap:anywhere;font-size:30px;font-weight:700}@media (prefers-reduced-motion:reduce){html[data-game=dots] .button{transition:none}}.tile[data-game=dots]{--side:#b98f58}.tile[data-game=dots] .cab-marquee{background:linear-gradient(90deg,#0000 22px,#e8727c 22px 23.5px,#0000 23.5px),repeating-linear-gradient(#0000 0 14px,#8fb4e3 14px 15px),#fbf5e3}.tile[data-game=dots] .tile-name{color:#1d3fc4;font-family:Caveat,cursive;font-size:34px;font-weight:700;line-height:.95;transform:rotate(-2deg)}.tile[data-game=dots] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 105'%3E%3Crect width='140' height='105' fill='%23fbf5e3'/%3E%3Cpath d='M0 7h140M0 18h140M0 29h140M0 40h140M0 51h140M0 62h140M0 73h140M0 84h140M0 95h140' stroke='%238fb4e3' stroke-width='.7'/%3E%3Cpath d='M24 0v105' stroke='%23e8727c' stroke-width='.9'/%3E%3Ccircle cx='11' cy='12' r='4.5' fill='%236b4a26'/%3E%3Ccircle cx='11' cy='93' r='4.5' fill='%236b4a26'/%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%231d3fc4'%3E%3Cpath stroke-width='1.5' opacity='.6' d='M41 24l5-4-6 10 13-10-12 16 17-14-12 16 12-9-5 9'/%3E%3Cpath stroke-width='2.4' d='M38 18h22M38 18v22M38 40h22M60 18v22M60 40h22M104 18v22M38 62v22'/%3E%3Cpath stroke-width='1.7' d='M7 62v9M10.5 62v9M14 62v9'/%3E%3C/g%3E%3Cg stroke='%23d0282e'%3E%3Cpath stroke-width='1.5' opacity='.6' d='M101 46l-5-4 6 10-13-10 12 16-17-14 12 16-12-9 5 9'/%3E%3Cpath stroke-width='2.4' d='M82 40h22M82 40v22M104 40v22M82 62h22M60 62h22M104 62h22M126 40v22M60 62v22'/%3E%3Cpath stroke-width='1.7' d='M7 30v9M10.5 30v9'/%3E%3C/g%3E%3Cpath d='M38 18h89M38 40h89M38 62h89M38 84h89' stroke='%231b2030' stroke-width='4.8' stroke-dasharray='0 22'/%3E%3C/g%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=dots]{--deck:linear-gradient(90deg, transparent 0 26px, #dc3c3c99 26px 27px, transparent 27px), linear-gradient(transparent 0 13px, #5082dc80 13px 14px) 0 5px / 100% 14px, linear-gradient(#f6f0dc, #e9e0c4);--deck-ink:#22304f;--deck-link:#1d3fc4;--trim:#1d3fc4;--front:repeating-linear-gradient(90deg, #0003 0 1px, transparent 1px 7px, #ffffff0d 7px 8px, transparent 8px 19px), linear-gradient(#c9a26b, #9a733f);--edge-a:#1d3fc4;--edge-b:#d0282e;--body:linear-gradient(#b98f58, #8a6638)}@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/pirata-one-latin-400-normal-C8jLWNfm.woff2)format("woff2"),url(/play/assets/pirata-one-latin-400-normal-CiJE7gJH.woff)format("woff")}html[data-game=cannons]{--night:#140f2e;--plum:#3a2260;--cream:#fff1cf;--cream-faint:#fff1cf9e;--paper:#f3e3bf;--paper-deep:#c9ad7c;--board:min(calc(100vw - 24px), 72dvh, 620px);background:var(--night)}html[data-game=cannons] body{color:var(--cream);letter-spacing:.01em;background:radial-gradient(120% 55% at 50% 100%, #e9856257 0%, #e9856200 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .35' numOctaves='2' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .8 0 0 0 .09 -.02'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E"), linear-gradient(var(--night) 0%, var(--plum) 62%, #6a3566 100%);background-attachment:fixed;font-family:Pirata One,Georgia,serif;font-size:21px;font-weight:400;line-height:1.25}html[data-game=cannons] ::selection{background:var(--you);color:var(--night)}html[data-game=cannons] canvas{image-rendering:auto}html[data-game=cannons] .match-head{margin-bottom:10px}html[data-game=cannons] .screen-title{letter-spacing:.01em;text-shadow:0 3px #0a061e99,0 0 22px #ffcf8a40;font-size:clamp(34px,10vw,46px);font-weight:400;line-height:1}html[data-game=cannons] .back,html[data-game=cannons] .icon-button{color:var(--cream-faint)}html[data-game=cannons] .back{text-underline-offset:4px;font-size:19px;text-decoration:underline;text-decoration-thickness:1px}html[data-game=cannons] .back:hover,html[data-game=cannons] .icon-button:hover{color:var(--cream)}html[data-game=cannons] .players{color:var(--cream-faint);align-items:center;font-size:22px}html[data-game=cannons] .player{align-items:center;gap:8px}html[data-game=cannons] .name:before{content:"";vertical-align:-1px;background:var(--you);clip-path:polygon(0 0,100% 0,72% 50%,100% 100%,0 100%);filter:drop-shadow(0 2px #0a061e80);width:18px;height:13px;margin-right:8px;display:inline-block}html[data-game=cannons] .name-them:before{background:var(--them)}html[data-game=cannons] .match[data-turn=you] .player-you,html[data-game=cannons] .match[data-turn=them] .player-them{color:var(--cream)}html[data-game=cannons] .score{gap:4px}html[data-game=cannons] .score i{background:radial-gradient(circle at 34% 30%, var(--cream) 0 14%, var(--you) 16% 100%);border-radius:50%;width:10px;height:10px;box-shadow:0 2px #0a061e80}html[data-game=cannons] .player-them .score i{background:radial-gradient(circle at 34% 30%, var(--cream) 0 14%, var(--them) 16% 100%)}html[data-game=cannons] .clock{background:#0a061e8c;border-radius:3px;height:5px;margin:8px 0 14px;box-shadow:0 1px #fff1cf14}html[data-game=cannons] .clock-left{box-shadow:0 0 10px var(--you);border-radius:3px}html[data-game=cannons] .match[data-turn=them] .clock-left{box-shadow:0 0 10px var(--them)}html[data-game=cannons] .match[data-turn=none] .clock-left{box-shadow:none}html[data-game=cannons] .board{height:calc(var(--board) * 2 / 3);box-shadow:0 0 0 4px var(--paper), 0 0 0 5px var(--paper-deep), 0 18px 30px #06031499;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:10px}html[data-game=cannons] .board:active{cursor:grabbing}html[data-game=cannons] .board:focus-visible{outline:3px solid var(--cream);outline-offset:8px}html[data-game=cannons] .status{color:var(--cream);text-shadow:0 2px #0a061e99;margin-top:24px;font-size:30px;font-weight:400;line-height:1.1}html[data-game=cannons] .match[data-turn=you] .status{color:var(--you)}html[data-game=cannons] .match[data-turn=them] .status{color:var(--them)}html[data-game=cannons] .note{color:var(--cream-faint);font-size:19px}html[data-game=cannons] .button{background:linear-gradient(#fff3d4, var(--paper) 60%, #e2cc9d);color:#2a1a44;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);filter:drop-shadow(0 5px 0 var(--paper-deep)) drop-shadow(0 12px 10px #06031480);border-radius:4px;margin-top:6px;padding:10px 28px 12px;font-family:inherit;font-size:24px;font-weight:400;transition:transform 80ms ease-out,filter 80ms ease-out}html[data-game=cannons] .button:hover{background:linear-gradient(#fffaf0,#f8ebcc 60%,#ead6aa)}html[data-game=cannons] .button:active{filter:drop-shadow(0 1px 0 var(--paper-deep)) drop-shadow(0 4px 5px #06031480);transform:translateY(4px)}html[data-game=cannons] .button:focus-visible{outline:3px solid var(--cream);outline-offset:5px;clip-path:none}html[data-game=cannons] .share{height:calc(var(--board) * 2 / 3);background:#0a061e66;border-radius:10px;gap:8px;box-shadow:inset 0 0 0 2px #fff1cf2e}html[data-game=cannons] .share-text{color:var(--cream-faint)}html[data-game=cannons] .share-link{color:var(--you);font-size:24px;font-weight:400}@media (prefers-reduced-motion:reduce){html[data-game=cannons] .button{transition:none}}.tile[data-game=cannons]{--side:#4a2a6a}.tile[data-game=cannons] .cab-marquee{background:linear-gradient(#fff1cf,#e9c98a)}.tile[data-game=cannons] .tile-name{color:#3a1d4e;letter-spacing:.02em;text-shadow:0 1px #fff9;font-family:Pirata One,Georgia,serif;font-size:30px;font-weight:400}.tile[data-game=cannons] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 105'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231a1542'/%3E%3Cstop offset='.45' stop-color='%234a2a6e'/%3E%3Cstop offset='.75' stop-color='%23b3527a'/%3E%3Cstop offset='1' stop-color='%23ffb877'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='140' height='105' fill='url(%23s)'/%3E%3Ccircle cx='92' cy='60' r='24' fill='%23ffe9b8' opacity='.25'/%3E%3Ccircle cx='92' cy='60' r='18' fill='%23fff0cc'/%3E%3Ccircle cx='86' cy='54' r='3.5' fill='%23e6c9a0'/%3E%3Ccircle cx='98' cy='63' r='5' fill='%23e6c9a0'/%3E%3Cpath d='M0 70 Q20 52 42 66 T88 62 T140 58 V105 H0Z' fill='%236a3f7e'/%3E%3Cpath d='M0 80 Q25 66 50 76 T100 74 T140 70 V105 H0Z' fill='%234a3169'/%3E%3Cpath d='M4 105 L10 78 H34 Q44 80 52 66 Q62 44 74 50 Q86 56 94 76 Q100 84 108 82 H130 L136 105Z' fill='%2374a383'/%3E%3Cpath d='M4 105 L9 83 H34 Q46 86 54 73 Q63 52 74 57 Q85 63 93 81 Q100 89 108 87 H131 L136 105Z' fill='%234f8279'/%3E%3Cpath d='M0 105 L8 90 H36 Q48 94 56 82 Q64 64 74 68 Q84 73 92 89 Q100 96 108 94 H132 L140 105Z' fill='%23376572'/%3E%3Cg fill='%23d9ccb9'%3E%3Crect x='14' y='58' width='11' height='20'/%3E%3Crect x='14' y='55' width='3' height='4'/%3E%3Crect x='18' y='55' width='3' height='4'/%3E%3Crect x='22' y='55' width='3' height='4'/%3E%3Crect x='115' y='66' width='11' height='16'/%3E%3Crect x='115' y='63' width='4' height='4'/%3E%3C/g%3E%3Cg stroke='%23463454' stroke-width='.6' opacity='.5'%3E%3Cpath d='M14 63h11M14 68h11M14 73h11M115 71h11M115 76h11'/%3E%3C/g%3E%3Cpath d='M17 60h5v8l-2.5-2-2.5 2Z' fill='%23ffd166'/%3E%3Cpath d='M118 68h5v7l-2.5-2-2.5 2Z' fill='%234fd6c8'/%3E%3Cpath d='M19.5 55V47' stroke='%2333264a' stroke-width='.8'/%3E%3Cpath d='M19.5 47l9 1.5-9 3Z' fill='%23ffd166'/%3E%3Cpath d='M120.5 63V56' stroke='%2333264a' stroke-width='.8'/%3E%3Cpath d='M120.5 56l9 1.5-9 3Z' fill='%234fd6c8'/%3E%3Cpath d='M27 76l7-5' stroke='%23231b36' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='28' cy='77' r='2' fill='%234a2d24'/%3E%3Cpath d='M113 80l-7-5' stroke='%23231b36' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='112' cy='81' r='2' fill='%234a2d24'/%3E%3Cg fill='%23fff1cf'%3E%3Ccircle cx='39' cy='62' r='1'/%3E%3Ccircle cx='45' cy='51' r='1'/%3E%3Ccircle cx='52' cy='41' r='1'/%3E%3Ccircle cx='60' cy='33' r='1'/%3E%3Ccircle cx='69' cy='28' r='1'/%3E%3Ccircle cx='78' cy='27' r='1'/%3E%3Ccircle cx='87' cy='30' r='1'/%3E%3C/g%3E%3Ccircle cx='96' cy='37' r='3' fill='%2317112a'/%3E%3Cpath d='M0 96 q7 -5 14 0 t14 0 t14 0 t14 0 t14 0 t14 0 t14 0 t14 0 t14 0 t14 0 V105 H0Z' fill='%2344719c'/%3E%3Cpath d='M-6 101 q7 -5 14 0 t14 0 t14 0 t14 0 t14 0 t14 0 t14 0 t14 0 t14 0 t14 0 t14 0 V105 H-6Z' fill='%2324446f'/%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=cannons]{--deck:linear-gradient(#3b2a66, #221642);--trim:#ffd166;--front:radial-gradient(90% 120% at 18% 135%, #2f7d6b 0 55%, transparent 56%), radial-gradient(80% 110% at 84% 140%, #3f9a7a 0 55%, transparent 56%), radial-gradient(circle at 80% 22%, #fff3cf 0 12px, transparent 13px), linear-gradient(#3a2a6e, #a04a6a);--edge-a:#ffd166;--edge-b:#4fd6c8;--body:linear-gradient(#35245e, #1c1238)}@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/russo-one-latin-400-normal-BfOuQF9V.woff2)format("woff2"),url(/play/assets/russo-one-latin-400-normal-CosRecV9.woff)format("woff")}html[data-game=airhockey]{--room:#07060f;--ink:#eef1ff;--ink-dim:#d6dcff99;--board:min(calc(100vw - 44px), 38dvh, 360px);background:var(--room)}html[data-game=airhockey] body{color:var(--ink);letter-spacing:.02em;background:radial-gradient(70% 34% at 50% 92%, #19d8ff33 0%, transparent 70%), radial-gradient(70% 30% at 50% 12%, #ff3d8b26 0%, transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none' stroke-width='3' stroke-linecap='round' opacity='.16'%3E%3Cpath d='M18 30q8-12 16 0t16 0' stroke='%23ff3d8b'/%3E%3Cpath d='M120 22l14 6-12 9z' stroke='%2319d8ff'/%3E%3Ccircle cx='82' cy='74' r='6' stroke='%23ffe45c'/%3E%3Cpath d='M30 118l12 12m0-12l-12 12' stroke='%2319d8ff'/%3E%3Cpath d='M128 112q8-12 16 0t16 0' stroke='%23a06bff'/%3E%3Cpath d='M70 150l16-4-6 14z' stroke='%23ff3d8b'/%3E%3Ccircle cx='156' cy='62' r='3' fill='%23ffe45c' stroke='none'/%3E%3Ccircle cx='24' cy='78' r='3' fill='%23a06bff' stroke='none'/%3E%3C/svg%3E"), var(--room);background-attachment:fixed;font-family:Russo One,Arial Black,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.3}html[data-game=airhockey] ::selection{background:var(--you);color:var(--room)}html[data-game=airhockey] canvas{image-rendering:auto}html[data-game=airhockey] .match-head{margin-bottom:10px}html[data-game=airhockey] .screen-title{letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 0 14px var(--you), 0 0 3px var(--you), 0 2px 0 #0009;font-size:clamp(22px,7vw,30px);font-weight:400;line-height:1}html[data-game=airhockey] .back,html[data-game=airhockey] .icon-button{color:var(--ink-dim)}html[data-game=airhockey] .back{font-size:13px}html[data-game=airhockey] .back:hover,html[data-game=airhockey] .icon-button:hover{color:#fff}html[data-game=airhockey] .players{text-transform:uppercase;align-items:center;margin-bottom:10px;font-size:15px}html[data-game=airhockey] .player{align-items:center}html[data-game=airhockey] .player-you{color:var(--you);text-shadow:0 0 12px var(--you)}html[data-game=airhockey] .player-them{color:var(--them);text-shadow:0 0 12px var(--them)}html[data-game=airhockey] .score{gap:4px}html[data-game=airhockey] .score i{background:radial-gradient(circle at 35% 30%,#fff 0 18%,currentColor 55%);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}html[data-game=airhockey] .clock{display:none}html[data-game=airhockey] .board{height:calc(var(--board) * 174 / 114);aspect-ratio:114/174;filter:drop-shadow(0 18px 22px #000c)drop-shadow(0 0 26px #788cff2e);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html[data-game=airhockey] .board:focus-visible{outline:3px solid var(--ink);outline-offset:6px;border-radius:44px}html[data-game=airhockey] .status{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 12px #a0b4ff8c;margin-top:14px;font-size:17px;font-weight:400}html[data-game=airhockey] .match[data-turn=you] .status{color:var(--you);text-shadow:0 0 14px var(--you)}html[data-game=airhockey] .match[data-turn=them] .status{color:var(--them);text-shadow:0 0 14px var(--them)}html[data-game=airhockey] .note{color:var(--ink-dim);font-size:13px}html[data-game=airhockey] .button{background:radial-gradient(120% 140% at 50% 0%, #fff 0%, var(--you) 34%, color-mix(in srgb, var(--you) 55%, #000) 100%);color:#04121a;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 2px 0 #ffffffb3, 0 5px 0 color-mix(in srgb, var(--you) 40%, #000), 0 0 0 4px #14162a, 0 0 26px color-mix(in srgb, var(--you) 60%, transparent);border:0;border-radius:999px;margin-top:6px;padding:12px 26px;font-family:inherit;font-size:16px;font-weight:400;transition:transform 80ms ease-out,box-shadow 80ms ease-out}html[data-game=airhockey] .button:hover{filter:brightness(1.12)}html[data-game=airhockey] .button:active{box-shadow:inset 0 2px 0 #ffffffb3, 0 1px 0 color-mix(in srgb, var(--you) 40%, #000), 0 0 0 4px #14162a, 0 0 16px color-mix(in srgb, var(--you) 60%, transparent);transform:translateY(4px)}html[data-game=airhockey] .button:focus-visible{outline-offset:6px;outline:3px solid #fff}html[data-game=airhockey] .share{height:calc(var(--board) * 174 / 114);border:3px solid color-mix(in srgb, var(--you) 70%, transparent);box-shadow:0 0 26px color-mix(in srgb, var(--you) 35%, transparent), inset 0 0 40px #000000b3;background:linear-gradient(#14162a,#0a0b16);border-radius:44px;gap:12px}html[data-game=airhockey] .share-text{color:var(--ink-dim);text-transform:uppercase}html[data-game=airhockey] .share-link{color:var(--you);text-shadow:0 0 12px var(--you);font-size:17px;font-weight:400}@media (prefers-reduced-motion:reduce){html[data-game=airhockey] .button{transition:none}}.tile[data-game=airhockey]{--side:#c2185b}.tile[data-game=airhockey] .cab-marquee{background:linear-gradient(#22e3ff,#0a7fd0)}.tile[data-game=airhockey] .tile-name{color:#fff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px #06305c,0 0 12px #ffffff80;font-family:Russo One,Arial Black,sans-serif;font-size:23px}.tile[data-game=airhockey] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cdefs%3E%3CradialGradient id='s' cx='.4' cy='.35' r='.8'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23b9c3d4'/%3E%3C/radialGradient%3E%3CclipPath id='l'%3E%3Crect width='60' height='90'/%3E%3C/clipPath%3E%3CclipPath id='r'%3E%3Crect x='60' width='60' height='90'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect width='120' height='90' fill='%2307060f'/%3E%3Crect x='6' y='10' width='108' height='70' rx='14' fill='%2316182c'/%3E%3Crect x='8.500' y='12.500' width='103' height='65' rx='12' fill='none' stroke='%2319d8ff' stroke-width='2.400' clip-path='url(%23l)'/%3E%3Crect x='8.500' y='12.500' width='103' height='65' rx='12' fill='none' stroke='%23ff3d8b' stroke-width='2.400' clip-path='url(%23r)'/%3E%3Crect x='11' y='15' width='98' height='60' rx='9' fill='url(%23s)'/%3E%3Cpath d='M60 15v60' stroke='%23e01e3e' stroke-width='1.200'/%3E%3Ccircle cx='60' cy='45' r='9' fill='none' stroke='%23e01e3e' stroke-width='1'/%3E%3Cpath d='M11 31a14 14 0 0 1 0 28M109 31a14 14 0 0 0 0 28' fill='%23226ce0' fill-opacity='.12' stroke='%23226ce0' stroke-width='1'/%3E%3Crect x='7' y='35' width='4.500' height='20' rx='1' fill='%23000'/%3E%3Crect x='108.500' y='35' width='4.500' height='20' rx='1' fill='%23000'/%3E%3Cg fill='%2318e268'%3E%3Ccircle cx='55' cy='52' r='1.600' opacity='.25'/%3E%3Ccircle cx='60' cy='48' r='2.200' opacity='.4'/%3E%3Ccircle cx='66' cy='43.500' r='2.800' opacity='.6'/%3E%3C/g%3E%3Ccircle cx='73' cy='38' r='4.200' fill='%233df57f' stroke='%23065c27' stroke-width='1'/%3E%3Ccircle cx='30' cy='56' r='8' fill='%2319d8ff' stroke='%23085a70' stroke-width='1'/%3E%3Ccircle cx='30' cy='56' r='5.200' fill='%230b8fae'/%3E%3Ccircle cx='29.500' cy='55.500' r='3.400' fill='%237eeaff'/%3E%3Ccircle cx='93' cy='36' r='8' fill='%23ff3d8b' stroke='%237a0f3a' stroke-width='1'/%3E%3Ccircle cx='93' cy='36' r='5.200' fill='%23b81a58'/%3E%3Ccircle cx='92.500' cy='35.500' r='3.400' fill='%23ff9cc4'/%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=airhockey]{--deck:radial-gradient(circle, #0003 0 1px, transparent 1.5px) 0 0 / 10px 10px, linear-gradient(#f4f6fb, #cfd6e6);--deck-ink:#1a1f33;--deck-link:#c2185b;--trim:#19d8ff;--front:linear-gradient(90deg, #19d8ff 0 50%, #ff3d8b 50%) 50% 12px / 78% 4px no-repeat, radial-gradient(60% 40px at 50% 14px, #78c8ff59, transparent), linear-gradient(#141a3a, #090c1f);--edge-a:#19d8ff;--edge-b:#ff3d8b;--body:linear-gradient(#161b3d, #0a0d22)}@font-face{font-family:Rye;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/rye-latin-400-normal-CnIDrDaJ.woff2)format("woff2"),url(/play/assets/rye-latin-400-normal-CPBiwIfN.woff)format("woff")}html[data-game=quickdraw]{--night:#1a0a22;--ember:#7a2a2a;--paper:#ffe9c4;--paper-dim:#ffe9c49e;--timber:#6e4424;--timber-deep:#2e170a;--board:min(calc(100vw - 36px), 46dvh, 420px);background:var(--night)}html[data-game=quickdraw] body{color:var(--paper);background-color:#0000;background-image:radial-gradient(120% 50% at 50% 100%,#ff843a57 0%,#ff843a00 70%),linear-gradient(#1a0a22 0%,#2c1038 55%,#5a1f3a 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:Outfit,system-ui,sans-serif;font-size:17px;line-height:1.3}html[data-game=quickdraw] ::selection{background:var(--you);color:var(--night)}html[data-game=quickdraw] canvas{image-rendering:auto}html[data-game=quickdraw] .match{width:calc(var(--board) + 12px)}html[data-game=quickdraw] .match-head{margin-bottom:12px}html[data-game=quickdraw] .screen-title{letter-spacing:.01em;color:#ffd9a0;text-shadow:0 2px #2a0a12,0 0 18px #ff843a73;font-family:Rye,Georgia,serif;font-size:clamp(24px,7.6vw,32px);font-weight:400;line-height:1}html[data-game=quickdraw] .back,html[data-game=quickdraw] .icon-button{color:var(--paper-dim)}html[data-game=quickdraw] .back:hover,html[data-game=quickdraw] .icon-button:hover{color:var(--paper)}html[data-game=quickdraw] .players{align-items:center;margin-bottom:12px;font-weight:600}html[data-game=quickdraw] .player{align-items:center}html[data-game=quickdraw] .player-you{color:var(--you)}html[data-game=quickdraw] .player-them{color:var(--them)}html[data-game=quickdraw] .score{gap:3px}html[data-game=quickdraw] .score i{clip-path:polygon(50% 0%,62% 34%,98% 35%,69% 57%,79% 91%,50% 71%,21% 91%,31% 57%,2% 35%,38% 34%);border-radius:0;width:13px;height:13px}html[data-game=quickdraw] .clock{display:none}html[data-game=quickdraw] .board{height:calc(var(--board) * 1.25);box-sizing:content-box;border:6px solid var(--timber);background:var(--night);box-shadow:0 0 0 2px var(--timber-deep), 0 14px 26px #0000008c, 0 0 46px #ff843a33;touch-action:none;cursor:crosshair;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-color:#8a5a2e #5c3618 #47280f #6e4424;border-radius:5px}html[data-game=quickdraw] .board:focus-visible{outline:3px solid var(--paper);outline-offset:5px}html[data-game=quickdraw] .status{color:var(--paper);text-shadow:0 2px #2a0a12;margin-top:16px;font-family:Rye,Georgia,serif;font-size:20px;font-weight:400}html[data-game=quickdraw] .match[data-turn=you] .status{color:var(--you)}html[data-game=quickdraw] .match[data-turn=them] .status{color:var(--them)}html[data-game=quickdraw] .note{color:var(--paper-dim);font-size:15px}html[data-game=quickdraw] .button{color:#fff0cf;text-shadow:0 2px #1e0c04b3;box-shadow:inset 0 1px 0 #ffe0aa73, 0 5px 0 var(--timber-deep), 0 12px 16px #00000073;background:linear-gradient(#a06a34,#7a4c22 55%,#5c3618);border-radius:5px;margin-top:6px;padding:12px 24px 11px;font-family:Rye,Georgia,serif;font-size:18px;font-weight:400;transition:transform 80ms ease-out,box-shadow 80ms ease-out}html[data-game=quickdraw] .button:hover{background:linear-gradient(#b67a3e,#8a5828 55%,#68401c)}html[data-game=quickdraw] .button:active{box-shadow:inset 0 1px 0 #ffe0aa73, 0 1px 0 var(--timber-deep), 0 4px 6px #00000073;transform:translateY(4px)}html[data-game=quickdraw] .button:focus-visible{outline:3px solid var(--paper);outline-offset:4px}html[data-game=quickdraw] .share{height:calc(var(--board) * 1.25);box-sizing:content-box;width:calc(var(--board) - 32px);background:linear-gradient(#f1dcae,#dcbf88);border:6px solid #5c3618;border-radius:5px;box-shadow:0 14px 26px #0000008c}html[data-game=quickdraw] .share-text{color:#3a1c0c;font-family:Rye,Georgia,serif;font-size:20px}html[data-game=quickdraw] .share-link{color:#8a2416}@media (prefers-reduced-motion:reduce){html[data-game=quickdraw] .button{transition:none}}.tile[data-game=quickdraw]{--side:#6b3a18}.tile[data-game=quickdraw] .cab-marquee{background:linear-gradient(#f3c26a,#d98a2c 60%,#b8601c);box-shadow:0 0 22px #ff963c73,inset 0 0 0 3px #4a2408}.tile[data-game=quickdraw] .tile-name{color:#3a1206;text-shadow:0 1px #ffecbe99;font-family:Rye,Georgia,serif;font-size:24px}.tile[data-game=quickdraw] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2347207a'/%3E%3Cstop offset='.3' stop-color='%23b8386a'/%3E%3Cstop offset='.55' stop-color='%23f5843a'/%3E%3Cstop offset='.64' stop-color='%23ffd27a'/%3E%3Cstop offset='.64' stop-color='%23e8743a'/%3E%3Cstop offset='1' stop-color='%233a1638'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='120' height='90' fill='url(%23s)'/%3E%3Ccircle cx='60' cy='45' r='12' fill='%23fff3c4'/%3E%3Cpath d='M0 58V50h12l3-5h12l3 7h20v6zM120 58V51h-12l-4-6H92l-3 8H70v5z' fill='%236a2a5c'/%3E%3Cpath d='M59 57.6h2L84 90H36z' fill='%23ffd9a0' opacity='.35'/%3E%3Cpath d='M0 18h12v-4h10v4h4v48H0z' fill='%231c0a22'/%3E%3Cpath d='M26 33h5v-3h9v3h5v27H26z' fill='%233a1638'/%3E%3Cpath d='M120 22h-10v-4H98v4h-4v44h26z' fill='%231c0a22'/%3E%3Cpath d='M94 35h-5v-3h-9v3h-4v25h18z' fill='%233a1638'/%3E%3Cpath d='M76 66l10 16h-7l-7-16z' fill='%231c0a22' opacity='.35'/%3E%3Cg fill='%231c0a1e'%3E%3Cellipse cx='74' cy='50.6' rx='3.6' ry='.6'/%3E%3Cpath d='M72.2 50.6c0-2.4 3.6-2.4 3.6 0z'/%3E%3Ccircle cx='74' cy='52' r='1.3'/%3E%3Cpath d='M71.2 53.4h5.6l.8 8h-1.5l-.4 4.6h-1.6l-.6-5-.7 5h-1.6l-.3-4.6h-1.4z'/%3E%3Cpath d='M71.4 54l-2.6 3 .6 2.6'/%3E%3C/g%3E%3Crect x='72.6' y='53.2' width='2.8' height='.8' fill='%234fe3d4'/%3E%3Cg fill='%23100614'%3E%3Cellipse cx='34' cy='44' rx='8.4' ry='1.3'/%3E%3Cpath d='M29.6 44c0-5.6 8.8-5.6 8.8 0z'/%3E%3Ccircle cx='34.5' cy='47.2' r='3.1'/%3E%3Cpath d='M27 50.4h13.4l2 21h-3.6l1.6 16h-4l-2.6-13-2.2 13h-4l1-16h-3.6z'/%3E%3Cpath d='M40 51.6l6.4 7-1.2 7-2.4-.4.8-5.4-4.4-4.6z'/%3E%3C/g%3E%3Crect x='30.6' y='49.8' width='7.4' height='1.7' fill='%23ffd166'/%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=quickdraw]{--deck:repeating-linear-gradient(90deg, #0006 0 2px, transparent 2px 46px), repeating-linear-gradient(90deg, #0003 0 1px, transparent 1px 7px, #ffffff0d 7px 8px, transparent 8px 19px), linear-gradient(#8a5a2b, #5a3618);--trim:#d9a441;--front:linear-gradient(#00000080, #00000080) 0 26px / 100% 5px no-repeat, repeating-linear-gradient(90deg, #00000073 0 2px, transparent 2px 38px), repeating-linear-gradient(90deg, #0003 0 1px, transparent 1px 7px, #ffffff0d 7px 8px, transparent 8px 19px), linear-gradient(#6b4220, #3a210e);--edge-a:#ffd166;--edge-b:#4fe3d4;--body:linear-gradient(#5a3618, #2e1a0a)}@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/shippori-mincho-latin-400-normal-C14DXzVn.woff2)format("woff2"),url(/play/assets/shippori-mincho-latin-400-normal-BYapkRpK.woff)format("woff")}@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:600;src:url(/play/assets/shippori-mincho-latin-600-normal-6Q85HP94.woff2)format("woff2"),url(/play/assets/shippori-mincho-latin-600-normal-BtWD08KL.woff)format("woff")}@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:800;src:url(/play/assets/shippori-mincho-latin-800-normal-DrzYBqYW.woff2)format("woff2"),url(/play/assets/shippori-mincho-latin-800-normal-B2RKu3mb.woff)format("woff")}html[data-game=gomoku]{--straw:#c9bc88;--straw-deep:#a3955f;--sumi:#1d1811;--sumi-faint:#1d1811b3;--paper:#f6efdc;--seal:#b62c18;--lacquer:#1a1310;--board:min(calc(100vw - 36px), 43dvh, 440px);background:var(--straw-deep)}html[data-game=gomoku] body{color:var(--sumi);background:radial-gradient(120% 80% at 12% 0%, #fffae28c 0%, #fffae200 62%), radial-gradient(130% 100% at 50% 40%, #3c300a00 55%, #3c300a4d 100%), repeating-linear-gradient(90deg, #564a1821 0 1px, #fff8d212 1px 2px, transparent 2px 3px), repeating-linear-gradient(0deg, transparent 0 15px, #564a1817 15px 16px), linear-gradient(var(--straw), var(--straw));background-attachment:fixed;font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,Georgia,serif;font-size:18px;font-weight:600;line-height:1.3}html[data-game=gomoku] ::selection{background:var(--seal);color:var(--paper)}html[data-game=gomoku] canvas{image-rendering:auto}html[data-game=gomoku] .match-head{margin-bottom:8px}html[data-game=gomoku] .screen-title{letter-spacing:.04em;color:var(--sumi);text-shadow:0 1px #fffae280;font-size:clamp(28px,8.4vw,38px);font-weight:800;line-height:1}html[data-game=gomoku] .back,html[data-game=gomoku] .icon-button{color:var(--sumi-faint)}html[data-game=gomoku] .back{text-underline-offset:4px;font-size:16px;text-decoration:underline;text-decoration-thickness:1px}html[data-game=gomoku] .back:hover,html[data-game=gomoku] .icon-button:hover{color:var(--sumi)}html[data-game=gomoku] .players{color:var(--sumi-faint);align-items:center;font-size:19px}html[data-game=gomoku] .player{align-items:center;gap:8px}html[data-game=gomoku] .name:before{content:"";vertical-align:-2px;background:radial-gradient(circle at 34% 30%, #ffffff8c 0 8%, transparent 46%), var(--you);border-radius:50%;width:16px;height:16px;margin-right:8px;display:inline-block;box-shadow:inset 0 -2px 3px #0000004d,1px 2px 3px #281c048c}html[data-game=gomoku] .name-them:before{background:radial-gradient(circle at 34% 30%, #ffffff8c 0 8%, transparent 46%), var(--them)}html[data-game=gomoku] .match[data-turn=you] .player-you,html[data-game=gomoku] .match[data-turn=them] .player-them{color:var(--sumi)}html[data-game=gomoku] .score{gap:4px}html[data-game=gomoku] .score i{background:var(--seal);border-radius:2px;width:9px;height:9px;box-shadow:inset 0 0 0 1px #ffdcc840}html[data-game=gomoku] .clock{background:#1d181129;border-radius:3px;height:5px;margin:8px 0 12px;overflow:hidden;box-shadow:inset 0 1px 1px #1d181140,0 1px #fffae259}html[data-game=gomoku] .clock-left{background:var(--sumi);border-radius:3px}html[data-game=gomoku] .match[data-turn=them] .clock-left{background:#1d18118c}html[data-game=gomoku] .board{aspect-ratio:100/116;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline-offset:3px;height:auto}html[data-game=gomoku] .board:focus-visible{outline:2px solid var(--seal);border-radius:6px}html[data-game=gomoku] .status{color:var(--sumi);margin-top:8px;font-size:23px;font-weight:800}html[data-game=gomoku] .note{color:var(--sumi-faint);font-size:16px;font-weight:600}html[data-game=gomoku] .button{background:linear-gradient(#35281f, var(--lacquer) 55%, #0c0807);color:var(--paper);letter-spacing:.03em;box-shadow:inset 0 0 0 3px var(--lacquer), inset 0 0 0 4px var(--seal), inset 0 1px 0 #fff3, 0 4px 0 #050303, 0 9px 12px #281c0480;border-radius:9px;margin-top:4px;padding:11px 28px 12px;font-size:19px;font-weight:600;transition:transform 80ms ease-out,box-shadow 80ms ease-out}html[data-game=gomoku] .button:hover{background:linear-gradient(#43332a,#241b17 55%,#100b0a)}html[data-game=gomoku] .button:active{box-shadow:inset 0 0 0 3px var(--lacquer), inset 0 0 0 4px var(--seal), inset 0 1px 0 #fff3, 0 1px 0 #050303, 0 3px 5px #281c0480;transform:translateY(3px)}html[data-game=gomoku] .button:focus-visible{outline:2px solid var(--seal);outline-offset:4px}html[data-game=gomoku] .share{background:var(--paper);border-radius:4px;gap:8px;box-shadow:inset 0 1px #fff9,2px 6px 12px #281c0466}html[data-game=gomoku] .share-text{color:var(--sumi-faint)}html[data-game=gomoku] .share-link{color:var(--seal);font-size:22px;font-weight:800}@media (prefers-reduced-motion:reduce){html[data-game=gomoku] .button{transition:none}}.tile[data-game=gomoku]{--side:#231915}.tile[data-game=gomoku] .cab-marquee{background:linear-gradient(#f0cd82,#d9a94e)}.tile[data-game=gomoku] .tile-name{color:#1d1811;letter-spacing:.06em;text-shadow:0 1px #fff4cd99;font-family:Shippori Mincho,Georgia,serif;font-size:30px;font-weight:800}.tile[data-game=gomoku] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 105'%3E%3Cdefs%3E%3CradialGradient id='b' cx='.36' cy='.32' r='.75'%3E%3Cstop offset='0' stop-color='%23565a63'/%3E%3Cstop offset='.6' stop-color='%2326282d'/%3E%3Cstop offset='1' stop-color='%230c0d0f'/%3E%3C/radialGradient%3E%3CradialGradient id='w' cx='.36' cy='.32' r='.75'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.65' stop-color='%23f3eee2'/%3E%3Cstop offset='1' stop-color='%23b9ae95'/%3E%3C/radialGradient%3E%3ClinearGradient id='k' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f0cd82'/%3E%3Cstop offset='1' stop-color='%23d5a54c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='140' height='105' fill='url(%23k)'/%3E%3Cpath d='M17 0v105M38 0v105M61 0v105M93 0v105M118 0v105' stroke='%23b98632' stroke-width='.6' opacity='.35'/%3E%3Cpath d='M10 0v105M25 0v105M40 0v105M55 0v105M70 0v105M85 0v105M100 0v105M115 0v105M130 0v105M0 7.5h140M0 22.5h140M0 37.5h140M0 52.5h140M0 67.5h140M0 82.5h140M0 97.5h140' stroke='%2318120c' stroke-width='.9' fill='none'/%3E%3Ccircle cx='70' cy='52.5' r='1.7' fill='%2318120c'/%3E%3Cg fill='%233a2204' opacity='.4' transform='translate(1.2 1.8)'%3E%3Ccircle cx='40' cy='67.5' r='6.6'/%3E%3Ccircle cx='55' cy='52.5' r='6.6'/%3E%3Ccircle cx='70' cy='37.5' r='6.6'/%3E%3Ccircle cx='85' cy='22.5' r='6.6'/%3E%3Ccircle cx='70' cy='52.5' r='6.6'/%3E%3Ccircle cx='85' cy='52.5' r='6.6'/%3E%3Ccircle cx='55' cy='37.5' r='6.6'/%3E%3Ccircle cx='55' cy='67.5' r='6.6'/%3E%3Ccircle cx='85' cy='37.5' r='6.6'/%3E%3Ccircle cx='100' cy='52.5' r='6.6'/%3E%3Ccircle cx='70' cy='67.5' r='6.6'/%3E%3Ccircle cx='25' cy='82.5' r='6.6'/%3E%3C/g%3E%3Cg fill='url(%23b)'%3E%3Ccircle cx='40' cy='67.5' r='6.4'/%3E%3Ccircle cx='55' cy='52.5' r='6.4'/%3E%3Ccircle cx='70' cy='37.5' r='6.4'/%3E%3Ccircle cx='85' cy='22.5' r='6.4'/%3E%3Ccircle cx='70' cy='52.5' r='6.4'/%3E%3Ccircle cx='85' cy='52.5' r='6.4'/%3E%3C/g%3E%3Cg fill='url(%23w)' stroke='%23a3977c' stroke-width='.5'%3E%3Ccircle cx='55' cy='37.5' r='6.4'/%3E%3Ccircle cx='55' cy='67.5' r='6.4'/%3E%3Ccircle cx='85' cy='37.5' r='6.4'/%3E%3Ccircle cx='100' cy='52.5' r='6.4'/%3E%3Ccircle cx='70' cy='67.5' r='6.4'/%3E%3Ccircle cx='25' cy='82.5' r='6.4'/%3E%3C/g%3E%3Ccircle cx='25' cy='82.5' r='1.6' fill='%23c4301c'/%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=gomoku]{--deck:repeating-linear-gradient(90deg, #0003 0 1px, transparent 1px 7px, #ffffff0d 7px 8px, transparent 8px 19px), linear-gradient(#e2b467, #c08f3f);--deck-ink:#2b1c08;--deck-link:#7a1f12;--trim:#231915;--front:linear-gradient(90deg, transparent 0 calc(50% - 3px), #2a2416 calc(50% - 3px) calc(50% + 3px), transparent calc(50% + 3px)), repeating-linear-gradient(0deg, #3c46144d 0 1px, transparent 1px 4px), linear-gradient(#b9b36a, #8f8a4a);--edge-a:#231915;--edge-b:#f3eee2;--body:linear-gradient(#2b201a, #15100c)}@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/alfa-slab-one-latin-400-normal-CbTZiZTW.woff2)format("woff2"),url(/play/assets/alfa-slab-one-latin-400-normal-UIGeWgec.woff)format("woff")}html[data-game=checkers]{--porch:#6a5140;--porch-deep:#21160f;--cream:#f9ecd0;--cream-faint:#f9ecd0a8;--barn:#b93426;--barn-deep:#6f1a12;--mustard:#f0bd4e;--board:min(calc(100vw - 36px), 46dvh, 440px);background:var(--porch-deep)}html[data-game=checkers] body{color:var(--cream);letter-spacing:.02em;background:radial-gradient(95% 70% at 22% 18%, #ffc46e4d 0%, #ffc46e00 70%), repeating-linear-gradient(90deg, #00000080 0 2px, #ffe6be12 2px 3px, transparent 3px 118px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='236' height='640'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.3 .008' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 -.16'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"), radial-gradient(130% 100% at 25% 20%, var(--porch) 0%, var(--porch-deep) 100%);background-size:auto,118px 100%,236px 100%,auto;background-attachment:fixed;font-family:Alfa Slab One,Rockwell,Roboto Slab,Georgia,serif;font-size:17px;font-weight:400;line-height:1.3}html[data-game=checkers] ::selection{background:var(--mustard);color:var(--porch-deep)}html[data-game=checkers] canvas{image-rendering:auto}html[data-game=checkers] .match-head{margin-bottom:8px}html[data-game=checkers] .screen-title{letter-spacing:.03em;color:var(--cream);text-shadow:0 2px 0 var(--barn), 0 4px 0 var(--barn-deep), 0 7px 8px #0000008c;font-size:clamp(27px,8.2vw,38px);font-weight:400;line-height:1}html[data-game=checkers] .back,html[data-game=checkers] .icon-button{color:var(--cream-faint)}html[data-game=checkers] .back,html[data-game=checkers] .note,html[data-game=checkers] .share-text{letter-spacing:0;font-family:Georgia,Times New Roman,serif}html[data-game=checkers] .back{text-underline-offset:4px;font-size:16px;text-decoration:underline;text-decoration-thickness:1px}html[data-game=checkers] .back:hover,html[data-game=checkers] .icon-button:hover{color:var(--cream)}html[data-game=checkers] .players{color:var(--cream-faint);align-items:center;font-size:17px}html[data-game=checkers] .player{align-items:center;gap:8px}html[data-game=checkers] .name:before{content:"";vertical-align:-3px;background:radial-gradient(circle, transparent 0 24%, #0000004d 25% 32%, transparent 33% 52%, #0000004d 53% 60%, transparent 61%), radial-gradient(circle at 32% 28%, #ffffff80 0 10%, transparent 50%), var(--you);width:17px;height:17px;box-shadow:0 3px 0 color-mix(in srgb, var(--you) 55%, #000), 0 5px 5px #0000008c;border-radius:50%;margin-right:8px;display:inline-block}html[data-game=checkers] .name-them:before{background:radial-gradient(circle, transparent 0 24%, #0000004d 25% 32%, transparent 33% 52%, #0000004d 53% 60%, transparent 61%), radial-gradient(circle at 32% 28%, #ffffff80 0 10%, transparent 50%), var(--them);box-shadow:0 3px 0 color-mix(in srgb, var(--them) 55%, #000), 0 5px 5px #0000008c}html[data-game=checkers] .match[data-turn=you] .player-you,html[data-game=checkers] .match[data-turn=them] .player-them{color:var(--mustard)}html[data-game=checkers] .score{gap:4px}html[data-game=checkers] .score i{background:radial-gradient(circle at 35% 30%, #fff6d8 0 14%, var(--mustard) 45%, #9a6a14 100%);border-radius:50%;width:9px;height:9px;box-shadow:0 1px 2px #0009}html[data-game=checkers] .clock{background:#00000080;border-radius:4px;height:7px;margin:8px 0 12px;overflow:hidden;box-shadow:inset 0 2px 3px #000000b3,0 1px #ffe2b41f}html[data-game=checkers] .clock-left,html[data-game=checkers] .match[data-turn=them] .clock-left{background:linear-gradient(#ffe08a, var(--mustard) 50%, #c98f22);border-radius:4px}html[data-game=checkers] .match[data-turn=none] .clock-left{background:0 0}html[data-game=checkers] .board{aspect-ratio:1000/1170;filter:drop-shadow(7px 13px 10px #0009);touch-action:none;outline-offset:5px;height:auto}html[data-game=checkers] .board:focus-visible{outline:3px solid var(--mustard);border-radius:12px}html[data-game=checkers] .status,html[data-game=checkers] .match[data-turn=them] .status{color:var(--cream);text-shadow:0 2px #00000073;margin-top:16px;font-size:23px;font-weight:400}html[data-game=checkers] .match[data-turn=you] .status{color:var(--mustard)}html[data-game=checkers] .note{color:var(--cream-faint);margin-top:2px;font-size:16px}html[data-game=checkers] .button{background:linear-gradient(#cf4636, var(--barn) 55%, #9c271b);color:var(--cream);letter-spacing:.04em;text-shadow:0 2px #00000059;box-shadow:inset 0 1px 0 #ffffff40, 0 5px 0 var(--barn-deep), 0 12px 14px #00000080;border:2px solid #ffecc8d9;border-radius:8px;margin-top:4px;padding:11px 26px 12px;font-size:19px;font-weight:400;transition:transform 80ms ease-out,box-shadow 80ms ease-out}html[data-game=checkers] .button:hover{background:linear-gradient(#dc5444,#c63c2d 55%,#a82d20)}html[data-game=checkers] .button:active{box-shadow:inset 0 1px 0 #ffffff40, 0 1px 0 var(--barn-deep), 0 4px 6px #00000080;transform:translateY(4px)}html[data-game=checkers] .button:focus-visible{outline:3px solid var(--mustard);outline-offset:4px}html[data-game=checkers] .share{background:linear-gradient(135deg,#c99f63,#a37a41);border-radius:10px;gap:10px;box-shadow:inset 0 0 0 5px #b58a4e,inset 0 0 0 7px #341606cc,inset 0 0 14px 8px #54260840,7px 13px 12px #0000008c}html[data-game=checkers] .share-text{color:#3a1d0a}html[data-game=checkers] .share-link{color:var(--barn-deep);font-size:21px;font-weight:400}@media (prefers-reduced-motion:reduce){html[data-game=checkers] .button{transition:none}}.tile[data-game=checkers]{--side:#9c271b}.tile[data-game=checkers] .cab-marquee{background:linear-gradient(#f6e2b4,#dcb872)}.tile[data-game=checkers] .tile-name{color:#b93426;letter-spacing:.03em;text-shadow:0 2px #3c14064d;font-family:Alfa Slab One,Rockwell,Georgia,serif;font-size:25px;font-weight:400}.tile[data-game=checkers] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 105'%3E%3Cdefs%3E%3Cpattern id='q' x='18' y='13.5' width='26' height='26' patternUnits='userSpaceOnUse'%3E%3Crect x='13' width='13' height='13' fill='%235c351e'/%3E%3Crect y='13' width='13' height='13' fill='%235c351e'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='140' height='105' fill='%23b58a4e'/%3E%3Crect x='14.5' y='10' width='111' height='85' fill='none' stroke='%233a1806' stroke-width='1.4'/%3E%3Crect x='18' y='13.5' width='104' height='78' fill='%23e3c288'/%3E%3Crect x='18' y='13.5' width='104' height='78' fill='url(%23q)'/%3E%3Cg fill='%23000' opacity='.4' transform='translate(1.6 2.6)'%3E%3Ccircle cx='37.5' cy='20' r='5.2'/%3E%3Ccircle cx='63.5' cy='20' r='5.2'/%3E%3Ccircle cx='89.5' cy='20' r='5.2'/%3E%3Ccircle cx='50.5' cy='33' r='5.2'/%3E%3Ccircle cx='102.5' cy='33' r='5.2'/%3E%3Ccircle cx='63.5' cy='46' r='5.2'/%3E%3Ccircle cx='24.5' cy='85' r='5.2'/%3E%3Ccircle cx='50.5' cy='85' r='5.2'/%3E%3Ccircle cx='76.5' cy='85' r='5.2'/%3E%3Ccircle cx='102.5' cy='85' r='5.2'/%3E%3Ccircle cx='63.5' cy='72' r='5.2'/%3E%3Ccircle cx='89.5' cy='72' r='5.2'/%3E%3Ccircle cx='76.5' cy='59' r='5.2'/%3E%3C/g%3E%3Cg fill='%23a08a5c' transform='translate(0 1.5)'%3E%3Ccircle cx='37.5' cy='20' r='5'/%3E%3Ccircle cx='63.5' cy='20' r='5'/%3E%3Ccircle cx='89.5' cy='20' r='5'/%3E%3Ccircle cx='50.5' cy='33' r='5'/%3E%3Ccircle cx='102.5' cy='33' r='5'/%3E%3Ccircle cx='63.5' cy='46' r='5'/%3E%3C/g%3E%3Cg fill='%23f3e0b4' stroke='%23b39c68' stroke-width='.8'%3E%3Ccircle cx='37.5' cy='20' r='4.6'/%3E%3Ccircle cx='63.5' cy='20' r='4.6'/%3E%3Ccircle cx='89.5' cy='20' r='4.6'/%3E%3Ccircle cx='50.5' cy='33' r='4.6'/%3E%3Ccircle cx='102.5' cy='33' r='4.6'/%3E%3Ccircle cx='63.5' cy='46' r='4.6'/%3E%3C/g%3E%3Cg fill='none' stroke='%23b39c68' stroke-width='.7'%3E%3Ccircle cx='37.5' cy='20' r='2.4'/%3E%3Ccircle cx='63.5' cy='20' r='2.4'/%3E%3Ccircle cx='89.5' cy='20' r='2.4'/%3E%3Ccircle cx='50.5' cy='33' r='2.4'/%3E%3Ccircle cx='102.5' cy='33' r='2.4'/%3E%3Ccircle cx='63.5' cy='46' r='2.4'/%3E%3C/g%3E%3Cg fill='%236f1a12' transform='translate(0 1.5)'%3E%3Ccircle cx='24.5' cy='85' r='5'/%3E%3Ccircle cx='50.5' cy='85' r='5'/%3E%3Ccircle cx='76.5' cy='85' r='5'/%3E%3Ccircle cx='102.5' cy='85' r='5'/%3E%3Ccircle cx='63.5' cy='72' r='5'/%3E%3Ccircle cx='89.5' cy='72' r='5'/%3E%3Ccircle cx='76.5' cy='59' r='5'/%3E%3C/g%3E%3Cg fill='%23c8402e' stroke='%23842015' stroke-width='.8'%3E%3Ccircle cx='24.5' cy='85' r='4.6'/%3E%3Ccircle cx='50.5' cy='85' r='4.6'/%3E%3Ccircle cx='76.5' cy='85' r='4.6'/%3E%3Ccircle cx='102.5' cy='85' r='4.6'/%3E%3Ccircle cx='63.5' cy='72' r='4.6'/%3E%3Ccircle cx='89.5' cy='72' r='4.6'/%3E%3Ccircle cx='76.5' cy='59' r='4.6'/%3E%3C/g%3E%3Cg fill='none' stroke='%23842015' stroke-width='.7'%3E%3Ccircle cx='24.5' cy='85' r='2.4'/%3E%3Ccircle cx='50.5' cy='85' r='2.4'/%3E%3Ccircle cx='76.5' cy='85' r='2.4'/%3E%3Ccircle cx='102.5' cy='85' r='2.4'/%3E%3Ccircle cx='63.5' cy='72' r='2.4'/%3E%3Ccircle cx='89.5' cy='72' r='2.4'/%3E%3Ccircle cx='76.5' cy='59' r='2.4'/%3E%3C/g%3E%3Cpath d='M0 0h140v105H0z' fill='%23ffc46e' opacity='.12'/%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=checkers]{--deck:repeating-linear-gradient(90deg, #0003 0 1px, transparent 1px 7px, #ffffff0d 7px 8px, transparent 8px 19px), linear-gradient(#6a3d22, #3a2012);--trim:#c8402e;--front:linear-gradient(#0003, #00000073), conic-gradient(#7a2318 25%, #e8cf9a 0 50%, #7a2318 0 75%, #e8cf9a 0) 0 0 / 44px 44px;--edge-a:#c8402e;--edge-b:#f0dcae;--body:linear-gradient(#5a321c, #2e190d)}@font-face{font-family:Limelight;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/limelight-latin-400-normal-CvlMCR9p.woff2)format("woff2"),url(/play/assets/limelight-latin-400-normal-d7qCOV8D.woff)format("woff")}html[data-game=memory]{--house:#0d0318;--velvet:#3d115c;--gilt:#e6b955;--gilt-deep:#9c6f1c;--cream:#fff3d6;--cream-faint:#fff3d699;--board:min(calc(100vw - 20px), calc((100dvh - 196px) / 1.44), 430px);background:var(--house)}html[data-game=memory] body{color:var(--cream);background:radial-gradient(70% 46% at 50% 52%, #ffdca021 0%, #ffdca000 72%), conic-gradient(from 180deg at 50% -12%, #ffe2aa00 0deg, #ffe2aa00 152deg, #ffe2aa1a 168deg, #ffe2aa24 180deg, #ffe2aa1a 192deg, #ffe2aa00 208deg, #ffe2aa00 360deg), radial-gradient(120% 90% at 50% 45%, #2a0b42 0%, var(--house) 78%);background-attachment:fixed;padding:8px;font-family:Limelight,Georgia,serif;font-size:15px;font-weight:400;line-height:1.3}html[data-game=memory] ::selection{background:var(--gilt);color:var(--house)}html[data-game=memory] canvas{image-rendering:auto}html[data-game=memory] .match-head{margin-bottom:4px}html[data-game=memory] .screen-title{letter-spacing:.02em;color:var(--gilt);text-shadow:0 -1px #fff0bb,0 2px #0009,0 0 14px #e6b95559;font-size:clamp(22px,7vw,28px);font-weight:400;line-height:1}html[data-game=memory] .back,html[data-game=memory] .icon-button{color:var(--cream-faint)}html[data-game=memory] .back{letter-spacing:.04em;font-size:13px}html[data-game=memory] .back:hover,html[data-game=memory] .icon-button:hover{color:var(--cream)}html[data-game=memory] .players{color:var(--cream-faint);letter-spacing:.03em;align-items:center;font-size:15px}html[data-game=memory] .player{align-items:center;gap:8px}html[data-game=memory] .name:before{content:"";vertical-align:1px;background:var(--you);width:9px;height:9px;box-shadow:0 0 0 1px var(--gilt-deep);opacity:.45;margin-right:8px;display:inline-block;transform:rotate(45deg)}html[data-game=memory] .name-them:before{background:var(--them)}html[data-game=memory] .match[data-turn=you] .player-you{color:var(--you)}html[data-game=memory] .match[data-turn=them] .player-them{color:var(--them)}html[data-game=memory] .match[data-turn=you] .name-you:before,html[data-game=memory] .match[data-turn=them] .name-them:before{opacity:1;box-shadow:0 0 0 1px var(--gilt), 0 0 9px currentColor}html[data-game=memory] .score{gap:3px}html[data-game=memory] .score i{background:var(--gilt);clip-path:polygon(50% 0,62% 38%,100% 38%,69% 60%,80% 100%,50% 76%,20% 100%,31% 60%,0 38%,38% 38%);border-radius:0;width:11px;height:11px}html[data-game=memory] .clock{background:#e6b95529;border-radius:2px;height:3px;margin:6px 0 9px}html[data-game=memory] .clock-left{box-shadow:0 0 8px var(--you);border-radius:2px}html[data-game=memory] .match[data-turn=them] .clock-left{box-shadow:0 0 8px var(--them)}html[data-game=memory] .match[data-turn=none] .clock-left{box-shadow:none}html[data-game=memory] .board{aspect-ratio:100/144;filter:drop-shadow(0 14px 16px #000000b3)drop-shadow(0 0 26px #a050dc38);height:auto}html[data-game=memory] .board:focus-visible{outline:2px solid var(--gilt);outline-offset:3px;border-radius:6px}html[data-game=memory] .status{letter-spacing:.03em;color:var(--gilt);text-shadow:0 2px #00000080;margin-top:8px;font-size:19px;font-weight:400}html[data-game=memory] .match[data-turn=you] .status{color:var(--you)}html[data-game=memory] .match[data-turn=them] .status{color:var(--them)}html[data-game=memory] .note{min-height:0;color:var(--cream-faint);margin-top:2px;font-size:13px}html[data-game=memory] .button{color:#2a0b42;letter-spacing:.04em;background:linear-gradient(#fff0bb 0%,#e6b955 42%,#b9832a 58%,#edc668 100%);border:0;border-radius:6px;margin-top:6px;padding:10px 26px 11px;font-family:inherit;font-size:17px;font-weight:400;transition:transform 70ms ease-out,box-shadow 70ms ease-out;box-shadow:inset 0 0 0 2px #ffffff59,inset 0 0 0 3px #784e0c99,0 4px #6e4a0c,0 10px 16px #0009}html[data-game=memory] .button:hover{background:linear-gradient(#fff8dc 0%,#f1cc6b 42%,#c8922a 58%,#f6d77a 100%)}html[data-game=memory] .button:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px #ffffff59,inset 0 0 0 3px #784e0c99,0 1px #6e4a0c,0 4px 8px #0009}html[data-game=memory] .button:focus-visible{outline:2px solid var(--cream);outline-offset:4px}html[data-game=memory] .share{aspect-ratio:100/144;border:2px solid var(--gilt);background:radial-gradient(80% 55% at 50% 42%, #ffe4b033 0%, #ffe4b000 100%), radial-gradient(120% 90% at 50% 45%, #6a2590 0%, var(--velvet) 50%, #1d0732 100%);height:auto;box-shadow:inset 0 0 0 1px var(--gilt-deep), 0 14px 22px #000000b3;border-radius:8px;gap:12px}html[data-game=memory] .share-text{color:var(--cream-faint)}html[data-game=memory] .share-link{color:var(--gilt);overflow-wrap:anywhere;font-size:18px;font-weight:400}@media (prefers-reduced-motion:reduce){html[data-game=memory] .button{transition:none}}.tile[data-game=memory]{--side:#4a1670}.tile[data-game=memory] .cab-marquee{background:linear-gradient(#2a0b42,#12041f)}.tile[data-game=memory] .tile-name{color:#f1cc6b;letter-spacing:.02em;text-shadow:0 0 12px #f1cc6b99,0 2px #0009;font-family:Limelight,Georgia,serif;font-size:23px}.tile[data-game=memory] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cdefs%3E%3CradialGradient id='v' cx='.5' cy='.45' r='.75'%3E%3Cstop offset='0' stop-color='%237a2ca6'/%3E%3Cstop offset='.6' stop-color='%233d115c'/%3E%3Cstop offset='1' stop-color='%2317052a'/%3E%3C/radialGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f6d77a'/%3E%3Cstop offset='.5' stop-color='%23b9832a'/%3E%3Cstop offset='1' stop-color='%23f8e19a'/%3E%3C/linearGradient%3E%3Cg id='b'%3E%3Crect x='1' y='1.6' width='20' height='30' rx='2' fill='%230a0014' opacity='.5'/%3E%3Crect width='20' height='30' rx='2' fill='%23141d63'/%3E%3Crect x='1.6' y='1.6' width='16.8' height='26.8' rx='1.2' fill='none' stroke='url(%23g)' stroke-width='1'/%3E%3Ccircle cx='10' cy='15' r='5' fill='%230c1344' stroke='url(%23g)' stroke-width='.8'/%3E%3Cpath d='M10 11l1.2 2.8 2.8 1.2-2.8 1.2L10 19l-1.2-2.800L6 15l2.800-1.200z' fill='%23f1cc6b'/%3E%3C/g%3E%3Cg id='f'%3E%3Crect x='1' y='1.6' width='20' height='30' rx='2' fill='%230a0014' opacity='.5'/%3E%3Crect width='20' height='30' rx='2' fill='%23fbf1d6'/%3E%3Crect x='1.6' y='1.6' width='16.8' height='26.8' rx='1.2' fill='none' stroke='url(%23g)' stroke-width='.8'/%3E%3C/g%3E%3C/defs%3E%3Crect width='120' height='90' fill='url(%23v)'/%3E%3Cellipse cx='60' cy='40' rx='56' ry='38' fill='%23ffe4b0' opacity='.1'/%3E%3Cuse href='%23b' x='11' y='10'/%3E%3Cuse href='%23f' x='37' y='10'/%3E%3Cuse href='%23b' x='63' y='10'/%3E%3Cuse href='%23b' x='89' y='10'/%3E%3Cuse href='%23b' x='11' y='50'/%3E%3Cuse href='%23b' x='37' y='50'/%3E%3Cuse href='%23f' x='63' y='50'/%3E%3Cuse href='%23b' x='89' y='50'/%3E%3Cpath d='M47 18L48.820 22.490L53.660 22.840L49.950 25.960L51.110 30.660L47 28.100L42.890 30.660L44.050 25.960L40.340 22.840L45.180 22.490Z' fill='%23f0b400' stroke='%23b8862b' stroke-width='.6' stroke-linejoin='round'/%3E%3Cpath d='M73 71.400C63.500 65 67.500 57.600 73 62.300C78.500 57.600 82.500 65 73 71.400Z' fill='%23d7263d' stroke='%23b8862b' stroke-width='.6' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=memory]{--deck:radial-gradient(120% 100% at 50% 0%, #6a2a9a, #35104f);--trim:#e8c15a;--front:repeating-linear-gradient(45deg, #e8c15a47 0 1px, transparent 1px 16px), repeating-linear-gradient(-45deg, #e8c15a47 0 1px, transparent 1px 16px), linear-gradient(#1a1f5a, #0d1033);--edge-a:#e8c15a;--edge-b:#e8c15a;--body:linear-gradient(#2a0f45, #150724)}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/play/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff")}html[data-game=penalty]{--night:#060a1a;--night-up:#0f1a3e;--chalk:#f4f6fb;--chalk-dim:#f4f6fba8;--lamp:#ffd75e;--turf:#2fae4f;--turf-deep:#14602a;--board:min(calc(100vw - 36px), 41dvh, 440px);background:var(--night)}html[data-game=penalty] body{color:var(--chalk);letter-spacing:.045em;text-transform:uppercase;background:radial-gradient(60vmax 44vmax at -6% -8%, #bed7ff57, transparent 62%), radial-gradient(60vmax 44vmax at 106% -8%, #bed7ff57, transparent 62%), linear-gradient(transparent 72%, #2fae4f33 100%), linear-gradient(var(--night-up), var(--night) 58%);background-attachment:fixed;font-family:Anton,Impact,Arial Narrow,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:1.25}html[data-game=penalty] ::selection{background:var(--lamp);color:var(--night)}html[data-game=penalty] canvas{image-rendering:auto}html[data-game=penalty] .match-head{margin-bottom:8px}html[data-game=penalty] .screen-title{letter-spacing:.03em;color:var(--chalk);text-shadow:0 2px #0009,0 0 22px #bed7ff8c;transform-origin:0 100%;font-size:clamp(23px,7.2vw,32px);font-weight:400;line-height:1;transform:skew(-6deg)}html[data-game=penalty] .back,html[data-game=penalty] .icon-button{color:var(--chalk-dim)}html[data-game=penalty] .back{text-underline-offset:4px;font-size:15px;text-decoration:underline;text-decoration-thickness:2px}html[data-game=penalty] .back:hover,html[data-game=penalty] .icon-button:hover{color:var(--chalk)}html[data-game=penalty] .players{align-items:center;margin-bottom:10px;font-size:17px}html[data-game=penalty] .player{align-items:center;gap:8px}html[data-game=penalty] .name{background:var(--you);color:#fff;text-shadow:0 1px #0000008c,0 0 3px #00000080;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);padding:3px 12px 2px}html[data-game=penalty] .name-them{background:var(--them)}html[data-game=penalty] .name-them:empty{display:none}html[data-game=penalty] .score{gap:5px}html[data-game=penalty] .score i{background:radial-gradient(circle at 35% 30%, #fff6c9, var(--lamp) 55%, #c98a12);border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px #ffd75ecc}html[data-game=penalty] .clock{display:none}html[data-game=penalty] .board{height:calc(var(--board) * 1.12);background:var(--night);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:10px;box-shadow:0 0 0 3px #1a2136,0 0 0 4px #bed7ff59,0 14px 34px #0009,0 0 46px #78aaff38}html[data-game=penalty] .board:focus-visible{outline:3px solid var(--lamp);outline-offset:6px}html[data-game=penalty] .status{letter-spacing:.05em;color:var(--chalk);text-shadow:0 2px #0009;margin-top:16px;font-size:23px;font-weight:400}html[data-game=penalty] .match[data-phase=over][data-turn=you] .status{color:var(--lamp);text-shadow:0 2px #0009,0 0 18px #ffd75e99}html[data-game=penalty] .note{color:var(--chalk-dim);font-size:15px}html[data-game=penalty] .button{border:2px solid var(--chalk);color:#fff;letter-spacing:.07em;text-transform:uppercase;text-shadow:0 2px #00280ab3;box-shadow:0 5px 0 var(--turf-deep), 0 10px 22px #00000080;background:repeating-linear-gradient(90deg,#00280a33 0 22px,#0000 22px 44px),linear-gradient(#37c25a,#23893d);border-radius:6px;margin-top:4px;padding:9px 26px 8px;font-family:inherit;font-size:21px;font-weight:400;transition:transform 70ms ease-out,box-shadow 70ms ease-out,filter .12s}html[data-game=penalty] .button:hover{filter:brightness(1.12)}html[data-game=penalty] .button:active{box-shadow:0 1px 0 var(--turf-deep), 0 3px 8px #00000080;transform:translateY(4px)}html[data-game=penalty] .button:focus-visible{outline:3px solid var(--lamp);outline-offset:4px}html[data-game=penalty] .share{height:calc(var(--board) * 1.12);color:#fff;text-shadow:0 2px #00280abf;background:radial-gradient(circle,#0000 0 21%,#ffffffbf 21.3% 22%,#0000 22.3%),linear-gradient(#0000 calc(50% - 1px),#ffffffbf calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),repeating-linear-gradient(0deg,#00280a38 0 28px,#0000 28px 56px),linear-gradient(#2b9f4a,#33b855);border-radius:10px;gap:8px;box-shadow:0 0 0 3px #1a2136,0 0 0 4px #bed7ff59,0 14px 34px #0009}html[data-game=penalty] .share-text{color:#fff}html[data-game=penalty] .share-link{color:var(--lamp);letter-spacing:.03em;text-transform:none;text-shadow:none;background:#060a1ad1;border-radius:4px;padding:3px 10px 2px;font-size:18px}@media (prefers-reduced-motion:reduce){html[data-game=penalty] .button{transition:none}}.tile[data-game=penalty]{--side:#17813a}.tile[data-game=penalty] .cab-marquee{background:radial-gradient(120px 60px at 0 0,#d2e4ff8c,#0000 70%),radial-gradient(120px 60px at 100% 0,#d2e4ff8c,#0000 70%),linear-gradient(#0f1a3e,#060a1a);box-shadow:0 0 22px #96beff73,inset 0 0 0 3px #f4f6fb}.tile[data-game=penalty] .tile-name{color:#fff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px #060a1a,0 0 14px #bed7ffcc;font-family:Anton,Impact,sans-serif;font-size:23px}.tile[data-game=penalty] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cdefs%3E%3Cpattern id='c' width='6' height='4' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='1.3' cy='1.2' r='.95' fill='%23e8c4a0'/%3E%3Ccircle cx='4.3' cy='1.2' r='.95' fill='%233c6edc'/%3E%3Ccircle cx='2.8' cy='3.2' r='.95' fill='%23d63c3c'/%3E%3Ccircle cx='5.8' cy='3.2' r='.95' fill='%23f0f0f0'/%3E%3C/pattern%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23060a1a' stop-opacity='.85'/%3E%3Cstop offset='1' stop-color='%23142456' stop-opacity='.25'/%3E%3C/linearGradient%3E%3CradialGradient id='l'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.2' stop-color='%23dce8ff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%2396beff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='120' height='90' fill='%23060a1a'/%3E%3Crect y='9' width='120' height='34' fill='%230b1022'/%3E%3Crect y='9' width='120' height='34' fill='url(%23c)'/%3E%3Crect y='9' width='120' height='34' fill='url(%23s)'/%3E%3Crect y='42' width='120' height='5' fill='%23f4f5f7'/%3E%3Crect x='24' y='42' width='24' height='5' fill='%23d4202c'/%3E%3Crect x='72' y='42' width='24' height='5' fill='%230f4fb8'/%3E%3Crect y='47' width='120' height='43' fill='%2333b855'/%3E%3Crect y='53' width='120' height='8' fill='%23279a44'/%3E%3Crect y='72' width='120' height='18' fill='%23279a44'/%3E%3Crect y='61.4' width='120' height='1.1' fill='%23fff' fill-opacity='.9'/%3E%3Cpath d='M0 9L50 90H8zM120 9L70 90h42z' fill='%23bed7ff' fill-opacity='.09'/%3E%3Crect x='22' y='29' width='76' height='33' fill='%23040816' fill-opacity='.35'/%3E%3Cg stroke='%23fff' stroke-opacity='.45' stroke-width='.4' fill='none'%3E%3Cpath d='M28 33v23M34 33v23M40 33v23M46 33v23M52 33v23M58 33v23M64 33v23M70 33v23M76 33v23M82 33v23M88 33v23M27 33h66M27.3 38h65.4M27.6 43h64.8M27.9 48h64.2M28 53h64M22 29l5 4M98 29l-5 4M22 62l6-6h64l6 6M22 40l5.5 2M22 51l5.8 0M98 40l-5.5 2M98 51l-5.8 0M35 29l1 4M48 29l.5 4M60 29v4M72 29l-.5 4M85 29l-1 4'/%3E%3C/g%3E%3Cpath d='M22 62V29h76v33' fill='none' stroke='%239aa3b5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 62V29h76v33' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='62' cy='63' rx='11' ry='1.4' fill='%23002005' fill-opacity='.3'/%3E%3Cg transform='translate(58 47) rotate(-66)' stroke-linecap='round'%3E%3Cpath d='M-1.8 1L-2.6 10M1.8 1L4.4 9' stroke='%23ff3b4e' stroke-width='2.6'/%3E%3Crect x='-4' y='-1.5' width='8' height='4' rx='1.2' fill='%2311141f'/%3E%3Cpath d='M-3 -9L-3.4 -18M3 -9L3.4 -18' stroke='%23ff3b4e' stroke-width='2.4'/%3E%3Crect x='-4.4' y='-10.5' width='8.8' height='9.5' rx='2' fill='%23ff3b4e'/%3E%3Ccircle cy='-12.6' r='2.5' fill='%23e9b98f'/%3E%3Cpath d='M-2.5 -13a2.5 2.5 0 0 1 5 0z' fill='%232a1a12'/%3E%3Ccircle cx='-3.4' cy='-19.4' r='2.7' fill='%23ffd9dd' stroke='%238f1420' stroke-width='.7'/%3E%3Ccircle cx='3.4' cy='-19.4' r='2.7' fill='%23ffd9dd' stroke='%238f1420' stroke-width='.7'/%3E%3C/g%3E%3Cpath d='M60 84Q78 62 86 40' fill='none' stroke='%23fff' stroke-opacity='.3' stroke-width='3.4' stroke-linecap='round'/%3E%3Ccircle cx='87' cy='37.5' r='3.6' fill='%23fff' stroke='%23151a2a' stroke-width='.8'/%3E%3Cpath d='M87 35.6l1.8 1.3-.7 2.1h-2.2l-.7-2.1z' fill='%23151a2a'/%3E%3Cellipse cx='60' cy='84.5' rx='6' ry='1.8' fill='%23fff'/%3E%3Cg stroke='%231fa8ff' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M34 90L35 80M42 90L46 79'/%3E%3C/g%3E%3Ccircle cx='7' cy='6' r='16' fill='url(%23l)'/%3E%3Ccircle cx='113' cy='6' r='16' fill='url(%23l)'/%3E%3Cg stroke='%23fff' stroke-width='.7' stroke-linecap='round'%3E%3Cpath d='M30 18h3.4M31.7 16.3v3.4M66 14h3M67.5 12.5v3M94 24h3.4M95.7 22.3v3.4M49 26h2.4M50.2 24.8v2.4'/%3E%3C/g%3E%3Crect x='34' y='1.5' width='52' height='9' rx='1.5' fill='%2305070d' stroke='%231a1f2e'/%3E%3Cg fill='%2335e06a'%3E%3Ccircle cx='42' cy='6' r='1.7'/%3E%3Ccircle cx='47.5' cy='6' r='1.7'/%3E%3Ccircle cx='72.5' cy='6' r='1.7'/%3E%3C/g%3E%3Ccircle cx='53' cy='6' r='1.7' fill='%23ff4545'/%3E%3Ccircle cx='67' cy='6' r='1.7' fill='%23ff4545'/%3E%3Ccircle cx='78' cy='6' r='1.5' fill='none' stroke='%233b445c' stroke-width='.5'/%3E%3Ctext x='60' y='8.3' font-family='Impact,Arial Narrow,sans-serif' font-size='6' text-anchor='middle' fill='%23ffd75e'%3E2-1%3C/text%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=penalty]{--deck:linear-gradient(#1b2b56, #0b1430);--trim:#fff;--front:linear-gradient(#fff, #fff) 0 16px / 100% 3px no-repeat, repeating-linear-gradient(90deg, #1f9a45 0 34px, #17813a 34px 68px);--edge-a:#1fa8ff;--edge-b:#ff3b4e;--body:linear-gradient(#17254a, #0b1430)}@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/luckiest-guy-latin-400-normal-dJClyBWO.woff2)format("woff2"),url(/play/assets/luckiest-guy-latin-400-normal-f5b8-b44.woff)format("woff")}html[data-game=tugofwar]{--field-ink:#2a1a3a;--chalk:#fffdf2;--sun:#ffd23a;--grass:#55b53a;--grass-deep:#2f8a2c;--sky:#35aef5;--chalk-dim:#fffdf2c7;--board:min(calc(100vw - 36px), 50dvh, 430px);background:var(--grass-deep)}html[data-game=tugofwar] body{color:var(--chalk);letter-spacing:.04em;background:linear-gradient(var(--sky) 0, #a9e3ff 150px, transparent 150px), repeating-linear-gradient(90deg, #5cbb3e 0 44px, #52b038 44px 88px);background-attachment:fixed;font-family:Luckiest Guy,Bangers,Impact,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:1.25}html[data-game=tugofwar] ::selection{background:var(--sun);color:var(--field-ink)}html[data-game=tugofwar] canvas{image-rendering:auto}html[data-game=tugofwar] .match-head{margin-bottom:8px}html[data-game=tugofwar] .screen-title{letter-spacing:.03em;color:var(--sun);-webkit-text-stroke:1.5px var(--field-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--field-ink);transform-origin:0;font-size:clamp(25px,7.6vw,34px);font-weight:400;line-height:1;transform:rotate(-1.5deg)}html[data-game=tugofwar] .back,html[data-game=tugofwar] .icon-button{color:var(--chalk);text-shadow:0 1px #2a1a3a8c}html[data-game=tugofwar] .back{text-underline-offset:4px;font-size:15px;text-decoration:underline;text-decoration-thickness:2px}html[data-game=tugofwar] .back:hover,html[data-game=tugofwar] .icon-button:hover{color:var(--sun)}html[data-game=tugofwar] .players{align-items:center;margin-bottom:12px;font-size:17px}html[data-game=tugofwar] .player{align-items:center;gap:8px}html[data-game=tugofwar] .name{border:2px solid var(--field-ink);background:var(--you);color:var(--chalk);text-shadow:0 1px #2a1a3a99;box-shadow:0 3px 0 var(--field-ink);border-radius:999px;padding:4px 11px 1px}html[data-game=tugofwar] .name-them{background:var(--them)}html[data-game=tugofwar] .name-them:empty{display:none}html[data-game=tugofwar] .score{gap:5px}html[data-game=tugofwar] .score i{background:radial-gradient(circle, var(--chalk) 0 32%, var(--sun) 36%);width:13px;height:13px;box-shadow:0 0 0 1.5px var(--field-ink);border-radius:50%}html[data-game=tugofwar] .clock{display:none}html[data-game=tugofwar] .board{height:calc(var(--board) * 1.08);box-shadow:0 0 0 4px var(--field-ink), 0 9px 0 4px #2a1a3a73;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#63c244;border-radius:14px}html[data-game=tugofwar] .board:focus-visible{outline:3px solid var(--chalk);outline-offset:7px}html[data-game=tugofwar] .status{letter-spacing:.04em;color:var(--chalk);-webkit-text-stroke:1px var(--field-ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--field-ink);margin-top:22px;font-size:24px;font-weight:400}html[data-game=tugofwar] .match[data-phase=over][data-turn=you] .status{color:var(--sun)}html[data-game=tugofwar] .note{color:var(--chalk-dim);text-shadow:0 1px #2a1a3a80;font-size:15px}html[data-game=tugofwar] .button{border:3px solid var(--field-ink);background:var(--sun);color:var(--field-ink);letter-spacing:.05em;box-shadow:0 5px 0 var(--field-ink);border-radius:14px;margin-top:4px;padding:11px 26px 6px;font-family:inherit;font-size:21px;font-weight:400;transition:transform 70ms ease-out,box-shadow 70ms ease-out}html[data-game=tugofwar] .button:hover{background:#ffe37a}html[data-game=tugofwar] .button:active{box-shadow:0 1px 0 var(--field-ink);transform:translateY(4px)}html[data-game=tugofwar] .button:focus-visible{outline:3px solid var(--chalk);outline-offset:5px}html[data-game=tugofwar] .share{height:calc(var(--board) * 1.08);background:linear-gradient(var(--sky) 0, #cdf1ff 34%, transparent 34%), repeating-linear-gradient(90deg, #63c244 0 36px, #55b53a 36px 72px);color:var(--field-ink);box-shadow:0 0 0 4px var(--field-ink), 0 9px 0 4px #2a1a3a73;border-radius:14px;gap:8px}html[data-game=tugofwar] .share-text{color:var(--chalk);-webkit-text-stroke:1px var(--field-ink);paint-order:stroke fill}html[data-game=tugofwar] .share-link{border:2px solid var(--field-ink);background:var(--chalk);color:var(--field-ink);border-radius:10px;padding:5px 12px 1px;font-size:19px}@media (prefers-reduced-motion:reduce){html[data-game=tugofwar] .button{transition:none}}.tile[data-game=tugofwar]{--side:#2f8a2c}.tile[data-game=tugofwar] .cab-marquee{background:repeating-linear-gradient(90deg,#ff4d5e 0 14px,#fffdf2 14px 28px) top/100% 7px no-repeat,linear-gradient(#35aef5,#a9e3ff);box-shadow:0 0 22px #78d2ff80,inset 0 0 0 3px #2a1a3a}.tile[data-game=tugofwar] .tile-name{color:#ffd23a;letter-spacing:.03em;-webkit-text-stroke:1px #2a1a3a;paint-order:stroke fill;text-shadow:0 3px #2a1a3a;padding-top:6px;font-family:Luckiest Guy,Bangers,Impact,sans-serif;font-size:24px}.tile[data-game=tugofwar] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect width='120' height='42' fill='%236ec8ff'/%3E%3Ccircle cx='60' cy='27' r='7' fill='%23ffd23a' stroke='%232a1a3a' stroke-width='1.4'/%3E%3Cpath d='M0 42q30-9 60-2q30-8 60 2z' fill='%2372c96e'/%3E%3Cpath d='M0 42h120v48H0z' fill='%2363c244'/%3E%3Cpath d='M10 42h14L12 90h-24zM40 42h14l-4 48H26zM68 42h14l14 48H72zM98 42h14l28 48h-24z' fill='%2355b53a'/%3E%3Cpath d='M0 4q30 10 60 2q30 8 60-2' fill='none' stroke='%232a1a3a' stroke-width='.8'/%3E%3Cg stroke='%232a1a3a' stroke-width='.8'%3E%3Cpath d='M9 6.6l9 1.8-4.5 7.6z' fill='%23ff4d5e'/%3E%3Cpath d='M18 8.4l9 .9-4.5 8.2z' fill='%23ffd23a'/%3E%3Cpath d='M27 9.3l9 .2-4.5 8.5z' fill='%23fffdf2'/%3E%3Cpath d='M36 9.5l9-.6-4.5 9.1z' fill='%233aa0ff'/%3E%3Cpath d='M45 8.9l9-1.5-4.5 9.1z' fill='%23ff8fd0'/%3E%3Cpath d='M111 6.6l-9 1.8 4.5 7.6z' fill='%23ffd23a'/%3E%3Cpath d='M102 8.4l-9 .9 4.5 8.2z' fill='%23ff4d5e'/%3E%3Cpath d='M93 9.3l-9 .2 4.5 8.5z' fill='%233aa0ff'/%3E%3Cpath d='M84 9.5l-9-.6 4.5 9.1z' fill='%23fffdf2'/%3E%3Cpath d='M75 8.9l-9-1.5 4.5 9.1z' fill='%237be06a'/%3E%3C/g%3E%3Cpath d='M59 42h2l1.5 48h-5z' fill='%23fffdf2' opacity='.85'/%3E%3Cellipse cx='60' cy='76' rx='19' ry='5' fill='%236e4526' stroke='%232a1a3a' stroke-width='1.4'/%3E%3Cellipse cx='58' cy='75' rx='13' ry='2.6' fill='%2394643a'/%3E%3Cg fill='none' stroke='%232a1a3a'%3E%3Cpath d='M29 58h60' stroke-width='5'/%3E%3Cpath d='M20 64l10 12M96 64L86 76' stroke-width='6.5'/%3E%3Cpath d='M20 64l-7-15M96 64l7-15' stroke-width='12.5'/%3E%3Cpath d='M13 49l16 9M103 49l-16 9' stroke-width='6'/%3E%3C/g%3E%3Cg fill='none'%3E%3Cpath d='M29 58h60' stroke='%23dcb26a' stroke-width='3'/%3E%3Cpath d='M33 59.2l1.4-2.4M39 59.2l1.4-2.4M45 59.2l1.4-2.4M63 59.2l1.4-2.4M69 59.2l1.4-2.4M75 59.2l1.4-2.4M81 59.2l1.4-2.4' stroke='%23a47636' stroke-width='.9'/%3E%3Cpath d='M20 64l10 12M96 64L86 76' stroke='%23ffd2a6' stroke-width='4.5'/%3E%3Cpath d='M20 64l-7-15' stroke='%232a8cff' stroke-width='10.5'/%3E%3Cpath d='M96 64l7-15' stroke='%23ff8a1f' stroke-width='10.5'/%3E%3Cpath d='M13 49l16 9M103 49l-16 9' stroke='%23ffd2a6' stroke-width='4'/%3E%3C/g%3E%3Ccircle cx='10' cy='40' r='6.5' fill='%23ffd2a6' stroke='%232a1a3a' stroke-width='1.4'/%3E%3Cpath d='M3.5 40a6.5 6.5 0 0 1 11.2-4.5z' fill='%236b3d1e' stroke='%232a1a3a' stroke-width='.8'/%3E%3Ccircle cx='106' cy='40' r='6.5' fill='%23dc9f6e' stroke='%232a1a3a' stroke-width='1.4'/%3E%3Cpath d='M112.5 40a6.5 6.5 0 0 0-11.2-4.5z' fill='%232c1b14' stroke='%232a1a3a' stroke-width='.8'/%3E%3Ccircle cx='55' cy='58' r='8.5' fill='none' stroke='%23fffdf2' stroke-width='1.2' opacity='.85'/%3E%3Cpath d='M54 59l-2 9M56 59l2 8' fill='none' stroke='%232a1a3a' stroke-width='3.6'/%3E%3Cpath d='M54 59l-2 9M56 59l2 8' fill='none' stroke='%23e8202f' stroke-width='2.2'/%3E%3Cellipse cx='51.6' cy='57.4' rx='3' ry='2' fill='%23e8202f' stroke='%232a1a3a'/%3E%3Cellipse cx='58.4' cy='57.4' rx='3' ry='2' fill='%23e8202f' stroke='%232a1a3a'/%3E%3Ccircle cx='55' cy='58' r='2.2' fill='%23ff5563' stroke='%232a1a3a'/%3E%3C/svg%3E") 50%/cover no-repeat}.tile[data-game=tugofwar]{--deck:repeating-linear-gradient(90deg, #4fb944 0 26px, #43a83a 26px 52px);--deck-ink:#10300c;--deck-link:#7a2a00;--trim:#ffd23f;--front:repeating-linear-gradient(90deg, #ff5a5a 0 22px, #ffd23f 22px 44px, #4fa8ff 44px 66px, #fff 66px 88px) 0 10px / 100% 10px no-repeat, linear-gradient(#58b6ff, #b9e4ff);--edge-a:#2a8cff;--edge-b:#ff8a1f;--body:linear-gradient(#2f8a2c, #1c5a1a)}@font-face{font-family:Cabin Sketch;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/cabin-sketch-latin-700-normal-VOpvQvG7.woff2)format("woff2"),url(/play/assets/cabin-sketch-latin-700-normal-B4km2t1F.woff)format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/play/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}html[data-game=tictactoe]{--slate:#1b2a2a;--slate-deep:#121d1e;--chalk:#eef1ea;--chalk-faint:#eef1ea9e;--wood:#7a5433;--wood-light:#a47648;--wood-dark:#4c331f;--frame:10px;--tray:22px;--board:min(calc(100vw - 52px), 50dvh, 460px);background:var(--slate-deep)}html[data-game=tictactoe] body{padding:calc(var(--frame) + 14px) calc(var(--frame) + 16px) calc(var(--tray) + 18px);color:var(--chalk);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='h'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .011' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .34 -.07'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23h)'/%3E%3C/svg%3E"), radial-gradient(120% 90% at 50% 40%, var(--slate) 0%, var(--slate-deep) 100%);background-repeat:repeat,no-repeat,no-repeat;background-size:280px,100% 100%,auto;background-attachment:fixed;font-family:Patrick Hand,Segoe Print,Bradley Hand,cursive;font-size:22px;line-height:1.25}html[data-game=tictactoe] body:before{content:"";z-index:2;pointer-events:none;border:var(--frame) solid var(--wood);border-top-color:var(--wood-light);border-bottom-color:var(--wood-dark);position:fixed;inset:0;box-shadow:inset 0 0 0 1px #0000008c,inset 0 7px 16px #00000080,inset 0 -4px 10px #0000004d}html[data-game=tictactoe] body:after{content:"";z-index:3;height:var(--tray);pointer-events:none;background:linear-gradient(#ffe27a, #e6c552) 22% 5px / 46px 7px no-repeat, linear-gradient(#ff9fb6, #e07f98) 47% 6px / 38px 7px no-repeat, linear-gradient(#f4f6ef, #cfd3c8) 71% 6px / 20px 7px no-repeat, linear-gradient(#ffffff29, #fff0 3px), linear-gradient(var(--wood-light), var(--wood) 30%, var(--wood-dark));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 10px #0006}html[data-game=tictactoe] ::selection{background:var(--you);color:var(--slate-deep)}html[data-game=tictactoe] canvas{image-rendering:auto}html[data-game=tictactoe] .screen-title,html[data-game=tictactoe] .players,html[data-game=tictactoe] .status,html[data-game=tictactoe] .note,html[data-game=tictactoe] .share,html[data-game=tictactoe] .button,html[data-game=tictactoe] .back{filter:url(#chalk-edge)}html[data-game=tictactoe] .match-head{margin-bottom:14px}html[data-game=tictactoe] .screen-title{letter-spacing:.01em;transform-origin:0;font-family:Cabin Sketch,Patrick Hand,cursive;font-size:clamp(30px,9vw,42px);font-weight:700;line-height:1;transform:rotate(-1.2deg)}html[data-game=tictactoe] .back,html[data-game=tictactoe] .icon-button{color:var(--chalk-faint)}html[data-game=tictactoe] .back{text-underline-offset:4px;font-size:19px;text-decoration:underline;text-decoration-thickness:2px}html[data-game=tictactoe] .back:hover,html[data-game=tictactoe] .icon-button:hover{color:var(--chalk)}html[data-game=tictactoe] .icon-button svg{stroke-width:2.2px}html[data-game=tictactoe] .players{color:var(--chalk-faint);align-items:flex-end;margin-bottom:12px;font-size:24px}html[data-game=tictactoe] .player{align-items:center;gap:12px;padding-bottom:7px;position:relative}html[data-game=tictactoe] .player-you{color:var(--you)}html[data-game=tictactoe] .player-them{color:var(--them)}html[data-game=tictactoe] .match:not([data-turn=you]) .player-you .name,html[data-game=tictactoe] .match:not([data-turn=them]) .player-them .name{opacity:.55}html[data-game=tictactoe] .player:after{content:"";opacity:0;transform-origin:0;background:currentColor;border-radius:3px 2px 4px;height:4px;transition:opacity .2s ease-out;position:absolute;bottom:0;left:-2px;right:-2px;transform:scaleX(0)rotate(-.7deg)}html[data-game=tictactoe] .player-them:after{transform-origin:100%;transform:scaleX(0)rotate(.6deg)}html[data-game=tictactoe] .match[data-turn=you] .player-you:after{opacity:1;transform:scaleX(var(--left)) rotate(-.7deg)}html[data-game=tictactoe] .match[data-turn=them] .player-them:after{opacity:1;transform:scaleX(var(--left)) rotate(.6deg)}html[data-game=tictactoe] .clock{display:none}html[data-game=tictactoe] .score{flex-wrap:nowrap;align-items:center;gap:5px;height:24px}html[data-game=tictactoe] .score i{background:currentColor;border-radius:2px;width:3px;height:22px;animation:.22s cubic-bezier(.16,1,.3,1) backwards tally;transform:rotate(7deg)}html[data-game=tictactoe] .score i:nth-child(5n){width:36px;height:3px;margin-left:-37px;margin-right:6px;transform:rotate(-24deg)}@keyframes tally{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}html[data-game=tictactoe] .board{outline-offset:4px;cursor:crosshair}html[data-game=tictactoe] .board:focus-visible{outline:3px dashed var(--chalk-faint)}html[data-game=tictactoe] .status{color:var(--chalk);margin-top:12px;font-size:28px}html[data-game=tictactoe] .match[data-turn=you] .status{color:var(--you)}html[data-game=tictactoe] .match[data-turn=them] .status{color:var(--them)}html[data-game=tictactoe] .note{color:var(--chalk-faint);margin-top:0;font-size:20px}html[data-game=tictactoe] .button{color:var(--chalk);box-shadow:none;background:0 0;border:3px solid;border-radius:9px 14px 8px 13px/12px 8px 14px 9px;margin-top:6px;padding:8px 22px 10px;font-size:24px;transition:background-color .15s ease-out,transform .15s cubic-bezier(.16,1,.3,1);transform:rotate(-1deg)}html[data-game=tictactoe] .button:hover{background:#eef1ea1a}html[data-game=tictactoe] .button:active{background:#eef1ea2e;transform:rotate(-1deg)scale(.96)}html[data-game=tictactoe] .button:focus-visible{outline:3px dashed var(--you);outline-offset:5px}html[data-game=tictactoe] .share{border:3px dashed var(--chalk-faint);background:0 0;border-radius:14px 10px 16px 9px/10px 15px 9px 14px;gap:6px}html[data-game=tictactoe] .share-text{color:var(--chalk-faint)}html[data-game=tictactoe] .share-link{color:var(--you);font-size:26px}@media (prefers-reduced-motion:reduce){html[data-game=tictactoe] .score i{animation:none}html[data-game=tictactoe] .button{transition:none}}.tile[data-game=tictactoe]{--side:#6b4526}.tile[data-game=tictactoe] .cab-marquee{background:radial-gradient(120% 160% at 30% 10%,#314746,#16221f)}.tile[data-game=tictactoe] .tile-name{color:#eef1ea;font-family:Cabin Sketch,Patrick Hand,cursive;font-size:27px;font-weight:700;transform:rotate(-2deg)}.tile[data-game=tictactoe] .tile-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke-linecap='round' stroke-width='3'%3E%3Cg stroke='%23eef1ea'%3E%3Cpath d='M47 8v64M73 9v63M24 30h72M25 51h71'/%3E%3C/g%3E%3Cg stroke='%23ffe27a'%3E%3Cpath d='M29 13l12 12M41 13L29 25M54 34l12 12M66 34L54 46'/%3E%3C/g%3E%3Cg stroke='%23ff9fb6'%3E%3Ccircle cx='85' cy='19' r='7'/%3E%3Ccircle cx='35' cy='62' r='7'/%3E%3C/g%3E%3C/svg%3E") 50% 30%/86% no-repeat,radial-gradient(120% 140% at 30% 20%,#2a3d3c 0%,#121d1e 100%)}.tile[data-game=tictactoe]{--deck:radial-gradient(70% 90% at 30% 20%, #ffffff1a, transparent 70%), linear-gradient(#34453f, #1f2b27);--trim:#a06a35;--front:radial-gradient(60% 60% at 28% 45%, #ffffff17, transparent 70%), radial-gradient(40% 50% at 78% 60%, #ffffff0f, transparent 70%), linear-gradient(#2a3833, #161f1c);--edge-a:#ffe27a;--edge-b:#ff9fb6;--body:linear-gradient(#3a2a1a, #20160d)}