.viewport{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;font-family:Montserrat,Arial,sans-serif}.scene{width:100vw;height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;background-image:url(/assets/BG.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat}.stage{position:relative;width:1920px;height:1080px;flex-shrink:0;transform-origin:center center}.board-area{position:absolute;left:100px;top:120px;width:1072px;height:840px}.board{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:24px}.card{position:relative;perspective:1000px;cursor:pointer}.card.is-locked{cursor:default}.card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.card.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px #00000040;background:#1f6b5e}.card-face img{width:100%;height:100%;object-fit:cover;display:block}.card-front,.card.is-matched .card-inner{transform:rotateY(180deg)}.card.is-matched .card-face{box-shadow:0 0 0 4px #7bc043,0 6px 16px #00000040}.result{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#14282db8;border-radius:24px;padding:40px;color:#fff;text-align:center}.result-title{font-size:82px;font-weight:900;line-height:1.1;margin-bottom:-30px;text-shadow:2px 2px 8px rgba(0,0,0,.4)}.result-subtitle{font-size:42px;font-weight:900;line-height:1.1;text-shadow:2px 2px 8px rgba(0,0,0,.4)}.result-row{display:flex;align-items:baseline;gap:24px;min-width:460px;justify-content:space-between;border-bottom:2px solid rgba(255,255,255,.25);padding-bottom:10px}.result-label{font-size:40px;font-weight:700;opacity:.9}.result-value{font-size:64px;font-weight:900}.btn-restart{margin-top:16px;border:none;background:#e5872c;color:#fff;font-family:inherit;font-weight:800;font-size:40px;letter-spacing:2px;padding:18px 70px;border-radius:16px;cursor:pointer;box-shadow:0 6px 14px #0000004d;transition:filter .15s}.btn-restart:hover{filter:brightness(1.08)}.panel{position:absolute;left:1240px;top:0;width:680px;height:1080px;display:flex;flex-direction:column;align-items:center;padding-top:50px}.logo{width:460px;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.2))}.timer{margin-top:70px;background:#16242c;color:#fff;font-weight:800;font-size:100px;line-height:1;letter-spacing:4px;padding:26px 60px;border-radius:22px;font-variant-numeric:tabular-nums;box-shadow:0 8px 20px #0000004d}.timer-low{color:#ff6b5e}.btn-start{margin-top:46px;border:none;background:#e5872c;color:#fff;font-family:inherit;font-weight:800;font-size:74px;letter-spacing:4px;padding:20px 0;width:440px;border-radius:16px;cursor:pointer;box-shadow:0 6px 14px #0000004d;transition:filter .15s}.btn-start:hover{filter:brightness(1.08)}