:root{--bg: #ffffff;--bg-2: #ffffff;--bg-3: #f0f0f0;--line: #000000;--ink: #000000;--text: #000000;--text-dim: #3a3a3a;--text-faint: #666666;--fire: #ff2b2b;--fire-hi: #e11919;--fire-cta: #e11919;--ember: #00b34a;--yellow: #ffe600;--ok: #008f3c;--rar-comune: #ffd000;--rar-rara: #ff2b2b;--rar-epica: #00c853;--rar-legg: #9b26ff;--rar-mistica: #1ad1ff;--bw: 3px;--shadow: 6px 6px 0 var(--ink);--shadow-sm: 4px 4px 0 var(--ink);--motion: .1s ease-out;--display: "Syne", system-ui, sans-serif;--sans: "DM Sans", system-ui, -apple-system, sans-serif;--serif: var(--display)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.5;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.h-title,.menu-title,.menu-nick,.modal h3,.panel h4,.onboard .logo,.point .p-name,.banner,.btn,.monument-name{overflow-wrap:break-word}button{font-family:var(--sans);color:inherit;background:none;border:none;cursor:pointer}input{font-family:var(--sans)}.app{display:flex;flex-direction:column;height:100%;overflow-x:hidden;width:100%}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px calc(96px + env(safe-area-inset-bottom))}.h-title{font-family:var(--display);font-weight:800;font-size:clamp(26px,7.2vw,36px);line-height:.95;letter-spacing:-.025em;margin:14px 0 6px;text-transform:uppercase;overflow-wrap:break-word}.h-sub{color:var(--text-dim);font-size:15px;font-weight:500;margin-bottom:18px}.point-desc{margin:-8px 0 18px;padding:10px 12px;background:var(--bg-3);border-left:var(--bw) solid var(--ember);color:var(--text-dim);font-size:13.5px;line-height:1.45;overflow-wrap:break-word;white-space:pre-line}.section-label{display:inline-block;font-family:var(--display);font-size:13px;letter-spacing:.02em;text-transform:uppercase;font-weight:800;color:var(--yellow);background:var(--ink);padding:4px 11px;margin:26px 0 14px;box-shadow:var(--shadow-sm);transform:rotate(-2deg)}.section-desc{color:var(--text-dim);font-size:13.5px;font-weight:500;line-height:1.5;margin:-4px 0 14px}.banner{min-height:66px;display:flex;align-items:center;justify-content:center;padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top));background:var(--yellow);border-bottom:var(--bw) solid var(--ink);text-align:center;font-size:17px;line-height:1.32;color:var(--ink);font-weight:700}.banner .flame{margin-right:8px;font-size:19px}.banner-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:100%;animation:bannerIn .3s ease-out}@keyframes bannerIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;border-top:var(--bw) solid var(--ink);background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.nav button{flex:1;padding:12px 0 10px;text-align:center;color:var(--ink);font-family:var(--display);font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:800;border-right:var(--bw) solid var(--ink);transition:color var(--motion),background-color var(--motion)}.nav button:last-child{border-right:none}.nav button .ico{display:block;font-size:20px;margin-bottom:3px}.nav button.active{background:var(--yellow);color:var(--ink)}.nav button:active{background:var(--bg-3)}.nav button.active:active{background:var(--yellow)}.geo-warn{border:var(--bw) solid var(--ink);padding:14px 16px;box-shadow:var(--shadow-sm);color:var(--text-dim);font-size:15px;background:var(--yellow);color:var(--ink);font-weight:600;margin-bottom:20px}.geo-note{margin-top:-12px;margin-bottom:18px;color:var(--text-faint);font-size:11.5px;font-weight:500;font-style:italic}.point{display:flex;align-items:center;gap:14px;border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);background:var(--bg-2);padding:15px 16px;margin-bottom:16px;width:100%;text-align:left;transition:transform var(--motion),box-shadow var(--motion)}.point:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.point .dot{width:14px;height:14px;flex:none;background:#fff;border:var(--bw) solid var(--ink)}.point.available .dot{background:var(--fire);animation:pulse 1.8s infinite}.point.testimony .dot{background:var(--rar-mistica);animation:pulse 1.4s infinite}.point.altar .dot{background:var(--ember)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.point .p-name{font-family:var(--display);font-size:17px;font-weight:700}.point .p-state{font-size:13px;color:var(--text-dim);font-weight:500}.point .p-dist{margin-left:auto;font-family:var(--display);font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap}.point.available .p-dist{color:var(--fire-hi)}.point.testimony{border-color:var(--ink)}.point.legendary{background:var(--yellow)}.point.legendary .dot.legg{width:auto;height:auto;background:none;border:none;box-shadow:none;color:var(--ink);font-size:18px;line-height:1}.point.legendary.available{box-shadow:var(--shadow)}.point.legendary.available .dot.legg{animation:pulse 1.8s infinite}.point.legendary.available .p-dist{color:var(--fire-hi)}.point.legendary.done{opacity:.55}.point.legendary.done .dot.legg{color:var(--ok)}.card.legg-locked{display:flex;align-items:center;justify-content:center;border:var(--bw) dashed var(--ink);background:var(--bg-3);box-shadow:none;color:#999;font-size:30px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{position:relative;overflow:hidden;aspect-ratio:10 / 14;border:var(--bw) solid var(--ink);background:#1a1410;width:100%;box-shadow:var(--shadow-sm);transition:transform var(--motion),box-shadow var(--motion)}.card:active{transform:translate(4px,4px) rotate(0)!important;box-shadow:0 0 0 var(--ink)}.card.r-comune,.card.r-rara,.card.r-epica,.card.r-leggendaria,.card.r-mistica{border-width:4px}.card.r-comune{border-color:var(--rar-comune)}.card.r-rara{border-color:var(--rar-rara)}.card.r-epica{border-color:var(--rar-epica)}.card.r-leggendaria{border-color:var(--rar-legg)}.card.r-mistica{border-color:var(--rar-mistica)}.card-grid .card:nth-child(3n+1){transform:rotate(-1.4deg)}.card-grid .card:nth-child(3n+2){transform:rotate(.8deg)}.card-grid .card:nth-child(3n+3){transform:rotate(1.5deg)}.card.locked{opacity:.4;filter:grayscale(.85)}.card svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card .c-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.card .c-name{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 7px;font-size:12.5px;line-height:1.2;text-align:center;color:#fff;font-weight:600;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92) 55%)}.card .c-qty{position:absolute;top:0;right:0;z-index:2;color:var(--ink);font-family:var(--display);font-size:12px;font-weight:800;background:var(--yellow);border-left:var(--bw) solid var(--ink);border-bottom:var(--bw) solid var(--ink);padding:2px 7px}.card .c-mark{position:absolute;top:4px;left:5px;z-index:2;color:var(--fire);font-size:16px}.card.selected{outline:var(--bw) solid var(--fire);outline-offset:3px}.card-detail{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0}.card-detail .card{width:min(64vw,250px);box-shadow:var(--shadow)}.card-qualifica{font-style:italic;color:var(--text-dim);font-size:14px;line-height:1.35;margin-top:2px;overflow-wrap:break-word}.rarity-tag{display:inline-block;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);padding:4px 12px;margin-top:8px}.marchia-label{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:var(--text-faint);margin:16px 0 8px}.marchia-card{display:flex;justify-content:center}.marchia-card .card{width:116px;box-shadow:var(--shadow-sm)}.panel .point{margin-bottom:0}.porcile-summary{border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);background:#fff;margin:6px 0 18px}.ps-stats{display:flex}.ps-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:12px 14px;min-width:0}.ps-stat+.ps-stat{border-left:var(--bw) solid var(--ink)}.ps-num{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;color:var(--ink)}.ps-lbl{font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.02em}.ps-bonus{font-size:12.5px;font-weight:700;color:var(--fire-hi);margin-top:2px}.ps-legend{display:flex;flex-wrap:wrap;gap:7px 14px;padding:10px 14px;border-top:var(--bw) solid var(--ink);background:var(--bg-3)}.ps-rar{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}.ps-rar-val{font-size:11.5px;font-weight:700;color:var(--text-dim)}.ps-swatch{width:13px;height:13px;border:2px solid var(--ink);flex:none}.ps-mark{font-size:13px;line-height:1;color:var(--fire);flex:none}.legg-collapse{margin:6px 0 18px}.legg-head{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.02em;background:var(--yellow);color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);padding:13px 14px;transition:transform var(--motion),box-shadow var(--motion)}.legg-head:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.legg-chev{font-size:15px;line-height:1}.legg-body{margin-top:14px}.legg-body .panel:first-child{margin-top:0}.btn{display:block;width:100%;text-align:center;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;border:var(--bw) solid var(--ink);box-shadow:var(--shadow);background:var(--bg-2);color:var(--ink);font-size:17px;padding:15px;transition:transform var(--motion),box-shadow var(--motion),background-color var(--motion)}.btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.4;box-shadow:var(--shadow-sm);transform:none}.btn-fire{background:var(--fire-cta);color:#fff}.btn-ghost{background:var(--bg-2);color:var(--ink)}.btn-row{display:flex;gap:14px;flex-wrap:wrap}.btn-row .btn{flex:1 1 140px}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000073;display:flex;align-items:flex-end;animation:fadeIn .18s ease-out}.sheet{background:var(--bg-2);border-top:var(--bw) solid var(--ink);width:100%;max-height:88vh;max-height:88dvh;overflow-y:auto;padding:18px 18px calc(24px + env(safe-area-inset-bottom));animation:sheetUp .24s cubic-bezier(.2,.9,.3,1)}.sheet .grip{width:46px;height:5px;background:var(--ink);margin:0 auto 16px}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:26px;overflow-y:auto;animation:fadeIn .18s ease-out}.modal{background:var(--bg-2);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:24px 20px;width:100%;max-width:380px;text-align:center;max-height:calc(100dvh - 52px);overflow-y:auto;animation:modalPop .2s cubic-bezier(.2,.9,.3,1)}@keyframes modalPop{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:none;opacity:1}}.modal h3{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:25px;line-height:1;margin-bottom:10px}.modal p{color:var(--text-dim);font-size:15px;font-weight:500;margin-bottom:18px}.reveal-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:10px 0}.reveal-grid .card{width:30%;animation:cardReveal .5s cubic-bezier(.2,.9,.3,1) backwards}.reveal-grid .card:nth-child(2){animation-delay:.09s}.reveal-grid .card:nth-child(3){animation-delay:.18s}.reveal-grid .card:nth-child(4){animation-delay:.27s}.reveal-grid .card:nth-child(5){animation-delay:.36s}@keyframes cardReveal{0%{transform:translateY(24px) scale(.8) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}.card-pile{position:relative;width:100%;height:300px;margin:8px 0 40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.card-pile .pile-item{position:absolute;width:46%;max-width:175px;transition:transform var(--motion)}.card-pile .pile-item .card{box-shadow:var(--shadow);pointer-events:none}.card-pile:active .pile-item{transform:translateY(2px) scale(.985) rotate(var(--r, 0deg))!important}.pile-count{position:absolute;top:-2px;right:8%;z-index:999;font-family:var(--display);font-weight:800;font-size:18px;background:var(--yellow);color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);padding:4px 11px}.pile-hint{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em;background:var(--ink);color:var(--yellow);padding:4px 12px;box-shadow:var(--shadow-sm);white-space:nowrap;animation:pileNudge 1.4s ease-in-out infinite}@keyframes pileNudge{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(3px)}}.trade-code{font-family:var(--display);font-size:60px;font-weight:800;letter-spacing:.06em;text-align:center;color:var(--yellow);background:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:12px 0;margin:18px 0 12px}.code-input{display:block;width:100%;text-align:center;font-family:var(--display);font-size:42px;letter-spacing:.18em;font-weight:800;background:var(--bg-2);border:var(--bw) solid var(--ink);color:var(--ink);padding:14px 0 14px .18em;outline:none;transition:box-shadow var(--motion)}.code-input:focus{box-shadow:var(--shadow-sm)}.countdown{font-family:var(--display);font-size:14px;font-weight:800;color:var(--text-dim);text-align:center}.countdown.warn{color:var(--fire-hi)}.fire-gauge{height:18px;background:var(--bg-3);border:var(--bw) solid var(--ink);overflow:hidden}.fire-gauge>div{height:100%;background:var(--fire);transition:width .5s cubic-bezier(.2,.9,.3,1)}.rito-bar{display:flex;align-items:center;gap:8px;margin-top:6px}.rito-bar-label{width:58px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex:none}.rito-bar .fire-gauge{flex:1;height:14px}.rito-bar-num{font-size:12px;font-weight:700;min-width:64px;text-align:right;flex:none;font-variant-numeric:tabular-nums}.recipe-check{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.recipe-chip{font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:.04em;border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);padding:4px 10px;background:var(--bg-3);text-transform:uppercase}.recipe-chip.ok{background:var(--ok);color:#fff}.pick-sec{margin-top:16px}.pick-head{position:sticky;top:-18px;z-index:3;display:flex;align-items:center;gap:9px;background:var(--bg-2);margin:0 -18px;padding:9px 18px;font-family:var(--display);font-size:13.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.pick-swatch{width:15px;height:15px;border:2px solid var(--ink);flex:none}.pick-head.r-comune .pick-swatch{background:var(--rar-comune)}.pick-head.r-rara .pick-swatch{background:var(--rar-rara)}.pick-head.r-epica .pick-swatch{background:var(--rar-epica)}.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:4px 0 2px}.pick-cell{position:relative}.pick-n{position:absolute;left:0;bottom:0;z-index:2;pointer-events:none;font-family:var(--display);font-size:13px;font-weight:800;background:var(--fire);color:#fff;border-top:var(--bw) solid var(--ink);border-right:var(--bw) solid var(--ink);padding:2px 9px}.pick-minus{position:absolute;right:-7px;bottom:-7px;z-index:3;width:36px;height:36px;border:var(--bw) solid var(--ink);background:var(--bg-2);box-shadow:var(--shadow-sm);font-family:var(--display);font-size:21px;font-weight:800;line-height:1;transition:transform var(--motion),box-shadow var(--motion)}.pick-minus:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.picker-actions{position:sticky;bottom:calc(-24px - env(safe-area-inset-bottom));z-index:4;background:var(--bg-2);border-top:var(--bw) solid var(--ink);margin:18px -18px calc(-24px - env(safe-area-inset-bottom));padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.picker-actions .recipe-check{margin:0 0 10px}.tier-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:var(--bw) solid var(--ink)}.tier-row .t-flame{font-size:20px;opacity:.3}.tier-row.reached .t-flame{opacity:1}.tier-row .t-info{flex:1}.tier-row .t-req{font-family:var(--display);font-size:12px;font-weight:800;color:var(--text-faint)}.panel{border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);background:var(--bg-2);padding:16px;margin-bottom:16px}.panel h4{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:20px;line-height:1;margin-bottom:6px}.panel .dim{color:var(--text-dim);font-size:14px;font-weight:500}.monument-name{font-family:var(--display);font-weight:700;font-size:19px;padding:9px 0;border-bottom:var(--bw) solid var(--ink);text-align:center}.onboard{height:100%;display:flex;flex-direction:column;justify-content:center;padding:32px 26px calc(32px + env(safe-area-inset-bottom));text-align:center;gap:16px}.onboard .logo{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(30px,9vw,44px);line-height:.9;letter-spacing:-.03em;overflow-wrap:break-word}.onboard .motto{color:var(--text-dim);font-weight:500;margin-bottom:20px}.nick-box{font-family:var(--display);font-weight:800;font-size:26px;padding:18px 10px;border:var(--bw) solid var(--ink);box-shadow:var(--shadow);background:var(--yellow)}.nick-input{width:100%;text-align:center;font-size:22px;font-weight:700;padding:16px 10px;background:var(--bg-2);border:var(--bw) solid var(--ink);color:var(--ink);outline:none;transition:box-shadow var(--motion);font-family:var(--display)}.nick-input:focus{box-shadow:var(--shadow-sm)}.bma-seal-stage{gap:22px}.bma-envelope{position:relative;display:block;padding:0;width:min(80vw,300px);aspect-ratio:3 / 2;margin:6px auto 0;background:var(--bg-2);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);transform:rotate(-1.5deg);perspective:800px;transition:transform var(--motion),box-shadow var(--motion)}.bma-envelope:active{transform:rotate(-1.5deg) translate(2px,2px);box-shadow:var(--shadow-sm)}.bma-env-to{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.bma-env-flap{position:absolute;top:-3px;left:-3px;right:-3px;height:62%;background:var(--yellow);border:var(--bw) solid var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;backface-visibility:hidden;transition:transform .5s ease-in;z-index:1}.bma-stamp{position:absolute;top:40%;left:50%;z-index:2;transform:translate(-50%,-50%) rotate(-9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;border:3px solid var(--fire-hi);color:var(--fire-hi);background:#ffffffc7;font-family:var(--display);line-height:1;transition:opacity .3s ease,transform .4s ease}.bma-stamp b{font-size:19px;font-weight:800;letter-spacing:.02em}.bma-stamp small{font-size:11.5px;letter-spacing:.14em;margin-top:1px}.bma-stamp i{font-size:8px;font-style:normal;letter-spacing:.1em;margin-top:4px}.bma-envelope.is-opening{transform:rotate(-1.5deg) translateY(10px)}.bma-envelope.is-opening .bma-env-flap{transform:rotateX(-162deg)}.bma-envelope.is-opening .bma-stamp{opacity:0;transform:translate(-50%,-50%) rotate(-9deg) scale(.7)}.bma-letter-in{animation:bma-letter-in .42s ease-out both}@keyframes bma-letter-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.toasts{position:fixed;top:calc(126px + env(safe-area-inset-top));left:0;right:0;z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);color:#fff;padding:11px 18px;font-size:14.5px;max-width:86vw;text-align:center;font-weight:700;animation:toastIn .2s ease-out}.toast-error{background:var(--fire-cta);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.empty{text-align:center;color:var(--text-faint);font-weight:500;padding:44px 20px}.center{text-align:center}.mt{margin-top:16px}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sigil-code{font-family:var(--display);font-weight:800;font-size:clamp(22px,7vw,30px);letter-spacing:.12em;text-align:center;border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);padding:14px 8px;margin:12px 0;word-break:normal;overflow-wrap:normal;user-select:all;-webkit-user-select:all;background:var(--yellow);color:var(--ink)}.topbar{flex:none;display:flex;align-items:center;padding:env(safe-area-inset-top) 6px 0;background:var(--bg);border-bottom:var(--bw) solid var(--ink)}.menu-btn{width:48px;height:50px;flex:none;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--ink);transition:transform var(--motion)}.menu-btn:active{transform:scale(.85)}.topbar-brand{flex:1;text-align:center;font-family:var(--display);font-size:16px;letter-spacing:.06em;font-weight:800;text-transform:uppercase;color:var(--ink)}.topbar-spacer{width:48px;flex:none}.app>.banner{padding-top:14px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;animation:menuIn .22s cubic-bezier(.2,.9,.3,1)}@keyframes menuIn{0%{transform:translate(-28px);opacity:0}to{transform:none;opacity:1}}.menu-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 14px) 18px 14px;border-bottom:var(--bw) solid var(--ink);background:var(--yellow)}.menu-title{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(19px,6vw,24px);line-height:1.02;overflow-wrap:anywhere;padding-right:10px}.menu-close{width:40px;text-align:right;font-size:32px;line-height:1;color:var(--ink);transition:transform var(--motion)}.menu-close:active{transform:scale(.85)}.menu-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 18px calc(30px + env(safe-area-inset-bottom))}.menu-nick{font-family:var(--display);font-weight:800;font-size:26px;text-transform:uppercase;color:var(--fire-hi);margin-bottom:8px;line-height:1}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);background:var(--bg-2);padding:16px 6px;text-align:center;min-width:0}.stat-num{font-family:var(--display);font-size:32px;font-weight:800;color:var(--fire-hi);line-height:1}.stat-label{font-family:var(--display);font-size:9px;letter-spacing:.02em;text-transform:uppercase;font-weight:800;color:var(--text-faint);margin-top:8px;line-height:1.3;overflow-wrap:break-word}.menu-link{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:clamp(17px,5.4vw,22px);color:var(--fire-hi);text-decoration:none;font-weight:800;font-family:var(--display)}.menu-hashtag{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--text-dim);margin-top:8px}.menu-foot{text-align:center;margin-top:30px;padding-top:18px;border-top:var(--bw) solid var(--ink);color:var(--text-faint);font-size:12.5px;font-weight:500;line-height:1.6}.menu-legal{margin-top:10px;font-size:12.5px;font-weight:600}.menu-legal a{color:var(--text-dim);text-decoration:underline}.menu-version{font-family:var(--display);font-weight:800;font-size:11.5px;letter-spacing:.04em;margin-top:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn:active,.card:active,.point:active,.pick-minus:active,.section-label{transform:none}}