button{touch-action:manipulation;min-height:48px}.cta{min-height:58px}.field{isolation:isolate}.target{border-radius:50%;min-width:58px;min-height:58px}.target:focus-visible,.tile:focus-visible,button:focus-visible{outline-offset:3px;outline:4px solid #fff}.card,.intro,.result,.final{border:1px solid #fff8}.score{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#031d3c66;border-radius:16px;padding:10px 14px}.gamehead{border-bottom:1px solid #fff3;padding:14px 0}.tip{line-height:1.45}.field:before{content:"";opacity:.5;background-color:#0000;background-image:radial-gradient(circle at 70% 10%,#fff8 0 2px,#0000 3px),radial-gradient(circle at 17% 18%,#fff8 0 1px,#0000 2px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:95px 85px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.form input:focus,.settings input:focus{border-color:#58bceb;outline:3px solid #58bceb}.summary strong{font-size:12px}.admin .cta{color:#fff;background:#0875b6}.admin .cta b{color:#fff}@media (width>=900px){.hero{margin-top:15vh}.board{gap:10px}.tile{border-radius:20px}.field{min-height:500px}}:root{color:#fff;background:#071f47;font-family:Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}main{background:radial-gradient(at 60% 30%,#0879b9,#07356d 36%,#071f47 78%);min-height:100vh;padding:28px 6vw 74px;position:relative;overflow:hidden}main:before{content:"";opacity:.12;pointer-events:none;background:repeating-linear-gradient(120deg,#0000 0 80px,#fff 81px 82px);position:absolute;inset:0}header{z-index:2;justify-content:space-between;align-items:center;height:58px;display:flex;position:relative}.brand{color:#fff;text-align:left;background:0 0;font-size:29px;font-weight:700}.brand small{opacity:.55;text-transform:uppercase;font-size:9px;display:block}.event{text-align:center;letter-spacing:2px;font-size:11px;font-weight:700}.event span{color:#b9e7ff;margin-top:4px;font-size:9px;display:block}.sound,header>button:not(.brand){color:#fff;background:#ffffff1a;border:1px solid #fff2;border-radius:16px;padding:11px 14px}footer{z-index:4;text-align:center;letter-spacing:1px;color:#b4d2e9;font-size:10px;position:absolute;bottom:16px;left:0;right:0}.hero,.thanks{z-index:1;max-width:850px;margin:11vh auto 0;position:relative}.eyebrow,.step{letter-spacing:2px;color:#bcefff;font-size:11px;font-weight:700}.hero h1,.thanks h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(42px,7vw,92px);line-height:.88}.hero em,.thanks em,.intro em{color:#f6d43b;font-style:normal}.hero p,.thanks p{color:#d7edff;max-width:410px;font-size:17px;line-height:1.55}.cta{color:#09234a;letter-spacing:.7px;background:#f4cc28;border-radius:14px;padding:17px 25px;font-weight:800;box-shadow:0 12px 30px #00153555}.cta b{margin-left:18px;font-size:22px}.adminlink{color:#b7d8ec;background:0 0;margin:18px 0;font-size:11px;text-decoration:underline;display:block}.hills{white-space:nowrap;opacity:.8;letter-spacing:20px;margin-top:10vh;font-size:clamp(42px,7vw,78px)}.card,.intro,.result,.final{z-index:1;color:#112c50;background:#fff;border-radius:26px;max-width:720px;margin:6vh auto;padding:clamp(25px,5vw,55px);position:relative;box-shadow:0 30px 80px #00143166}.form h2,.intro h2,.result h2,.final h2,.dash h2{letter-spacing:-2px;margin:13px 0 28px;font-size:clamp(30px,5vw,54px);line-height:.96}.form .step,.intro .step,.result .step,.final .step,.dash .step{color:#0875b6}.form label,.settings label{margin-bottom:14px;font-size:12px;font-weight:700;display:block}.form input,.settings input{color:#112c50;background:#f8fcff;border:1px solid #b8cfdf;border-radius:10px;width:100%;margin-top:6px;padding:13px}.row{gap:14px;display:flex}.row label{flex:1}.check{align-items:center;gap:9px;margin-top:7px;display:flex!important}.check input{width:auto!important;margin:0!important}.privacy{color:#64829b;font-size:11px;line-height:1.45}.error{color:#c82a2a;font-size:12px;font-weight:700}.actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.actions>button:not(.cta){color:#31526d;background:0 0;padding:14px}.intro{background:linear-gradient(135deg,#f8fdff,#d7f5eb)}.intro h2{color:#092f54}.stages{gap:10px;margin:20px 0;display:flex}.stages article{background:#fff;border-radius:15px;flex-direction:column;flex:1;gap:7px;padding:15px;display:flex;box-shadow:0 6px 18px #12456c13}.stages i{color:#42b47e;font-size:18px;font-style:normal}.stages b{font-size:14px}.stages span{color:#668;font-size:10px}.score{z-index:3;align-items:center;gap:10px;max-width:730px;margin:5px auto 0;font-size:10px;display:flex;position:relative}.bar{background:#fff3;border-radius:8px;flex:1;height:5px}.bar i{border-radius:inherit;background:#f6d43b;height:100%;transition:all .4s;display:block}.game{z-index:1;text-align:center;max-width:720px;margin:3vh auto;position:relative}.gamehead{text-align:left;justify-content:space-between;align-items:end;display:flex}.gamehead>span{letter-spacing:1.8px;color:#bcefff;font-size:10px}.gamehead h2{margin:0;font-size:clamp(27px,4vw,43px);line-height:.9}.gamehead div{text-align:right}.gamehead b{color:#f6d43b;font-size:31px;display:block}.gamehead small{font-size:8px}.tip{text-align:left;background:#ffffff17;border:1px solid #fff2;border-radius:12px;padding:10px 14px;font-size:12px}.board{grid-template-columns:repeat(7,1fr);gap:7px;max-width:560px;margin:20px auto;display:grid}.tile{aspect-ratio:1;background:#fff;border-radius:16px;font-size:clamp(20px,5vw,38px);transition:all .15s;box-shadow:inset 0 -5px #dce9e4,0 5px 9px #00194533}.tile:hover,.tile.selected{outline:3px solid #f4cf2f;transform:translateY(-4px)scale(1.03)}.tile.soil{color:#9a6144}.tile.water{color:#138cc5}.tile.leaf{color:#43a967}.tile.nutrient{color:#e0a226}.tile.seed{color:#6d448d}.combo{color:#f8d333;height:20px;font-weight:700}.gamepoints{letter-spacing:1.8px;font-size:11px}.gamepoints b{color:#f8d333;margin-left:8px;font-size:25px}.field{background:linear-gradient(#7ad0e8 0 26%,#e8e76f 27%,#49a85c 27% 100%);border-radius:24px;height:min(55vh,520px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #ffffff18}.field.soy{background:linear-gradient(#83d9f0 0 22%,#d8e982 23%,#268653 24%)}.field:after{content:"🌾　🌽　🌽　🌾　🌽　🌽";white-space:nowrap;opacity:.72;pointer-events:none;font-size:60px;position:absolute;bottom:-6px;left:0}.field.soy:after{content:"🌿　🌱　🌿　🌱　🌿";font-size:74px}.target{z-index:2;filter:drop-shadow(0 5px 3px #0004);background:0 0;padding:6px;font-size:clamp(30px,7vw,56px);animation:1.2s ease-in-out infinite alternate bob;position:absolute}.target.bonus{animation-duration:.5s}.flash{z-index:3;color:#fff;text-shadow:0 3px 5px #084f83;font-size:38px;font-weight:700;position:absolute;top:45%;left:0;right:0}.streak{z-index:3;background:#073d6988;border-radius:9px;padding:9px;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.result,.final{text-align:center;margin-top:10vh}.result h2,.final h2{margin:9px 0}.spark,.medal{color:#edc42a;font-size:70px;animation:1.5s infinite pulse}.summary{border:1px solid #d3e1e8;border-radius:15px;grid-template-columns:repeat(3,1fr);margin:25px 0;display:grid;overflow:hidden}.summary span,.summary strong{letter-spacing:1px;border-right:1px solid #d3e1e8;padding:13px;font-size:10px}.summary b{margin-top:4px;font-size:23px;display:block}.summary strong{color:#077658;background:#eaf7f2;border:0;grid-column:1/-1}.final small{color:#6c8291;margin-bottom:22px;display:block}.thanks{text-align:center}.thanks>div{font-size:85px;animation:1.5s infinite alternate bob}.admin{color:#143254;background:#eef5f8;padding-bottom:30px;overflow:auto}.admin header{color:#fff;background:#07315e;margin:-28px -6vw 25px;padding:0 6vw}.dash{max-width:980px;margin:auto}.metrics{gap:12px;margin:25px 0;display:flex}.metrics b{background:#fff;border-radius:14px;flex:1;padding:18px;font-size:32px;box-shadow:0 5px 20px #0d406211}.metrics small{letter-spacing:1px;color:#668;font-size:10px;display:block}.settings,.report{background:#fff;border-radius:17px;margin:18px 0;padding:25px;box-shadow:0 5px 20px #0d406211}.settings .row{max-width:620px}.report table{border-collapse:collapse;width:100%;margin-top:20px;font-size:12px}.report th,.report td{text-align:left;border-bottom:1px solid #e5edf2;padding:10px}@keyframes bob{to{transform:translateY(-8px)rotate(2deg)}}@keyframes pulse{50%{transform:scale(1.12)}}@media (width<=600px){main{padding:16px 20px 60px}.event{display:none}.hero{margin-top:15vh}.row,.stages,.metrics{flex-direction:column}.form,.intro,.result,.final{margin-top:4vh;padding:25px 20px}.gamehead{grid-template-columns:1fr auto;gap:9px;display:grid}.gamehead>span{grid-column:1/-1}.board{gap:4px}.tile{border-radius:10px}.field{height:48vh}.settings .row{gap:0}.summary{grid-template-columns:1fr}.summary span{border-bottom:1px solid #d3e1e8;border-right:0}.hills{letter-spacing:5px}.actions .cta{padding:14px}.cta b{margin-left:8px}}
