:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f11;--panel:#191c20;--text:#f2f3f7;--muted:#999eab;--accent:#8168ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.safe-area-probe{visibility:hidden;pointer-events:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);position:fixed}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:3px solid #ab9cff}button:disabled{cursor:default}h1,p{margin:0}h1{letter-spacing:-.8px;font-size:29px;line-height:1.15}p{color:var(--muted);font-size:16px;line-height:1.6}.mark{flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px;width:38px;height:38px;display:grid}.mark i{background:#353842;border-radius:6px;box-shadow:inset 0 1px 1px #ffffff20}.mark i:nth-child(2),.mark i:nth-child(4){background:linear-gradient(140deg,#ae99ff,#7455ef)}.setup{justify-content:center;align-items:center;min-height:350px;padding:32px 24px;display:flex}.setup-card{text-align:center;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:400px;display:flex}.setup-card .mark{gap:5px;width:58px;height:58px;margin-bottom:8px}.setup-card .mark i{border-radius:10px}.primary{background:var(--accent);border:0;border-radius:15px;padding:16px 26px;font-weight:600}.text-button{color:#b5a5ff;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px;display:flex}.instructions{text-align:left;background:var(--panel);border:1px solid #ffffff0c;border-radius:18px;padding:20px}.instructions p+p{margin-top:8px}.spinner{color:#ac9aff;animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.deck{-webkit-user-select:none;user-select:none;width:100vw;min-height:250px;position:relative;overflow:hidden}.canvas{touch-action:pan-y;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.landscape .canvas{padding:8px calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(64px + env(safe-area-inset-left))}.portrait .canvas{padding:58px calc(20px + env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left))}.grid{place-content:center;display:grid}.tile{background:linear-gradient(155deg,#23262b,#191c20 70%);border:1px solid #383c43;border-radius:clamp(18px,3.5vw,38px);justify-content:center;align-items:center;transition:transform .12s,background .15s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 6px 18px #00000012}.tile img{object-fit:contain;pointer-events:none;border-radius:23%;width:65%;height:65%}.tile .symbol{width:58%;height:58%;color:var(--tint);justify-content:center;align-items:center;display:flex}.tile .symbol svg{width:85%;height:85%}.tile:active{background:#32303f;transform:scale(.95)}.tile.pending{border-color:#9d84ff;box-shadow:inset 0 0 0 2px #8168ff55}.tile:disabled{opacity:.55}.menu-trigger{left:max(8px,env(safe-area-inset-left));z-index:2;color:#a3a8b4;background:#1a1d22;border:1px solid #ffffff10;border-radius:14px;justify-content:center;align-items:center;width:44px;height:64px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.portrait .menu-trigger{background:0 0;border:0;width:40px;height:40px;top:22px;left:14px;transform:none}.portrait header{justify-content:space-between;align-items:center;height:34px;display:flex;position:absolute;top:16px;left:66px;right:22px}.portrait header .mark{gap:3px;width:27px;height:27px}.portrait header .mark i{border-radius:4px}.connection{color:#b3a4ff;align-items:center;gap:6px;font-size:14px;display:flex}.connection.online{color:#7cb7a1}.dots{bottom:max(8px,env(safe-area-inset-bottom));justify-content:center;align-items:center;max-width:90%;height:36px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dots button{background:0 0;border:0;justify-content:center;align-items:center;min-height:36px;padding:12px 7px;display:flex}.dots i{background:#555b68;border-radius:5px;width:7px;height:7px;transition:width .15s;display:block}.dots [aria-current] i{background:#e2e5ee;width:26px}.portrait .dots{bottom:max(12px,env(safe-area-inset-bottom))}.reconnect,.toast{text-align:center;z-index:5;background:#25212ef5;border:1px solid #685483;border-radius:14px;align-items:center;gap:9px;max-width:85%;padding:12px 18px;font-size:14px;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.toast{background:#24272eef;border-color:#555b68}.scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9;background:#0008;border:0;position:absolute;inset:0}.drawer{z-index:10;background:#15171cfb;border-right:1px solid #ffffff12;flex-direction:column;width:min(310px,85vw);display:flex;position:absolute;inset:0 auto 0 0;box-shadow:20px 0 70px #0005}.drawer-head{border-bottom:1px solid #ffffff0b;align-items:center;gap:12px;padding:22px 20px;display:flex}.drawer-head .mark{gap:3px;width:30px;height:30px}.drawer-head button{color:var(--muted);background:0 0;border:0;margin-left:auto;padding:8px;display:flex}.drawer-content{flex-direction:column;flex:1;gap:5px;padding:20px 14px;display:flex;overflow:auto}.eyebrow{letter-spacing:1.5px;padding:0 12px 10px;font-size:12px;font-weight:600}.deck-choice{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:13px;font-size:16px;display:flex}.deck-choice span{flex:1}.deck-choice.chosen{color:#c4b6ff;background:#8168ff22}.drawer-bottom{flex-direction:column;gap:16px;margin-top:auto;padding:26px 10px 8px;display:flex}.drawer-bottom p{font-size:14px}.status-row{align-items:center;gap:10px;font-size:14px;display:flex}.secondary{background:#23262e;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 12px;font-size:14px;display:flex}.install{background:#23262e;border-radius:12px;padding:14px}.drawer-bottom .text-button{color:#a4a9b5;font-size:14px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}