*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:teal;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;-webkit-user-select:none;user-select:none}.raised{box-shadow:inset -1px -1px gray,inset 1px 1px #fff,inset -2px -2px #404040,inset 2px 2px #dfdfdf}.sunken{box-shadow:inset 1px 1px gray,inset -1px -1px #fff,inset 2px 2px #404040,inset -2px -2px #dfdfdf}.app-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh}.game-window{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:3px;box-shadow:2px 2px #000}.title-bar{background:linear-gradient(to right,navy,#1084d0);color:#fff;font-weight:700;font-size:12px;padding:3px 6px;margin-bottom:4px;display:flex;align-items:center}.title-bar-text{font-size:12px;font-weight:700}.game-body{padding:6px;display:flex;flex-direction:column;gap:6px}.header-panel{background:silver;border:2px solid;border-color:#808080 #ffffff #ffffff #808080;padding:4px 8px}.header{display:flex;justify-content:space-between;align-items:center;gap:8px}.display-group{display:flex;flex-direction:column;align-items:center;gap:2px}.display-label{font-family:Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:gray}.digital-display{background:#000;border:2px solid;border-color:#808080 #ffffff #ffffff #808080;padding:2px 4px;display:flex;gap:1px;min-width:46px}.digit{font-family:Courier New,monospace;font-weight:700;font-size:20px;color:red;line-height:1;width:13px;text-align:center;letter-spacing:-1px}.smiley-btn{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;outline:none}.smiley-btn:active{border-color:#808080 #ffffff #ffffff #808080}.board-panel{border:2px solid;border-color:#808080 #ffffff #ffffff #808080}.board{display:grid;grid-template-columns:repeat(12,28px);grid-template-rows:repeat(12,28px);gap:0}.tile{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.tile-unrevealed{background:silver;box-shadow:inset 2px 2px #fff,inset -2px -2px gray,inset 1px 1px #dfdfdf,inset -1px -1px #404040}.tile-unrevealed:hover{background:#d0d0d0}.tile-unrevealed:active{box-shadow:inset 1px 1px gray,inset -1px -1px #fff;background:#b8b8b8}.tile-revealed{background:silver;box-shadow:inset 1px 1px gray;cursor:default}.tile-limb{background:#0075ab;cursor:default}.tile-face-normal{background:#0075ab;cursor:pointer}.tile-face-normal:hover{background:#005f8a}.tile-face-exploded{background:red;box-shadow:inset 1px 1px maroon;cursor:default}.tile-flagged{background:silver;box-shadow:inset 2px 2px #fff,inset -2px -2px gray,inset 1px 1px #dfdfdf,inset -1px -1px #404040}.tile-number{font-family:Arial,sans-serif;font-weight:700;font-size:15px;line-height:1}.tile-flag,.tile-face-icon{font-size:14px;line-height:1}