:root{--bg: #0b0c10;--graphite: #15171d;--ink: #e8ecf5;--dim: #9aa3b8;--neon: #ff2a3a;--neon-soft: #ff2a3a55;--edge: #e8102a66;--cut: 16px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;font:600 16px/1.5 FUTRA Display,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#ar{position:fixed;inset:0;touch-action:none}.screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(120% 60% at 50% 115%,#4a1024 0%,#1a0912 38%,transparent 70%),var(--bg)}.panel{position:relative;width:min(420px,100%);display:grid;justify-items:center;gap:14px;padding:32px 24px 28px;text-align:center;background:linear-gradient(180deg,#1a1c23,var(--graphite));clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--neon);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut),var(--cut) 0,calc(var(--cut) + .6px) 2px,2px calc(var(--cut) + .6px),2px calc(100% - 2px),calc(100% - var(--cut) - .6px) calc(100% - 2px),calc(100% - 2px) calc(100% - var(--cut) - .6px),calc(100% - 2px) 2px,calc(var(--cut) + .6px) 2px)}.panel--slim{padding:24px 22px}.panel p{margin:0}.iso{height:34px;width:auto;display:block}.iso--pulse{animation:iso-pulse 1.6s ease-in-out infinite alternate}@keyframes iso-pulse{0%{opacity:.45}to{opacity:1}}.title{margin:0;font-weight:700;font-size:clamp(44px,13vw,76px);line-height:1;letter-spacing:-.01em;color:var(--ink)}.lede{max-width:32ch;color:var(--dim);font-weight:600}.status{color:var(--ink)}.small{font-size:13px;color:var(--dim)}.btn{min-width:200px;min-height:52px;padding:0 32px;margin-top:6px;border:0;cursor:pointer;font:700 18px/1 FUTRA Display,system-ui,sans-serif;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#ff3a48,#c8081c);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);filter:drop-shadow(0 0 10px var(--neon-soft));transition:transform .15s,filter .15s}.btn:hover,.btn:focus-visible{filter:drop-shadow(0 0 16px var(--neon));outline:none}.btn:focus-visible{box-shadow:inset 0 0 0 2px #fff}.btn:active{transform:translateY(1px) scale(.98)}.bar{width:min(260px,70vw);height:6px;background:#2a1016;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.bar__fill{height:100%;width:0;background:var(--neon);transition:width .25s}.scan{position:fixed;inset:0;z-index:5;pointer-events:none;display:grid;place-items:center}.scan__frame{position:relative;width:min(62vw,300px);aspect-ratio:634 / 990;animation:scan-breathe 2.4s ease-in-out infinite}.scan__frame i{position:absolute;width:34px;height:34px;border:3px solid var(--neon);filter:drop-shadow(0 0 4px var(--neon-soft))}.scan__frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.scan__frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.scan__frame i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.scan__frame i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}@keyframes scan-breathe{50%{transform:scale(1.04);opacity:.8}}.scan__label{position:fixed;top:max(20px,env(safe-area-inset-top));left:50%;transform:translate(-50%);margin:0;white-space:nowrap;padding:10px 18px;color:var(--ink);background:#07080bdd;font-size:15px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-left:3px solid var(--neon)}.tools{position:fixed;right:calc(12px + env(safe-area-inset-right));top:calc(70px + env(safe-area-inset-top));display:grid;gap:8px;z-index:11}.tool{width:44px;height:44px;border:1px solid var(--edge);background:#07080bdd;color:var(--ink);font-size:20px}.tool.on{border-color:#3dff6e;box-shadow:0 0 10px #3dff6e88}.disclaimer{max-width:44ch;font-size:11px;line-height:1.4;opacity:.8}.credit{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:0;right:0;z-index:11;margin:0;padding:0 16px;text-align:center;font-size:11px;font-weight:600;color:var(--dim);pointer-events:none}body.in-ar .credit{display:none}.screen--desktop{background:radial-gradient(90% 60% at 50% 110%,#4a1024 0%,#1a0912 40%,transparent 72%),var(--bg)}.desktop{display:flex;gap:56px;align-items:center;max-width:1000px}.desktop__card{height:min(76vh,700px);width:auto;filter:drop-shadow(0 0 32px #ff2a3a33)}.desktop__info{max-width:360px}.desktop__info .title{font-size:56px}.steps{margin:4px 0 0;padding-left:22px;text-align:left;color:var(--dim);line-height:1.8}.desktop__qr{width:180px;height:180px}@media (max-width: 760px){.desktop{flex-direction:column;gap:24px}.desktop__card{height:46vh}}@media (prefers-reduced-motion: reduce){.iso--pulse,.scan__frame{animation:none}.btn{transition:none}}:root{--L1: #ff3a46;--L2: #ffd21f;--L3: #ff8a3d;--L4: #5b6bff;--L4A: #3da8ff;--L5: #3dff8a;--L6: #e04dff;--ink: #e8ecf5;--dim: #9aa3b8;--panel: #07080bdd;--edge: #e8102a66;--red: #ff2a3a;--green: #3dff6e}.dock{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:10px;align-items:center;max-width:calc(100vw - 24px);padding:8px 10px;background:var(--panel);border:1px solid var(--edge);z-index:10}.dock__lines{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dock button{flex:none;width:60px;height:40px;padding:0;border:0;background:none;cursor:pointer;opacity:.88;filter:drop-shadow(0 0 3px var(--glow)) drop-shadow(0 0 8px color-mix(in srgb,var(--glow) 45%,transparent));transition:transform .18s,filter .18s}.dock button svg{width:100%;height:100%;display:block;overflow:visible}.dock button:focus-visible{outline:1px dashed var(--glow);outline-offset:3px}.dock button.active{opacity:1;transform:translateY(-3px) scale(1.08);filter:brightness(1.25) drop-shadow(0 0 4px var(--glow)) drop-shadow(0 0 14px var(--glow))}.dock button.active svg path:first-child{fill-opacity:.38}.dock__power{color:var(--red);--glow: var(--red);margin-right:4px}.dock__power.on{color:var(--green);--glow: var(--green)}.sheet{position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));max-height:30vh;overflow:hidden;margin:0 auto;width:min(560px,100vw);background:var(--panel);border-top:1px solid var(--edge);color:var(--ink);font:500 14px/1.4 FUTRA Display,system-ui,sans-serif;z-index:9;transition:max-height .25s}.sheet--open{max-height:62vh;overflow-y:auto}.sheet:not(.sheet--open) .sheet__steps{display:none}.sheet__grip{display:block;width:44px;height:18px;margin:4px auto 0;border:0;background:linear-gradient(var(--dim),var(--dim)) center / 36px 3px no-repeat}.sheet__summary{margin:2px 16px 8px;font-weight:700}.sheet__steps{margin:0 16px 14px;padding:0;list-style:none;display:grid;gap:10px}.sheet__steps li{padding-left:10px;border-left:3px solid var(--line);display:grid}.sheet__steps span{color:var(--dim)}.sheet__steps em{font-style:normal;color:var(--ink)}.sheet__actions{display:flex;gap:8px;padding:0 16px 10px}.sheet__actions:empty{display:none}.sheet__action{flex:1;min-height:44px;border:1px solid var(--red);background:#1a0508;color:var(--ink);font:inherit;font-weight:700}.search{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translate(-50%);width:min(420px,calc(100vw - 32px));display:grid;gap:6px;padding:10px;background:var(--panel);border:1px solid var(--edge);color:var(--dim);font:500 13px FUTRA Display,system-ui,sans-serif;z-index:11}.search label{display:grid;gap:2px}.search input{min-height:40px;padding:0 10px;background:#000;border:1px solid #333;color:var(--ink);font:inherit;font-size:16px}.search__hints{margin:0;padding:0;list-style:none}.search__hints li{min-height:40px;display:flex;align-items:center;padding:0 10px;color:var(--ink);cursor:pointer}.search__hints li:hover{background:#1a0508}.toast{position:fixed;left:50%;top:30%;transform:translate(-50%);padding:14px 18px;max-width:calc(100vw - 32px);background:#000e;border:1px solid var(--red);color:var(--ink);font:700 16px FUTRA Display,system-ui,sans-serif;z-index:12;text-align:center}.toast--quiet{top:calc(130px + env(safe-area-inset-top));border-color:#3dff6e;font-size:14px;pointer-events:none}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){.dock button,.sheet{transition:none}}.tool--text{width:auto;justify-self:end;padding:0 12px;font-size:14px;white-space:nowrap}
