:root{--ink:#171625;--paper:#fffaf0;--acid:#dfff35;--pink:#ff4778;--blue:#714cff;--muted:#6c6876;--line:#d9d3c8;--shadow:7px 7px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5;background-image:radial-gradient(#17162515 1px,transparent 1px);background-size:18px 18px}a{color:inherit}.site-header{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink);background:var(--paper);position:relative;z-index:2}.brand{font-size:29px;font-weight:1000;letter-spacing:-2px;text-decoration:none;transform:rotate(-2deg)}.brand span{display:inline-grid;place-items:center;background:var(--pink);border:2px solid var(--ink);border-radius:50%;width:39px;height:39px}.site-header nav{display:flex;gap:24px}.site-header nav a{font-weight:800;text-decoration:none}.site-header nav a:hover,.text-link:hover{text-decoration:underline}main{width:min(1160px,90vw);margin:auto;min-height:calc(100vh - 160px)}.hero{min-height:620px;display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:center;padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:900;margin:0 0 14px;color:var(--blue)}h1{font-size:clamp(42px,7vw,88px);line-height:.95;letter-spacing:-4px;margin:0 0 24px}h1 em{font-style:normal;color:var(--pink)}.lead{font-size:20px;max-width:680px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin-top:35px}.button,button{display:inline-block;background:var(--acid);border:3px solid var(--ink);box-shadow:var(--shadow);padding:15px 24px;color:var(--ink);font:900 16px Arial;text-decoration:none;cursor:pointer;transition:.15s}.button:hover,button:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--ink)}.button.small{padding:10px 16px;box-shadow:4px 4px 0 var(--ink)}.button.disabled{background:#ddd;color:#777;pointer-events:none;box-shadow:none}.text-link{font-weight:900}.target{width:min(330px,30vw);aspect-ratio:1;border:25px solid var(--pink);outline:25px solid var(--ink);border-radius:50%;display:grid;place-items:center;transform:rotate(8deg);background:var(--acid);box-shadow:20px 20px 0 var(--blue)}.target span{font-weight:1000;font-size:62px;transform:rotate(-8deg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 0 80px}.steps article,.game-card,.panel,.state{background:#fff;border:3px solid var(--ink);box-shadow:var(--shadow);padding:28px}.steps b{font-size:38px;color:var(--pink)}h2{font-size:28px;line-height:1.1;margin:10px 0}.page-head{padding:70px 0 30px}.page-head h1,.panel h1,.dashboard-head h1{font-size:clamp(42px,6vw,70px)}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding-bottom:80px}.game-card{position:relative}.status{display:inline-block;border:2px solid var(--ink);padding:3px 8px;font-size:12px;font-weight:900;text-transform:uppercase;background:#eee}.status.planned,.status.approved{background:var(--acid)}.status.running,.status.pending{background:#ffd23f}.status.ended,.status.rejected{background:#ddd}.game-card dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:2px dashed var(--line);padding-top:18px}.game-card dt{font-size:12px;text-transform:uppercase;font-weight:800;color:var(--muted)}.game-card dd{margin:2px 0;font-weight:800}.panel{margin:55px auto}.narrow{max-width:680px}.date-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.date-strip span{background:var(--ink);color:#fff;padding:13px}.date-strip strong{display:block;color:var(--acid)}form{display:grid;gap:18px}label{font-weight:900;display:grid;gap:7px}input,textarea,select{width:100%;border:2px solid var(--ink);background:#fff;padding:12px;font:inherit}small{color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{grid-template-columns:auto 1fr;align-items:start}.check input{width:22px;height:22px}.flash{padding:14px 18px;border:2px solid var(--ink);margin:20px 0;font-weight:800}.flash.error,.state.danger{background:#ffd5df}.flash.success{background:#eaff91}.rules{max-width:850px}.rules ol{padding-left:28px}.rules li{padding:8px 0 16px}.notice{padding:18px;background:#fff0bd;border-left:6px solid #ffba08}.dashboard-head{display:flex;justify-content:space-between;align-items:center;padding:60px 0 15px}.state{text-align:center;margin:20px auto 40px}.state.catcher{background:var(--pink)}.state .pulse{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 9px #ff477833}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:2px solid var(--line);padding:12px 8px;vertical-align:top}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.admin-grid .panel{margin:20px 0}.admin-games{display:grid;gap:10px}.admin-games>a{display:flex;justify-content:space-between;gap:15px;padding:12px;border:2px solid var(--line);text-decoration:none}.admin-games>a.active{border-color:var(--ink);background:#f0ecff}.admin-games small{display:block;color:var(--muted)}.inline{display:inline-flex;grid-auto-flow:column;gap:5px;margin:2px}.inline.reset input{width:145px;padding:6px}.mini{padding:6px 9px;box-shadow:none;border-width:2px;font-size:12px}.danger-btn{background:var(--pink)}.review{display:flex;justify-content:space-between;gap:20px;border-top:2px dashed var(--line);padding:18px 0}.review form{display:flex;align-items:center;gap:7px}.review input{padding:7px}footer{border-top:3px solid var(--ink);min-height:78px;padding:0 max(5vw,24px);display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800}footer a{color:var(--muted)}.empty{border:3px dashed var(--line);padding:50px;text-align:center;grid-column:1/-1}@media(max-width:760px){.site-header nav{gap:10px;font-size:13px}.hero{grid-template-columns:1fr;min-height:auto;padding:60px 0 90px}.target{width:200px;justify-self:center;outline-width:15px;border-width:15px}.steps,.game-grid,.admin-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.site-header{padding:0 14px}.brand{font-size:22px}.brand span{width:32px;height:32px}.site-header nav a:first-child{display:none}.game-card dl{grid-template-columns:1fr}.review,.review form{display:grid}.dashboard-head{align-items:flex-start}.actions{align-items:flex-start;flex-direction:column}h1{letter-spacing:-2px}}
