@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:block}:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--u:1;--ease:cubic-bezier(.22,.8,.26,1);--dur:.32s}[hidden]{display:none!important}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#000;color:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}#app{position:fixed;inset:0;overflow:hidden}html{background:var(--bg,#000);transition:background-color .8s}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:3px;border-radius:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}#intro{position:absolute;inset:0;width:100%;height:100%;z-index:10;opacity:0;visibility:hidden;display:block;pointer-events:none}#intro.on{opacity:1;visibility:visible}#sce{position:absolute;inset:0;z-index:12;display:grid;place-items:center;font-weight:600;font-size:clamp(17px,2.3vw,30px);letter-spacing:.01em;opacity:0;pointer-events:none;text-shadow:0 0 18px rgba(120,140,255,.45);padding:0 20px;text-align:center}#black{position:absolute;inset:0;z-index:14;background:#000;opacity:0;pointer-events:none}#logo{position:absolute;inset:0;z-index:16;display:grid;place-items:center;background:#000;opacity:0;visibility:hidden;pointer-events:none}#logo.on{opacity:1;visibility:visible}#logo.fade{opacity:0;transition:opacity 1s ease}#logo img{width:min(30vw,46vh,380px);height:auto}#mute{position:absolute;z-index:45;left:calc(14px + var(--sal));bottom:calc(14px + var(--sab));width:40px;height:40px;border-radius:50%;opacity:.55;transition:opacity .2s;background:center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath d='M15 8.5a5 5 0 0 1 0 7l-1.2-1.2a3.3 3.3 0 0 0 0-4.6zM17.6 6a8.6 8.6 0 0 1 0 12l-1.2-1.2a6.9 6.9 0 0 0 0-9.6z'/%3E%3C/svg%3E")}#mute.off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath d='M15 9.4l1.1-1.1 2.4 2.5 2.4-2.5L22 9.4 19.6 12l2.4 2.5-1.1 1.1-2.4-2.4-2.4 2.4-1.1-1.1 2.4-2.5z'/%3E%3C/svg%3E")}#mute:hover{opacity:.9}#xmb{position:absolute;inset:0;z-index:5;opacity:0;visibility:hidden;transition:opacity 1.4s ease}#xmb.on{opacity:1;visibility:visible}#wave{position:fixed;top:0;left:0;width:100vw;height:100%;min-height:100lvh;display:block}#xmb.on{background:var(--bg,#000)}#status{position:absolute;top:calc(max(18px,var(--sat)) + 6px);right:calc(22px + var(--sar));display:flex;align-items:center;gap:14px;height:calc(34px*var(--u));padding:0 calc(16px*var(--u));border:1px solid rgba(255,255,255,.32);border-radius:4px;background:linear-gradient(180deg,#ffffff1f,#ffffff08);font-size:calc(16px*var(--u));font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.35);min-width:calc(290px*var(--u));justify-content:space-between}#status img{height:calc(18px*var(--u));width:auto}#status .sd{opacity:.9;margin-left:auto}#cats,#items{position:absolute;inset:0;pointer-events:none}.cat,.it{position:absolute;left:0;top:0;pointer-events:auto;will-change:transform;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.cat{display:flex;flex-direction:column;align-items:center;height:var(--box)}.cat .ci{display:grid;place-items:center;height:var(--box);width:var(--box)}.cat svg{width:var(--s);height:var(--s);transition:width var(--dur) var(--ease),height var(--dur) var(--ease),opacity var(--dur);filter:drop-shadow(0 2px 3px rgba(0,0,0,.28));opacity:.62}.cat.sel svg{opacity:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.35)) drop-shadow(0 2px 3px rgba(0,0,0,.3))}.cat .cl{margin-top:calc(8px*var(--u));font-size:calc(14px*var(--u));font-weight:500;white-space:nowrap;opacity:.5;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:opacity var(--dur),transform var(--dur)}.cat.sel .cl{opacity:1;font-size:calc(16px*var(--u));font-weight:500}.cat.far{opacity:0;pointer-events:none}.col{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .22s ease,transform var(--dur) var(--ease),visibility 0s .22s}.col.on{opacity:1;visibility:visible;transition:opacity .3s ease .05s,transform var(--dur) var(--ease)}.col.on .it{pointer-events:auto}.col:not(.on) .it{pointer-events:none}.it{display:flex;align-items:center;text-align:left}.it .ic{flex:none;width:var(--iw);height:var(--ih);display:grid;place-items:center;transition:width var(--dur) var(--ease),height var(--dur) var(--ease),opacity var(--dur);opacity:.7}.it .ic svg{width:100%;height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}.it .ic img{width:100%;height:100%;object-fit:cover;display:block}.it.tile .ic img{border-radius:3px;box-shadow:0 4px 14px #0006,0 0 0 1px #ffffff2e}.it.round .ic img{border-radius:50%;box-shadow:0 4px 14px #0006,0 0 0 1px #fff3}.it .tx{display:flex;flex-direction:column;margin-left:calc(22px*var(--u));max-width:var(--tw);text-shadow:0 1px 3px rgba(0,0,0,.45)}.it .t{font-size:calc(17px*var(--u));font-weight:400;opacity:.72;line-height:1.2;transition:opacity var(--dur)}.it .s{font-size:calc(13px*var(--u));opacity:0;line-height:1.3;max-height:0;overflow:hidden;transition:opacity var(--dur)}.it[data-state=focus] .ic{opacity:1}.it[data-state=focus] .t{font-size:calc(26px*var(--u));opacity:1;font-weight:400;letter-spacing:-.005em}.it[data-state=focus] .s{opacity:.82;max-height:3em;margin-top:calc(4px*var(--u))}.it[data-state=focus] .ic svg{filter:drop-shadow(0 0 12px rgba(255,255,255,.3)) drop-shadow(0 2px 3px rgba(0,0,0,.3))}.it[data-state=above] .tx{opacity:0}.it.hid{opacity:0;pointer-events:none!important}#xmb.portrait .it .tx{margin-left:calc(14px*var(--u))}#xmb.portrait .it[data-state=focus] .t{font-size:calc(21px*var(--u))}#xmb.portrait .it .t{font-size:calc(15px*var(--u))}#xmb.portrait .cat .cl{font-size:calc(12px*var(--u))}#xmb.portrait .cat.sel .cl{font-size:calc(13.5px*var(--u))}#xmb.portrait #status{min-width:0;gap:10px;font-size:calc(14px*var(--u));height:calc(30px*var(--u));right:calc(14px + var(--sar));top:calc(max(14px,var(--sat)) + 4px)}#xmb.dim #cats,#xmb.dim #items{opacity:.1;filter:blur(4px);transition:opacity .3s,filter .3s}#cats,#items{transition:opacity .3s,filter .3s}#panel{position:absolute;inset:0;z-index:20;opacity:0;transition:opacity .26s ease}#panel.on{opacity:1}.pback{position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 40%,#00000026,#0000008c)}.pwrap{position:absolute;inset:0;display:grid;grid-template-columns:1fr minmax(300px,30vw);transform:translate(16px);transition:transform .3s var(--ease)}#panel.on .pwrap{transform:none}.pbody{display:flex;align-items:center;gap:clamp(24px,3vw,48px);padding:0 clamp(24px,5vw,90px);min-width:0}.part{flex:none}.part img.tile{width:clamp(260px,26vw,460px);height:auto;aspect-ratio:640/352;border-radius:4px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff38;display:block}.part img.round{width:clamp(160px,15vw,240px);height:auto;border-radius:50%;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff38;display:block}.part .picon{display:block;width:clamp(110px,10vw,160px);height:clamp(110px,10vw,160px)}.part .picon svg{width:100%;height:100%;filter:drop-shadow(0 0 18px rgba(255,255,255,.3))}.pinfo{min-width:0;max-width:560px;text-shadow:0 1px 3px rgba(0,0,0,.45)}.pbadge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#ffffff14;margin-bottom:14px}.ptitle{font-size:clamp(28px,2.8vw,44px);font-weight:500;letter-spacing:-.015em;line-height:1.08}.psub{margin-top:6px;font-size:clamp(14px,1.1vw,17px);opacity:.75}.pdesc{margin-top:18px;font-size:clamp(15px,1.15vw,18px);line-height:1.55;opacity:.95}.pfacts{margin-top:20px;display:grid;gap:8px;border-top:1px solid rgba(255,255,255,.18);padding-top:14px}.pfacts div{display:flex;gap:16px;font-size:14px}.pfacts dt{width:90px;flex:none;opacity:.6}.pfacts dd{opacity:.95}.popts{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:40px 0;background:linear-gradient(90deg,#0000000d,#0000006b 22%,#00000080);border-left:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ohead{padding:0 28px 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.opt{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:14px 28px;font-size:17px;border-top:1px solid rgba(255,255,255,.07);position:relative;transition:background .15s}.opt .ol{display:flex;align-items:center;gap:10px}.opt .on{font-size:12px;opacity:.6;margin-top:3px}.opt.f{background:linear-gradient(90deg,#ffffff38,#ffffff0f);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #ffffff1f}.opt.f:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 12px #fff}.opt.disabled .ol{opacity:.55}.opt.primary .ol{font-weight:600}.chk{width:14px;height:8px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-2px);display:inline-block}.pclose{position:absolute;z-index:2;top:calc(max(16px,var(--sat)) + 4px);right:calc(16px + var(--sar));width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);font-size:16px;display:none;place-items:center;background:#0000004d}#toast{position:absolute;z-index:30;left:50%;top:calc(max(20px,var(--sat)) + 56px);transform:translate(-50%,-10px);padding:10px 18px;border-radius:6px;background:#0a0a14b8;border:1px solid rgba(255,255,255,.22);font-size:14px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;backdrop-filter:blur(10px)}#toast.on{opacity:1;transform:translate(-50%)}#install{position:absolute;z-index:18;left:50%;bottom:calc(46px + var(--sab));transform:translate(-50%,20px);width:min(420px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:linear-gradient(180deg,#1e1e2cd1,#0c0c14db);border:1px solid rgba(255,255,255,.24);box-shadow:0 12px 40px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .4s,transform .4s var(--ease)}#install.on{opacity:1;transform:translate(-50%)}.iico{width:44px;height:44px;border-radius:10px;flex:none}.itx{display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.35;min-width:0;flex:1}.itx b{font-size:14px;font-weight:600}.itx .imsg{opacity:.82}.itx svg{width:15px;height:15px;vertical-align:-2px;margin:0 2px}.ibtns{display:flex;flex-direction:column;gap:6px;flex:none}.ibtns button{font-size:13px;padding:7px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.3)}.ibtns .igo{background:#fff;color:#111;font-weight:600;border-color:#fff}.ibtns .ino{opacity:.75}#xmb.portrait .pwrap{display:flex;flex-direction:column;background:linear-gradient(180deg,#00000040,#0000008c);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#xmb.portrait .pclose{display:grid}#xmb.portrait .pbody{flex:1;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;padding:calc(max(16px,var(--sat)) + 64px) 22px 12px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}#xmb.portrait .part img.tile{width:100%;max-width:440px}#xmb.portrait .part img.round{width:120px}#xmb.portrait .part .picon{width:84px;height:84px}#xmb.portrait .ptitle{font-size:28px}#xmb.portrait .pdesc{font-size:16px}#xmb.portrait .popts{flex:none;padding:8px 0 calc(62px + var(--sab));justify-content:flex-start;border-left:0;border-top:1px solid rgba(255,255,255,.16);background:#00000059}#xmb.portrait .ohead{padding:8px 22px 6px}#xmb.portrait .opt{padding:14px 22px;min-height:52px}.standalone #install{display:none!important}@media (prefers-reduced-motion:reduce){:root{--dur:0s}#xmb{transition-duration:.4s}}#sa{position:fixed;left:0;top:0;width:0;height:0;visibility:hidden;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}#xmb.dim #install{opacity:0;pointer-events:none}
