.summer-card{--cream:#fff3dc;--ink:#20160c;--sun:#f4a43a;--sun2:#ffcf6b;--dusk:#2a1c3a;--paper:#fbf7ee;--line:#fff3dc47}.summer-card,.summer-card *{box-sizing:border-box;margin:0;padding:0}.summer-card{width:100vw;height:100vh;color:var(--cream);z-index:48;pointer-events:auto;background:#000;font-family:Inter,Helvetica Neue,Arial,sans-serif;line-height:normal;position:absolute;inset:0;overflow:hidden}.summer-card .bg{background-position:50%;background-size:cover;position:absolute;inset:0}.summer-card .shade{position:absolute;inset:0}.summer-card .wrap{flex-direction:column;gap:2.2vh;width:min(92vh,62vw);display:flex;position:absolute;top:7vh;bottom:7vh;left:6vh}.summer-card .stamp{letter-spacing:.5vh;color:var(--sun2);border:.35vh solid var(--sun2);border-radius:1vh;align-self:flex-start;padding:.2vh 1.6vh;font-family:VT323;font-size:3.6vh;transform:rotate(-4deg);box-shadow:0 0 0 .4vh #00000026}.summer-card h1{letter-spacing:.2vh;color:var(--cream);text-shadow:0 .6vh #7832008c,0 1.6vh 3vh #0000008c;font-family:Bebas Neue;font-size:15vh;font-weight:400;line-height:.86}.summer-card .lede{text-shadow:0 .2vh .6vh #000000b3;max-width:58vh;font-size:2.6vh;line-height:1.35}.summer-card .small{opacity:.85;text-shadow:0 .2vh .6vh #000000b3;font-size:2.1vh;font-style:italic}.summer-card .envelope{width:58vh;color:var(--ink);background:linear-gradient(#d9b27a,#c99a5c);border-radius:.8vh;padding:3.6vh 2.6vh 2.2vh;position:relative;box-shadow:0 1.2vh 3vh #00000073,inset 0 0 0 .25vh #ffffff26}.summer-card .envelope:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);opacity:.95;background:linear-gradient(#e7c48e,#d2a86c);border-radius:.8vh .8vh 0 0;height:3vh;position:absolute;top:0;left:0;right:0}.summer-card .env-label{letter-spacing:.3vh;justify-content:space-between;align-items:baseline;font-family:VT323;font-size:3vh;display:flex}.summer-card .env-amt{font-family:Bebas Neue;font-size:7.2vh;line-height:1}.summer-card .env-amt small{opacity:.7;margin-left:.6vh;font-size:3.4vh}.summer-card .track{background:repeating-linear-gradient(90deg,#20160c40 0 1.2vh,#0000 1.2vh 1.8vh);border-radius:1vh;height:1.6vh;margin-top:4.6vh;position:relative}.summer-card .fill{background:linear-gradient(90deg,#2f7d4b,#4aa66b);border-radius:1vh;position:absolute;top:0;bottom:0;left:0}.summer-card .bike{width:5.2vh;height:3.2vh;position:absolute;top:-3.9vh}.summer-card .btns{gap:1.6vh;margin-top:.4vh;display:flex}.summer-card .btn{letter-spacing:.25vh;border:.3vh solid var(--cream);color:var(--cream);-webkit-backdrop-filter:blur(.4vh);backdrop-filter:blur(.4vh);background:#140c0659;border-radius:5vh;align-items:center;gap:1.2vh;padding:1.1vh 2.6vh 1vh 1.2vh;font-family:Bebas Neue;font-size:3.6vh;display:flex}.summer-card .btn.primary{background:linear-gradient(180deg,var(--sun2),var(--sun));color:var(--ink);border-color:#0000;transform:translateY(-.3vh);box-shadow:0 .8vh #b8661c,0 1.6vh 2.6vh #00000073}.summer-card .glyph{background:var(--ink);color:#8fb4ff;border-radius:50%;place-items:center;width:4.2vh;height:4.2vh;font-family:Arial;font-size:2.5vh;font-weight:700;display:grid}.summer-card .btn:not(.primary) .glyph{color:#ff8f8f;background:#fff3dc26}.summer-card .hints{letter-spacing:.2vh;opacity:.8;font-family:VT323;font-size:2.6vh;position:absolute;bottom:3.2vh;left:6vh}.summer-card[data-summer-card=intro] .shade{background:linear-gradient(90deg,#1c0e04db 0%,#1c0e049e 38%,#1c0e0414 66%,#0000 100%),linear-gradient(#0000 70%,#00000059)}.summer-card .notif{width:46vh;color:var(--ink);background:#fbf7eef5;border-radius:2.2vh;align-items:center;gap:1.6vh;padding:1.8vh 2vh;display:flex;position:absolute;bottom:9vh;right:5vh;transform:rotate(1.5deg);box-shadow:0 1.4vh 3.4vh #00000073}.summer-card .app{background:linear-gradient(160deg,#ffb347,#f0752d);border-radius:1.6vh;flex:none;place-items:center;width:6.4vh;height:6.4vh;display:grid}.summer-card .app svg{width:3.6vh;height:3.6vh}.summer-card .nt{letter-spacing:.15vh;opacity:.65;font-family:VT323;font-size:2.3vh}.summer-card .nm{letter-spacing:.15vh;font-family:Bebas Neue;font-size:3.4vh;line-height:1}.summer-card .nd{opacity:.8;font-size:1.9vh}.summer-card .pay{color:#2f7d4b;margin-left:auto;font-family:Bebas Neue;font-size:4.2vh}.summer-card[data-summer-card=end] .shade{background:linear-gradient(90deg,#240e18e0 0%,#240e18a3 40%,#240e181a 68%,#0000 100%),linear-gradient(#0000 70%,#00000059)}.summer-card[data-summer-card=end] h1{font-size:12.5vh}.summer-card .stampbig{letter-spacing:.4vh;color:#c8322b;opacity:.88;mix-blend-mode:multiply;border:.5vh solid #c8322b;border-radius:1vh;padding:.2vh 1.6vh;font-family:Bebas Neue;font-size:5.4vh;position:absolute;top:8.4vh;right:3vh;transform:rotate(-9deg)}.summer-card .receipt{background:var(--paper);color:#222;clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%);width:36vh;padding:2.4vh 2.4vh 3.4vh;font-family:VT323;font-size:2.6vh;line-height:1.25;position:absolute;top:9vh;right:7vh;transform:rotate(2.5deg);box-shadow:0 1.6vh 3.6vh #00000080}.summer-card .receipt h3{letter-spacing:.3vh;text-align:center;font-family:Bebas Neue;font-size:3.6vh;font-weight:400}.summer-card .receipt .c{text-align:center;opacity:.6;margin-bottom:1vh}.summer-card .row{justify-content:space-between;display:flex}.summer-card .hr{border-top:.25vh dashed #999;margin:1vh 0}.summer-card .tot{font-size:3.2vh}.summer-card .bike-position{position:absolute;top:0}.summer-card .btn{cursor:pointer;white-space:nowrap;appearance:none;line-height:normal}.summer-card .btn:focus-visible{outline:.25vh solid var(--cream);outline-offset:.6vh}.summer-card .btn:disabled{cursor:wait}.summer-card .glyph{flex:none;line-height:normal}.summer-card [data-glyph=xbox\:cross]{color:#5dc21e}.summer-card [data-cap=Enter]{letter-spacing:normal;font-size:1.25vh}.summer-card .save-error{max-width:58vh;font-size:2.1vh}@media (aspect-ratio<=6/5){.summer-card{overflow-y:auto}.summer-card .bg,.summer-card .shade{position:fixed}.summer-card .wrap{gap:2.2vh;width:auto;margin:7vh 6vh;position:relative;top:auto;bottom:auto;left:auto}.summer-card h1{font-size:min(15vh,24vw)}.summer-card[data-summer-card=end] h1{font-size:min(12.5vh,17vw)}.summer-card .envelope{flex:none;width:min(58vh,100%)}.summer-card .env-label{letter-spacing:min(.3vh,.4vw);font-size:min(3vh,4vw)}.summer-card .notif,.summer-card .receipt{width:calc(100% - 12vh);margin:5vh 6vh 9vh;position:relative;top:auto;bottom:auto;right:auto}.summer-card .notif{gap:1.2vh}.summer-card .order{min-width:0}.summer-card .nt{font-size:min(2.3vh,3.2vw)}.summer-card .nm{font-size:min(3.4vh,5vw)}.summer-card .nd{font-size:min(1.9vh,3.5vw)}}.ui-pass{z-index:48;isolation:isolate;background:0 0}.ui-pass[data-blur]:not(:has(>.bg))>.shade{-webkit-backdrop-filter:blur(.9vh)saturate(1.1);backdrop-filter:blur(.9vh)saturate(1.1)}.ui-pass .bg.blur{filter:blur(.9vh)saturate(1.1);transform:scale(1.04)}.ui-pass .wrap{pointer-events:none}.ui-pass .wrap>*{pointer-events:auto}.ui-pass .pills{scrollbar-width:thin;flex-direction:column;align-items:flex-start;gap:1.5vh;min-height:0;margin-top:.3vh;padding:.3vh 2vh 1.3vh 0;display:flex;overflow:clip auto}.ui-pass .pill{letter-spacing:.25vh;min-width:40vh;max-width:100%;color:var(--cream);-webkit-backdrop-filter:blur(.4vh);backdrop-filter:blur(.4vh);text-align:left;cursor:pointer;appearance:none;background:#140c0661;border:.3vh solid #fff3dc8c;border-radius:5vh;flex:none;align-items:center;gap:1.4vh;padding:1vh 3vh .9vh 1.2vh;font-family:Bebas Neue;font-size:4vh;line-height:normal;display:flex}.ui-pass .pill .glyph{color:var(--cream);background:#fff3dc1f;font-size:2.2vh}.ui-pass .pill.on{background:linear-gradient(180deg,var(--sun2),var(--sun));color:var(--ink);border-color:#0000;transform:translateY(-.3vh)translate(1vh);box-shadow:0 .8vh #b8661c,0 1.6vh 2.6vh #00000073}.ui-pass .pill.on .glyph{background:var(--ink);color:#8fb4ff}.ui-pass .pill small{letter-spacing:.1vh;opacity:.75;margin-left:auto;padding-left:2vh;font-family:VT323;font-size:2.4vh;line-height:1.1}.ui-pass .pill.on small{opacity:.8}.ui-pass .pill:disabled,.ui-pass .pill[aria-disabled=true]{opacity:.38;cursor:default}.ui-pass .pill:focus-visible,.ui-pass .btn:focus-visible{outline:.25vh solid var(--cream);outline-offset:.6vh}.ui-pass .glyph svg{vertical-align:middle!important;margin:0!important;display:block!important}.ui-pass .glyph.key{letter-spacing:0;min-width:4.2vh;font-size:1.25vh}.ui-pass .glyph.key [data-cap]{white-space:nowrap}.ui-pass .polaroid{color:#2a2018;background:#f6f1e6;padding:1.4vh 1.4vh 5.6vh;position:absolute;box-shadow:0 1.8vh 4vh #0000008c}.ui-pass .polaroid img,.ui-pass .polaroid>svg{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.ui-pass .polaroid .cap{letter-spacing:.1vh;justify-content:space-between;gap:1vh;font-family:VT323;font-size:2.8vh;line-height:1.1;display:flex;position:absolute;bottom:1.2vh;left:1.6vh;right:1.6vh}.ui-pass .cap>span{overflow-wrap:anywhere;min-width:0}.ui-pass .cap>span:last-child{white-space:nowrap;flex:none}.ui-pass .tape{background:#f0e2b4bf;width:12vh;height:3.4vh;position:absolute;box-shadow:0 .2vh .6vh #0003}.ui-pass .sticky{color:#2a2010;overflow-wrap:anywhere;background:#ffe27a;padding:2vh 2.2vh 2.4vh;font-family:VT323;font-size:2.8vh;line-height:1.2;position:absolute;box-shadow:0 1.4vh 3vh #00000073}.ui-pass .sticky b{letter-spacing:.2vh;margin-bottom:.6vh;font-family:Bebas Neue;font-size:3.4vh;font-weight:400;display:block}.ui-pass .wallet{color:var(--ink);background:linear-gradient(#d9b27a,#c99a5c);border-radius:.8vh;flex:none;align-self:flex-start;align-items:baseline;gap:1.6vh;max-width:100%;padding:1.4vh 2.4vh 1.2vh;display:inline-flex;position:relative;box-shadow:0 1vh 2.4vh #0006}.ui-pass .wallet .l{letter-spacing:.2vh;font-family:VT323;font-size:2.6vh}.ui-pass .wallet .a{white-space:nowrap;font-family:Bebas Neue;font-size:5.2vh;line-height:1}.ui-pass .hints2{letter-spacing:.2vh;opacity:.85;flex-wrap:wrap;align-items:center;gap:3vh;max-width:calc(100% - 12vh);font-family:VT323;font-size:2.6vh;display:flex;position:absolute;bottom:3.2vh;left:6vh}.ui-pass .hints2>button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.8vh;display:inline-flex}.ui-pass .hints2 .glyph{background:#fff3dc29;width:3.2vh;min-width:3.2vh;height:3.2vh;font-size:1.8vh}.ui-pass .hints2 .glyph.key{border-radius:.5vh;width:auto;padding:0 .7vh;font-size:1.2vh}.ui-pass .paper{background:var(--paper);color:#222;position:absolute;box-shadow:0 1.6vh 3.6vh #00000080}.ui-pass .torn{clip-path:polygon(0 0,100% 0,100% 97%,95% 100%,90% 97%,85% 100%,80% 97%,75% 100%,70% 97%,65% 100%,60% 97%,55% 100%,50% 97%,45% 100%,40% 97%,35% 100%,30% 97%,25% 100%,20% 97%,15% 100%,10% 97%,5% 100%,0 97%)}.ui-pass .redstamp{color:#c8322b;opacity:.88;mix-blend-mode:multiply;letter-spacing:.4vh;border:.5vh solid #c8322b;border-radius:1vh;padding:.2vh 1.6vh;font-family:Bebas Neue;line-height:normal}.ui-pass .pass-status{color:var(--sun2);white-space:pre-line;max-width:60vh;font:2.5vh/1.2 VT323}@media (aspect-ratio<=6/5){.ui-pass .hints2{max-width:none;margin:5vh 6vh;position:relative;bottom:auto;left:auto}.ui-pass .paper,.ui-pass .polaroid,.ui-pass .sticky{width:calc(100% - 12vh);margin:5vh 6vh;position:relative;inset:auto}}