/* MR FLUFFY ARCADE — the Information Wars engine in Mr Fluffy's colours: lens blue + gold glasses on midnight. One screen at a time. */
@font-face{font-family:Orbitron;src:url(/fx/fonts/orbitron-latin-900-normal.woff2) format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Orbitron;src:url(/fx/fonts/orbitron-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Share Tech Mono';src:url(/fx/fonts/share-tech-mono-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url(/fx/fonts/chakra-petch-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url(/fx/fonts/chakra-petch-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url(/fx/fonts/chakra-petch-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--a:#3ED2FF;--a2:#8BE6FF;--g:#FFC83D;--uv:#10245A;--uv2:#0A173D;--vi:#2E6BFF;--ice:#E4F8FF;--tx:#F2F8FF;--mu:#B4C6E8;--red:#FF5A6A;--grn:#4DFFA0;
  --cjk:"Noto Sans TC","Noto Sans JP","Noto Sans KR","PingFang TC","Hiragino Sans","Apple SD Gothic Neo","Malgun Gothic","Microsoft JhengHei";
  --fd:Orbitron,'Chakra Petch',var(--cjk),system-ui,sans-serif;--fm:'Share Tech Mono',var(--cjk),ui-monospace,Menlo,monospace;--fb:'Chakra Petch',var(--cjk),system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --c1:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{background:radial-gradient(120% 80% at 50% 0%,#1C3A86 0,var(--uv) 45%,var(--uv2) 100%) fixed;color:var(--tx);font-family:var(--fb)}
body{height:100svh;overflow:hidden}
a{color:var(--a);text-decoration:none}a:hover{text-shadow:0 0 10px var(--a)}
button{font-family:inherit;color:inherit;border:0;background:none;cursor:pointer}
/* top bar */
.top-bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:linear-gradient(180deg,rgba(10,23,61,.9),rgba(10,23,61,0));pointer-events:none}
.top-bar>*{pointer-events:auto}
.brand{display:flex;align-items:center;gap:8px;font:900 .86rem var(--fd);letter-spacing:.12em;color:#fff;white-space:nowrap}
.brand img{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px var(--g),0 0 14px rgba(255,200,61,.6)}.brand em{font-style:normal;color:var(--a);text-shadow:0 0 12px var(--a)}
.langs{margin-left:auto;display:flex;gap:2px}
.langs button{min-width:30px;height:30px;padding:0 6px;font:700 .72rem var(--fd);color:var(--mu);clip-path:var(--c1)}
.langs button.on{background:var(--a);color:var(--uv2);box-shadow:0 0 16px rgba(62,210,255,.6)}
.snd{flex:none;width:32px;height:30px;font-size:.9rem;border:1px solid rgba(62,210,255,.45);clip-path:var(--c1);background:rgba(16,36,90,.6)}
@media (max-width:420px){.brand em{display:none}}
/* the reel */
.reel{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.reel::-webkit-scrollbar{display:none}
.s{position:relative;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;background:radial-gradient(90% 70% at 50% 40%,#1C3A86,#0C1B48)}
.s .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;background:center/cover no-repeat;filter:saturate(1.15) contrast(1.05)}
.s .bg canvas{width:100%;height:100%;display:block}
.s .sh{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(16,36,90,.7) 0,rgba(16,36,90,0) 22%,rgba(16,36,90,0) 36%,rgba(12,27,72,.88) 66%,rgba(10,23,61,.98) 100%)}
.scan{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(62,210,255,.05) 0 1px,transparent 1px 3px);mix-blend-mode:screen}
.scan::after{content:'';position:absolute;left:0;right:0;height:22%;top:-22%;background:linear-gradient(180deg,transparent,rgba(62,210,255,.10),rgba(62,210,255,.38) 96%,transparent);animation:sw 5s linear infinite}
@keyframes sw{to{top:110%}}
.hud{position:absolute;top:calc(54px + env(safe-area-inset-top));left:14px;right:14px;display:flex;justify-content:space-between;font:400 .64rem var(--fm);letter-spacing:.2em;color:var(--a);text-shadow:0 0 8px rgba(62,210,255,.6)}
.hud .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--grn);box-shadow:0 0 8px var(--grn);margin-right:6px;animation:bl 1.2s steps(2) infinite}
@keyframes bl{50%{opacity:.25}}
.b{width:100%;max-width:640px;padding:0 74px calc(34px + env(safe-area-inset-bottom)) 18px}
.k{display:block;font:400 .7rem/1.4 var(--fm);letter-spacing:.18em;color:var(--a);text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 10px rgba(62,210,255,.5)}
.b h2{margin:0 0 12px;font:900 clamp(1.5rem,7vw,2.4rem)/1.1 var(--fd);color:#fff;text-shadow:0 2px 18px rgba(10,23,61,.9)}
.why{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--g);background:rgba(255,200,61,.09);font:600 1rem/1.45 var(--fb);color:var(--ice)}
.tx3{margin:0 0 16px;font:400 .78rem/1.5 var(--fm);letter-spacing:.14em;color:var(--a)}
.tx3 b{color:var(--g);font-weight:400}
.acts{display:flex;gap:10px;flex-wrap:wrap}
.go{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;background:var(--a);color:var(--uv2)!important;font:900 .76rem var(--fd);letter-spacing:.14em;clip-path:var(--c1);box-shadow:0 0 26px rgba(62,210,255,.5);text-shadow:none!important}
.go.gold{background:var(--g);box-shadow:0 0 26px rgba(255,200,61,.5)}
.go.ghost{background:rgba(16,36,90,.75);color:var(--a)!important;box-shadow:inset 0 0 0 1px var(--a)}
.go[disabled]{opacity:.5}
.lockst{display:inline-block;margin-bottom:12px;padding:5px 10px;font:400 .66rem var(--fm);letter-spacing:.16em;clip-path:var(--c1);background:rgba(16,36,90,.8);box-shadow:inset 0 0 0 1px currentColor}
.lockst.ok{color:var(--grn)}.lockst.trial{color:var(--g)}.lockst.lock{color:var(--red)}
/* the side rail */
.rail{position:absolute;right:10px;bottom:calc(36px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;z-index:3}
.rail>*{display:flex;flex-direction:column;align-items:center;gap:4px;width:52px;color:#fff;font:400 .54rem var(--fm);letter-spacing:.12em}
.rail i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(16,36,90,.75);box-shadow:inset 0 0 0 1px rgba(62,210,255,.6),0 0 18px rgba(62,210,255,.25);font-style:normal;font-size:1.15rem;color:var(--a)}
.rail .face i{background:center/cover;box-shadow:0 0 0 2px var(--g),0 0 18px rgba(255,200,61,.5)}
/* glitch headline */
.gl{position:relative}
.on .gl::before,.on .gl::after{content:attr(data-t);position:absolute;inset:0;pointer-events:none;opacity:.55}
.on .gl::before{color:var(--a);transform:translate(2px,-1px);clip-path:inset(0 0 62% 0);animation:g1 1.1s steps(1) 1 both}
.on .gl::after{color:var(--g);transform:translate(-2px,1px);clip-path:inset(58% 0 0 0);animation:g1 1.1s steps(1) .1s 1 both}
@keyframes g1{0%{opacity:.9}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-2px)}60%{opacity:.6}100%{opacity:0}}
/* intro */
.intro{align-items:center}
.intro .bg{filter:brightness(.8) saturate(1.1)}
.haz{position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(-45deg,var(--g) 0 16px,var(--uv2) 16px 32px);opacity:.9}
.ib{text-align:center;padding:60px 18px 40px;max-width:720px}
.eye-stage{width:min(54vw,240px);aspect-ratio:1;margin:0 auto 14px;position:relative}
.eye-stage img{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--g),0 0 40px rgba(255,200,61,.55),0 0 90px rgba(62,210,255,.35)}
.eye-stage::before,.eye-stage::after{content:'';position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(62,210,255,.7);animation:spin 18s linear infinite}
.eye-stage::after{inset:-26px;border:2px solid transparent;border-top-color:var(--a);border-bottom-color:var(--g);animation-duration:3.2s}
@keyframes spin{to{transform:rotate(360deg)}}
.logo{margin:0;font:900 clamp(2.1rem,11vw,4.4rem)/1 var(--fd);letter-spacing:.06em;color:#fff;text-shadow:0 0 22px rgba(255,255,255,.35)}
.logo span{display:block;margin-top:6px;font-size:.42em;color:var(--a);letter-spacing:.42em;text-shadow:0 0 18px var(--a),0 0 50px rgba(62,210,255,.6)}
.slog{margin:16px auto;max-width:520px;font:600 1.05rem/1.5 var(--fb);color:var(--ice)}.slog b{display:block;font:900 1.2rem var(--fd);color:var(--g);letter-spacing:.04em;margin-bottom:6px}
.stat{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font:400 .64rem var(--fm);letter-spacing:.18em;color:var(--a);margin:0 0 18px}
.ib .acts{justify-content:center}
.swipe{margin:22px 0 0;font:400 .66rem var(--fm);letter-spacing:.3em;color:var(--mu)}.swipe b{display:block;color:var(--a);font-size:1.3rem;animation:up 1.4s ease-in-out infinite}
@keyframes up{50%{transform:translateY(-8px)}}
/* panels: entry pass, token */
.panel{margin:0 0 14px;padding:14px;background:rgba(10,23,61,.82);box-shadow:inset 0 0 0 1px rgba(62,210,255,.35);clip-path:var(--c1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(62,210,255,.15);font:400 .72rem var(--fm);letter-spacing:.12em}
.row:last-child{border:0}.row span{color:var(--mu)}.row b{color:#fff;font-weight:400;text-align:right;overflow-wrap:anywhere}
.row b.big{font:900 .95rem var(--fd);color:var(--g);letter-spacing:.04em}
.pmsg{margin:10px 0 0;font:600 .9rem/1.4 var(--fb);color:var(--mu)}.pmsg.ok{color:var(--grn)}.pmsg.low{color:var(--red)}
.deeps{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.deeps a{padding:8px 12px;font:400 .66rem var(--fm);letter-spacing:.14em;box-shadow:inset 0 0 0 1px var(--a);clip-path:var(--c1);background:rgba(16,36,90,.7)}
.note{font:400 .62rem/1.6 var(--fm);letter-spacing:.12em;color:var(--mu);margin-top:12px}
.coinimg{position:absolute;right:16px;top:calc(84px + env(safe-area-inset-top));width:min(30vw,130px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,200,61,.55));animation:up 4s ease-in-out infinite}
/* gallery */
.gal{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -18px 14px;padding:0 18px}
.gal::-webkit-scrollbar{display:none}
.gal a{flex:0 0 78%;max-width:420px;scroll-snap-align:center;clip-path:var(--c1);box-shadow:inset 0 0 0 1px rgba(255,200,61,.5)}
.gal img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
/* faq + contact (normal scrolling) */
.long{scroll-snap-align:start;min-height:100svh;padding:calc(70px + env(safe-area-inset-top)) 16px 40px}
.long .in{max-width:640px;margin:0 auto}
.nh{text-align:center;font:400 .72rem var(--fm);letter-spacing:.26em;color:var(--a);margin-bottom:16px}
details{border-bottom:1px solid rgba(62,210,255,.2)}details:last-child{border:0}
summary{list-style:none;cursor:pointer;padding:14px 26px 14px 0;font:700 1rem var(--fb);position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';position:absolute;right:2px;top:10px;font:900 1.3rem var(--fd);color:var(--g)}
details[open] summary:after{content:'−'}
details p{padding:0 0 14px;font:400 .98rem/1.6 var(--fb);color:var(--mu)}
.risk{font:400 .64rem/1.7 var(--fm);letter-spacing:.1em;color:var(--mu);text-align:center;margin:18px 0}
.mails{display:grid;gap:6px;margin:0 0 18px}
.mails a{display:block;padding:10px 12px;background:rgba(16,36,90,.72);box-shadow:inset 0 0 0 1px rgba(62,210,255,.3);clip-path:var(--c1);font:400 .86rem var(--fm);text-align:center}
.badges{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 18px}
.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;box-shadow:inset 0 0 0 1px rgba(62,210,255,.4);background:linear-gradient(135deg,rgba(62,210,255,.12),rgba(46,107,255,.22));color:#fff;font:400 .7rem var(--fm);letter-spacing:.14em;clip-path:var(--c1)}
.badge[hidden]{display:none}
.badge .dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red);animation:bl 1.6s infinite}
.badge svg{width:16px;height:16px}
.fine{font:400 .6rem/1.7 var(--fm);letter-spacing:.1em;color:var(--mu);text-align:center}
.prog{position:fixed;left:0;right:0;bottom:0;height:3px;z-index:60;background:rgba(62,210,255,.12)}.prog i{display:block;height:100%;width:0;background:var(--a);box-shadow:0 0 10px var(--a);transition:width .3s}
.toast2{position:fixed;left:50%;bottom:70px;transform:translateX(-50%);z-index:200;padding:11px 16px;background:var(--a);color:var(--uv2);font:700 .76rem var(--fd);letter-spacing:.08em;clip-path:var(--c1);max-width:92vw;text-align:center;opacity:0;transition:opacity .25s;pointer-events:none}
.toast2.on{opacity:1}
@media (prefers-reduced-motion:reduce){.scan::after,.on .gl::before,.on .gl::after,.swipe b,.eye-stage::before,.eye-stage::after,.coinimg{animation:none}}
/* play screen */
#fxp{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#1C3A86,var(--uv2) 70%);touch-action:none;overscroll-behavior:none}
#fxp.on{display:flex}
#fxp::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(62,210,255,.035) 0 1px,transparent 1px 3px)}
.fxp-top{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;border-bottom:1px solid rgba(62,210,255,.3);position:relative;z-index:2}
.fxp-top .x{width:40px;height:40px;flex:none;font-size:18px;color:var(--a);box-shadow:inset 0 0 0 1px var(--a);clip-path:var(--c1);background:rgba(16,36,90,.7)}
.fxp-top h4{font:900 .8rem/1.1 var(--fd);letter-spacing:.08em;flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fxp-hud{display:flex;gap:5px;flex:none}
.fxp-hud div{min-width:48px;padding:4px 6px;text-align:center;background:rgba(16,36,90,.75);box-shadow:inset 0 0 0 1px rgba(62,210,255,.35);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.fxp-hud span{display:block;font:400 .52rem/1.2 var(--fm);letter-spacing:.14em;color:var(--a)}
.fxp-hud b{font:900 .88rem/1.2 var(--fd);color:var(--g)}
.fxg-box{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);position:relative;user-select:none;-webkit-user-select:none;z-index:1}
.fxg-cv{display:block;touch-action:none}
.fxg-pad{display:grid;grid-template:"a u b" 46px "l . r" 46px "c d e" 46px/62px 62px 62px;gap:2px}
.fxg-pad button,.fxg-bar button{background:rgba(16,36,90,.8);box-shadow:inset 0 0 0 1px rgba(62,210,255,.5);clip-path:var(--c1);font-size:20px;color:var(--a)}
.fxg-pad button:active,.fxg-bar button:active{background:var(--a);color:var(--uv2)}
.fxg-pad [data-d=U]{grid-area:u}.fxg-pad [data-d=L]{grid-area:l}.fxg-pad [data-d=R]{grid-area:r}.fxg-pad [data-d=D]{grid-area:d}
.fxg-pad-row{grid-template:none;display:flex;gap:10px}.fxg-pad-row button{width:72px;height:72px;font-size:24px}
.fxg-bar{display:flex;gap:8px}.fxg-bar button{height:46px;padding:0 18px;font:700 .72rem var(--fd);letter-spacing:.1em}
.toast{position:absolute;left:50%;top:14%;transform:translate(-50%,0);padding:10px 18px;background:rgba(10,23,61,.92);box-shadow:inset 0 0 0 1px var(--g);clip-path:var(--c1);color:var(--g);font:900 .9rem/1.2 var(--fd);letter-spacing:.06em;pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;white-space:nowrap;z-index:5}
.toast.on{opacity:1;transform:translate(-50%,-8px)}
.endc{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(10,23,61,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:6;padding:16px}
.endc.on{display:flex}
.endc .card{width:100%;max-width:380px;text-align:center;padding:26px 20px;background:linear-gradient(180deg,#1C3A86,#0C1B48);box-shadow:inset 0 0 0 1px rgba(62,210,255,.5),0 0 60px rgba(62,210,255,.25);clip-path:var(--c1)}
.endc .face{width:84px;height:84px;margin:0 auto 10px;border-radius:50%;background:center/cover;box-shadow:0 0 0 3px var(--g),0 0 24px rgba(255,200,61,.6)}
.endc h5{font:900 1.4rem/1.1 var(--fd);letter-spacing:.06em;margin-bottom:10px;color:var(--a);text-shadow:0 0 14px var(--a)}
.endc .big{font:900 2.8rem/1 var(--fd);color:var(--g)}
.endc .bst{color:var(--mu);margin:6px 0 12px;font:400 .72rem var(--fm);letter-spacing:.16em}
.endc .new{color:var(--grn)}
.endc p{font:400 .9rem/1.5 var(--fb);color:var(--mu);margin-bottom:16px}
.endc .btns{display:grid;gap:10px}.endc .btns .go{justify-content:center}
.row.col{flex-direction:column;gap:4px}.row.col b{text-align:left}
.bg.grid{background:radial-gradient(70% 50% at 50% 35%,rgba(62,210,255,.18),transparent 70%),linear-gradient(rgba(62,210,255,.07) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,rgba(62,210,255,.07) 1px,transparent 1px) 0 0/34px 34px,radial-gradient(90% 70% at 50% 40%,#1C3A86,#0C1B48)}
.pmsg:empty{display:none}
.tokh{display:flex;align-items:center;gap:12px}.tokh img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--g),0 0 16px rgba(255,200,61,.5);flex:none}
.k-pass .b,.k-token .b{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
.k-ad .adbg{background-color:#0C1B48;background-repeat:no-repeat;filter:saturate(1.1)}
.k-ad .k{color:var(--g);text-shadow:0 0 10px rgba(255,200,61,.5)}
.k-ad .why{border-color:var(--a);background:rgba(62,210,255,.1)}
.netl{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px}
.netl a{padding:8px 12px;font:400 .66rem var(--fm);letter-spacing:.14em;box-shadow:inset 0 0 0 1px rgba(62,210,255,.4);background:rgba(16,36,90,.6);clip-path:var(--c1)}