*{box-sizing:border-box}body{margin:0;padding:24px 18px 35px;color:#eaf4de;font:15px/1.6 system-ui,sans-serif;background:radial-gradient(ellipse at 50% 25%,#264f43,#0b2322 75%);min-height:100dvh}header,#wrapper{max-width:1040px;margin:auto}header{padding:14px 10px 20px}header a{color:#bde1c5;text-decoration:none;font-size:11px;letter-spacing:2px}h1{font:700 clamp(32px,6vw,58px)/1.1 Georgia,serif;color:#ffe5ad;margin:14px 0 5px}header p{font-size:12px;color:#b4ccba;margin:8px 0}#wrapper{background:#143b34;border:1px solid #92b19255;border-radius:18px;padding:16px;box-shadow:0 25px 75px #0004}#boardViewport{max-width:100%;overflow:auto;overscroll-behavior:contain;border-radius:10px;background:radial-gradient(ellipse,#386c50,#1a493c);scrollbar-color:#d1b87e #183d32}#boardSizer{position:relative}#game{position:absolute;top:0;left:0;width:1000px;height:700px;transform-origin:top left}footer{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 2px 3px}#controls{display:flex;gap:8px;flex-wrap:wrap}button{font:700 12px system-ui;border:1px solid #bcd6b755;border-radius:8px;padding:11px 14px;background:#244f46;color:#fff0ca;min-height:44px;cursor:pointer}button:hover{background:#3b6b55}button:disabled{opacity:.4;cursor:default}#restartButton{background:#edca80;color:#26382e}#statusText{font-size:13px;font-weight:600;color:#ebdfbe}#panHint{font-size:11px;text-align:center;color:#b3d2c0;margin:10px 0 0}.tile{position:absolute;transition:opacity .16s,transform .16s}.tile.removing{opacity:0;transform:translateY(-8px)}.tileFront{position:absolute;border:1px solid #a39770;background:linear-gradient(135deg,#fff8dc,#e9ddb4);cursor:pointer;box-shadow:inset 0 1px 3px #fff,0 2px 5px #132a23aa}.tileFront img{pointer-events:none}.tileFront:hover:not(.blockedTile),.selectedTile{background:#f7d889!important;box-shadow:0 0 0 3px #f5d983!important}.blockedTile{filter:brightness(.77);cursor:default}.alertTile{background:#8bdfbd!important;outline:4px solid #6de3b5;outline-offset:-3px}.tileBack{position:absolute;background:#b5a97d;border:1px solid #817851;box-shadow:0 4px 5px #14251b99}#infoText{background:#16392f;color:#f8ecd0;border:1px solid #b2b084;border-radius:16px;max-width:580px;width:90%;max-height:85dvh;padding:28px}#infoText::backdrop{background:#071e1bcc}#infoText img{width:36px;background:#fff1cd;border-radius:5px}#infoText a{color:#aee8c7}#infoText button{width:100%;margin-top:10px}@media(max-width:600px){body{padding:14px 10px}#wrapper{padding:10px}header{padding-top:32px}footer{display:block}#controls{margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}button{padding:9px 5px;font-size:10px}#statusText{font-size:12px}}