:root{color-scheme:dark;--bg:#07080f;--text:#f8f6ef;--muted:#9c9ba7}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 50% -10%,#20213b 0,#0d0e1a 35%,var(--bg) 70%);color:var(--text);font-family:Manrope,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:23px 23px}main{position:relative;z-index:1;width:min(100%,920px);margin:auto;padding:clamp(38px,8vh,88px) 20px 60px}header{text-align:center;margin-bottom:40px}.potato{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border:1px solid #ffffff22;border-radius:18px;background:#ffffff0c;font-size:30px;box-shadow:0 10px 40px #0008}header p{margin:0 0 9px;text-transform:uppercase;letter-spacing:.2em;color:#b5ff42;font-size:11px;font-weight:800}h1{margin:0;font-size:clamp(34px,7vw,64px);letter-spacing:-.055em;line-height:1}.hint{display:block;margin-top:15px;color:var(--muted);font-size:13px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice{position:relative;display:block;padding:0;aspect-ratio:384/600;overflow:hidden;border:1px solid #ffffff24;border-radius:28px;background:#151624;color:white;cursor:pointer;text-align:left;box-shadow:0 24px 65px #0008;transition:transform .25s,border-color .25s}.choice:hover{transform:translateY(-7px);border-color:#ffffff70}.choice:focus-visible{outline:3px solid #b5ff42;outline-offset:4px}.choice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#07080fe8 84%,#07080f)}.choice-content{position:absolute;left:25px;right:70px;bottom:24px;display:flex;flex-direction:column;gap:5px}.choice-content b{font-size:clamp(20px,4vw,30px);letter-spacing:-.04em}.choice-content small{color:#bbb9c3}.choice i{position:absolute;right:24px;bottom:25px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#080910;font-style:normal;font-size:14px}.soldier:hover{border-color:#cbea38}.moustache:hover{border-color:#e700f7}dialog{width:min(94vw,430px);padding:0;border:1px solid #ffffff2c;border-radius:22px;background:#10111c;color:#fff;box-shadow:0 30px 100px #000}dialog::backdrop{background:#02030bd9;backdrop-filter:blur(10px)}.dialog-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 18px}.dialog-bar strong{font-size:13px}.dialog-bar button{width:35px;height:35px;border:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:24px;cursor:pointer}video{display:block;width:100%;max-height:calc(100vh - 85px);background:#000;border-radius:0 0 20px 20px}@media(max-width:620px){main{padding-left:14px;padding-right:14px}.choices{gap:10px}.choice{border-radius:20px;aspect-ratio:384/690}.choice-content{left:14px;right:14px;bottom:15px}.choice-content b{font-size:18px}.choice-content small{font-size:10px}.choice i{right:13px;top:13px;bottom:auto;width:36px;height:36px}header{margin-bottom:28px}}
