:root{--bg0:#04152d;--bg1:#031126;--ink:#ffffffeb;--muted:#fff9;--faint:#ffffff59;--gold:#d6a84a;--gold2:#ffcf6a;--chip:#ffffff0f;--line:#ffffff1f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:manipulation;height:100%;overflow:hidden}html{background:var(--bg1)}body{background:radial-gradient(900px 600px at 50% 10%, #d6a84a14 0%, transparent 55%), radial-gradient(900px 600px at 20% 75%, #2e7eff24 0%, transparent 52%), linear-gradient(180deg, var(--bg1), var(--bg0));color:var(--ink);flex-direction:column;justify-content:space-between;align-items:center;padding:24px 18px 18px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex;position:relative}body:after{content:"";pointer-events:none;opacity:.05;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#app{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.menuBtn{top:calc(env(safe-area-inset-top,0px) + 14px);z-index:240;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#04152d61;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:fixed;right:16px;box-shadow:0 16px 40px #00000073}.menuBtn:active{transform:translateY(1px)}.menuIcon{flex-direction:column;justify-content:space-between;width:18px;height:14px;display:flex}.menuIcon span{background:#ffffffe6;border-radius:2px;height:2px}.menuOverlay{z-index:230;-webkit-backdrop-filter:blur(2px);background:#0107127a;position:fixed;inset:0}.menuPanel{top:calc(env(safe-area-inset-top,0px) + 64px);z-index:235;-webkit-backdrop-filter:blur(14px);background:#04152dad;border:1px solid #ffffff24;border-radius:18px;width:min(86vw,360px);padding:14px;position:fixed;right:16px;box-shadow:0 28px 80px #0009}.menuHeader{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.menuTitle{letter-spacing:.16em;text-transform:uppercase;color:#ffffffe0;font-size:12px;font-weight:800}.menuClose{color:#ffffffe6;cursor:pointer;background:#04152d59;border:1px solid #ffffff24;border-radius:999px;width:34px;height:34px}.menuPrimary{color:#000000e0;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffe9a6 0%,#ffcf6a 40%,#d6a84a 100%);border:1px solid #fff3;border-radius:16px;width:100%;padding:14px;font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 16px 40px #00000059,0 0 0 3px #ffcf6a1f}.menuPrimary:active{filter:brightness(1.03);transform:translateY(1px)scale(.99)}.menuPrimary:disabled{color:#000000e6;opacity:1;background:linear-gradient(#fff2c7 0%,#ffcf6a 45%,#d6a84a 100%);border-color:#fff2c759;box-shadow:0 16px 44px #00000059,0 0 0 3px #ffcf6a29}.menuSection{margin-top:12px}.top{width:100%;padding-top:calc(env(safe-area-inset-top,0px) + 14px);text-align:center;z-index:6;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.logo{filter:drop-shadow(0 10px 28px #00000073);opacity:.96;width:min(78vw,360px);height:auto;margin-top:0;display:block}.stage{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;padding:12px 0 10px;display:flex;position:relative}.hero{aspect-ratio:1;transform-origin:50% 12%;cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 20px 60px #0000008c);width:min(70vw,310px);margin-top:6px;position:relative}.hero:before{content:"";pointer-events:none;opacity:0;filter:blur(18px);background:radial-gradient(circle at 50% 56%,#ffcf6a8c 0%,#ffcf6a2e 28%,#ffcf6a00 65%);border-radius:999px;position:absolute;inset:-22%;transform:translateZ(0)}.hero.clang{animation:.55s cubic-bezier(.36,0,.66,-.56) clang}.hero.clang:before{opacity:1}.hero.clang .bellArt{filter:brightness(1.06)}@keyframes clang{0%{transform:rotate(0)}15%{transform:rotate(-18deg)}35%{transform:rotate(14deg)}55%{transform:rotate(-9deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.bellArt{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:filter .3s;display:block}.heroRing{opacity:0;pointer-events:none;border:2px solid #ffffff1f;border-radius:50%;position:absolute;inset:0}.hero.clang .heroRing{animation:.6s ease-out ring}@keyframes ring{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.hud{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#04152d57;border-radius:16px;justify-content:center;align-items:center;gap:14px;padding:10px 14px;display:flex}.hudItem{flex-direction:column;align-items:center;gap:4px;min-width:96px;display:flex}.hudLabel{letter-spacing:.28em;text-transform:uppercase;color:var(--faint);font-size:10px}.hudValue{letter-spacing:.02em;font-size:22px;font-weight:700}.hudSep{background:var(--line);width:1px;height:30px}.bottom{width:100%;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;align-items:center;gap:12px;display:flex}.status{letter-spacing:.2em;text-transform:uppercase;color:#ffffffd1;text-align:center;-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#04152d57;border:1px solid #ffffff24;border-radius:999px;min-height:14px;padding:10px 12px;font-size:12px}.status:active{transform:translateY(1px)}.status.live{color:var(--gold2)}.primary{color:#000000d1;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#d6a84afa,#9c6f1cfa);border:1px solid #ffffff24;border-radius:18px;width:100%;max-width:360px;padding:16px 18px;font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 16px 40px #00000073}.primary:active{filter:brightness(1.03);transform:translateY(1px)scale(.99)}.primary:disabled{color:#ffffff73;box-shadow:none;background:#ffffff14;border-color:#ffffff1a}.sensitivity{flex-direction:column;gap:8px;width:100%;max-width:360px;display:flex}.sensitivity-label{letter-spacing:.22em;text-transform:uppercase;color:var(--faint);justify-content:space-between;font-size:10px;display:flex}.sensitivity-label span:last-child{color:var(--gold2);font-weight:700}input[type=range]{-webkit-appearance:none;background:#ffffff2e;border-radius:999px;outline:none;width:100%;height:10px;box-shadow:inset 0 0 0 1px #ffffff1f}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ffcf6a;border:3px solid #0009;border-radius:999px;width:28px;height:28px;box-shadow:0 10px 22px #00000080,0 0 0 3px #ffcf6a2e}input[type=range]::-moz-range-track{background:#ffffff2e;border:1px solid #ffffff1f;border-radius:999px;height:10px}input[type=range]::-moz-range-thumb{background:#ffcf6a;border:3px solid #0009;border-radius:999px;width:28px;height:28px;box-shadow:0 10px 22px #00000080,0 0 0 3px #ffcf6a2e}.picker{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:360px;display:grid}.pick{appearance:none;-webkit-backdrop-filter:blur(10px);color:var(--muted);cursor:pointer;background:#04152d52;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px 10px;transition:transform .12s,border-color .12s,background .12s;display:flex}.pick:active{transform:translateY(1px)}.pick.isActive{color:#ffffffe6;background:#d6a84a14;border-color:#d6a84a8c}.pickIcon{background:radial-gradient(circle at 30% 30%,#ffffff24,#00000024);border:1px solid #ffffff24;border-radius:999px;place-items:center;width:26px;height:26px;display:grid;position:relative}.pick.isActive .pickIcon{background:radial-gradient(circle at 30% 30%,#ffd06a38,#0000001a);border-color:#d6a84aa6}.pickIcon:after{content:"";background:#ffffff1f;border-radius:999px;position:absolute;inset:7px}.pickArt{object-fit:contain;filter:drop-shadow(0 4px 12px #00000059);z-index:1;width:22px;height:22px;display:block;position:relative}.pickLabel{letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:600}.pickDot{opacity:.35;background:#ffffff2e;border-radius:999px;width:6px;height:6px}.pick.isActive .pickDot{background:var(--gold2);opacity:1}.hidden{display:none!important}.a2hsOverlay{z-index:260;-webkit-backdrop-filter:blur(3px);background:#01071285;position:fixed;inset:0}.a2hsModal{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:265;-webkit-backdrop-filter:blur(14px);background:#04152db8;border:1px solid #ffffff29;border-radius:18px;max-width:520px;margin:0 auto;padding:14px;position:fixed;box-shadow:0 28px 80px #000000a6}.a2hsTop{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.a2hsTitle{letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb;font-size:12px;font-weight:800}.a2hsClose{color:#ffffffe6;cursor:pointer;background:#04152d59;border:1px solid #ffffff24;border-radius:999px;width:34px;height:34px}.a2hsBody{flex-direction:column;gap:6px;display:flex}.a2hsText{color:#ffffffeb;font-size:14px;font-weight:600}.a2hsHint{color:#ffffffb8;letter-spacing:.04em;font-size:12px}.a2hsActions{gap:10px;margin-top:12px;display:flex}.a2hsInstall{color:#000000e6;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffe9a6 0%,#ffcf6a 40%,#d6a84a 100%);border:1px solid #fff3;border-radius:14px;flex:1;padding:12px;font-weight:800}.a2hsLater{color:#ffffffe6;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#04152d57;border:1px solid #ffffff24;border-radius:14px;flex:1;padding:12px;font-weight:700}