html,body{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(/bg.png);display:flex;justify-content:center;align-items:center;height:auto;font:14px/20px BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.board{margin-top:20px;background:linear-gradient(315deg,#2a8a8d,#60dd8e);border-radius:10px;box-shadow:8px 8px 20px 4px #0000004d;margin-left:auto;margin-right:auto}.board .tile{border:none;width:50px;height:50px;border-radius:5px;display:flex;justify-content:center;align-items:center;margin:5px;cursor:pointer;background-color:transparent}:is(.board .tile) svg{width:30px;height:30px;-o-object-fit:cover;object-fit:cover}:is(.board .tile) .tile-flip{position:relative;width:100%;height:100%;text-align:center;transition:transform .3s;transform-style:preserve-3d}:is(.board .tile) .front,:is(.board .tile) .back{border-radius:10px;position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;box-shadow:3px 3px 6px 1px #0000004d}:is(.board .tile) .back{transform:rotateY(180deg);transition:.3s}:is(.board .tile) .front{background-color:#0c3939}.heading{letter-spacing:3px;margin:20px 0;text-align:center;color:#1d743e}.display-container{font-family:Signika,sans-serif;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700}.message-aside{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:2000}.message-aside .message-container{background-color:#fffffff2;padding:15px 40px 15px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #0c3939;display:flex;align-items:center;animation:slideIn .3s ease-out}:is(.message-aside .message-container) .message-content{font-size:16px;font-weight:700;color:#1d743e}:is(.message-aside .message-container) .message-close{position:absolute;top:5px;right:5px;background:none;border:none;font-size:18px;line-height:1;cursor:pointer;color:#666;padding:0 5px}:is(:is(.message-aside .message-container) .message-close):hover{color:#000}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.start{border:1px solid #0c3939;font-family:Signika,sans-serif;padding:5px 10px;font-size:16px;background:#2a8a8d;background:linear-gradient(315deg,#2a8a8d,#60dd8e);display:flex;justify-content:center;align-items:center;color:#fff;border-radius:5px;cursor:pointer;transition:.3s}.start:hover{box-shadow:3px 3px 6px 1px #0000004d}@media screen and (min-width:700px){.board .tile{width:80px;height:80px;border-radius:8px;margin:8px}:is(.board .tile) svg{width:50px;height:50px}.start{padding:10px 20px;font-size:18px}}.github-ribbon{position:fixed;top:0;right:0;z-index:1000;width:150px;height:150px;overflow:hidden;pointer-events:none}.github-ribbon a{display:block;position:absolute;top:30px;right:-40px;transform:rotate(45deg);width:200px;background-color:#333;color:#fff;text-align:center;line-height:30px;text-decoration:none;font-weight:700;box-shadow:0 4px 8px #0000004d;pointer-events:auto;font-family:sans-serif;font-size:14px;border:1px solid #fff}.github-ribbon a:hover{background-color:#555}