@font-face{font-family:Copixel;src:url(/fonts/copixel.otf) format("opentype");font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk.woff2) format("woff2");font-display:swap}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono.woff2) format("woff2");font-display:swap}:root{--canvas: #9fa8b1;--ink: #131313;--panel: #ffffff;--stroke: rgba(19, 19, 19, .55);--mono: "Departure Mono", ui-monospace, "SF Mono", Menlo, monospace;--display: "Space Grotesk", system-ui, sans-serif;--brand: "Copixel", var(--mono)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(rgba(19,19,19,.12) 1px,transparent 1px);background-size:6px 6px}.shell{max-width:480px;margin:0 auto;padding:14px 12px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;min-height:100dvh}.bracket{position:relative}.bracket:before,.bracket:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.bracket:before{top:-1px;left:-1px;border-top:2px solid var(--ink);border-left:2px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 22%,22% 22%,22% 100%,0 100%)}.bracket:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--ink);border-right:2px solid var(--ink);clip-path:polygon(100% 100%,0 100%,0 78%,78% 78%,78% 0,100% 0)}.topbar{background:var(--panel);border:1px solid var(--stroke);padding:14px 16px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.brand{font-family:var(--brand);font-size:22px;letter-spacing:.04em}.brand-sub{font-family:var(--mono);font-size:10px;letter-spacing:.18em}.strip{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;padding:0 2px}.dot{width:7px;height:7px;border-radius:50%;background:var(--ink);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.pool{display:flex;flex-direction:column;gap:12px}.panel{background:var(--panel);border:1px solid var(--stroke);padding:14px 16px}.state{text-align:left}.state-label{font-family:var(--mono);font-size:11px;letter-spacing:.16em}.state-copy{font-size:14px;line-height:1.45;margin:10px 0 12px}.quest-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{font-family:var(--mono);font-size:9px;letter-spacing:.12em;border:1px solid var(--stroke);padding:3px 7px;background:var(--panel)}.chip-full{background:var(--ink);color:var(--panel)}.quest-title{font-size:16px;font-weight:600;line-height:1.3;margin:0 0 12px}.quest-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.reward{display:flex;flex-direction:column;gap:2px}.reward-label{font-family:var(--mono);font-size:9px;letter-spacing:.16em;opacity:.7}.reward-value{font-family:var(--mono);font-size:16px;letter-spacing:.02em}.cta{font-family:var(--mono);font-size:11px;letter-spacing:.12em;background:var(--panel);color:var(--ink);border:1px solid var(--ink);padding:9px 14px;cursor:pointer;white-space:nowrap}.cta:active{background:var(--ink);color:var(--panel)}.cta:disabled{opacity:.4;cursor:default}.foot{margin-top:auto;font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:.04em}.foot p{margin:0 0 8px}.link{font-family:var(--mono);font-size:10px;letter-spacing:.08em;background:none;border:none;border-bottom:1px solid var(--ink);color:var(--ink);padding:0 0 1px;cursor:pointer}