:root{--desktop: #008080;--face: #c0c0c0;--light: #dfdfdf;--white: #ffffff;--shadow: #808080;--dark: #0a0a0a;--title: #000080;--title-inactive: #808080;--select: #000080;--tooltip: #ffffe1;--raised: inset -1px -1px var(--dark), inset 1px 1px var(--white), inset -2px -2px var(--shadow), inset 2px 2px var(--light);--window: inset -1px -1px var(--dark), inset 1px 1px var(--light), inset -2px -2px var(--shadow), inset 2px 2px var(--white);--sunken: inset -1px -1px var(--white), inset 1px 1px var(--shadow), inset -2px -2px var(--light), inset 2px 2px var(--dark);--pressed: inset -1px -1px var(--white), inset 1px 1px var(--dark), inset -2px -2px var(--light), inset 2px 2px var(--shadow);--thin-sunken: inset -1px -1px var(--white), inset 1px 1px var(--shadow);color-scheme:light;font-family:"MS Sans Serif","Microsoft Sans Serif",Tahoma,Segoe UI,Arial,sans-serif;font-size:13px;color:#000}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--desktop);padding-bottom:40px}h2,h3{margin:0 0 8px;font-size:13px}p{margin:0 0 8px}.dim{color:#404040}main{max-width:1240px;margin:0 auto;padding:16px 12px 24px}.narrow{max-width:440px;margin:48px auto}.window{background:var(--face);box-shadow:var(--window);padding:3px;min-width:0}.title-bar{display:flex;align-items:center;gap:4px;min-height:20px;padding:2px 2px 2px 3px;background:var(--title);color:var(--white);font-weight:700;-webkit-user-select:none;user-select:none}.title-bar.inactive{background:var(--title-inactive);color:var(--light)}.title-icon{width:16px;height:16px;image-rendering:pixelated}.title-text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-controls{display:flex;flex:none}.tb-btn{position:relative;width:16px;height:14px;background:var(--face);box-shadow:var(--raised)}.tb-btn.close{margin-left:2px}.tb-btn.min:after{content:"";position:absolute;left:4px;bottom:3px;width:6px;height:2px;background:#000}.tb-btn.max:after{content:"";position:absolute;left:3px;top:2px;width:9px;height:8px;border:1px solid #000;border-top-width:2px}.tb-btn.close:before,.tb-btn.close:after{content:"";position:absolute;left:3px;top:6px;width:9px;height:2px;background:#000;transform:rotate(45deg)}.tb-btn.close:after{transform:rotate(-45deg)}.window-body{padding:8px}.status-bar{display:flex;gap:2px;margin-top:2px}.status-field{flex:1;min-width:0;padding:2px 4px;box-shadow:var(--thin-sunken);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-bar{display:flex;padding:1px 2px}.menu{position:relative}.menu-bar button,.menu-list button,.start-menu button{min-width:0;min-height:0;background:none;box-shadow:none}.menu-title{padding:2px 8px}.menu-title:hover,.menu-title.open{background:var(--select);color:var(--white)}.menu-list{position:absolute;top:100%;left:0;z-index:20;min-width:200px;margin:0;padding:2px;list-style:none;background:var(--face);box-shadow:var(--window)}.menu-list button{display:flex;gap:4px;width:100%;padding:4px 20px 4px 4px;text-align:left}.menu-list button:hover:not(:disabled){background:var(--select);color:var(--white)}.menu-check{width:14px;text-align:center}.menu-sep{margin:3px 2px;border-top:1px solid var(--shadow);border-bottom:1px solid var(--white)}button{min-width:75px;min-height:23px;padding:0 12px;border:none;border-radius:0;background:var(--face);box-shadow:var(--raised);color:#000;font:inherit;cursor:pointer}button:active:not(:disabled){box-shadow:var(--pressed);padding:1px 11px 0 13px}.menu-bar button:active,.menu-list button:active,.start-menu button:active{box-shadow:none}button:focus-visible{outline:1px dotted #000;outline-offset:-4px}button:disabled{color:var(--shadow);text-shadow:1px 1px 0 var(--white);cursor:default}button.primary{box-shadow:0 0 0 1px #000,var(--raised)}button.primary:active:not(:disabled){box-shadow:0 0 0 1px #000,var(--pressed)}button.big{width:100%;min-height:34px;margin:4px 0 10px;font-weight:700}input,select{width:100%;height:23px;padding:3px 4px;border:none;border-radius:0;background:var(--white);box-shadow:var(--sunken);color:#000;font:inherit}input:focus,select:focus{outline:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:22px;background:var(--white) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2017'%20shape-rendering='crispEdges'%3e%3crect%20width='16'%20height='17'%20fill='%230a0a0a'/%3e%3crect%20width='15'%20height='16'%20fill='%23dfdfdf'/%3e%3crect%20x='1'%20y='1'%20width='14'%20height='15'%20fill='%23808080'/%3e%3crect%20x='1'%20y='1'%20width='13'%20height='14'%20fill='%23fff'/%3e%3crect%20x='2'%20y='2'%20width='12'%20height='13'%20fill='%23c0c0c0'/%3e%3cpath%20d='M4%206h7v1H4zM5%207h5v1H5zM6%208h3v1H6zM7%209h1v1H7z'%20fill='%23000'/%3e%3c/svg%3e") right 2px center / 16px 17px no-repeat}select:focus{background-color:var(--select);color:var(--white)}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:13px;height:13px;margin:0;padding:0}input[type=checkbox]:checked{background:var(--white) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%207%207'%20shape-rendering='crispEdges'%3e%3cpath%20fill='%23000'%20d='M6%200h1v1H6zM5%201h2v1H5zM0%202h1v1H0zM4%202h3v1H4zM0%203h2v1H0zM3%203h3v1H3zM0%204h5v1H0zM1%205h3v1H1zM2%206h1v1H2z'/%3e%3c/svg%3e") center / 7px no-repeat}input[type=radio]{border-radius:50%;box-shadow:inset 1px 1px var(--shadow),inset -1px -1px var(--white),inset 2px 2px var(--dark),inset -2px -2px var(--light)}input[type=radio]:checked{background:radial-gradient(circle,#000 0 2px,var(--white) 2.5px)}input[type=checkbox]:focus-visible+span,input[type=radio]:focus-visible+span{outline:1px dotted #000}label{display:flex;flex-direction:column;gap:3px}label.check,label.radio{flex-direction:row;align-items:center;gap:6px;padding:2px 0}.inline-field{flex-direction:row;align-items:center;gap:8px}.inline-field>span{flex:none}.inline-form{display:flex;align-items:center;gap:6px;margin-top:8px}.inline-form>input,.inline-form>label{flex:1}.code-input{max-width:110px;font-family:Courier New,monospace;font-weight:700;letter-spacing:3px;text-transform:uppercase}fieldset{margin:0 0 10px;padding:6px 10px 8px;border:1px solid var(--shadow);box-shadow:inset 1px 1px var(--white),1px 1px var(--white)}legend{padding:0 3px}.field-caption{margin:8px 0 2px}.row2,.row3{display:grid;gap:8px}.row2{grid-template-columns:1fr 1fr}.row3{grid-template-columns:1fr 1fr 1fr;margin-top:6px}.settings>.inline-field{margin-bottom:10px}.dialog-buttons{display:flex;justify-content:center;gap:8px;margin-top:4px}.dialog-buttons.right{justify-content:flex-end}.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.spacer{flex:1}.code{padding:1px 6px;background:var(--white);box-shadow:var(--thin-sunken);font-family:Courier New,monospace;font-weight:700;letter-spacing:2px}.listview{overflow:auto;padding:2px;background:var(--white);box-shadow:var(--sunken)}.listview table{width:100%;border-collapse:collapse}.listview th{padding:3px 6px;background:var(--face);box-shadow:var(--raised);font-weight:400;text-align:left;white-space:nowrap}.listview td{padding:3px 6px;vertical-align:middle}.listview td.empty{padding:16px 6px;color:#404040;text-align:center}.listview td.actions{text-align:right}.listview td.actions button{min-width:60px;min-height:21px}.listview tr.selected td,.listview tr.selected .dim{background:var(--select);color:var(--white)}.progress{height:18px;padding:2px;box-shadow:var(--thin-sunken)}.progress>div{height:100%;background:repeating-linear-gradient(90deg,var(--title) 0 8px,transparent 8px 10px)}.progress.muted>div{background:repeating-linear-gradient(90deg,var(--shadow) 0 8px,transparent 8px 10px)}.progress-list{margin:0;padding:0;list-style:none}.progress-list li{margin-bottom:10px}.progress-list li.me .name{font-weight:700}.progress-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:3px}.message{display:flex;align-items:flex-start;gap:14px;padding:6px 4px 12px}.message-text p:last-child{margin:0}.dialog-icon{flex:none;width:32px;height:32px}.floating-dialog{position:fixed;top:16px;left:50%;z-index:40;width:min(440px,calc(100vw - 24px));transform:translate(-50%)}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.modal-layer .window{width:min(440px,100%)}.tooltip{position:fixed;right:8px;bottom:40px;z-index:50;max-width:min(360px,calc(100vw - 16px));padding:4px 8px;border:1px solid #000;background:var(--tooltip)}.taskbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:4px;height:32px;padding:2px;background:var(--face);box-shadow:inset 0 1px var(--light),inset 0 2px var(--white)}.start-area{position:relative}.start-button{display:flex;align-items:center;gap:4px;min-width:0;height:26px;padding:0 6px;font-weight:700}.start-button.active{box-shadow:var(--pressed)}.win-logo{width:18px;height:16px}.start-menu{position:absolute;left:0;bottom:100%;display:flex;min-width:260px;margin-bottom:3px;padding:3px;background:var(--face);box-shadow:var(--window)}.start-banner{padding:8px 4px;background:var(--shadow);color:var(--face);font-size:20px;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg);-webkit-user-select:none;user-select:none}.start-banner b{color:var(--white)}.start-menu ul{flex:1;margin:0;padding:0;list-style:none}.start-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:4px 16px 4px 8px;text-align:left}.start-menu button:hover{background:var(--select);color:var(--white)}.start-menu img,.task img{width:16px;height:16px;image-rendering:pixelated}.task{display:flex;align-items:center;gap:4px;min-width:0;max-width:220px;height:26px;padding:0 8px;box-shadow:var(--pressed);background:repeating-conic-gradient(var(--face) 0 25%,var(--white) 0 50%) 0 0 / 2px 2px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tray{display:flex;align-items:center;gap:8px;height:26px;margin-left:auto;padding:0 8px;box-shadow:var(--thin-sunken);white-space:nowrap}.tray-net{width:10px;height:10px;border:1px solid #000;background:#0c0}.tray-net.connecting,.tray-net.replaced{background:red}@media(max-width:480px){.tray-name{display:none}}.lobby,.room{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.side{display:flex;flex-direction:column;gap:16px;min-width:0}@media(max-width:860px){.lobby,.room{grid-template-columns:minmax(0,1fr)}}.logon{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.logon-icon{width:48px;height:48px;image-rendering:pixelated}.logon-buttons{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px}.legend-body{display:flex;align-items:flex-start;gap:12px}.legend .photo{flex:none;width:102px;height:102px;padding:3px;background:var(--white);box-shadow:var(--sunken);object-fit:cover}.legend dl,.summary{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0}.legend dd,.summary dd{margin:0}.legend q{font-style:italic}.legend-dare{margin:8px 0 0;padding-top:6px;border-top:1px solid var(--shadow);box-shadow:inset 0 1px var(--white)}.waiting{padding:10px;box-shadow:var(--thin-sunken);text-align:center}.chat-log{height:180px;padding:4px 6px;overflow-y:auto;background:var(--white);box-shadow:var(--sunken)}.chat-log p{margin:0 0 3px;overflow-wrap:anywhere}.chat-log p.me strong{color:var(--title)}.game{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.minesweeper{width:min-content;max-width:100%}.minesweeper .window-body{padding:6px}.minesweeper .status-field{white-space:normal}.race-side{flex:1 1 260px;max-width:380px;display:flex;flex-direction:column;gap:16px}.versus-side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}.ms-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding:5px 6px;box-shadow:var(--sunken)}.lcd{display:inline-flex;gap:1px;padding:2px;background:#000;box-shadow:inset -1px -1px var(--white),inset 1px 1px var(--shadow)}.lcd-digit{width:13px;height:23px}.lcd-digit .on{fill:red}.lcd-digit .off{fill:#3a0000}.big-lcd{margin-top:8px}.big-lcd .lcd-digit{width:26px;height:46px}.smiley-face{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--face);box-shadow:var(--raised)}.smiley{width:24px;height:24px}.board-wrap{position:relative;width:fit-content;max-width:100%;overflow:auto;padding:3px;box-shadow:var(--sunken)}.board{--cell: clamp(18px, calc((min(100vw, 1240px) - 400px) / var(--cols)), 32px);display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:var(--cell);user-select:none;-webkit-user-select:none;touch-action:manipulation}.game.versus .board{--cell: clamp(16px, calc(((min(100vw, 1240px) - 60px) / 2 - 30px) / var(--cols)), 30px)}@media(max-width:860px){.board,.game.versus .board{--cell: clamp(18px, calc((100vw - 70px) / var(--cols)), 34px)}}.cell{display:flex;align-items:center;justify-content:center;background:var(--face) center / 70% no-repeat;font-family:Tahoma,Verdana,sans-serif;font-size:calc(var(--cell) * .62);font-weight:700;line-height:1;image-rendering:pixelated}.cell.hidden{border:max(2px,calc(var(--cell) * .11)) solid;border-color:var(--white) var(--shadow) var(--shadow) var(--white);cursor:default}.cell.hidden:not(.flag):active{border-width:1px 0 0 1px;border-color:var(--shadow)}.cell.open,.cell.exploded{border-top:1px solid var(--shadow);border-left:1px solid var(--shadow)}.cell.flag{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20shape-rendering='crispEdges'%3e%3cg%20fill='%23f00'%3e%3crect%20x='6'%20y='2'%20width='3'%20height='5'/%3e%3crect%20x='4'%20y='3'%20width='2'%20height='3'/%3e%3crect%20x='3'%20y='4'%20width='1'%20height='1'/%3e%3c/g%3e%3cg%20fill='%23000'%3e%3crect%20x='8'%20y='7'%20width='1'%20height='3'/%3e%3crect%20x='6'%20y='10'%20width='4'%20height='1'/%3e%3crect%20x='4'%20y='11'%20width='8'%20height='2'/%3e%3c/g%3e%3c/svg%3e")}.cell.mine{background-image:url(/assets/mine-D-X40mDk.svg)}.cell.exploded{background-color:red;background-image:url(/assets/mine-D-X40mDk.svg)}.cell.wrong{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20shape-rendering='crispEdges'%3e%3cg%20fill='%23000'%3e%3crect%20x='7'%20y='1'%20width='2'%20height='14'/%3e%3crect%20x='1'%20y='7'%20width='14'%20height='2'/%3e%3crect%20x='4'%20y='3'%20width='8'%20height='10'/%3e%3crect%20x='3'%20y='4'%20width='10'%20height='8'/%3e%3c/g%3e%3crect%20x='5'%20y='5'%20width='2'%20height='2'%20fill='%23fff'/%3e%3cg%20stroke='%23f00'%20stroke-width='1.6'%20shape-rendering='auto'%3e%3cline%20x1='2'%20y1='2'%20x2='14'%20y2='14'/%3e%3cline%20x1='14'%20y1='2'%20x2='2'%20y2='14'/%3e%3c/g%3e%3c/svg%3e")}.n1{color:#00f}.n2{color:green}.n3{color:red}.n4{color:navy}.n5{color:maroon}.n6{color:teal}.n7{color:#000}.n8{color:gray}.overlay{position:absolute;top:3px;right:3px;bottom:3px;left:3px;display:flex;align-items:center;justify-content:center;padding:8px;pointer-events:none}.overlay.dim{background:#00000040}.overlay.frozen{background:#7fd4ff59}.overlay .window{width:min(300px,100%)}.overlay .message-text{text-align:center}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.result-headline,.result-window .listview{margin-bottom:8px}.rivals{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.rivals.solo{grid-template-columns:minmax(0,1fr)}.rival .window-body{padding:4px}.rival.frozen .title-bar{background:#1084d0}.mini-board{width:100%;padding:3px;box-shadow:var(--sunken)}.mini-board canvas{display:block;margin:0 auto}.spectate .rivals{margin-top:4px}