.cr-arena{--cr-ink:var(--ink,#0e0e0c);--cr-violet:var(--accent,#a000f6);--cr-lime:var(--lime,#c6f135);--cr-paper:#f6f4f9;--cr-muted:#5d5a66;aspect-ratio:360/600;border:2px solid var(--cr-ink);width:100%;max-width:100%;box-shadow:4px 4px 0 var(--cr-ink);color:var(--cr-ink);font-family:var(--display,var(--font-sans,"Urbanist")), system-ui, sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:12px;outline:none;position:relative;overflow:hidden;container-type:inline-size}.cr-arena.is-live{touch-action:none;cursor:none}.cr-arena *,.cr-arena :before,.cr-arena :after{box-sizing:border-box}.cr-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cr-arena>*{--u:calc(100cqw / 360)}.cr-btn{min-height:44px;padding:0 max(14px, calc(var(--u) * 16));border:2px solid var(--cr-ink);color:var(--cr-ink);box-shadow:3px 3px 0 var(--cr-ink);font:inherit;font-weight:700;font-size:max(14px, calc(var(--u) * 15));cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.cr-btn:hover{box-shadow:4px 4px 0 var(--cr-ink);transform:translate(-1px,-1px)}.cr-btn:active{box-shadow:1px 1px 0 var(--cr-ink);transform:translate(2px,2px)}.cr-btn:focus-visible,.cr-icon:focus-visible,.cr-claim input:focus-visible{outline:3px solid var(--cr-violet);outline-offset:2px}.cr-btn:disabled{opacity:.6;cursor:progress}.cr-btn-go{background:var(--cr-violet);color:#fff}.cr-btn-text{box-shadow:none;text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.cr-btn-text:hover,.cr-btn-text:active{box-shadow:none;transform:none}.cr-btn svg{width:1.05em;height:1.05em}.cr-wide{width:100%}.cr-icon{width:max(34px, calc(var(--u) * 34));height:max(34px, calc(var(--u) * 34));border:2px solid var(--cr-ink);color:var(--cr-ink);box-shadow:2px 2px 0 var(--cr-ink);cursor:pointer;background:#fff;border-radius:9px;place-items:center;padding:0;display:grid}.cr-icon svg{width:55%;height:55%}.cr-hud{padding:calc(var(--u) * 10) calc(var(--u) * 10) 0;gap:calc(var(--u) * 6);pointer-events:none;z-index:3;flex-direction:column;display:flex;position:absolute;inset:0 0 auto}.cr-hud button{pointer-events:auto}.cr-day{height:calc(var(--u) * 5);background:var(--cr-paper);border-bottom:1.5px solid var(--cr-ink);position:absolute;inset:0 0 auto}.cr-day:after{content:"";width:calc(var(--p,0) * 100%);background:var(--cr-violet);position:absolute;inset:0 auto 0 0}.cr-hud-row{align-items:center;gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 2);display:flex}.cr-till{align-items:baseline;gap:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 10);background:var(--cr-lime);border:2px solid var(--cr-ink);box-shadow:2px 2px 0 var(--cr-ink);font-variant-numeric:tabular-nums;border-radius:9px;display:inline-flex}.cr-till small{font-size:max(11px, calc(var(--u) * 11));font-weight:700}.cr-till b{font-size:max(18px, calc(var(--u) * 22));min-width:4.6ch;font-weight:800}.cr-clock{font-weight:800;font-size:max(13px, calc(var(--u) * 15));font-variant-numeric:tabular-nums;margin-left:auto}.cr-lives{gap:calc(var(--u) * 3);display:inline-flex}.cr-lives svg{width:calc(var(--u) * 20);height:calc(var(--u) * 18)}.cr-lives rect:first-child{fill:var(--cr-violet);stroke:var(--cr-ink);stroke-width:2px}.cr-lives .eye{fill:var(--cr-lime)}.cr-lives .off rect:first-child{fill:#fff;stroke-dasharray:3 2}.cr-lives .off .eye{fill:#d8d2e3}.cr-mult{align-items:center;gap:calc(var(--u) * 6);display:inline-flex}.cr-mult b{min-width:calc(var(--u) * 38);height:calc(var(--u) * 26);padding:0 calc(var(--u) * 6);border:2px solid var(--cr-ink);font-weight:800;font-size:max(13px, calc(var(--u) * 15));box-shadow:2px 2px 0 var(--cr-ink);background:#fff;border-radius:8px;place-items:center;transition:background .15s;display:inline-grid}.cr-mult b[data-mult="2"],.cr-mult b[data-mult="3"],.cr-mult b[data-mult="4"]{background:var(--cr-lime)}.cr-mult b[data-mult="5"]{background:var(--cr-violet);color:#fff}.cr-mult i{width:calc(var(--u) * 56);height:calc(var(--u) * 8);border:1.5px solid var(--cr-ink);background:#fff;border-radius:99px;position:relative;overflow:hidden}.cr-mult i:after{content:"";width:calc(var(--p,0) * 100%);background:var(--cr-ink);transition:width .12s;position:absolute;inset:0 auto 0 0}.cr-goal{font-size:max(12px, calc(var(--u) * 12.5));color:var(--cr-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.cr-goal[data-won="1"]{color:var(--cr-ink)}.cr-banner{z-index:4;align-items:center;gap:calc(var(--u) * 6);pointer-events:none;white-space:nowrap;flex-direction:column;animation:1.3s ease-out forwards cr-banner;display:flex;position:absolute;top:34%;left:50%}.cr-banner b{padding:calc(var(--u) * 4) calc(var(--u) * 14);background:var(--cr-lime);border:2px solid var(--cr-ink);box-shadow:3px 3px 0 var(--cr-ink);font-size:calc(var(--u) * 34);border-radius:10px;font-weight:800;line-height:1.1}.cr-banner span{font-size:max(12px, calc(var(--u) * 13));background:#fff;border-radius:6px;padding:2px 8px;font-weight:700}@keyframes cr-banner{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}14%{opacity:1;transform:translate(-50%)scale(1.08)}24%{transform:translate(-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)scale(1)}}.cr-count{z-index:4;width:calc(var(--u) * 110);height:calc(var(--u) * 110);border:3px solid var(--cr-ink);background:var(--cr-violet);color:#fff;box-shadow:5px 5px 0 var(--cr-ink);font-size:calc(var(--u) * 64);pointer-events:none;border-radius:24px;place-items:center;font-weight:800;animation:.35s ease-out cr-pop;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes cr-pop{0%{transform:translate(-50%,-50%)scale(.5)}60%{transform:translate(-50%,-50%)scale(1.1)}to{transform:translate(-50%,-50%)scale(1)}}.cr-movehint{left:50%;bottom:calc(var(--u) * 150);z-index:4;background:var(--cr-ink);color:#fff;font-weight:700;font-size:max(13px, calc(var(--u) * 14));white-space:nowrap;pointer-events:none;border-radius:9px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex;position:absolute;transform:translate(-50%)}.cr-movehint svg{width:1.3em;height:1.3em;color:var(--cr-lime);animation:1.1s ease-in-out infinite alternate cr-swipe}@keyframes cr-swipe{0%{transform:translate(-6px)rotate(-8deg)}to{transform:translate(6px)rotate(8deg)}}.cr-screen{z-index:5;padding:calc(var(--u) * 14);-webkit-user-select:text;user-select:text;background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.cr-title{padding-bottom:calc(var(--u) * 130);background:0 0;align-items:flex-start}.cr-card{width:100%;max-width:calc(var(--u) * 330);padding:calc(var(--u) * 18);border:2px solid var(--cr-ink);box-shadow:4px 4px 0 var(--cr-ink);gap:calc(var(--u) * 10);font-size:max(13px, calc(var(--u) * 14));background:#fff;border-radius:12px;flex-direction:column;margin:auto 0;line-height:1.4;display:flex}.cr-title .cr-card{margin:0}.cr-small{max-width:calc(var(--u) * 270)}.cr-card h3{font-size:max(20px, calc(var(--u) * 24));text-wrap:balance;margin:0;font-weight:700;line-height:1.1}.cr-card p{margin:0}.cr-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cr-eyebrow{border:2px solid var(--cr-ink);background:var(--cr-lime);font-weight:700;font-size:max(11px, calc(var(--u) * 12));border-radius:7px;align-self:flex-start;padding:2px 8px}.cr-logo{font-size:calc(var(--u) * 40);letter-spacing:-.02em;margin:0;font-weight:800;line-height:.98}.cr-logo span{color:var(--cr-violet)}.cr-lede{color:#2b2930}.cr-prizes{gap:calc(var(--u) * 5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cr-prizes li{padding:calc(var(--u) * 6) calc(var(--u) * 10);border:2px solid var(--cr-ink);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;display:flex}.cr-prizes li b{font-weight:800;font-size:max(14px, calc(var(--u) * 16));align-items:center;gap:4px;display:inline-flex}.cr-prizes li[data-top="1"],.cr-prizes li[data-won="1"]{background:var(--cr-lime)}.cr-prizes-sm{flex-direction:row}.cr-prizes-sm li{padding:calc(var(--u) * 4) calc(var(--u) * 8);font-size:max(11px, calc(var(--u) * 11.5));flex-direction:column;flex:1;align-items:flex-start;gap:0}.cr-prizes-sm li[data-won="0"]{color:var(--cr-muted);border-style:dashed;border-color:#cfc9da}.cr-fine,.cr-best{font-size:max(12px, calc(var(--u) * 12.5));color:var(--cr-muted)}.cr-best a{color:var(--cr-ink);font-weight:700}.cr-actions{gap:calc(var(--u) * 10);flex-wrap:wrap;display:flex}.cr-actions .cr-btn{flex:auto}.cr-stack{flex-direction:column}.cr-steps{gap:6px;display:flex}.cr-steps i{border:1.5px solid var(--cr-ink);background:#fff;border-radius:99px;flex:1;height:6px}.cr-steps i[data-on="1"]{background:var(--cr-violet)}.cr-sketch{aspect-ratio:280/132;background:var(--cr-paper);border-radius:9px;width:100%;max-width:280px;margin:0 auto;display:block}.cr-over{align-items:flex-start}.cr-sub{color:#2b2930}.cr-total{padding:0 calc(var(--u) * 12);background:var(--cr-lime);border:2px solid var(--cr-ink);box-shadow:3px 3px 0 var(--cr-ink);font-size:calc(var(--u) * 34);font-variant-numeric:tabular-nums;border-radius:10px;align-self:flex-start;font-weight:800;line-height:1.2}.cr-stats{font-size:max(12px, calc(var(--u) * 13));color:var(--cr-muted);flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}.cr-stats b{color:var(--cr-ink);font-weight:800}.cr-won b{background:var(--cr-lime);border-radius:4px;padding:0 4px}.cr-claim,.cr-code-box{padding:calc(var(--u) * 12);border:2px solid var(--cr-ink);background:var(--cr-paper);border-radius:10px;flex-direction:column;gap:8px;display:flex}.cr-claim label{font-weight:700;font-size:max(12px, calc(var(--u) * 13))}.cr-claim-row,.cr-code-row{gap:8px;display:flex}.cr-claim input{border:2px solid var(--cr-ink);min-width:0;min-height:44px;color:var(--cr-ink);font:inherit;background:#fff;border-radius:9px;flex:1;padding:0 10px;font-size:16px}.cr-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.cr-code-row code{border:2px dashed var(--cr-ink);min-height:44px;font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:max(15px, calc(var(--u) * 17));letter-spacing:.04em;-webkit-user-select:all;user-select:all;background:#fff;border-radius:9px;flex:1;place-items:center;padding:0 10px;display:grid}.cr-error{color:var(--cr-ink);font-weight:700;font-size:max(12px, calc(var(--u) * 13));border-left:4px solid var(--cr-violet);background:#fff;padding:6px 8px}@media (hover:none){.cr-btn:hover{box-shadow:3px 3px 0 var(--cr-ink);transform:none}}@media (prefers-reduced-motion:reduce){.cr-banner,.cr-count,.cr-movehint svg{animation-duration:10ms}.cr-banner{animation:1.3s linear forwards cr-fade}@keyframes cr-fade{0%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}}.cr-over .cr-card{gap:calc(var(--u) * 8);padding:calc(var(--u) * 14)}
