*{box-sizing:border-box}:root{--bg:#120b05;--sand:#3b2510;--gold:#ffd15c;--gold2:#ff9f1c;--amber:#c86b12;--red:#c2410c;--cream:#fff2c7;--muted:#ead7a4;--green:#5dd39e}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#5b3511,#120b05 66%);color:var(--cream);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(255,209,92,.16),transparent 12%),radial-gradient(circle at 88% 10%,rgba(255,159,28,.18),transparent 14%),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,46px 46px,46px 46px}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:rgba(18,11,5,.9);backdrop-filter:blur(14px);border-bottom:2px solid rgba(255,209,92,.25)}.logo{font-weight:900;font-size:14px;color:var(--gold);text-decoration:none;letter-spacing:1px}nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}nav a{text-decoration:none;color:#ffe2a0;padding:8px 10px;border-radius:999px;font-size:13px;font-weight:900}nav a.active,nav a:hover{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#2a1605}.wrap{max-width:880px;margin:0 auto;padding:18px 12px 44px}.hidden{display:none!important}.intro{min-height:calc(100dvh - 72px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px}.hero-card{width:132px;height:132px;border-radius:34px;display:grid;place-items:center;font-size:72px;background:linear-gradient(145deg,#ffe8a3,var(--gold2),#8b4513);border:4px solid rgba(255,255,255,.32);box-shadow:0 16px 0 rgba(0,0,0,.28),0 0 42px rgba(255,209,92,.35);animation:float 1.9s infinite ease-in-out}@keyframes float{50%{transform:translateY(-10px) rotate(3deg)}}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:12px;font-weight:900;color:#ffd98a;margin:0}h1{margin:0;font-size:clamp(40px,12vw,70px);line-height:.92;color:var(--gold);text-shadow:0 4px 0 #7a3d0d}h2{margin:0 0 12px;color:var(--gold);font-size:clamp(26px,7vw,42px)}p{margin:0 0 12px;line-height:1.68;font-size:16px;color:var(--muted)}button{border:none;cursor:pointer;font-family:inherit;font-weight:900}.primary,.restart{padding:16px 34px;border-radius:22px;background:linear-gradient(135deg,#fff8d7,var(--gold),var(--gold2));color:#231204;font-size:16px;box-shadow:0 8px 0 #7a3d0d}button:active{transform:translateY(4px);box-shadow:0 3px 0 #7a3d0d}.game-panel{padding-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stats div,.card{background:rgba(255,255,255,.08);border:2px solid rgba(255,209,92,.2);border-radius:24px;box-shadow:0 10px 0 rgba(0,0,0,.18)}.stats div{text-align:center;padding:10px}.stats span{display:block;font-size:12px;color:#ffd98a;font-weight:900}.stats b{font-size:22px;color:var(--gold)}.game-shell{padding:10px;border-radius:30px;background:linear-gradient(145deg,#ffd15c,#ff9f1c,#8b4513);box-shadow:0 14px 0 rgba(0,0,0,.24)}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:7px;height:min(88vw,500px);border-radius:24px;background:#2a1605}.tile{border-radius:14px;display:grid;place-items:center;font-size:clamp(18px,6vw,32px);background:linear-gradient(145deg,#5d3715,#301b08);border:1px solid rgba(255,255,255,.08)}.wall{background:repeating-linear-gradient(45deg,#7c4a18 0 8px,#d97706 8px 16px)}.collect{background:radial-gradient(circle,#fff,#ffd15c,#c86b12);box-shadow:0 0 18px rgba(255,209,92,.65)}.enemy{background:radial-gradient(circle,#fff,#f97316,#5a1605);box-shadow:0 0 18px rgba(249,115,22,.6)}.gate{background:radial-gradient(circle,#fff,#5dd39e,#0f766e);box-shadow:0 0 24px rgba(93,211,158,.75)}.player{background:radial-gradient(circle,#fff,#ffd15c,#f97316);box-shadow:0 0 24px rgba(255,209,92,.8)}.message{margin:12px 0;padding:12px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,209,92,.16);text-align:center;font-weight:900;color:#fff2c7}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:310px;margin:0 auto}.controls button{height:64px;border-radius:20px;background:linear-gradient(#fff8d7,var(--gold),var(--gold2));font-size:28px;color:#231204;box-shadow:0 7px 0 #7a3d0d}.controls button:nth-child(1){grid-column:2}.controls button:nth-child(2){grid-column:1}.controls button:nth-child(3){grid-column:2}.controls button:nth-child(4){grid-column:3}.restart{width:100%;margin-top:12px}.content,.page{max-width:880px;margin:0 auto;padding:24px 12px 70px}.card{padding:22px;margin:16px 0}.feature{background:linear-gradient(145deg,rgba(255,209,92,.16),rgba(255,255,255,.07))}footer{text-align:center;padding:24px;font-size:13px;color:#ffd98a}@media(max-width:620px){.topbar{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}.controls button{height:58px}.card{padding:18px}.wrap{padding-left:10px;padding-right:10px}}

/* ===== Cookie Consent Popup ===== */
.cookie-popup{position:fixed;bottom:0;left:0;right:0;z-index:999;padding:0 12px;transform:translateY(110%);transition:transform .38s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.cookie-popup--visible{transform:translateY(0);pointer-events:auto}
.cookie-inner{max-width:880px;margin:0 auto;background:linear-gradient(145deg,rgba(18,11,5,.98),rgba(59,37,16,.98));border:2px solid var(--gold);border-bottom:none;border-radius:22px 22px 0 0;padding:18px 20px 20px;box-shadow:0 -8px 36px rgba(0,0,0,.6),0 0 0 1px rgba(255,209,92,.1)}
.cookie-title{margin:0 0 7px;font-size:15px;font-weight:900;color:var(--gold);letter-spacing:.3px}
.cookie-body{margin:0 0 14px;font-size:13px;color:var(--muted);line-height:1.6;max-width:100%}
.cookie-body a{color:var(--gold);text-decoration:underline}
.cookie-btns{display:flex;gap:10px}
.cookie-btn-accept{flex:1;padding:13px 10px;border:none;border-radius:14px;font-weight:900;font-size:14px;cursor:pointer;background:linear-gradient(135deg,#fff8d7,var(--gold),var(--gold2));color:#231204;box-shadow:0 4px 14px rgba(255,209,92,.25);transition:opacity .15s}
.cookie-btn-decline{flex:1;padding:13px 10px;border:2px solid rgba(255,209,92,.3);border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;background:transparent;color:var(--muted);transition:opacity .15s}
.cookie-btn-accept:active,.cookie-btn-decline:active{opacity:.75}
/* ================================= */