:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;--ink:#fff8e9;--muted:#cabdab;--accent:#dafa59;--accent-strong:#bfe534;--panel:rgba(18,13,10,.84);--line:rgba(255,248,233,.18)}
*{box-sizing:border-box}html{background:#17120f}body{margin:0;color:var(--ink);background:#17120f}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 16px;background:#fff;color:#111;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;min-height:76px;padding:12px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,rgba(12,8,6,.92),rgba(12,8,6,.08))}.wordmark{display:flex;align-items:center;gap:5px;min-height:48px}.wordmark img:first-child{width:94px;height:auto}.wordmark img:last-child{width:78px;height:auto}.site-header nav{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800}.site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:9px}.site-header nav a:hover{background:rgba(255,255,255,.09)}.site-header .nav-action{border:1px solid rgba(218,250,89,.65);color:var(--accent)}
.hero{position:relative;isolation:isolate;min-height:760px;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:end;gap:clamp(30px,5vw,90px);padding:130px clamp(24px,8vw,130px) 70px;background:#24170f url("../images/background.jpg") center/cover no-repeat}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(15,8,4,.94) 0%,rgba(15,8,4,.58) 48%,rgba(15,8,4,.26) 100%)}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 75% 40%,rgba(218,250,89,.14),transparent 28%),linear-gradient(0deg,rgba(11,7,5,.78),transparent 36%)}.hero-content{position:relative;z-index:4;align-self:center;max-width:690px}.hero-kicker{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-logo{display:flex;align-items:end;gap:10px;margin-bottom:20px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}.hero-logo img:first-child{width:clamp(210px,29vw,420px);height:auto}.hero-logo img:last-child{width:clamp(125px,17vw,240px);height:auto;margin-bottom:4px}.hero h1{max-width:12ch;margin:0;font-size:clamp(48px,6vw,86px);line-height:.93;letter-spacing:-.055em;text-wrap:balance}.hero-copy{max-width:42ch;margin:22px 0 28px;color:#eee2d3;font-size:clamp(17px,1.7vw,22px);line-height:1.5}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.play-button,.account-button{min-height:56px;border-radius:10px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.play-button{gap:12px;background:var(--accent);color:#172008;box-shadow:0 14px 34px rgba(0,0,0,.32)}.play-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.play-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#172008;color:var(--accent);font-size:12px;padding-left:2px}.account-button{border:1px solid var(--line);background:rgba(18,13,10,.52)}.account-button:hover{border-color:rgba(218,250,89,.65)}.hero-note{max-width:58ch;margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.how-to-play{position:relative;z-index:5;align-self:end;padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--panel);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.32)}.how-to-play>span{display:block;margin-bottom:16px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.how-to-play ol{list-style:none;padding:0;margin:0;display:grid;gap:13px}.how-to-play li{display:flex;align-items:center;gap:12px;color:#f0e7dc;font-size:14px;font-weight:750}.how-to-play b{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(218,250,89,.46);border-radius:50%;color:var(--accent)}
.fruit{position:absolute;z-index:2;pointer-events:none;filter:drop-shadow(0 20px 18px rgba(0,0,0,.48))}.fruit-watermelon{width:clamp(130px,17vw,260px);right:13%;top:20%;transform:rotate(-12deg)}.fruit-apple{width:clamp(76px,9vw,138px);right:7%;top:47%;transform:rotate(15deg)}.fruit-banana{width:clamp(82px,10vw,150px);right:31%;bottom:14%;transform:rotate(-25deg)}.blade{position:absolute;z-index:1;height:3px;width:38vw;background:linear-gradient(90deg,transparent,#fff,rgba(218,250,89,.4),transparent);filter:drop-shadow(0 0 8px #fff);opacity:.65;transform-origin:left center}.blade-one{right:-4vw;top:35%;transform:rotate(-29deg)}.blade-two{right:3vw;top:63%;width:28vw;transform:rotate(21deg);opacity:.35}
.site-footer{min-height:72px;padding:18px clamp(24px,8vw,130px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #3e332c;color:var(--muted);font-size:13px}.site-footer strong{color:var(--ink)}.site-footer p{margin:0}
@media(max-width:800px){.site-header{padding-inline:18px}.wordmark img:first-child{width:75px}.wordmark img:last-child{width:62px}.site-header nav a{padding-inline:11px}.hero{height:auto;min-height:100svh;grid-template-columns:1fr;align-items:center;padding:118px 22px 36px}.hero-content{align-self:end}.hero-logo img:first-child{width:min(56vw,280px)}.hero-logo img:last-child{width:min(33vw,165px)}.hero h1{font-size:clamp(44px,13vw,68px)}.how-to-play{width:100%;align-self:end}.fruit-watermelon{right:-6%;top:21%;opacity:.78}.fruit-apple{right:5%;top:39%;opacity:.72}.fruit-banana{right:3%;bottom:27%;opacity:.58}.hero:before{background:linear-gradient(90deg,rgba(15,8,4,.94),rgba(15,8,4,.48))}}
@media(max-width:520px){.site-header{min-height:68px}.wordmark img:first-child{width:65px}.wordmark img:last-child{width:52px}.site-header nav{gap:2px}.site-header nav a{min-height:42px;padding-inline:8px;font-size:12px}.hero{padding-top:102px}.hero-logo{gap:5px}.hero-actions{align-items:stretch}.play-button,.account-button{width:100%}.hero-note{font-size:12px}.site-footer{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){.play-button:hover{transform:none}}

/* Primary landing action: one clear, high-contrast path into the game. */
.play-button,.account-button{min-height:58px;border-radius:14px;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.play-button{background:linear-gradient(135deg,#e8ff63,#b9e83d);box-shadow:0 14px 30px rgba(0,0,0,.34),0 0 0 1px rgba(238,255,122,.25) inset}
.play-button:hover{background:linear-gradient(135deg,#f0ff88,#c8f257);transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,.4),0 0 0 1px rgba(238,255,122,.4) inset}
.play-mark{width:32px;height:32px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.18)}

[hidden]{display:none!important}.modal-open{overflow:hidden}.site-header nav button{min-height:44px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}.site-header nav button:hover{background:rgba(255,255,255,.09)}.site-header nav .nav-action{border:1px solid rgba(218,250,89,.65);color:var(--accent)}button.account-button{font:inherit;color:inherit;cursor:pointer}
.auth-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:rgba(12,7,4,.78);backdrop-filter:blur(12px)}.auth-card{position:relative;width:min(440px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:29px;border:1px solid rgba(255,237,201,.22);border-radius:22px;background:#17110e;box-shadow:0 32px 90px rgba(0,0,0,.62)}.auth-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#2a1d16;color:#fff;font-size:23px;cursor:pointer}.auth-brand{display:flex;align-items:center;gap:5px;height:45px;margin-bottom:16px}.auth-brand img:first-child{width:92px}.auth-brand img:last-child{width:69px}.auth-kicker{color:#ff9138;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.auth-card h2{margin:8px 0 7px;font-size:31px;line-height:1.05;letter-spacing:-.045em}.auth-intro{margin:0 0 21px;color:var(--muted);font-size:13px;line-height:1.55}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:19px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#0d0907}.auth-tabs button{min-height:41px;border:0;border-radius:9px;background:transparent;color:#978a80;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.auth-tabs button[aria-selected="true"]{background:#3b2115;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,145,56,.3)}.auth-card form{display:grid;gap:13px}.auth-card label{display:grid;gap:7px;color:#eee3da;font-size:12px;font-weight:800}.auth-card input{width:100%;min-height:49px;padding:0 14px;border:1px solid #4d4039;border-radius:10px;outline:0;background:#211a16;color:#fff;font:inherit;font-size:16px}.auth-card input:focus{border-color:#ff9138;box-shadow:0 0 0 3px rgba(255,145,56,.16)}.auth-submit{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:0;border-radius:10px;background:var(--accent);color:#172008;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #738616}.auth-error{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,91,82,.42);border-radius:10px;background:#351517;color:#ffc8c4;font-size:12px;line-height:1.45}.auth-foot{margin:18px 0 0;color:#877a71;font-size:10px;line-height:1.5;text-align:center}
@media(max-width:520px){.site-header nav button{padding-inline:8px;font-size:12px}.auth-modal{align-items:center;padding:18px}.auth-card{width:min(440px,100%);max-height:calc(100dvh - 36px);padding:25px 20px;border-radius:22px}.auth-brand{margin-bottom:12px}}