Date: 16/02/2022 05:05:29
From: mollwollfumble
ID: 1849015
Subject: Minesweeper

Which version of minesweeper do you play?

http://www.minesweeper.info/downloads/WinmineXP.html

I tried the Windows XP version, which I consider the original and best. But with today’s screen resolution it comes out looking like a postage stamp and requires unholy mouse accuracy to play.

I tried the Windows 7 version, but can’t get it to open on Windows 10 even in compatibility mode, perhaps I need to move the .dll file into the System32 folder or something weird like that.

A couple of websites link to a thing called “original” minesweeper in Google games. But that opens with full page advertisements on pop up windows, and when I do get to the game it’s not even remotely like the original.

Reply Quote

Date: 16/02/2022 07:13:41
From: roughbarked
ID: 1849023
Subject: re: Minesweeper

It may seem strange to you but none. Have never played minesweeper or kong. Not even pong.

The games crap on computers and phones either gets deleted or turned off.

Reply Quote

Date: 16/02/2022 08:49:11
From: SCIENCE
ID: 1849028
Subject: re: Minesweeper

roughbarked said:

It may seem strange to you but none. Have never played minesweeper or kong. Not even pong.

The games crap on computers and phones either gets deleted or turned off.

we hear competitive tetromino dropping is all the rage these days

Reply Quote

Date: 16/02/2022 19:41:24
From: mollwollfumble
ID: 1849255
Subject: re: Minesweeper

SCIENCE said:


roughbarked said:

It may seem strange to you but none. Have never played minesweeper or kong. Not even pong.

The games crap on computers and phones either gets deleted or turned off.

we hear competitive tetromino dropping is all the rage these days

OK, let’s keep trying.

“Arbiter 52” is postage-stamp size.
“Minesweeper X” is indistinguishable from the XP version, still postage-stamp size.
“Minesweeper Clone” – dang, plenty of options but resize window in not one of them, still postage-stamp size.
“Narkomania” nope
“Winmine Vista” – just like Windows 2007 version, doesn’t play at all !

Aaarg.

Try https://www.thewindowsclub.com/minesweeper-games-for-windows-10

I already know that some of these have in-app purchases, which I don’t want.

Reply Quote

Date: 16/02/2022 20:43:34
From: Peak Warming Man
ID: 1849267
Subject: re: Minesweeper

I’ve forgotten all about Mindsweeper.

Reply Quote

Date: 16/02/2022 20:58:06
From: SCIENCE
ID: 1849271
Subject: re: Minesweeper

mollwollfumble said:

SCIENCE said:

roughbarked said:

It may seem strange to you but none. Have never played minesweeper or kong. Not even pong.

The games crap on computers and phones either gets deleted or turned off.

we hear competitive tetromino dropping is all the rage these days

OK, let’s keep trying.

Aaarg.

I already know that some of these have in-app purchases, which I don’t want.

look fine then well give yous this

http://void.byethost10.com/ms.html

not sure exactly the spec’s you want but tell us and it’s not a big thing to mod’ a little

Reply Quote

Date: 16/02/2022 21:03:21
From: dv
ID: 1849273
Subject: re: Minesweeper

Mostly I play it in 1991

Reply Quote

Date: 17/02/2022 07:37:40
From: esselte
ID: 1849352
Subject: re: Minesweeper

Akari / Light Up has some similarities to Minesweeper I think.

Light Up is played on a rectangular grid of white and black cells. The player places light bulbs in white cells such that no two bulbs shine on each other, until the entire grid is lit up. A bulb sends rays of light horizontally and vertically, illuminating its entire row and column unless its light is blocked by a black cell. A black cell may have a number on it from 0 to 4, indicating how many bulbs must be placed adjacent to its four sides; for example, a cell with a 4 must have four bulbs around it, one on each side, and a cell with a 0 cannot have a bulb next to any of its sides. An unnumbered black cell may have any number of light bulbs adjacent to it, or none. Bulbs placed diagonally adjacent to a numbered cell do not contribute to the bulb count.

https://en.wikipedia.org/wiki/Light_Up_(puzzle)

Reply Quote

Date: 20/02/2022 14:53:03
From: mollwollfumble
ID: 1850689
Subject: re: Minesweeper

SCIENCE said:


mollwollfumble said:

SCIENCE said:

we hear competitive tetromino dropping is all the rage these days

OK, let’s keep trying.

Aaarg.

I already know that some of these have in-app purchases, which I don’t want.

look fine then well give yous this

http://void.byethost10.com/ms.html

not sure exactly the spec’s you want but tell us and it’s not a big thing to mod’ a little

Hey, how did you do that. That’s good.

Trying some more.
Microsoft minesweeper – Yuk. Ads and flashing lights.
Minesweeper Free 2019 – Has a 30 second long video ad at the end of every game.
Simple minesweeper – annoying pop-ups every few seconds
Minesweeper Original – awful colours, pop-ups completely cover the game while playing in the middle of a game
Multisweeper – no ads & good size. Only has beginner level.
Mine Sweeping Ninja – no ads and good size. Only has beginner level and doesn’t even stop when complete.

https://www.microsoft.com/en-au/p/minesweeper-2019/9n1c8mjcm631?activetab=pivot:overviewtab
Minesweeper 2019 – no ads & good size. Also no way to exit and poor font, but best so far.

https://www.microsoft.com/en-au/p/minesweeper-2-pro-king-puzzle-game-free-play/9n9w04xf4cw6?activetab=pivot:overviewtab
Minesweeper 2 Pro King – no ads & good size. Weird but good font. Only has custom mode and no scores.

Reply Quote

Date: 21/02/2022 13:17:18
From: mollwollfumble
ID: 1851009
Subject: re: Minesweeper

Summary so far. I’ve already removed those with flashing ads.

None anywhere as good as I had on Windows 7.
Where I had Good size, Easy-start, Scores and no failures.

By Easy-start I mean the first click always finds a spot with no mines in the surrounding 8 spaces. That saves time clicking at random to find a starting point.

Reply Quote

Date: 21/02/2022 13:19:11
From: mollwollfumble
ID: 1851010
Subject: re: Minesweeper

Summary so far. I’ve already removed those with flashing ads.

None anywhere as good as I had on Windows 7.
Where I had Good size, Easy-start, Scores and no failures.

By Easy-start I mean the first click always finds a spot with no mines in the surrounding 8 spaces. That saves time clicking at random to find a starting point.

Reply Quote

Date: 21/02/2022 13:23:38
From: SCIENCE
ID: 1851011
Subject: re: Minesweeper

Time To Write Your Own Then

Reply Quote

Date: 21/02/2022 13:26:29
From: mollwollfumble
ID: 1851014
Subject: re: Minesweeper

SCIENCE said:


Time To Write Your Own Then

I loved what you wrote. How did you do it?

I can’t do it in Fortran, which is my native language.

Reply Quote

Date: 21/02/2022 13:34:13
From: SCIENCE
ID: 1851018
Subject: re: Minesweeper

mollwollfumble said:


SCIENCE said:

Time To Write Your Own Then

I loved what you wrote. How did you do it?

I can’t do it in Fortran, which is my native language.

oh write, yeah we don’t know Fortran, we used JavaScript embedded in HTML as you will be able to examine in View Source through the browser

(though if you’re using a cut down device like a smartphone, then that may not be available)

(from memory the one we sent has functionality supporting use of smartphone, with secondary / tertiary / Nary fire emulated by multitouch)

since around 2012 the functionality of browsers has been good enough for this stuff, it’s worth learning

Reply Quote

Date: 21/02/2022 14:06:16
From: mollwollfumble
ID: 1851037
Subject: re: Minesweeper

SCIENCE said:


mollwollfumble said:

SCIENCE said:

Time To Write Your Own Then

I loved what you wrote. How did you do it?

I can’t do it in Fortran, which is my native language.

oh write, yeah we don’t know Fortran, we used JavaScript embedded in HTML as you will be able to examine in View Source through the browser

(though if you’re using a cut down device like a smartphone, then that may not be available)

(from memory the one we sent has functionality supporting use of smartphone, with secondary / tertiary / Nary fire emulated by multitouch)

since around 2012 the functionality of browsers has been good enough for this stuff, it’s worth learning

> as you will be able to examine in View Source through the browser

Ah, yes. I should have thought of that.

Reply Quote

Date: 21/02/2022 15:01:09
From: mollwollfumble
ID: 1851055
Subject: re: Minesweeper

SCIENCE said:


mollwollfumble said:

SCIENCE said:

we hear competitive tetromino dropping is all the rage these days

OK, let’s keep trying.

Aaarg.

I already know that some of these have in-app purchases, which I don’t want.

look fine then well give you this

http://void.byethost10.com/ms.html

not sure exactly the spec’s you want but tell us and it’s not a big thing to mod’ a little

Let’s see if I’ve got this

Um, Science? What exactly am I looking at here?

//--></script><div style="position: absolute; left: 0px; top: 150px;"><div style="position: absolute; left: 0px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 0px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 52px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 104px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 156px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 208px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 260px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 312px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 364px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 416px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 468px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 520px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 572px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 624px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 676px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 728px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 52px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 104px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 156px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 208px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 260px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 312px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 364px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 416px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 468px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 520px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 572px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 624px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 676px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 728px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div><div style="position: absolute; left: 780px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div></div>

?

Reply Quote

Date: 21/02/2022 15:18:15
From: btm
ID: 1851057
Subject: re: Minesweeper

mollwollfumble said:


SCIENCE said:

mollwollfumble said:

OK, let’s keep trying.

Aaarg.

I already know that some of these have in-app purchases, which I don’t want.

look fine then well give you this

http://void.byethost10.com/ms.html

not sure exactly the spec’s you want but tell us and it’s not a big thing to mod’ a little

Let’s see if I’ve got this

Um, Science? What exactly am I looking at here?

//--></script><div style="position: absolute; left: 0px; top: 150px;"><div style="position: absolute; left: 0px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div>...<div style="position: absolute; left: 780px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div></div>

?

Isn’t it obvious? That’s the layout of the minesweeper grid (the covered squares). Each <div style="..."></div> describes a single mine/non-mine location.

Reply Quote

Date: 21/02/2022 15:40:53
From: btm
ID: 1851060
Subject: re: Minesweeper

btm said:


mollwollfumble said:

SCIENCE said:

look fine then well give you this

http://void.byethost10.com/ms.html

not sure exactly the spec’s you want but tell us and it’s not a big thing to mod’ a little

Let’s see if I’ve got this

Um, Science? What exactly am I looking at here?

//--></script><div style="position: absolute; left: 0px; top: 150px;"><div style="position: absolute; left: 0px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div>...<div style="position: absolute; left: 780px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div></div>

?

Isn’t it obvious? That’s the layout of the minesweeper grid (the covered squares). Each <div style="..."></div> describes a single mine/non-mine location.

Have a look at w3schools for a tutorial on html and javascript.

Reply Quote

Date: 21/02/2022 16:39:00
From: mollwollfumble
ID: 1851064
Subject: re: Minesweeper

btm said:


mollwollfumble said:

SCIENCE said:

look fine then well give you this

http://void.byethost10.com/ms.html

not sure exactly the spec’s you want but tell us and it’s not a big thing to mod’ a little

Let’s see if I’ve got this

Um, Science? What exactly am I looking at here?

//--></script><div style="position: absolute; left: 0px; top: 150px;"><div style="position: absolute; left: 0px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div>...<div style="position: absolute; left: 780px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div></div>

?

Isn’t it obvious? That’s the layout of the minesweeper grid (the covered squares). Each <div style="..."></div> describes a single mine/non-mine location.

Thanks, wasn’t obvious to me. Makes sense now.

That means if I want to have the usual easy, medium. hard, extreme levels then I need four of these?
What about custom width and height number of squares?

Reply Quote

Date: 21/02/2022 17:06:50
From: mollwollfumble
ID: 1851068
Subject: re: Minesweeper

btm said:


Have a look at w3schools for a tutorial on html and javascript.

Ta. Am starting to look at it.
I don’t know whether my brain has sufficient empty capacity to fit all that in, though.

Reply Quote

Date: 21/02/2022 18:46:04
From: btm
ID: 1851110
Subject: re: Minesweeper

mollwollfumble said:


btm said:

mollwollfumble said:

Let’s see if I’ve got this

Um, Science? What exactly am I looking at here?

//--></script><div style="position: absolute; left: 0px; top: 150px;"><div style="position: absolute; left: 0px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div>...<div style="position: absolute; left: 780px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div></div>

?

Isn’t it obvious? That’s the layout of the minesweeper grid (the covered squares). Each <div style="..."></div> describes a single mine/non-mine location.

Thanks, wasn’t obvious to me. Makes sense now.

That means if I want to have the usual easy, medium. hard, extreme levels then I need four of these?
What about custom width and height number of squares?

What you pasted here is HTML; you want the javascript. The js to produce that html can be found in the source for the page SCIENCE posted, but this is it:

// populate each column array
for (x = 0; x < COLUMNS + 2; x++) {
 for (y = 0; y < ROWS + 2; y++) {
  d = document.createElement(“div”);
  grid = {state: STATE.CLOSED, content: 0, div: d};
  d.style.position = “absolute”;
  d.style.left = ((x – 1) * gridSize).toString(10) + “px”;
  d.style.top = ((y – 1) * gridSize).toString(10) + “px”;
  d.style.width = d.style.height = gridSize.toString(10) + “px”;
  d.style.backgroundColor = “#c0c0c0”;
  d.style.textAlign = “center”;
  d.style.fontWeight = “bold”;
  d.style.fontSize = (16 * gridSize / 20).toString(10) + “px”;
  d.style.cursor = “crosshair”;
  d.gridXY = {x: x, y: y};
 }
}

Elsewhere in the js you can set the difficulty and size of the field.

Reply Quote

Date: 21/02/2022 21:07:10
From: Bubblecar
ID: 1851139
Subject: re: Minesweeper

Minesweeper is frustrating because there’s often that choice right at the end where you just have to gamble and then lose, after making all the right calculated decisions for the other boxes.

Reply Quote

Date: 21/02/2022 21:51:39
From: SCIENCE
ID: 1851170
Subject: re: Minesweeper

Bubblecar said:

Minesweeper is frustrating because there’s often that choice right at the end where you just have to gamble and then lose, after making all the right calculated decisions for the other boxes.

true but also part of the fun

Reply Quote

Date: 21/02/2022 22:01:44
From: SCIENCE
ID: 1851178
Subject: re: Minesweeper

btm said:

mollwollfumble said:

btm said:

mollwollfumble said:

Let’s see if I’ve got this

Um, Science? What exactly am I looking at here?

//--></script><div style="position: absolute; left: 0px; top: 150px;"><div style="position: absolute; left: 0px; top: 0px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div>...<div style="position: absolute; left: 780px; top: 780px; height: 52px; width: 52px; background-color: rgb(192, 192, 192); text-align: center; font-weight: bold; font-size: 41.6px; cursor: crosshair; border: 5.2px outset rgb(224, 224, 224);"></div></div>

?

Isn’t it obvious? That’s the layout of the minesweeper grid (the covered squares). Each <div style="..."></div> describes a single mine/non-mine location.

Thanks, wasn’t obvious to me. Makes sense now.

That means if I want to have the usual easy, medium. hard, extreme levels then I need four of these?
What about custom width and height number of squares?

What you pasted here is HTML; you want the javascript. The js to produce that html can be found in the source for the page SCIENCE posted, but this is it:

// populate each column array
for (x = 0; x < COLUMNS + 2; x++) {

}

Elsewhere in the js you can set the difficulty and size of the field.

please note all the div-div stuff mollwollfumble pasted is generated by the script, and not in the original source (and as btm states, is the grid)

we’re not sure what source view mollwollfumble used to end up with the generated code (our browsers don’t display it in ViewSource but Inspect brings it up), but just in case it’s helpful, we attach the original source file listing below without generated code

we appreciate that it is old and often scrappy code, and feedback is welcome, noting of course that updates may have already been applied

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Minesweeper</title>
<style type="text/css">
*, *:before, *:after {
 box-sizing: inherit;
}
html {
 height: 100%;
 box-sizing: border-box;
}
body {
 min-height: 100%;
 max-height: 100%;
 min-width: 100%;
 max-width: 100%;
 overflow: hidden;
 margin: 0;
 padding: 0;
 font-size: 12pt;
}
</style>
<script type="text/javascript" src="data:text/plain;base64,">/* #include */</script>
<script type="text/javascript"><!--
"use strict";

//--></script>
</head>
<body>

<div id="info">
 <div id="countM"></div>
 <div id="countS"></div>
 <div id="time"></div>
 <div id="debug"></div>
</div>

<script type="text/javascript"><!--
"use strict";

var DIFFICULTY;
var COLUMNS;
var ROWS;
var MINES;

DIFFICULTY = 1;
COLUMNS = [9, 16, 30][DIFFICULTY];
ROWS = [9, 16, 16][DIFFICULTY];
MINES = [10, 40, 99][DIFFICULTY];

var STATE = {
 CLOSED: 0,
 FLAGGED: 1,
 OPENED: 2,
 EXPLODED: 3,
 DEFUSED: 4
};

var NUMBER_COLOUR = [
 "#c0c0c0",
 "#0000ff",
 "#008000",
 "#ff0000",
 "#000080",
 "#800000",
 "#008080",
 "#000000",
 "#808080",
];

var x, y;
var n;
var field;
var grid = [];
var d;
var start, end;
var count;
var check;

var playStart, playMouse, playTouch, playMain, playEnd;

var showGraph;
var showText;

var updateScore, updateInterval;

var gridSize, pickSize;



var touches = [];
var primary;



pickSize = function (X, Y) {
 var cx, cy;
 cx = document.documentElement.clientWidth;
 cy = document.documentElement.clientHeight;
 cy -= 150;
 if (cx / X < cy / Y) {
  gridSize = Math.floor(cx / X);
 } else {
  gridSize = Math.floor(cy / Y);
 }
};
pickSize(COLUMNS, ROWS);

if (10 * gridSize / 20 > 30) {
 document.getElementById("info").style.fontSize = "30px";
} else {
 document.getElementById("info").style.fontSize = (10 * gridSize / 20).toString(10) + "px";
}

field = document.createElement("div");
field.style.position = "absolute";
field.style.left = "0px";
field.style.top = "150px";
document.body.appendChild(field);

  // create a row of columns
  // more technically: a row array of column arrays
for (x = 0; x < COLUMNS + 2; x++) {
 grid[x] = [];
}

  // populate each column array
for (x = 0; x < COLUMNS + 2; x++) {
 for (y = 0; y < ROWS + 2; y++) {
  d = document.createElement("div");
  grid[x][y] = {state: STATE.CLOSED, content: 0, div: d};
  d.style.position = "absolute";
  d.style.left = ((x - 1) * gridSize).toString(10) + "px";
  d.style.top = ((y - 1) * gridSize).toString(10) + "px";
  d.style.width = d.style.height = gridSize.toString(10) + "px";
  d.style.backgroundColor = "#c0c0c0";
  d.style.textAlign = "center";
  d.style.fontWeight = "bold";
  d.style.fontSize = (16 * gridSize / 20).toString(10) + "px";
  d.style.cursor = "crosshair";
  d.gridXY = {x: x, y: y};
 }
}

  // put the controls on the page
for (x = 1; x < COLUMNS + 1; x++) {
 for (y = 1; y < ROWS + 1; y++) {
  field.appendChild(grid[x][y].div);
 }
}

showText = function (Target) {
 var x, y, output = "";
 for (x = 0; x < COLUMNS + 2; x++) {
  for (y = 0; y < ROWS + 2; y++) {
   output += grid[x][y].content + " ";
  }
  output += "<br>";
 }
 Target.innerHTML += output;
}

showGraph = function () {
 var x, y;
 var d;

 for (x = 1; x < COLUMNS + 1; x++) {
  for (y = 1; y < ROWS + 1; y++) {
   d = grid[x][y].div;
   switch (grid[x][y].state) {
    case STATE.CLOSED: {
     d.style.border = (2 * gridSize / 20).toString(10) + "px outset #e0e0e0";
     d.style.backgroundColor = "#c0c0c0";
    } break;
    case STATE.FLAGGED: {
     d.style.border = (2 * gridSize / 20).toString(10) + "px outset #ffc0c0";
     d.style.backgroundColor = "#ff8080";
    } break;
    case STATE.OPENED: {
     d.style.border = "1px solid #808080";
     if (grid[x][y].content > 0 && grid[x][y].content < 9) {
      d.innerHTML = grid[x][y].content;
      d.style.color = NUMBER_COLOUR[grid[x][y].content];
     } else {
      if (grid[x][y].content == 0) {
      } else {
       d.innerHTML = "M";
      }
     }
    } break;
    case STATE.EXPLODED: {
     d.style.border = "1px solid #808080";
     if (grid[x][y].content < 9) {
      d.innerHTML = "F";
     } else {
      d.innerHTML = "M";
      d.style.backgroundColor = "#ff0000";
     }
    } break;
    case STATE.DEFUSED: {
     d.style.border = (2 * gridSize / 20).toString(10) + "px outset #40ff40";
     if (grid[x][y].content > 0 && grid[x][y].content < 9) {
      d.innerHTML = grid[x][y].content;
     } else {
      if (grid[x][y].content == 0) {
      } else {
       d.innerHTML = "Z";
       d.style.backgroundColor = "#00c000";
      }
     }
    } break;
   }
  }
 }
};

playStart = function (E) {
 var x, y;

 (!E && event) && (E = event);

 if (E.target.gridXY) {
  document.body.removeEventListener("mouseup", playStart, false);
  document.body.removeEventListener("touchend", playStart, false);

    // add mines
  grid[E.target.gridXY.x][E.target.gridXY.y].content = 9;
  for (n = 0; n < MINES; ) {
   x = Math.floor(Math.random() * COLUMNS + 1);
   y = Math.floor(Math.random() * ROWS + 1);
   if (grid[x][y].content < 9) {
    grid[x][y].content = 9;
    n++;
   }
  }
  grid[E.target.gridXY.x][E.target.gridXY.y].content = 0;
  count = 0;
  check = COLUMNS * ROWS - MINES;
  start = 0;
  end = 0;

  // compute adjacencies
  for (x = 1; x < COLUMNS + 1; x++) {
   for (y = 1; y < ROWS + 1; y++) {
    if (grid[x][y].content < 9) {
     n = 0;
     (grid[x - 1][y - 1].content == 9) && (n++);
     (grid[x - 1][y / 1].content == 9) && (n++);
     (grid[x - 1][y + 1].content == 9) && (n++);
     (grid[x * 1][y - 1].content == 9) && (n++);
     (grid[x * 1][y + 1].content == 9) && (n++);
     (grid[x + 1][y - 1].content == 9) && (n++);
     (grid[x + 1][y / 1].content == 9) && (n++);
     (grid[x + 1][y + 1].content == 9) && (n++);
     grid[x][y].content = n;
    }
   }
  }

  start = new Date();
  updateInterval = window.setInterval(updateScore, 10);

  switch (E.type) {
   case "mouseup": {
    playMouse(E);
   } break;
   case "touchend": {
    playTouch(E);
   } break;
  }
  document.body.addEventListener("mouseup", playMouse, false);
  playTouch = function (E, Which) {
   playMain(E.target, Which);
  };
 }
};

playMouse = function (E) {
 var buttonMap = [1, 4, 2, 8, 16];
/*
BUTTON
    0: Main button pressed, usually the left button or the un-initialized state
    1: Auxiliary button pressed, usually the wheel button or the middle button (if present)
    2: Secondary button pressed, usually the right button
    3: Fourth button, typically the Browser Back button
    4: Fifth button, typically the Browser Forward button
BUTTONS
    0 : No button or un-initialized
    1 : Primary button (usually the left button)
    2 : Secondary button (usually the right button)
    4 : Auxilary button (usually the mouse wheel button or middle button)
    8 : 4th button (typically the "Browser Back" button)
    16 : 5th button (typically the "Browser Forward" button)
*/
 (!E && event) && (E = event);
 playMain(E.target, E.buttons | buttonMap[E.button]);
};

playTouch = function () {};

playMain = function (Target, Which) {
 var spread;
 var x, y;
 var f;

 spread = function (x, y) {
  var cx, cy; // current x, y
  if (grid[x][y].state == STATE.CLOSED && 0 < x && x <= COLUMNS && 0 < y && y <= ROWS) {
   check--;
   grid[x][y].state = STATE.OPENED;
   if (grid[x][y].content == 0) {
    spread(x - 1, y - 1);
    spread(x - 1, y / 1);
    spread(x - 1, y + 1);
    spread(x * 1, y - 1);
    spread(x * 1, y + 1);
    spread(x + 1, y - 1);
    spread(x + 1, y / 1);
    spread(x + 1, y + 1);
   } else if (grid[x][y].content == 9) {
    check++;
    cx = x;
    cy = y;
    for (x = 1; x < COLUMNS + 1; x++) {
     for (y = 1; y < ROWS + 1; y++) {
      if (grid[x][y].content < 9) {
       if (grid[x][y].state == STATE.FLAGGED) {
        grid[x][y].state = STATE.EXPLODED;
       }
      } else {
       if (grid[x][y].state == STATE.FLAGGED) {
        grid[x][y].state = STATE.DEFUSED;
       } else {
        grid[x][y].state = STATE.OPENED;
       }
      }
     }
    }
    grid[cx][cy].state = STATE.EXPLODED;
    playEnd();
   }
   if (check == 0) {
    for (x = 1; x < COLUMNS + 1; x++) {
     for (y = 1; y < ROWS + 1; y++) {
      if (grid[x][y].content == 9) {
       grid[x][y].state = STATE.DEFUSED;
      }
     }
    }
    playEnd();
   }
  }
 };

 if (Target.gridXY) {
  document.getElementById("debug").innerHTML = ([Target.gridXY.x, Target.gridXY.y, Which, touches.length]);
  switch(Which) {
   case 1: {
    spread(Target.gridXY.x, Target.gridXY.y);
   } break;
   case 2: {
    x = Target.gridXY.x;
    y = Target.gridXY.y;
    if (grid[x][y].state < STATE.OPENED) {
     // toggle STATE.CLOSED and STATE.FLAGGED
     grid[x][y].state = 1 - grid[x][y].state;
     if (grid[x][y].state) {
      count++;
     } else {
      count--;
     }
    }
   } break;
   case 3: {
    f = 0;
    for (y = -1; y <= +1; y++) {
     for (x = -1; x <= +1; x++) {
      if (grid[Target.gridXY.x + x][Target.gridXY.y + y].state == STATE.FLAGGED) {
       f++;
      }
     }
    }
    if (grid[Target.gridXY.x][Target.gridXY.y].state == STATE.OPENED && grid[Target.gridXY.x][Target.gridXY.y].content == f) {
     for (y = -1; y <= +1; y++) {
      for (x = -1; x <= +1; x++) {
       spread(Target.gridXY.x + x, Target.gridXY.y + y);
      }
     }
    }
   } break;
   default: {
    //alert(Which);
    document.getElementById("debug").innerHTML = "InputModifier = " + Which;
   } break;
  }
 }

 showGraph();
};

playEnd = function () {
 if (!end) {
  end = new Date();
  document.body.removeEventListener("mouseup", playMouse, false);
  playTouch = function () {};
  document.body.addEventListener("mouseup", playEnd, false);
  window.clearInterval(updateInterval);
  updateScore();
 }
};

updateScore = function () {
 document.getElementById("countM").innerHTML = "Mines remaining: " + (MINES - count).toString(10);
 document.getElementById("countS").innerHTML = "Squares remaining: " + check.toString(10);
 document.getElementById("time").innerHTML = "Time elapsed: " + Math.floor((new Date() - start) / 1000).toString(10);
};


showGraph();

document.body.addEventListener("contextmenu", function (E) {(!E) && (E = event); E.preventDefault(); E.stopPropagation();}, false);
document.body.addEventListener("mousedown", function (E) {(!E) && (E = event); E.preventDefault(); E.stopPropagation();}, false);
document.body.addEventListener("mousemove", function (E) {(!E) && (E = event); E.preventDefault(); E.stopPropagation();}, false);
document.body.addEventListener("mouseup", function (E) {(!E) && (E = event); E.preventDefault(); E.stopPropagation();}, false);

document.body.addEventListener("mouseup", playStart, false);
document.body.addEventListener("touchend", playStart, false);













document.body.addEventListener("touchstart", function (E) {(!E) && (E = event); E.preventDefault(); E.stopPropagation();}, false);
document.body.addEventListener("touchmove", function (E) {(!E) && (E = event); E.preventDefault(); E.stopPropagation();}, false);
document.body.addEventListener("touchend", function (E) {(!E) && (E = event); E.preventDefault(); E.stopPropagation();}, false);
document.body.addEventListener("select", function (E) {(!E) && (E = event); E.preventDefault(); E.stopPropagation();}, false);

touches.which = function (i) {
 var n;
 for (n = 0; n < touches.length; n++) {
  if (this[n].t == i) {
   return n;
  }
 }
 return -1;
};

document.body.addEventListener("touchstart", function (E) {(!E) && (E = event);
 var t, tn;
 t = E.changedTouches;
 if (!(primary >= 0)) {
  primary = t[0].identifier;
 }
 for (tn = 0; tn < t.length; tn++) {
  touches.push({t: t[tn].identifier, x: t[tn].clientX, y: t[tn].clientY});
 }
}, false);

document.body.addEventListener("touchmove", function (E) {(!E) && (E = event);
 var t, tn, i;
 var dx, dy;
 t = E.changedTouches;
 for (tn = 0; tn < t.length; tn++) {
  i = touches.which(t[tn].identifier);
  if (primary == t[tn].identifier) {
   document.getElementById("debug").innerHTML = "moving";
   dx = touches[i].x - t[tn].clientX;
   dy = touches[i].y - t[tn].clientY;
   if (dx * dx + dy * dy > 100) {
    document.getElementById("debug").innerHTML = ["MOVING", dx, dy];
    primary = -1;
   }
  }
  touches[i].x = t[tn].clientX;
  touches[i].y = t[tn].clientY;
 }
}, false);

document.body.addEventListener("touchend", function (E) {(!E) && (E = event);
 var t, tn, i;
 var p;
 t = E.changedTouches;
 for (tn = 0; tn < t.length; tn++) {
  i = touches.which(t[tn].identifier);
  if (primary >= 0 && i + 1 == touches.length) {
   p = touches.length - 1;
//   document.getElementById("debug").innerHTML = ([(touches.length).toString(10), E.target]);
   playTouch(E, touches.length);
   primary = -1;
  }
  touches.splice(i, 1);
 }
}, false);

document.body.addEventListener("touchcancel", function (E) {(!E) && (E = event);
 var t, tn, i;
 t = E.changedTouches;
 for (tn = 0; tn < t.length; tn++) {
  i = touches.which(t[tn].identifier);
  if (primary >= 0 && i + 1 == touches.length) {
   primary = -1;
  }
  touches.splice(i, 1);
 }
}, false);




//--></script>
</body>
</html>
Reply Quote