:root{--felt:#0e3b2e;--paper:#fafaf7;--ink:#14181c;--red:#c8102e;--green:#1d7a46}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--felt);color:var(--paper);background-image:radial-gradient(at 50% 0,#ffffff0f,#0000 60%),radial-gradient(at 50% 120%,#00000059,#0000 70%);font-family:IBM Plex Mono,monospace}a{color:var(--green)}a:hover{color:var(--red)}input,select{font-family:IBM Plex Mono,monospace}input:focus,select:focus{outline:2px solid var(--ink);outline-offset:1px}button{font-family:IBM Plex Mono,monospace}@keyframes stamp{0%{opacity:0;transform:rotate(-12deg)scale(2.3)}55%{opacity:1;transform:rotate(-12deg)scale(.9)}75%{transform:rotate(-12deg)scale(1.07)}to{opacity:1;transform:rotate(-12deg)scale(1)}}@keyframes blink{50%{opacity:.2}}@keyframes tickin{0%{transform:scale(1.6)}to{transform:scale(1)}}.shell{flex-direction:column;min-height:100vh;display:flex}header{justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.wordmark-sm{letter-spacing:3px;transform-origin:0;font-family:Archivo Black,sans-serif;font-size:22px;transform:scaleX(1.15)}.wallet-pill{border:1px solid #fafaf759;border-radius:99px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:flex}.dot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block}main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 20px 64px;display:flex}.landing{text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:560px;display:flex}.wordmark-xl{letter-spacing:4px;font-family:Archivo Black,sans-serif;font-size:72px;line-height:1;transform:scaleX(1.12)}.landing-tag{color:#fafaf7d9;font-size:15px;line-height:1.7}.steps{color:#fafaf799;text-transform:uppercase;letter-spacing:1px;gap:26px;font-size:11.5px;display:flex}.steps>div{flex-direction:column;align-items:center;gap:6px;display:flex}.steps span{color:var(--paper);font-size:20px}.btn-connect{letter-spacing:1px;background:var(--paper);color:var(--ink);cursor:pointer;border:none;padding:16px 34px;font-size:15px;font-weight:600;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #00000059}.btn-connect:hover{transform:translateY(-2px);box-shadow:0 8px #00000059}.btn-connect:active{transform:translateY(2px);box-shadow:0 3px #00000059}.landing-fine{color:#fafaf773;font-size:11px}.slip-wrap{filter:drop-shadow(0 14px 28px #0006);width:480px;max-width:94vw;position:relative}.perf-top{background:radial-gradient(circle at 8px -4px, transparent 7px, var(--slip-bg,var(--paper)) 7.5px);background-repeat:repeat-x;background-size:16px 12px;height:12px}.perf-bottom{background:radial-gradient(circle at 8px 16px, transparent 7px, var(--slip-bg,var(--paper)) 7.5px);background-repeat:repeat-x;background-size:16px 12px;height:12px}.slip-body{background:var(--slip-bg,var(--paper));color:var(--slip-ink,var(--ink));flex-direction:column;gap:18px;padding:22px 28px 28px;transition:background .4s;display:flex;position:relative}.slip-head{border-bottom:2px dashed var(--slip-rule,#14181c40);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.slip-brand{letter-spacing:2px;font-family:Archivo Black,sans-serif;font-size:15px}.slip-meta{opacity:.6;font-size:11px}.wager-label{letter-spacing:1.5px;opacity:.55;font-size:10.5px}.wager{text-transform:uppercase;text-wrap:pretty;font-size:22px;font-weight:600;line-height:1.25}.terms{letter-spacing:.5px;opacity:.75;border:1px solid var(--slip-rule,#14181c40);padding:9px 12px;font-size:12px}.countdown-block{flex-direction:column;align-items:center;gap:2px;padding:6px 0;display:flex}.countdown-label{letter-spacing:1.5px;opacity:.55;white-space:nowrap;font-size:10.5px}.countdown{font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:64px;font-weight:700;line-height:1}.countdown.blown{animation:1s step-end infinite blink}.ticks-head{letter-spacing:1.5px;opacity:.55;justify-content:space-between;font-size:10.5px;display:flex}.ticks-row{flex-wrap:wrap;gap:7px;display:flex}.tick{border:2px solid var(--slip-ink,var(--ink));justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex}.tick.done{background:var(--slip-ink,var(--ink))}.tick.latest{animation:.3s ease-out tickin}.btn-slip{letter-spacing:1px;cursor:pointer;border:none;width:100%;padding:16px;font-size:15px;font-weight:700}.btn-slip:hover:not(:disabled){opacity:.92}.btn-checkin{background:var(--ink);color:var(--paper)}.btn-checkin:disabled{color:#14181c80;cursor:not-allowed;background:#14181c26}.btn-claim{background:var(--paper);color:var(--red)}.btn-collect{background:var(--green);color:var(--paper)}.claim-copy{opacity:.9;font-size:12.5px;line-height:1.6}.final-block{flex-direction:column;align-items:center;gap:12px;padding-top:4px;display:flex}.final-copy{text-align:center;font-size:13px;line-height:1.6}.btn-new{letter-spacing:1px;color:var(--slip-ink,var(--ink));border:1.5px solid var(--slip-ink,var(--ink));cursor:pointer;background:0 0;padding:10px 18px;font-size:12px}.btn-new:hover{opacity:.75}.stamp{text-align:center;mix-blend-mode:multiply;pointer-events:none;border-radius:10px;font-family:Archivo Black,sans-serif;animation:.45s cubic-bezier(.2,1.6,.4,1) both stamp;position:absolute;top:34%;left:50%;transform:rotate(-12deg)}.stamp.paid{width:250px;color:var(--green);border:6px solid var(--green);letter-spacing:8px;margin-left:-125px;padding:8px 0;font-size:52px}.stamp.slashed{width:310px;color:var(--red);border:6px solid var(--red);letter-spacing:6px;margin-left:-155px;padding:10px 0;font-size:46px}.chips{gap:8px;display:flex}.chip{color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:0 0;flex:1;padding:8px 4px;font-size:11px}.chip.on{background:var(--ink);color:var(--paper)}.field{letter-spacing:1px;color:#14181c8c;flex-direction:column;gap:5px;font-size:10.5px;display:flex}.field input{color:var(--ink);background:0 0;border:none;border-bottom:2px dashed #14181c59;width:100%;padding:4px 0;font-size:15px}.field .with-unit{border-bottom:2px dashed #14181c59;gap:6px;display:flex}.field .with-unit input{border-bottom:none}.field select{color:var(--ink);background:0 0;border:none;font-size:13px}.grid-2{grid-template-columns:1fr 2fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.warning{color:#14181c8c;border:1px solid #14181c33;padding:10px 12px;font-size:11px;line-height:1.6}.form-error{color:var(--red);font-size:12px;font-weight:600}.btn-place{background:var(--ink);color:var(--paper)}.btn-place:hover:not(:disabled){opacity:1;background:#000}.btn-place:disabled{opacity:.5;cursor:not-allowed}.balance-hint{letter-spacing:0;text-transform:none}.toast{background:var(--ink);color:var(--paper);letter-spacing:.5px;z-index:10;border:1px solid #fafaf740;align-items:center;gap:10px;max-width:92vw;padding:13px 22px;font-size:12.5px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}.toast .dot{width:9px;height:9px;animation:1s infinite blink}.toast.error .dot{background:var(--red);animation:none}footer{text-align:center;color:#fafaf759;letter-spacing:1px;padding:14px;font-size:10.5px}footer a{color:inherit}@media (width<=520px){.wordmark-xl{font-size:48px}.countdown{font-size:44px}.grid-2,.grid-3{grid-template-columns:1fr}}
