/* Dryland Arena — dark neon glass (phone UI). Colors: cyan #00F0FF ready, amber #FFB800 active, green #00E676 impact. */
.da-page{max-width:none}
.da{--bg1:#070a1e;--bg2:#14184a;--glass:rgba(255,255,255,.06);--edge:rgba(255,255,255,.14);--tx:#eef2ff;--dim:#a4abd6;--pur:#8b7bff;--cy:#00F0FF;--am:#FFB800;--gr:#00E676;
  position:relative;width:100%;max-width:430px;min-height:720px;margin:0 auto;padding:18px 16px 112px;border-radius:28px;color:var(--tx);overflow:clip;
  background:radial-gradient(600px 300px at 80% -5%,rgba(139,123,255,.38),transparent 60%),radial-gradient(500px 300px at -10% 40%,rgba(0,240,255,.12),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg1));box-shadow:0 30px 70px -30px #0b0b2b,0 0 0 1px rgba(11,11,43,.5)}
.da *{box-sizing:border-box}
.da h2,.da h3{margin:0}
.da-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}
.da-head h2{font-size:30px;font-weight:800;letter-spacing:-.02em}
.da-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.da-demo{background:var(--am);color:#1a1300;font:800 11px var(--font);letter-spacing:.14em;padding:6px 12px;border-radius:99px}.da-demo.abs{position:absolute;right:10px;bottom:10px}
.da-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:5px;border-radius:18px;background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin-bottom:14px}
.da-tab{border:0;background:transparent;color:var(--dim);font-weight:600;font-size:11.5px;padding:11px 2px;border-radius:13px;white-space:nowrap}
.da-tab[aria-selected=true]{background:var(--pur);color:#fff;box-shadow:0 8px 22px -8px var(--pur)}
.da-body{display:grid;gap:14px}
.da-glass{padding:16px;border-radius:20px;background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.da-glass p{margin:6px 0 0;color:var(--dim);font-size:14px}
.da-glass.warn{display:flex;gap:12px;border-color:rgba(255,184,0,.45);background:rgba(255,184,0,.08)}.da-glass.warn svg{color:var(--am);flex:none;margin-top:2px}
.da-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.da-sel{display:grid;gap:5px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.da select{appearance:none;-webkit-appearance:none;width:100%;min-height:46px;padding:0 26px 0 10px;border-radius:14px;border:1px solid var(--edge);background:rgba(7,10,30,.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a4abd6' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--tx);font:600 14.5px var(--font);text-transform:none;letter-spacing:0}
.da-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.da-card{display:grid;text-align:left;border:1px solid var(--edge);background:rgba(18,22,70,.8);color:var(--tx);border-radius:20px;overflow:hidden;padding:0 0 14px;transition:transform .12s}
.da-card:active{transform:scale(.98)}
.da-card.on{border-color:var(--pur);box-shadow:0 0 0 2px var(--pur),0 14px 34px -14px var(--pur)}
.da-art{aspect-ratio:16/10;overflow:hidden;margin-bottom:12px}.da-art svg{width:100%;height:100%;display:block}
.da-card strong{font-size:20px;padding:0 14px}.da-card span{font-size:14px;color:var(--dim);padding:0 14px}
.da-list{list-style:none;margin:6px 0 0;padding:0;display:grid}.da-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--edge)}.da-list li:first-child{border-top:0}
.da-list li>div{display:grid;gap:2px}.da-list span{font-size:13px;color:var(--dim)}.da-list b{color:var(--cy);font-size:13px;white-space:nowrap}
.da-empty{color:var(--dim)}
.da-note,.da-sm{font-size:12.5px;color:var(--dim)}.da-sm.dim{opacity:.85}
.da-checks{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.da-checks li{display:flex;gap:8px;align-items:center;font-size:14px}.da-checks svg{color:var(--gr)}
.da-chip{font-size:11px;font-weight:700;padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--dim)}
.da-mini{border:1px solid var(--cy);background:transparent;color:var(--cy);font-weight:700;padding:7px 14px;border-radius:12px}
.da-chk{display:flex;gap:10px;align-items:center;padding:9px 0;font-size:14px}.da-chk input{width:20px;height:20px;accent-color:var(--cy)}
.da-ctawrap{position:sticky;bottom:10px;margin:0 -16px -104px;padding:30px 16px 14px;background:linear-gradient(180deg,transparent,var(--bg1) 55%);z-index:3}
.da-cta,.da-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;border:0;border-radius:18px;background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;font:800 17px var(--font);box-shadow:0 14px 34px -12px #6f5fe8}
.da-cta:disabled{opacity:.45}
.da-primary{min-height:50px;font-size:15px}
.da-ghost{min-height:50px;padding:0 18px;border-radius:16px;border:1px solid var(--edge);background:var(--glass);color:var(--tx);font-weight:700}
.da :focus-visible{outline:3px solid var(--cy);outline-offset:2px}
.da.ranging{padding-bottom:18px}
.da-range{display:grid;gap:12px}
.da-stagewrap{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--edge);aspect-ratio:9/13}
.da-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.da-hud{position:absolute;left:8px;right:8px;top:8px;display:grid;grid-template-columns:1.6fr 1fr .8fr .8fr;gap:6px;align-items:stretch}
.da-hud>div{padding:6px 9px;border-radius:14px;background:rgba(7,10,30,.62);border:1px solid var(--edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;gap:2px}
.da-hud span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.da-hud b{font-size:13px;line-height:1.15}.da-hud strong{font-size:16px;font-variant-numeric:tabular-nums}
.da-ctl{display:grid;gap:10px}
.da-said{margin:0;padding:12px 14px;border-radius:14px;background:rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.3);font-size:14px;min-height:46px}
.da-zones{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.da-zone{min-height:48px;border-radius:14px;border:1px solid rgba(0,240,255,.5);background:rgba(0,240,255,.07);color:var(--cy);font-weight:700}
.da-row{display:flex;gap:8px;align-items:center}.da-row .da-primary{flex:1}
.da-input{flex:1;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--edge);background:rgba(7,10,30,.7);color:var(--tx);font:500 16px var(--font)}
.da-mic{width:46px;height:46px;border-radius:50%;border:1px solid var(--cy);background:transparent;color:var(--cy);display:grid;place-items:center}.da-mic:disabled{opacity:.35;border-color:var(--edge);color:var(--dim)}
.da-clock{font:800 56px var(--font);font-variant-numeric:tabular-nums;text-align:center;margin:10px 0;color:var(--cy);text-shadow:0 0 24px rgba(0,240,255,.5)}
.da-steps{margin:0 0 12px;padding-left:20px;display:grid;gap:8px}.da-session h3{font-size:22px}
@media (max-width:819px){.da-ctawrap{bottom:72px}.da{border-radius:22px;min-height:calc(100vh - 100px)}}
@media (prefers-reduced-motion:reduce){.da-card{transition:none}}

.da [hidden]{display:none!important}

/* ===== Net Tarp Simulator (white, projector-safe) ===== */
.tp{--ink:#1E293B;--blue:#2563EB;--amber:#F59E0B;--green:#10B981;display:grid;gap:12px;color:var(--ink);background:#fff;border-radius:22px;padding:16px;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.tp h3{font-size:22px;letter-spacing:-.02em;margin:0}.tp h4{font-size:13px;margin:6px 0 0;text-transform:uppercase;letter-spacing:.08em;color:#64748B}
.tp .da-eyebrow{color:#2563EB}.tp-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:flex-start}
.tp-sub{color:#64748B;font-size:13px;margin:2px 0 0}.tp-note{font-size:13px;color:#475569}.tp-note.big{font-size:17px;font-weight:700;color:var(--ink);text-align:center;min-height:26px}
.tp-badge{font:700 10px/1 var(--font,Inter);letter-spacing:.06em;background:#EEF2FF;color:#4F46E5;border-radius:99px;padding:6px 9px;white-space:nowrap}
.tp-games{display:grid;gap:8px}.tp-game{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #E2E8F0;background:#F4F7FB;border-radius:16px;padding:10px 12px;color:var(--ink);min-height:64px}
.tp-game:hover{border-color:#2563EB}.tp-game strong{display:block;font-size:15px}.tp-game em{display:block;font-style:normal;color:#64748B;font-size:12.5px;margin-top:2px}
.tp-row{display:flex;flex-wrap:wrap;gap:8px}.tp-ctl{justify-content:center}
.tp-btn{border:1px solid #CBD5E1;background:#fff;color:var(--ink);border-radius:12px;padding:12px 16px;font-weight:700;font-size:14px;min-height:46px;display:inline-flex;gap:8px;align-items:center}
.tp-btn.primary{background:linear-gradient(135deg,#6366F1,#4F46E5);color:#fff;border-color:transparent;box-shadow:0 8px 20px -8px #4F46E5}.tp-btn:disabled{opacity:.4}
.tp-back{justify-self:start;border:0;background:transparent;color:#4F46E5;font-weight:700;display:inline-flex;gap:6px;align-items:center;padding:4px 0}
.tp-in{display:flex;align-items:center;gap:8px;border:1px solid #E2E8F0;border-radius:12px;padding:6px 10px}.tp-in span{width:14px;height:14px;border-radius:50%;flex:none}.tp-in input{border:0;outline:0;flex:1;font:600 15px var(--font,Inter);color:var(--ink);background:transparent;min-height:34px}
.tp-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tp-lv{border:1px solid #E2E8F0;background:#F4F7FB;border-radius:12px;padding:8px 2px;display:grid;justify-items:center;gap:2px;color:var(--ink);font-size:11px}.tp-lv b{font-size:18px}.tp-lv.on{background:#2563EB;color:#fff;border-color:#2563EB}
.tp-hud{display:flex;gap:8px;flex-wrap:wrap}.tp-score{flex:1;min-width:110px;border:2px solid #E2E8F0;border-radius:14px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.tp-score b{font:800 16px ui-monospace,monospace;letter-spacing:.06em}.tp-score.on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.tp-wrap{display:grid;gap:10px;background:#fff}.tp-wrap:fullscreen{padding:16px;align-content:center}
.tp-stage{position:relative;aspect-ratio:3/2;width:100%;background:#fff;border:2px solid #CBD5E1;border-radius:6px;overflow:hidden;touch-action:none}
.tp-wrap:fullscreen .tp-stage{max-height:70vh;width:auto;margin:0 auto;aspect-ratio:3/2;height:70vh}
.tp-quad{position:absolute;inset:0}.tp-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;padding:6px}
.tp-zone{border:3px solid #1E3A8A;background:rgba(37,99,235,.06);border-radius:10px;font:800 clamp(18px,5vw,40px) Inter,sans-serif;color:#1E3A8A;display:grid;place-items:center;padding:0}
.tp-zone:active{background:rgba(37,99,235,.28)}.tp-zone.dim{border-color:#CBD5E1;color:#94A3B8;background:transparent}.tp-zone.call{border-color:#F59E0B;background:rgba(245,158,11,.22)}
.tp-zone[data-owner='0']{background:rgba(37,99,235,.28)}.tp-zone[data-owner='1']{background:rgba(245,158,11,.3);color:#B45309;border-color:#B45309}
.tp-goalie{position:absolute;width:22%;aspect-ratio:.8;transform:translate(-50%,-50%);transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1);pointer-events:none;filter:drop-shadow(0 4px 6px rgba(15,23,42,.25))}.tp-goalie svg{width:100%;height:100%}
.tp-flash{position:absolute;inset:0;display:grid;place-items:center;font:900 clamp(34px,12vw,96px) Inter,sans-serif;letter-spacing:-.03em;pointer-events:none;opacity:0;color:#2563EB;-webkit-text-stroke:2px #fff;paint-order:stroke fill}
.tp-flash[data-r=goal]{color:#10B981}.tp-flash[data-r=save]{color:#F59E0B}.tp-flash[data-r=miss]{color:#64748B}.tp-flash.go{animation:tpf .9s ease-out}@keyframes tpf{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:scale(1.05)}70%{opacity:1}100%{opacity:0;transform:scale(1)}}
.tp-keys{font-size:11.5px;color:#94A3B8;text-align:center;margin:0}
.tp-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.tp-rc{border-left:5px solid var(--c);background:#F4F7FB;border-radius:12px;padding:10px 12px;display:grid}.tp-rc b{font-size:28px}.tp-rc span{font-size:12px;color:#64748B}
.tp-heat{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.tp-heat span{border-radius:8px;padding:14px 4px;text-align:center;font-size:11.5px;font-weight:700}
.tp-stage.cal{background:#fff;overflow:visible;margin:8px}.tp-quad.cal .tp-zone{font-size:11px;font-weight:700;padding:4px}.tp-pin{position:absolute;width:30px;height:30px;margin:-15px;border-radius:50%;border:3px solid #fff;background:#F97316;box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:grab;z-index:3;touch-action:none}
.tp-patches{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.tp-patches span{aspect-ratio:1;border:1px solid #CBD5E1;border-radius:8px}
.calc label{display:grid;gap:3px;font-size:12px;color:#64748B}.calc input{width:96px;min-height:38px;border:1px solid #CBD5E1;border-radius:10px;padding:0 8px;font-size:15px}.calc>div{align-self:end;font-size:14px}
.tp-tipbox{background:#F4F7FB;border-radius:14px;padding:10px 14px}.tp-tipbox ul{margin:6px 0 0;padding-left:18px;display:grid;gap:6px;font-size:13.5px}
@media (prefers-reduced-motion:reduce){.tp-goalie{transition:none}.tp-flash.go{animation:none;opacity:1}}
.tp-head>div{flex:1;min-width:200px}
/* round projector targets: corners amber, five-hole amber, others blue; Target Rush lights one */
.tp-zone{border-radius:50%;margin:3%;border-width:4px;box-shadow:inset 0 0 0 6px #fff,0 0 0 1px rgba(30,58,138,.15)}
.tp-zone:is(:nth-child(1),:nth-child(3),:nth-child(7),:nth-child(9),:nth-child(8)){border-color:#D97706;color:#B45309;background:rgba(245,158,11,.1)}
.tp-zone.dim{border-color:#E2E8F0;background:transparent;color:#CBD5E1}
.tp-zone.lit{background:#F59E0B!important;border-color:#B45309!important;box-shadow:0 0 0 6px rgba(245,158,11,.35),0 0 28px #F59E0B;animation:tplit .6s ease-in-out infinite alternate}@keyframes tplit{to{box-shadow:0 0 0 12px rgba(245,158,11,.15),0 0 40px #F59E0B}}
.tp-zone[data-owner='0'],.tp-zone[data-owner='1']{border-radius:12px}
.tp-wrap.dark .tp-stage{background:#0B1220;border-color:#1E293B}.tp-wrap.dark .tp-zone{background:rgba(56,189,248,.1);border-color:#38BDF8;color:#E0F2FE;box-shadow:inset 0 0 0 6px #0B1220}
.tp-wrap.dark .tp-zone:is(:nth-child(1),:nth-child(3),:nth-child(7),:nth-child(9),:nth-child(8)){border-color:#F59E0B;color:#FDE68A;background:rgba(245,158,11,.12)}
.tp-wrap.dark .tp-goalie{filter:drop-shadow(0 0 8px rgba(56,189,248,.5))}
@media (prefers-reduced-motion:reduce){.tp-zone.lit{animation:none}}
.tp-grid .tp-zone{aspect-ratio:1;height:90%;margin:0;place-self:center}.tp-quad.cal .tp-zone{aspect-ratio:auto;height:auto;margin:3%}