﻿:root{--bg:#e5f7ff;--surface:#fff;--ink:#0b2139;--muted:#576b80;--line:#a0b8cc;--blue:#0076ec;--blue-2:#1aafe9;--green:#26ad5a;--orange:#f97d00;--purple:#7c4cb3;--gray:#8d9aa8}@supports (color:lab(0% 0 0)){﻿:root{--bg:lab(96.0417% -5.2518 -6.77428);--surface:lab(100% 0 0);--ink:lab(12.1544% -1.5583 -18.4329);--muted:lab(44.2418% -3.63261 -14.2684);--line:lab(73.3312% -5.32174 -13.0131);--blue:lab(49.4592% 9.15802 -70.4866);--blue-2:lab(66.5491% -21.9049 -39.9784);--green:lab(62.6355% -50.6685 32.0311);--orange:lab(66.4278% 46.0714 81.0397);--purple:lab(41.8046% 36.8736 -47.9541);--gray:lab(62.849% -2.53645 -8.82813)}}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 16%, #fefee3 0 92px, transparent 93px), radial-gradient(circle at 86% 78%, #c7e4ff 0 130px, transparent 132px), var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@supports (color:lab(0% 0 0)){body{background:radial-gradient(circle at 12% 16%, lab(99.1332% -3.51781 12.8462) 0 92px, transparent 93px), radial-gradient(circle at 86% 78%, lab(89.2943% -4.53997 -28.5103) 0 130px, transparent 132px), var(--bg)}}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:4px solid #71b4ff99;outline:4px solid lab(71.2688% -2.35146 -55.5284/.6)}.page-shell{place-items:center;width:min(1180px,100vw - 28px);min-height:100vh;margin:0 auto;padding:clamp(20px,4vw,58px) 0;display:grid}.captcha-window{background:var(--surface);border:5px solid var(--ink);border-radius:18px;width:100%;overflow:hidden;box-shadow:10px 10px #a3d3eb;box-shadow:10px 10px lab(81.6377% -11.9648 -17.1738)}.chrome-bar{border-bottom:5px solid var(--ink);background:#cde5f6;background:lab(89.6192% -5.82865 -11.1805);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:62px;padding:14px 18px;display:grid}.traffic{gap:10px;display:flex}.traffic span{border:3px solid var(--ink);border-radius:99px;width:20px;height:20px;display:block}.traffic span:first-child{background:#ff5a57;background:lab(61.9361% 66.263 39.8554)}.traffic span:nth-child(2){background:#fab700;background:lab(79.1831% 16.552 81.7495)}.traffic span:nth-child(3){background:var(--green)}.address{border:3px solid var(--line);min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;padding:10px 14px;font-size:14px;overflow:hidden}.status-dot{background:var(--blue);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:8px 12px;font-weight:900}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);min-height:650px;display:grid}.challenge-panel{border-right:5px solid var(--ink);padding:clamp(22px,4vw,48px)}.challenge-header{align-items:center;gap:22px;margin-bottom:26px;display:flex}.avatar{border:4px solid var(--ink);background:var(--bg);border-radius:20px;width:112px;height:112px}.micro-label{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}h1{letter-spacing:-.035em;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(34px,5vw,76px);line-height:.93}.prompt-row{border:4px solid var(--ink);background:#e9f8ff;background:lab(96.6034% -4.61981 -6.40185);grid-template-columns:auto 1fr;align-items:center;gap:16px;margin:10px 0 22px;padding:18px;display:grid}.checkbox{border:4px solid var(--ink);background:#fff;place-items:center;width:52px;height:52px;display:grid}.checkbox span{border-left:8px solid var(--blue);border-bottom:8px solid var(--blue);width:29px;height:17px;transform:rotate(-45deg)translate(2px,-2px)}.prompt-row strong{font-size:clamp(18px,2vw,26px);display:block}.prompt-row p{color:var(--muted);margin:4px 0 0;line-height:1.5}.tile-grid{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px;display:grid}.tile{border:4px solid var(--line);background:#dbeefc;background:lab(93.0904% -4.72474 -8.9736);border-radius:0;min-height:clamp(110px,13vw,162px);transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.tile:hover{border-color:var(--ink);transform:translateY(-2px)}.tile.selected{border-color:var(--blue);background:#c2e6ff;background:lab(89.4576% -8.23846 -27.2173);box-shadow:inset 0 0 0 5px #fff}.tile.selected:after{content:"";border-left:7px solid var(--blue);border-bottom:7px solid var(--blue);width:26px;height:14px;position:absolute;top:10px;left:10px;transform:rotate(-45deg)}.tile-art{position:absolute;inset:22px 20px 34px}.tile-note{color:var(--muted);text-align:left;font-size:12px;font-weight:750;position:absolute;bottom:8px;left:10px;right:10px}.tile.pigeon .tile-art:before{content:"";background:var(--gray);border:3px solid var(--ink);border-radius:50%;width:58%;height:52%;position:absolute;bottom:10%;left:18%}.tile.pigeon .tile-art:after{content:"";background:var(--gray);border:3px solid var(--ink);width:38%;height:38%;box-shadow:22px 20px 0 -15px white, 27px 24px 0 -18px var(--ink);border-radius:50%;position:absolute;top:10%;right:14%}.tile.cloud .tile-art:before{content:"";border:3px solid var(--line);background:#fff;border-radius:999px;position:absolute;inset:24% 12%}.tile.crumb .tile-art:before{content:"";background:var(--orange);clip-path:polygon(20% 0,100% 22%,72% 92%,0 74%);width:52%;height:44%;position:absolute;top:28%;left:24%}.tile.statue .tile-art:before{content:"";clip-path:polygon(50% 0,75% 26%,62% 100%,36% 100%,25% 26%);background:#808e9d;background:lab(58.2022% -2.7824 -9.8613);position:absolute;inset:22% 30% 10%}.tile.drone .tile-art:before{content:"";background:var(--purple);clip-path:polygon(0 40%,42% 0,100% 35%,74% 100%,25% 84%);position:absolute;inset:32% 18%}.copy-panel{background:#dceefa;background:lab(93.104% -4.62046 -7.75539);flex-direction:column;gap:22px;padding:clamp(22px,4vw,42px);display:flex}.stamp{color:#a52c18;color:lab(38.1894% 49.0805 41.6692);border:4px solid;width:fit-content;padding:10px 14px;font-weight:950;transform:rotate(-2deg)}.meter{border:4px solid var(--ink);background:#fff;height:22px;padding:3px}.meter span{background:linear-gradient(90deg, var(--blue), var(--green));height:100%;transition:width .2s;display:block}.ca-card{border:4px solid var(--ink);background:#fff;padding:20px}.ca-card code{border:3px dashed var(--line);min-height:72px;color:var(--ink);word-break:break-all;background:#edf2f8;background:lab(95.3516% -1.09163 -3.57015);padding:14px;line-height:1.45;display:block}.copy-button,.admin-actions button{border:4px solid var(--ink);background:var(--blue);color:#fff;width:100%;box-shadow:5px 5px 0 var(--ink);border-radius:0;margin-top:14px;padding:15px 18px;font-weight:950}.copy-button:disabled,.admin-actions button:disabled{cursor:not-allowed;color:#333e4a;color:lab(25.7161% -2.28824 -8.72625);background:#99a6b4;background:lab(67.4898% -2.55167 -8.83513)}.sync{color:var(--muted);margin:12px 0 0;font-size:13px}.ticker-block{margin-top:auto}.ticker-block span{letter-spacing:-.05em;color:var(--ink);font-size:clamp(54px,8vw,92px);font-weight:1000;display:block}.ticker-block p{color:var(--muted);margin:0;line-height:1.55}.admin-shell{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-card{border:5px solid var(--ink);background:#fff;width:min(720px,100%);padding:clamp(24px,5vw,48px);box-shadow:10px 10px #a3d3eb;box-shadow:10px 10px lab(81.6377% -11.9648 -17.1738)}.admin-card h1{font-size:clamp(34px,6vw,68px)}.admin-copy{color:var(--muted);max-width:60ch;line-height:1.55}.admin-card label{gap:10px;margin-top:24px;font-weight:900;display:grid}.admin-card textarea{resize:vertical;border:4px solid var(--ink);min-height:140px;color:var(--ink);padding:14px}.admin-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-actions .secondary{color:var(--ink);background:#fff}.admin-status{color:var(--muted)}@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.challenge-panel{border-right:0;border-bottom:5px solid var(--ink)}.challenge-header{align-items:flex-start}.avatar{border-radius:14px;width:82px;height:82px}.tile-grid{gap:8px}.tile{min-height:100px}.admin-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
