*{box-sizing:border-box} :root{font-family:Inter,Arial,sans-serif;color:#f3e9c9;background:#071b17;font-synthesis:none}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#48234e55,transparent 45%),radial-gradient(ellipse at 10% 55%,#28533e66,transparent 65%),#071b17;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #e5cc83;outline-offset:4px}header{max-width:1120px;margin:auto;padding:18px 28px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #d0d99a20}header img{width:128px}header>span{color:#9ba994;font-size:11px;letter-spacing:.14em;flex:1}.quiet{color:#dce4c5;background:#173429;border:1px solid #b6c68b40;border-radius:8px;padding:10px 16px}main{max-width:1040px;margin:auto;padding:0 28px}.intro{display:flex;align-items:center;justify-content:space-between;min-height:280px;position:relative;padding:26px 24px 20px}.eyebrow{color:#bbcd83;font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 14px}h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.05em;margin:0}h1 br{display:none}h1 em{color:#c5d987;font-style:normal}.lead{font-size:17px;line-height:1.6;color:#b9c6b1;margin-bottom:0}.villain{width:290px;transform:rotate(-9deg);filter:drop-shadow(0 15px 30px #77229930)}.game{position:relative;border:1px solid #9dac7540;border-radius:22px;background:#0e2921;box-shadow:0 25px 80px #0004;overflow:hidden}.dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;padding:22px 34px;gap:16px}.dashboard>div{display:flex;flex-direction:column;gap:6px}.dashboard>div:last-child{text-align:right}.dashboard>div:nth-child(2){text-align:center}.dashboard span{font-size:12px;color:#a7b59b}.dashboard strong{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.dashboard strong span{font-size:14px}.time-track{height:3px;background:#ffffff09}#timebar{height:100%;background:#c0d37f;width:100%;transition:width .15s linear}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:32px;background:linear-gradient(#0e231aa0,#0b211bf0),url('../assets/images/hero-poster.webp') center/cover}.hole{position:relative;height:172px;overflow:hidden;border:1px solid #d8ce9f25;border-radius:50% 50% 18px 18px;background:radial-gradient(ellipse at 50% 80%,#060d0b 25%,#173126 70%);padding:0;touch-action:manipulation;color:#e8e8d7;isolation:isolate}.hole:after{content:'';position:absolute;left:-5%;right:-5%;bottom:-17px;height:42px;border-radius:50%;background:linear-gradient(#365140,#142c21);box-shadow:0 -3px 0 #8a956340;z-index:3;pointer-events:none}.hole .key{position:absolute;top:12px;left:16px;font-size:11px;color:#b0c29860;z-index:4}.hole img{height:90%;width:90%;object-fit:contain;position:absolute;bottom:0;left:5%;transform:translateY(115%) rotate(-12deg);opacity:0;transition:transform .14s ease-out,opacity .14s;pointer-events:none}.hole.active img{transform:translateY(0) rotate(0);opacity:1}.hole.friend img{width:70%;left:15%;height:97%}.hole.hit{box-shadow:inset 0 0 35px #cadb7055;border-color:#cddd83}.hole.wrong{box-shadow:inset 0 0 35px #e6545555;border-color:#ed8080}.feedback{position:absolute;z-index:5;top:35%;left:0;right:0;font-size:28px;font-weight:bold;color:#e6eea9;text-shadow:0 2px 8px #000;pointer-events:none}.wrong .feedback{color:#ffb7ae}.status{display:flex;justify-content:space-between;gap:12px;padding:18px 28px;color:#b7c7a4;font-size:13px;min-height:54px}#combo{white-space:nowrap;color:#e5d9b1}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#071b17eF;backdrop-filter:blur(9px)}[hidden]{display:none!important}.brief{text-align:center;max-width:550px}.brief h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin:0 0 14px}.brief>p:not(.eyebrow){color:#b9c6af;line-height:1.6;margin:0 auto 18px;max-width:420px}.rules{display:flex;justify-content:center;gap:36px;margin:20px 0 24px}.rules>div{display:flex;flex-direction:column;align-items:center;gap:5px}.rules img{width:116px;height:83px;object-fit:contain}.rules strong{font-size:14px}.rules span{font-size:12px;color:#b7c9a7}.primary{min-height:52px;background:#bfd37f;border:1px solid #d8e69c;color:#12281a;padding:14px 30px;border-radius:8px;font-weight:700;font-size:17px;box-shadow:0 6px 24px #bdcf6c15}.primary:hover{background:#d3e69a}.primary span{padding-left:18px}.brief .hint{font-size:12px;margin-top:16px!important}footer{display:flex;justify-content:space-between;gap:20px;color:#7e9587;font-size:11px;padding:24px 0 36px}.urgent #timebar{background:#e78370}.urgent #time{color:#f9ab90}@media(max-width:650px){header{padding:12px 16px}header img{width:100px}header>span{display:none}.quiet{margin-left:auto}main{padding:0 12px}.intro{padding:22px 8px;min-height:200px}.intro>div{position:relative;z-index:1}h1{font-size:38px}h1 br{display:block}.lead{font-size:14px}.villain{position:absolute;width:170px;right:-4px;top:18px;opacity:.65}.intro .eyebrow{font-size:9px}h1{max-width:240px}.game{border-radius:16px}.dashboard{padding:16px 20px}.dashboard strong{font-size:27px}.board{gap:10px;padding:18px 12px}.hole{height:124px}.status{padding:14px 12px;font-size:11px}.overlay{padding:18px 12px}.rules{gap:20px;margin:16px 0}.rules img{height:66px;width:90px}.rules strong{font-size:12px}.brief>p:not(.eyebrow){font-size:14px;max-width:290px;margin-bottom:10px}.brief .hint{font-size:11px}.brief .eyebrow{font-size:9px;margin-bottom:9px}footer{flex-direction:column;gap:8px;font-size:10px}.primary{font-size:15px;min-height:48px}.feedback{font-size:24px}}@media(max-width:360px){.hole{height:112px}.dashboard{padding:12px 18px}.brief h2{font-size:27px}.rules{margin:12px 0}.rules img{height:53px}.villain{width:145px;opacity:.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}