:root{color-scheme:dark;--bg-deep: #070a12;--card-bg: rgba(17, 23, 39, .84);--card-inner: rgba(255, 255, 255, .045);--border-soft: rgba(255, 255, 255, .1);--joycon-cyan: #00c3e3;--joycon-red: #ff4554;--poke-gold: #ffcb3b;--poke-green: #2ee59d;--text-primary: #f8faff;--text-secondary: rgba(214, 224, 248, .78);--text-muted: rgba(168, 182, 216, .54);--glare-x: 50%;--glare-y: 0%;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-deep);color:var(--text-primary)}*{box-sizing:border-box}html[data-lang=pt] .i18n-en,html[data-lang=en] .i18n-pt{display:none!important}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:1.25rem 1rem;background:var(--bg-deep);overflow-x:hidden;position:relative}.fx-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2}.ambient-light{position:fixed;border-radius:50%;filter:blur(95px);pointer-events:none;z-index:0;opacity:.4}.light-cyan{width:24rem;height:24rem;top:-6rem;left:-5rem;background:radial-gradient(circle,rgba(0,195,227,.42),transparent 70%)}.light-red{width:24rem;height:24rem;top:-6rem;right:-5rem;background:radial-gradient(circle,rgba(255,69,84,.36),transparent 70%)}.light-gold{width:28rem;height:28rem;bottom:-9rem;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(255,203,59,.25),transparent 70%)}.pokeball-watermark{position:fixed;width:min(42rem,92vw);height:min(42rem,92vw);color:#ffffff06;pointer-events:none;z-index:0;animation:slow-spin 75s linear infinite}.app-shell{position:relative;z-index:3;width:min(35rem,100%);display:flex;flex-direction:column;gap:1rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.brand-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.32rem .8rem;border-radius:999px;background:#ffffff0d;border:1px solid var(--border-soft);font-size:.7rem;font-weight:800;letter-spacing:.09em;color:var(--text-secondary)}.joycon-dot{width:.48rem;height:.48rem;border-radius:50%}.dot-cyan{background:var(--joycon-cyan);box-shadow:0 0 .55rem var(--joycon-cyan)}.dot-red{background:var(--joycon-red);box-shadow:0 0 .55rem var(--joycon-red)}.lang-switch{display:inline-flex;padding:.18rem;border-radius:999px;background:#ffffff0d;border:1px solid var(--border-soft);gap:.15rem}.lang-btn{border:none;background:transparent;color:var(--text-secondary);font:inherit;font-size:.7rem;font-weight:800;padding:.24rem .65rem;border-radius:999px;cursor:pointer;transition:all .15s ease}.lang-btn.active{background:var(--joycon-cyan);color:#041016;box-shadow:0 2px 10px #00c3e359}.hero-title{text-align:center}.hero-title h1{margin:0;font-size:clamp(1.65rem,5vw,2.25rem);font-weight:900;letter-spacing:-.03em}.hero-title h1 span{background:linear-gradient(135deg,#ffe066,#ff9f1a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title p{margin:.3rem auto 0;font-size:.85rem;color:var(--text-secondary);max-width:28rem;line-height:1.4}.wizard-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.2rem;padding:1.35rem;border-radius:1.85rem;background:var(--card-bg);border:1px solid var(--border-soft);backdrop-filter:blur(22px);box-shadow:0 1.75rem 4.5rem #0000008c,inset 0 1px #ffffff24;transition:transform .2s cubic-bezier(.22,1,.36,1);will-change:transform}.holo-glare{position:absolute;inset:0;background:radial-gradient(circle at var(--glare-x) var(--glare-y),rgba(255,255,255,.08) 0%,transparent 55%);pointer-events:none;z-index:0}.wizard-card>*:not(.holo-glare){position:relative;z-index:1}.step-track{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border-radius:1.25rem;background:#00000047;border:1px solid rgba(255,255,255,.06);gap:.25rem}.step-node{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:none;border:none;padding:.15rem .25rem;color:var(--text-muted);font:inherit;cursor:pointer;transition:all .22s cubic-bezier(.34,1.56,.64,1)}.node-circle{width:1.85rem;height:1.85rem;border-radius:50%;display:grid;place-items:center;font-size:.76rem;font-weight:800;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.14);transition:all .26s cubic-bezier(.34,1.56,.64,1)}.node-label{font-size:.66rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.step-node.active{color:var(--text-primary)}.step-node.active .node-circle{background:var(--joycon-cyan);border-color:var(--joycon-cyan);color:#041218;transform:scale(1.14);box-shadow:0 0 1rem #00c3e38c}.wizard-card[data-step="3"] .step-node.active .node-circle,.wizard-card[data-step="4"] .step-node.active .node-circle,.wizard-card[data-step="5"] .step-node.active .node-circle{background:var(--poke-gold);border-color:var(--poke-gold);color:#1a1204;box-shadow:0 0 1rem #ffcb3b8c}.step-node.completed{color:var(--poke-green)}.step-node.completed .node-circle{background:#2ee59d2e;border-color:var(--poke-green);color:var(--poke-green)}.track-line{flex:1;height:3px;border-radius:999px;background:#ffffff17;overflow:hidden;margin-bottom:.95rem}.track-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--joycon-cyan),var(--poke-green));transition:width .36s cubic-bezier(.22,1,.36,1)}.track-fill.filled{width:100%}.step-view{display:none;flex-direction:column;gap:1rem}.wizard-card[data-step="1"] .step-view[data-view="1"],.wizard-card[data-step="3"] .step-view[data-view="3"],.wizard-card[data-step="5"] .step-view[data-view="5"],.wizard-card[data-step="2"] .step-view[data-view=ble],.wizard-card[data-step="4"] .step-view[data-view=ble]{display:flex}.visual-banner{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border-radius:1.25rem;border:1px solid var(--border-soft)}.banner-blue{background:linear-gradient(135deg,#00c3e329,#00c3e308);border-color:#00c3e352}.banner-gold{background:linear-gradient(135deg,#ffcb3b2b,#ffcb3b08);border-color:#ffcb3b57}.banner-icon{width:3.1rem;height:3.1rem;border-radius:.95rem;display:grid;place-items:center;flex-shrink:0;background:#ffffff12}.banner-blue .banner-icon{color:var(--joycon-cyan)}.banner-gold .banner-icon{color:var(--poke-gold)}.banner-icon svg{width:1.7rem;height:1.7rem;overflow:visible}.joycon-left{animation:joycon-snap-left 2.4s cubic-bezier(.34,1.56,.64,1) infinite}.joycon-right{color:var(--joycon-red);animation:joycon-snap-right 2.4s cubic-bezier(.34,1.56,.64,1) infinite}.postcard-anim svg{animation:float-bob 2.6s ease-in-out infinite}.eyebrow{display:block;font-size:.65rem;font-weight:800;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.15rem}.banner-text h2,.ble-step-header h2{margin:0;font-size:1.06rem;font-weight:800;line-height:1.25}.ble-step-header{text-align:center}.clean-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.clean-steps li{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem 1rem;border-radius:1.1rem;background:var(--card-inner);border:1px solid rgba(255,255,255,.06);transition:transform .18s ease,border-color .18s ease}.clean-steps li:hover{transform:translate(4px);border-color:#ffffff26}.li-icon{width:1.6rem;height:1.6rem;border-radius:.5rem;background:#ffffff14;color:var(--poke-gold);font-size:.76rem;font-weight:800;display:grid;place-items:center;flex-shrink:0;margin-top:.1rem}.clean-steps strong{display:block;font-size:.88rem;margin-bottom:.2rem}.clean-steps p{margin:0;font-size:.8rem;line-height:1.42;color:var(--text-secondary)}.step-actions{display:flex;flex-direction:column;gap:.5rem}.primary-next-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.25rem;border-radius:1.15rem;border:none;background:linear-gradient(135deg,var(--joycon-cyan) 0%,#0088b8 100%);color:#031017;font:inherit;font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:0 .6rem 1.8rem #00c3e347;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .16s ease}.primary-next-btn.btn-gold{background:linear-gradient(135deg,var(--poke-gold) 0%,#f09819 100%);color:#1a1103;box-shadow:0 .6rem 1.8rem #ffcb3b47}.primary-next-btn:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.07)}.primary-next-btn:active{transform:translateY(0) scale(.985)}.primary-next-btn svg{width:1.15rem;height:1.15rem;transition:transform .18s ease}.primary-next-btn:hover svg{transform:translate(4px)}.skip-link-btn{align-self:center;background:none;border:none;color:var(--text-muted);font:inherit;font-size:.76rem;font-weight:700;padding:.3rem .65rem;cursor:pointer;transition:color .15s ease}.skip-link-btn:hover{color:var(--text-primary)}.unpair-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.2rem;border-radius:1.15rem;border:1px solid rgba(255,69,84,.42);background:#ff45541f;color:#ff8590;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.unpair-btn svg{width:1.1rem;height:1.1rem;flex-shrink:0}.unpair-btn:hover:not(:disabled){background:#ff455438;border-color:var(--joycon-red);color:#fff;transform:translateY(-2px);box-shadow:0 .5rem 1.4rem #ff455440}.unpair-btn:active:not(:disabled){transform:translateY(0) scale(.985)}.unpair-btn.unpaired-done{border-color:var(--poke-green);background:#2ee59d2e;color:var(--poke-green)}.inpage-scanner{display:flex;flex-direction:column;gap:.7rem;padding:.9rem 1rem;border-radius:1.25rem;background:#0000004d;border:1px solid rgba(255,255,255,.09)}.scanner-header{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;font-weight:800;letter-spacing:.06em;color:var(--text-muted)}.scanner-badge{display:inline-flex;align-items:center;gap:.4rem;color:var(--joycon-cyan)}.live-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--joycon-cyan);box-shadow:0 0 .5rem var(--joycon-cyan)}.virtual-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;opacity:.75}.ble-substeps{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.substep{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .45rem;border-radius:.65rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-size:.7rem;font-weight:700;color:var(--text-muted);transition:all .22s ease}.sub-dot{width:.4rem;height:.4rem;border-radius:50%;background:#ffffff40}.substep.active{color:var(--poke-gold);border-color:#ffcb3b73;background:#ffcb3b1f;transform:scale(1.02)}.substep.active .sub-dot{background:var(--poke-gold);box-shadow:0 0 .5rem var(--poke-gold)}.substep.done{color:var(--poke-green);border-color:#2ee59d73;background:#2ee59d1f}.substep.done .sub-dot{background:var(--poke-green);box-shadow:0 0 .5rem var(--poke-green)}.device-slot{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:.95rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .22s ease}.device-slot.active-link{border-color:#ffcb3b80;background:#ffcb3b17}.device-slot.connected-link{border-color:#2ee59d8c;background:#2ee59d1a}.slot-avatar{width:2.35rem;height:2.35rem;border-radius:.7rem;background:#00c3e324;color:var(--joycon-cyan);display:grid;place-items:center;flex-shrink:0}.slot-avatar svg{width:1.3rem;height:1.3rem}.slot-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.slot-info strong{font-size:.85rem;font-weight:800}.slot-info span{font-size:.74rem;color:var(--text-secondary)}.slot-pill{font-size:.65rem;font-weight:800;padding:.22rem .55rem;border-radius:999px;background:#ffffff14;color:var(--text-secondary)}button#thing{position:relative;overflow:hidden;width:100%;min-height:12.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:1.6rem 1.4rem;border-radius:1.55rem;border:2px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ff4554f2,#d62436f2 47%,#0d111dfa 47% 53%,#1c243cf5 53%,#12182afa);color:#fff;box-shadow:0 1.25rem 3rem #00000073,0 0 2rem #ff455433,inset 0 1px 1px #ffffff59;cursor:pointer;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease}button#thing:hover:not(:disabled){transform:translateY(-.2rem) scale(1.01);box-shadow:0 1.5rem 3.5rem #00000080,0 0 2.8rem #00c3e359,inset 0 1px 2px #ffffff73;border-color:#00c3e3a6}button#thing:active:not(:disabled){transform:translateY(.05rem) scale(.988)}button#thing:disabled{cursor:progress}.pokeball-core{position:relative;width:4rem;height:4rem;display:grid;place-items:center}.core-ring{position:relative;z-index:2;width:3.75rem;height:3.75rem;border-radius:50%;background:#f8faff;color:#121624;border:4px solid #121624;box-shadow:0 0 0 3px #ffffff40,0 .5rem 1.25rem #00000073;display:grid;place-items:center;transition:all .24s cubic-bezier(.34,1.56,.64,1)}button#thing:hover:not(:disabled) .core-ring{transform:scale(1.1);box-shadow:0 0 0 4px var(--joycon-cyan),0 0 1.4rem var(--joycon-cyan)}.core-ring svg{width:1.7rem;height:1.7rem;display:none}.radar-wave{position:absolute;inset:-.2rem;border-radius:50%;border:2.5px solid var(--poke-gold);opacity:0;pointer-events:none}button[data-state=ready] .icon-ready{display:block}button[data-state=requesting-device],button[data-state=connecting],button[data-state=reading-device],button[data-state=pairing],button[data-state=exchanging]{background:linear-gradient(180deg,#ffcb3b,#f09819 47%,#121624 47% 53%,#1e263e 53%,#141a2c)!important;border-color:#ffcb3b99!important}button[data-state=requesting-device] .icon-busy,button[data-state=connecting] .icon-busy,button[data-state=reading-device] .icon-busy,button[data-state=pairing] .icon-busy,button[data-state=exchanging] .icon-busy{display:block;animation:spin 1.1s linear infinite}button[data-state=requesting-device] .core-ring,button[data-state=connecting] .core-ring,button[data-state=reading-device] .core-ring,button[data-state=pairing] .core-ring,button[data-state=exchanging] .core-ring{background:var(--poke-gold);color:#121624}button[data-state=requesting-device] .radar-wave,button[data-state=connecting] .radar-wave,button[data-state=reading-device] .radar-wave,button[data-state=pairing] .radar-wave,button[data-state=exchanging] .radar-wave{animation:radar-pulse 1.8s cubic-bezier(.16,1,.3,1) infinite}button[data-state=requesting-device] .radar-wave-2,button[data-state=connecting] .radar-wave-2,button[data-state=reading-device] .radar-wave-2,button[data-state=pairing] .radar-wave-2,button[data-state=exchanging] .radar-wave-2{animation-delay:.9s}button[data-state=success-pair],button[data-state=success-exchange]{background:linear-gradient(180deg,#2ee59d,#12b875 47%,#121624 47% 53%,#182e29 53%,#11211e)!important;border-color:#2ee59d99!important}button[data-state=success-pair] .icon-success,button[data-state=success-exchange] .icon-success{display:block}button[data-state=failure],button[data-state=unsupported]{background:linear-gradient(180deg,#3c4663,#283048 47%,#121624 47% 53%,#1e2538 53%,#161b29)!important;border-color:#ffcb3b73!important}button[data-state=failure] .icon-error,button[data-state=unsupported] .icon-error{display:block}.button-copy{display:flex;flex-direction:column;align-items:center;gap:.3rem;z-index:2}#thing-state{font-size:clamp(1.45rem,4.6vw,2.1rem);font-weight:900;line-height:1.08;letter-spacing:-.02em}#thing-detail{max-width:26rem;font-size:.82rem;font-weight:600;line-height:1.38;color:#ffffffe0}#thing-detail:empty{display:none}.reward-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem .75rem .5rem;gap:.8rem}.coin-trophy{width:4.8rem;height:4.8rem;border-radius:50%;background:radial-gradient(circle,#ffcb3b52,#ffcb3b0f);border:2px solid var(--poke-gold);color:var(--poke-gold);display:grid;place-items:center;box-shadow:0 0 2.2rem #ffcb3b6b;cursor:pointer;animation:trophy-float 2.4s ease-in-out infinite}.coin-trophy svg{width:2.5rem;height:2.5rem}.reward-card h2{margin:0;font-size:1.45rem;font-weight:900;color:var(--poke-green)}.reward-card p{margin:0;font-size:.88rem;line-height:1.45;color:var(--text-secondary);max-width:26rem}.reward-card .step-actions{width:100%;margin-top:.35rem}.app-footer{display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:.74rem;color:var(--text-muted);text-align:center}.footer-dot{width:.42rem;height:.42rem;border-radius:50%;background:var(--poke-green);box-shadow:0 0 .45rem var(--poke-green)}@media(max-width:480px){.wizard-card{padding:1rem}.node-label{font-size:.58rem}.ble-substeps{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes radar-pulse{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.75);opacity:0}}@keyframes joycon-snap-left{0%,to{transform:translateY(0)}30%{transform:translateY(-2.5px)}55%{transform:translateY(.5px)}}@keyframes joycon-snap-right{0%,to{transform:translateY(0)}30%{transform:translateY(2.5px)}55%{transform:translateY(-.5px)}}@keyframes float-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-4deg)}}@keyframes trophy-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}