:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#fff;background:#160d08;--lime:#dafa43;--orange:#ff8a24;--wood:#3a2013;--panel:#130f0d;--muted:#b9afa8;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{min-width:320px;background:#160d08}body{margin:0;min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}
.access-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)}
.game-scene{position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(26px,4.5vw,68px);background:#442718 url("../images/background.jpg") center/cover}
.game-scene::before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(20,8,3,.32)}
.game-scene::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 44%,rgba(255,184,48,.17),transparent 28%),linear-gradient(90deg,rgba(20,7,2,.16),rgba(20,7,2,.7))}
.scene-brand{position:relative;z-index:3;display:flex;align-items:center;gap:8px;width:max-content;filter:drop-shadow(0 7px 5px rgba(0,0,0,.55))}.scene-brand img:first-child{width:clamp(122px,15vw,190px);height:auto}.scene-brand img:last-child{width:clamp(86px,10vw,126px);height:auto}
.scene-copy{position:relative;z-index:3;max-width:650px;padding-bottom:11vh;text-shadow:0 4px 10px rgba(0,0,0,.66)}.scene-kicker,.panel-kicker{display:inline-block;color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.scene-copy h1{max-width:11ch;margin:14px 0 18px;font-size:clamp(46px,5.4vw,82px);line-height:.94;letter-spacing:-.06em}.scene-copy p{max-width:42ch;margin:0;color:#f7e8d8;font-size:18px;line-height:1.6}
.scene-rule{position:relative;z-index:3;margin:0;color:#dccabd;font-size:12px;font-weight:700;letter-spacing:.04em}
.fruit-stage{position:absolute;inset:0;z-index:1;pointer-events:none}.stage-fruit{position:absolute;filter:drop-shadow(0 18px 13px rgba(0,0,0,.52))}.stage-watermelon{right:9%;top:25%;width:clamp(110px,14vw,205px);transform:rotate(-15deg)}.stage-apple{right:3%;top:57%;width:clamp(72px,8vw,116px);transform:rotate(17deg)}.stage-banana{right:26%;top:16%;width:clamp(76px,8vw,118px);transform:rotate(29deg)}
.slash{position:absolute;height:5px;border-radius:999px;background:#fff;box-shadow:0 0 12px #fff,0 0 28px #fbe88e;transform-origin:left center}.slash::after{content:"";position:absolute;inset:-8px -2px;background:rgba(255,241,174,.2);filter:blur(8px)}.slash-one{right:5%;top:47%;width:31%;transform:rotate(-32deg)}.slash-two{right:15%;top:63%;width:19%;transform:rotate(-24deg)}
.access-panel{position:relative;z-index:5;width:100%;min-width:0;min-height:100dvh;display:grid;place-items:center;padding:34px clamp(24px,5vw,72px);border-left:1px solid rgba(255,255,255,.12);background:#130f0d}.auth-card{width:100%;max-width:440px;min-width:0}
.back-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-bottom:clamp(38px,7vh,76px);color:#c9beb7;font-size:14px;font-weight:700}.back-link:hover{color:#fff}.panel-kicker{display:block;color:var(--orange)}
.auth-card h2{margin:10px 0 10px;font-size:clamp(32px,4vw,43px);line-height:1.02;letter-spacing:-.05em}.panel-intro{margin:0 0 27px;color:var(--muted);font-size:15px;line-height:1.6}
.access-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:24px;padding:5px;border:1px solid var(--line);border-radius:15px;background:#0b0908}.access-tabs a{min-height:43px;display:grid;place-items:center;border-radius:10px;color:#8f8580;font-size:14px;font-weight:800}.access-tabs a[aria-current="page"]{background:#332017;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,157,62,.28)}
.access-error{margin:0 0 18px;padding:13px 15px;border:1px solid rgba(255,91,82,.44);border-radius:12px;background:#351517;color:#ffc8c4;font-size:13px;line-height:1.5}
form{display:grid;gap:16px}label{display:grid;gap:8px;color:#f0e7e1;font-size:13px;font-weight:800}input{width:100%;min-height:52px;padding:0 15px;border:1px solid #4a3e38;border-radius:11px;outline:0;background:#1d1815;color:#fff;font-size:16px}input::placeholder{color:#776d68}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,138,36,.18)}
.field-note{margin:-8px 0 0;color:#8e837d;font-size:12px;line-height:1.5}button{min-height:55px;display:flex;align-items:center;justify-content:space-between;margin-top:3px;padding:0 18px;border:0;border-radius:12px;background:var(--lime);color:#172003;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #738616}button b{font-size:22px}button:hover{filter:brightness(1.06)}button:active{transform:translateY(2px);box-shadow:0 3px 0 #738616}
.learn-link{display:block;min-height:44px;margin-top:19px;color:#aaa099;font-size:13px;line-height:44px;text-align:center}.learn-link:hover{color:#fff}.back-link:focus-visible,.access-tabs a:focus-visible,.learn-link:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
@media(max-width:900px){.access-shell{grid-template-columns:1fr}.game-scene{min-height:330px;padding:24px}.scene-copy{padding:58px 0 12px}.scene-copy h1{font-size:clamp(39px,9vw,58px)}.scene-copy p{font-size:16px}.stage-watermelon{right:7%;top:31%;width:140px}.stage-banana{right:27%;top:11%;width:84px}.stage-apple{right:4%;top:68%;width:76px}.access-panel{min-height:auto;padding:34px 22px 54px;border:0}.back-link{margin-bottom:34px}}
@media(max-width:560px){.game-scene{min-height:250px}.scene-brand img:first-child{width:118px}.scene-brand img:last-child{width:80px}.scene-copy{padding-top:36px}.scene-copy h1{max-width:9ch;margin-bottom:0;font-size:38px}.scene-copy p,.scene-rule,.stage-apple{display:none}.stage-watermelon{right:0;top:40%;width:108px}.stage-banana{right:18%;top:17%;width:67px}.access-panel{padding-top:28px}.back-link{margin-bottom:24px}.auth-card h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){button:active{transform:none}}