@font-face{font-family:Pixelify;src:url(/sprites/PixelifySans-VariableFont_wght.ttf) format("truetype");font-display:swap}:root{color:#1f3a35;background:#f7fbf2;font-family:Pixelify,ui-rounded,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:repeating-linear-gradient(135deg,rgba(58,122,118,.07) 0 6px,transparent 6px 18px),repeating-linear-gradient(45deg,rgba(244,166,166,.06) 0 6px,transparent 6px 22px),#f8fcf9}button,input{border:2px solid #1f3a35;border-radius:6px;font:inherit}button{color:#1f3a35;background:#ffb6a3;box-shadow:4px 4px #1f3a35;cursor:pointer;min-height:44px;padding:.65rem .9rem}button:active{transform:translate(2px,2px);box-shadow:2px 2px #1f3a35}button:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:4px 4px #1f3a35}input{width:100%;min-height:44px;padding:.5rem .75rem;text-transform:uppercase;background:#fff}.app-shell{width:min(1160px,calc(100% - 24px));margin:0 auto;padding:24px 0}.device{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}#link-canvas{width:100%;aspect-ratio:800 / 520;min-height:380px;image-rendering:pixelated;border:3px solid #1f3a35;border-radius:8px;background:#b9dfd6;box-shadow:8px 8px #1f3a35}.panel,.exchange,.how-to{border:3px solid #1f3a35;border-radius:8px;background:#fffdf7;box-shadow:8px 8px #1f3a35}.how-to{margin-top:22px;padding:18px 22px}.panel{padding:18px}.instructions{margin:0 0 14px;padding-left:1.2em;font-size:.92rem;line-height:1.45;color:#1f3a35}.instructions li+li{margin-top:4px}.instructions ul{margin:4px 0;padding-left:1.2em}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:0;color:#c46b6b}h1,h2{margin:0 0 14px;line-height:1.02}h1{font-size:2.2rem}h2{font-size:1.8rem}.controls{display:grid;gap:12px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:18px;min-height:18px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0}.stats div{border:2px solid #1f3a35;border-radius:6px;padding:8px;background:#dceee9}dt{font-size:.75rem;text-transform:uppercase}dd{margin:0;overflow-wrap:anywhere}.exchange{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:22px;padding:18px}#gift-summary{margin:0;font-size:1.1rem;white-space:pre-line}.observer-status{margin:12px 0 0;border-left:3px solid #c46b6b;padding-left:10px;color:#c46b6b}#byte-log{height:260px;margin:0;overflow:auto;border:2px solid #1f3a35;border-radius:6px;padding:12px;background:#0e1a18;color:#8ae0c6;font:.9rem ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}@media (max-width: 860px){.device,.exchange{grid-template-columns:1fr}#link-canvas{min-height:300px}}