:root{--bg: #07060d;--bg-2: #0b0916;--bg-3: #120e22;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--stroke: rgba(255, 255, 255, .09);--stroke-strong: rgba(255, 255, 255, .16);--text: #efedf8;--text-2: #b3adcf;--muted: #7d78a0;--gold: #ffc24b;--gold-2: #ff8a3d;--gold-soft: rgba(255, 194, 75, .16);--violet: #8b5cf6;--violet-2: #c084fc;--cyan: #22d3ee;--rose: #ff4d6d;--mint: #4ade80;--t-common: #8b93a7;--t-uncommon: #4ade80;--t-rare: #38bdf8;--t-epic: #a78bfa;--t-legendary: #ffc24b;--t-mythic: #ff4d6d;--grad-gold: linear-gradient(135deg, #ffe08a 0%, #ffc24b 38%, #ff8a3d 100%);--grad-violet: linear-gradient(135deg, #c084fc 0%, #8b5cf6 55%, #5b21b6 100%);--grad-cyan: linear-gradient(135deg, #67e8f9 0%, #22d3ee 50%, #0e7490 100%);--grad-crimson: linear-gradient(135deg, #ff8fa3 0%, #ff4d6d 50%, #9f1239 100%);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-full: 999px;--sh-1: 0 2px 10px rgba(0, 0, 0, .4);--sh-2: 0 12px 32px rgba(0, 0, 0, .5);--sh-3: 0 24px 60px rgba(0, 0, 0, .6);--glow-gold: 0 0 24px rgba(255, 194, 75, .35), 0 0 64px rgba(255, 138, 61, .18);--glow-violet: 0 0 24px rgba(139, 92, 246, .4), 0 0 64px rgba(139, 92, 246, .18);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--e-out: cubic-bezier(.16, 1, .3, 1);--e-in: cubic-bezier(.7, 0, .84, 0);--e-spring: cubic-bezier(.34, 1.56, .64, 1);--d-fast: .16s;--d-base: .24s;--d-slow: .38s;--z-nav: 40;--z-sheet: 60;--z-overlay: 90;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-reduced-motion:reduce){:root{--d-fast: 1ms;--d-base: 1ms;--d-slow: 1ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;touch-action:manipulation}h1,h2,h3,.display{font-family:Unbounded,Inter,sans-serif;font-weight:700;letter-spacing:-.02em;margin:0}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}img{max-width:100%;display:block}.app{position:relative;min-height:100dvh;padding-top:calc(var(--safe-top) + 8px);padding-bottom:calc(84px + var(--safe-bottom));overflow-x:hidden;isolation:isolate}.aurora{position:fixed;inset:-20%;z-index:-2;pointer-events:none;filter:blur(70px);opacity:.55}.aurora span{position:absolute;width:52vmax;height:52vmax;border-radius:50%;will-change:transform}.aurora span:nth-child(1){background:radial-gradient(circle,rgba(139,92,246,.65),transparent 62%);top:-12%;left:-18%;animation:drift1 26s var(--e-out) infinite alternate}.aurora span:nth-child(2){background:radial-gradient(circle,rgba(255,194,75,.45),transparent 62%);bottom:-18%;right:-20%;animation:drift2 32s var(--e-out) infinite alternate}.aurora span:nth-child(3){background:radial-gradient(circle,rgba(34,211,238,.35),transparent 62%);top:34%;right:-26%;animation:drift3 38s var(--e-out) infinite alternate}@keyframes drift1{to{transform:translate3d(14vw,10vh,0) scale(1.15)}}@keyframes drift2{to{transform:translate3d(-12vw,-8vh,0) scale(1.2)}}@keyframes drift3{to{transform:translate3d(-16vw,12vh,0) scale(.9)}}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{padding:0 var(--s4);max-width:560px;margin:0 auto}.glass{background:linear-gradient(160deg,#ffffff12,#ffffff06);border:1px solid var(--stroke);border-radius:var(--r-lg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--sh-2),inset 0 1px #ffffff17}.gold-text{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}.header{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4) var(--s4);max-width:560px;margin:0 auto}.avatar{width:42px;height:42px;border-radius:var(--r-full);background:var(--grad-violet);display:grid;place-items:center;font-weight:700;font-size:16px;box-shadow:0 0 0 1px var(--stroke-strong),var(--glow-violet);flex:none;overflow:hidden}.header .who{flex:1;min-width:0}.header .who b{display:block;font-size:15px;line-height:1.2}.header .who span{font-size:12px;color:var(--muted)}.balance-pill{display:flex;align-items:center;gap:var(--s2);padding:9px 14px 9px 12px;border-radius:var(--r-full);background:linear-gradient(140deg,#ffc24b33,#ff8a3d14);border:1px solid rgba(255,194,75,.28);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;transition:transform var(--d-fast) var(--e-spring);min-height:44px}.balance-pill:active{transform:scale(.96)}.balance-pill.bump{animation:bump .52s var(--e-spring)}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.box-card{position:relative;border-radius:var(--r-xl);padding:var(--s5);overflow:hidden;min-height:188px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform var(--d-base) var(--e-spring),box-shadow var(--d-base) var(--e-out);will-change:transform}.box-card:active{transform:scale(.975)}.box-card:before{content:"";position:absolute;inset:0;background:var(--card-grad);opacity:.19}.box-card:after{content:"";position:absolute;inset:-40% -10% auto;height:120%;background:radial-gradient(60% 60% at 50% 0%,var(--card-glow),transparent 70%);pointer-events:none}.box-card>*{position:relative;z-index:1}.box-card .kind{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-full);background:#0006;border:1px solid var(--stroke);color:var(--text-2);margin-bottom:auto}.box-card h2{font-size:22px;margin-bottom:2px}.box-card .sub{font-size:13px;color:var(--text-2);margin-bottom:var(--s4)}.box-card .row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.box-card .top-prize{font-size:12px;color:var(--muted)}.box-card .top-prize b{display:block;font-size:15px;color:var(--gold);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border-radius:var(--r-full);font-weight:700;font-size:15px;transition:transform var(--d-fast) var(--e-spring),filter var(--d-fast),opacity var(--d-fast);position:relative;overflow:hidden;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.955)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn-gold{background:var(--grad-gold);color:#2a1500;box-shadow:var(--glow-gold)}.btn-violet{background:var(--grad-violet);color:#fff;box-shadow:var(--glow-violet)}.btn-ghost{background:var(--surface);border:1px solid var(--stroke);color:var(--text)}.btn-block{display:flex;width:100%}.btn-gold:after,.btn-violet:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);animation:sheen 3.6s ease-in-out infinite}@keyframes sheen{0%,62%{left:-60%}92%,to{left:130%}}.feed{display:flex;gap:var(--s2);overflow-x:auto;padding:var(--s1) var(--s4) var(--s3);scrollbar-width:none;scroll-snap-type:x proximity}.feed::-webkit-scrollbar{display:none}.feed-item{flex:none;display:flex;align-items:center;gap:var(--s2);padding:7px 12px 7px 8px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--stroke);font-size:12px;scroll-snap-align:start;animation:slideIn var(--d-slow) var(--e-out) both}.feed-item .dot{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 10px currentColor}.feed-item b{color:var(--text)}.feed-item span{color:var(--muted)}@keyframes slideIn{0%{opacity:0;transform:translate(14px)}}.nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);display:flex;justify-content:space-around;align-items:stretch;padding:var(--s2) var(--s3) calc(var(--s2) + var(--safe-bottom));background:#090711d1;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-top:1px solid var(--stroke)}.nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;padding:6px 4px;border-radius:var(--r-md);color:var(--muted);font-size:10.5px;font-weight:600;transition:color var(--d-fast),transform var(--d-fast) var(--e-spring)}.nav button:active{transform:scale(.92)}.nav button.on{color:var(--gold)}.nav button.on svg{filter:drop-shadow(0 0 8px rgba(255,194,75,.6))}.section-title{display:flex;align-items:baseline;justify-content:space-between;padding:var(--s6) var(--s4) var(--s3);max-width:560px;margin:0 auto}.section-title h3{font-size:17px}.section-title span{font-size:12px;color:var(--muted)}.stack{display:grid;gap:var(--s3)}.prize-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--stroke)}.prize-chip{width:44px;height:44px;border-radius:var(--r-sm);flex:none;display:grid;place-items:center;font-size:18px;font-weight:800;background:color-mix(in srgb,var(--tier) 18%,transparent);border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);color:var(--tier);box-shadow:0 0 18px color-mix(in srgb,var(--tier) 25%,transparent)}.prize-row .info{flex:1;min-width:0}.prize-row .info b{display:block;font-size:14px}.prize-row .info span{font-size:12px;color:var(--muted)}.prize-row .chance{font-size:12px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums;text-align:right}.prize-row .chance small{display:block;font-weight:400;color:var(--muted)}.stage{position:relative;display:grid;place-items:center;padding:var(--s4) 0 var(--s6)}.play-bar{position:sticky;bottom:calc(84px + var(--safe-bottom));display:grid;gap:var(--s2);padding:var(--s4);max-width:560px;margin:0 auto}.hint{text-align:center;font-size:12px;color:var(--muted);padding:0 var(--s4)}.overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:var(--s5);background:#040309c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn var(--d-base) var(--e-out)}@keyframes fadeIn{0%{opacity:0}}.win-card{position:relative;width:100%;max-width:360px;border-radius:var(--r-xl);padding:var(--s8) var(--s5) var(--s5);text-align:center;background:linear-gradient(170deg,#ffffff1a,#ffffff08);border:1px solid color-mix(in srgb,var(--tier) 40%,var(--stroke));box-shadow:0 0 60px color-mix(in srgb,var(--tier) 30%,transparent),var(--sh-3);animation:pop .52s var(--e-spring) both;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.86) translateY(24px)}}.rays{position:absolute;inset:-60%;z-index:-1;background:conic-gradient(from 0deg,color-mix(in srgb,var(--tier) 55%,transparent) 0 6deg,transparent 6deg 22deg);animation:spin 14s linear infinite;opacity:.3;mask-image:radial-gradient(circle,#000 25%,transparent 68%);-webkit-mask-image:radial-gradient(circle,#000 25%,transparent 68%)}@keyframes spin{to{transform:rotate(360deg)}}.win-card .tier-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tier);padding:5px 12px;border-radius:var(--r-full);border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);background:color-mix(in srgb,var(--tier) 12%,transparent);margin-bottom:var(--s4)}.win-card h2{font-size:24px;margin-bottom:var(--s2)}.win-card .value{font-size:15px;color:var(--gold);font-weight:700;margin-bottom:var(--s5);font-variant-numeric:tabular-nums}.win-card .desc{font-size:13px;color:var(--text-2);margin-bottom:var(--s5)}.miss-card{--tier: var(--t-common)}.sheet-back{position:fixed;inset:0;z-index:var(--z-sheet);background:#04030999;backdrop-filter:blur(6px);animation:fadeIn var(--d-base) var(--e-out);display:flex;align-items:flex-end}.sheet{width:100%;max-height:88dvh;overflow-y:auto;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--s3) var(--s4) calc(var(--s6) + var(--safe-bottom));background:linear-gradient(180deg,var(--bg-3),var(--bg));border-top:1px solid var(--stroke-strong);animation:up var(--d-slow) var(--e-out)}@keyframes up{0%{transform:translateY(100%)}}.sheet .grip{width:40px;height:4px;border-radius:2px;background:var(--stroke-strong);margin:0 auto var(--s5)}.chips{display:flex;gap:var(--s2);flex-wrap:wrap}.chip{padding:10px 16px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--stroke);font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center;transition:transform var(--d-fast) var(--e-spring),border-color var(--d-fast)}.chip:active{transform:scale(.94)}.chip.on{border-color:var(--gold);background:var(--gold-soft);color:var(--gold)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2)}.stat{padding:var(--s4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--stroke)}.stat span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.stat b{font-size:19px;font-variant-numeric:tabular-nums}.skeleton{background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:220% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-md)}@keyframes shimmer{to{background-position:-220% 0}}.toast{position:fixed;left:50%;bottom:calc(100px + var(--safe-bottom));z-index:var(--z-overlay);transform:translate(-50%);padding:12px 18px;border-radius:var(--r-full);background:#141022f2;border:1px solid var(--stroke-strong);font-size:14px;font-weight:600;box-shadow:var(--sh-2);animation:toastIn var(--d-base) var(--e-spring);max-width:calc(100vw - 32px);text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}}.fade-in{animation:fadeUp var(--d-slow) var(--e-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}}.d1{animation-delay:40ms}.d2{animation-delay:80ms}.d3{animation-delay:.12s}.d4{animation-delay:.16s}.wheel-wrap{position:relative;display:grid;place-items:center}.wheel-wrap canvas{display:block;border-radius:50%}.wheel-glow{position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,rgba(255,194,75,.28),transparent 62%);filter:blur(22px);animation:pulse 3.4s var(--e-out) infinite alternate;pointer-events:none}@keyframes pulse{to{transform:scale(1.07);opacity:.75}}.wheel-pointer{position:absolute;top:-16px;left:50%;transform:translate(-50%);filter:drop-shadow(0 6px 12px rgba(0,0,0,.6));pointer-events:none;z-index:2}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#221a34,#0a0813 70%);border:2px solid rgba(255,194,75,.5);box-shadow:0 0 24px #ffc24b4d,inset 0 2px 8px #000c;pointer-events:none}.wheel-hub span{font-family:Unbounded,sans-serif;font-weight:800;font-size:13px;letter-spacing:.06em;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}.roller{position:relative;width:100%;padding:var(--s5) 0}.roller-mask{overflow:hidden;width:100%;padding:var(--s2) 0}.roller-track{display:flex;gap:10px;will-change:transform;transform:translateZ(0)}.roll-card{flex:none;width:104px;height:128px;border-radius:var(--r-md);padding:var(--s3) 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:linear-gradient(170deg,color-mix(in srgb,var(--tier) 20%,#131020),#0d0a17);border:1px solid color-mix(in srgb,var(--tier) 38%,transparent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--tier) 14%,transparent);transition:transform var(--d-base) var(--e-spring),box-shadow var(--d-base)}.roll-card b{font-size:11.5px;line-height:1.25}.roll-card span{font-size:11px;color:var(--tier);font-weight:700;font-variant-numeric:tabular-nums}.roll-badge{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--tier);background:color-mix(in srgb,var(--tier) 16%,transparent);border:1px solid color-mix(in srgb,var(--tier) 40%,transparent)}.roll-card.is-win{transform:scale(1.06);box-shadow:0 0 34px color-mix(in srgb,var(--tier) 55%,transparent);animation:winPulse 1.4s var(--e-out) infinite alternate}@keyframes winPulse{to{box-shadow:0 0 54px color-mix(in srgb,var(--tier) 75%,transparent)}}.roller-marker{position:absolute;left:50%;top:8px;bottom:8px;width:2px;transform:translate(-50%);background:linear-gradient(180deg,transparent,var(--gold),transparent);box-shadow:0 0 14px #ffc24be6;z-index:3}.roller-marker:before,.roller-marker:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:7px solid transparent}.roller-marker:before{top:-2px;border-top-color:var(--gold)}.roller-marker:after{bottom:-2px;border-bottom-color:var(--gold)}.roller-fade{position:absolute;top:0;bottom:0;width:68px;pointer-events:none;z-index:2}.roller-fade.left{left:0;background:linear-gradient(90deg,var(--bg) 10%,transparent)}.roller-fade.right{right:0;background:linear-gradient(270deg,var(--bg) 10%,transparent)}.roller.is-running .roll-card{filter:blur(.4px)}.scratch{position:relative;width:100%;max-width:340px;aspect-ratio:16 / 10;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(255,194,75,.32);box-shadow:var(--sh-3),inset 0 0 40px #ffc24b14;background:linear-gradient(160deg,#17122a,#0a0813)}.scratch-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);padding:var(--s4)}.scratch-cell{border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(170deg,color-mix(in srgb,var(--tier) 22%,#12101f),#0b0914);border:1px solid color-mix(in srgb,var(--tier) 40%,transparent);text-align:center;padding:6px}.scratch-cell b{font-family:Unbounded,sans-serif;font-size:20px;color:var(--tier);text-shadow:0 0 18px color-mix(in srgb,var(--tier) 60%,transparent)}.scratch-cell span{font-size:9.5px;color:var(--text-2);line-height:1.2}.scratch-layer{position:absolute;inset:0;width:100%;height:100%;transition:opacity var(--d-slow) var(--e-out),transform var(--d-slow) var(--e-out)}.scratch-layer.is-gone{opacity:0;transform:scale(1.04);pointer-events:none}.scratch-hint{position:absolute;left:0;right:0;bottom:10px;display:grid;gap:6px;justify-items:center;pointer-events:none;font-size:11px;font-weight:700;color:#281a00b3;text-shadow:0 1px 0 rgba(255,255,255,.25)}.scratch-progress{width:130px;height:4px;border-radius:2px;background:#281a0040;overflow:hidden}.scratch-progress i{display:block;height:100%;background:#281a00b3;transition:width var(--d-base) var(--e-out)}.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);min-height:208px;display:flex;align-items:flex-end}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(120%) contrast(105%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07060d1a,#07060dd9 78%)}.hero-body{position:relative;z-index:1;padding:var(--s6) var(--s5) var(--s5)}.hero-body .kind{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);padding:5px 11px;border-radius:var(--r-full);background:var(--gold-soft);border:1px solid rgba(255,194,75,.3);margin-bottom:var(--s3)}.hero-body h1{font-size:27px;line-height:1.12;margin-bottom:var(--s2)}.hero-body p{font-size:13.5px;color:var(--text-2);margin:0;max-width:34ch}.how{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);border-radius:var(--r-md)}.how b{display:block;font-size:14px;margin-bottom:3px}.how span{font-size:12.5px;color:var(--muted);line-height:1.45}.how svg{flex:none;margin-top:2px}.play-head{display:flex;align-items:center;gap:var(--s3);padding-top:var(--s2);padding-bottom:var(--s2)}.play-head>div b{display:block;font-size:15px}.play-head>div span{font-size:11.5px;color:var(--muted)}.fair-btn{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);text-align:left;width:100%;border-radius:var(--r-md);transition:transform var(--d-fast) var(--e-spring)}.fair-btn:active{transform:scale(.98)}.fair-btn b{display:block;font-size:14px}.fair-btn span{font-size:12px;color:var(--muted)}.seed-input{width:100%;margin-top:6px;background:#00000059;border:1px solid var(--stroke);border-radius:var(--r-sm);color:var(--text);padding:12px 14px;font-size:14px;min-height:44px;font-family:inherit}.seed-input:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.avatar img{width:100%;height:100%;object-fit:cover}@media(min-width:620px){.app{max-width:620px;margin:0 auto}.nav{max-width:620px;left:50%;transform:translate(-50%);border-radius:var(--r-lg) var(--r-lg) 0 0}}