:root{--jiro-void:#050b14;--jiro-navy:#071526;--jiro-panel:#10243a;--jiro-mint:#73efd6;--jiro-green:#4dff87;--jiro-cyan:#3dd6ff;--jiro-amber:#ffc857;--jiro-violet:#a987ff;--jiro-danger:#ff5c7a;--jiro-text:#f7fbff;--jiro-dim:#9bacc7;--jiro-display:"Fredoka",sans-serif;--jiro-brand:"Lilita One",sans-serif;--jiro-body:"Nunito",sans-serif}.jiro-panel{background:linear-gradient(145deg,rgba(24,48,72,.92),rgba(7,21,38,.96));border:1px solid rgba(115,239,214,.26);border-radius:24px;box-shadow:0 22px 45px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08)}.jiro-btn{min-height:48px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(180deg,#91ffa4 0,var(--jiro-green) 52%,#20bc45 100%);box-shadow:0 5px 0 #12842a,0 10px 22px rgba(77,255,135,.28),inset 0 2px rgba(255,255,255,.6);color:#073519;font:700 16px var(--jiro-brand);text-transform:uppercase;letter-spacing:.04em}.jiro-btn--cyan{background:linear-gradient(180deg,#8aebff,var(--jiro-cyan) 52%,#159ac3);box-shadow:0 5px 0 #086985,0 10px 22px rgba(61,214,255,.28),inset 0 2px rgba(255,255,255,.6);color:#052c3a}.jiro-btn--amber{background:linear-gradient(180deg,#ffe18a,var(--jiro-amber) 52%,#d99816);box-shadow:0 5px 0 #9d680b,0 10px 22px rgba(255,200,87,.25),inset 0 2px rgba(255,255,255,.6);color:#392400}.jiro-icon{width:24px;height:24px;color:var(--jiro-green)}.jiro-icon-badge{width:64px;height:64px}.jiro-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(77,255,135,.12);border:1px solid rgba(77,255,135,.34);color:var(--jiro-green);font:800 12px var(--jiro-body);letter-spacing:.05em;text-transform:uppercase}:root{--font-display:"Orbitron","Fredoka",sans-serif;--font-brand:"Lilita One",sans-serif;--font-body:"Nunito","Inter",system-ui,-apple-system,sans-serif;--font-ui:"Inter","Outfit",sans-serif;--font-data:"JetBrains Mono",ui-monospace,monospace;--bg-void:#070b14;--bg-deck:#0d1424;--bg-panel:#131c32;--bg-panel-hi:#1b2744;--line:#25345a;--core-blue:#3dd6ff;--core-green:#4dffb0;--core-amber:#ffc857;--core-red:#ff5c7a;--core-violet:#9b7bff;--order-guardian:#ffc857;--order-lunar:#3dd6ff;--glow-blue:0 0 14px rgba(61,214,255,0.45);--glow-green:0 0 14px rgba(77,255,176,0.45);--glow-amber:0 0 14px rgba(255,200,87,0.45);--bg-dark:#070b14;--bg-card:rgba(255,255,255,0.94);--bg-card-dark:rgba(14,22,28,0.88);--brand-green-1:#8cf596;--brand-green-2:#34e04b;--brand-green-dark:#06431a;--brand-teal-1:#9ff5e0;--brand-teal-2:#45cdb0;--accent-glow:#3dff4d;--discord-purple:#5865f2;--discord-hover:#4752c4;--text-primary:#0a2114;--text-muted:#57655d;--text-main:#e6eeff;--text-dim:#8fa3cc;--text-faint:#5b6f99;--border-light:rgba(255,255,255,0.18);--border-field:#d4d7d5;--error-color:#ef4444;--glass-bg:rgba(13,20,36,0.82);--glass-border:rgba(61,214,255,0.22);--card-shadow:0 25px 60px -15px rgba(0,0,0,0.75),0 0 35px rgba(61,214,255,0.18);--button-shadow:0 4px 14px rgba(52,224,75,0.38);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-pill:9999px;--chamfer:10px}.jiro-inline-icon{color:currentColor;vertical-align:-.18em}.jiro-asset-badge{filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}.jiro-mascot-art{object-fit:contain;filter:drop-shadow(0 22px 36px rgba(0,0,0,.42))}.jiro-order-art{display:block;width:min(100%,220px);height:auto;margin-bottom:14px}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;width:100%;overflow-x:hidden;background-color:var(--bg-dark);color:#fff;font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.bg-viewport{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;overflow:hidden;pointer-events:none}.bg-media{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);transition:opacity .5s ease-in-out}.bg-media,.bg-overlay{position:absolute;inset:0}.bg-overlay{background:radial-gradient(circle at 75% 30%,rgba(10,20,26,.45) 0,rgba(8,14,18,.85) 75%,rgba(4,7,10,.94) 100%);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:1}.dust-container{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.dust-particle{position:absolute;border-radius:50%;background:var(--accent-glow);box-shadow:0 0 10px #3dff4d,0 0 20px #8cf596;opacity:0;animation:dust-rise var(--duration,6s) linear var(--delay,0s) infinite}@keyframes dust-rise{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:.85;transform:translateY(-20px) scale(1)}80%{opacity:.75}to{opacity:0;transform:translateY(-110px) scale(.4)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:.3}to{transform:scale(.95);opacity:.8}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;z-index:5}.navbar{width:100%;padding:16px 36px;justify-content:flex-start;background:rgba(10,16,22,.65);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);position:-webkit-sticky;position:sticky;top:0;z-index:50}.brand-wrapper,.navbar{display:flex;align-items:center}.brand-wrapper{gap:12px}.brand-mascot{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));animation:bob 3.5s ease-in-out infinite alternate}.brand-title{font-family:var(--font-brand);font-size:28px;letter-spacing:.5px;background:linear-gradient(180deg,#ecfffa,#9ff5e0 45%,#45cdb0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.main-content{flex:1 1;justify-content:center;max-width:1200px;padding:40px 20px;z-index:10}.main-content,.stage-wrap{display:flex;align-items:center;width:100%;margin:0 auto;position:relative}.stage-wrap{max-width:1100px;justify-content:space-between;gap:40px}.auth-stage-wrap{flex-direction:column;justify-content:center;text-align:center}.auth-stage-wrap .stage-online-widget{margin-top:20px}.stage-online-widget{display:flex;flex-direction:column;align-items:center;position:relative;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage-online-number{font-size:clamp(48px,6vw,76px);color:#ffffff;line-height:1;text-shadow:0 4px 12px rgba(0,0,0,.45);letter-spacing:-.02em}.stage-online-number,.stage-online-pill{font-family:var(--font-display);font-weight:700}.stage-online-pill{margin-top:8px;background:#6bec7b;color:#08531d;font-size:15px;padding:6px 18px;border-radius:99px;box-shadow:0 4px 12px rgba(0,0,0,.35);transform:rotate(-5deg);letter-spacing:.02em}.stage-crystal{position:absolute;width:38px;height:56px;background:linear-gradient(120deg,#c6ffb0,#37e04e 40%,#0b9a2b);-webkit-clip-path:polygon(50% 0,100% 28%,86% 100%,14% 100%,0 28%);clip-path:polygon(50% 0,100% 28%,86% 100%,14% 100%,0 28%);filter:drop-shadow(0 0 14px #3dff4d) drop-shadow(0 0 4px #7dff82);animation:bob 4s ease-in-out infinite alternate;pointer-events:none}@media (max-width:900px){.stage-wrap{flex-direction:column-reverse;gap:20px}.stage-online-widget{margin-bottom:10px}}.auth-panel{position:relative;width:100%;max-width:440px;background:var(--bg-card);border-radius:32px;padding:38px 40px;box-shadow:var(--card-shadow);border:2px solid rgba(99,229,106,.45);animation:fadeIn .4s ease-out;display:flex;flex-direction:column;margin:auto}.auth-card-brand{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.auth-card-mascot{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));animation:bob 3.5s ease-in-out infinite alternate}.auth-card-logo-text{font-family:var(--font-brand);font-size:26px;color:#06431a;letter-spacing:-.5px}.auth-card-logo-text b{color:#25b53a}.auth-header{text-align:center;margin-bottom:22px;display:flex;flex-direction:column;align-items:center}.auth-title{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--brand-green-dark);line-height:1.15}.auth-subtitle{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--text-muted);margin-top:6px}.tab-switcher{display:flex;background:#e9ece9;padding:4px;margin-bottom:22px;gap:4px}.tab-btn,.tab-switcher{border-radius:var(--radius-pill)}.tab-btn{flex:1 1;padding:8px 12px;border:none;background:transparent;font-family:var(--font-display);font-weight:700;font-size:14px;color:#4b5a51;transition:all .2s ease}.tab-btn.active{background:#fff;color:var(--brand-green-dark);box-shadow:0 2px 8px rgba(0,0,0,.12)}.auth-form{gap:14px}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{position:relative}.field{width:100%;height:48px;border:1.5px solid var(--border-field);border-radius:var(--radius-pill);background:#fff;padding:0 20px;font-family:var(--font-body);font-weight:700;font-size:15px;color:#122116;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px rgba(0,0,0,.04)}.field::placeholder{color:#939795;font-weight:600}.field:focus{border-color:#34e04b;box-shadow:0 0 0 3px rgba(52,224,75,.22)}.field.bad{border-color:var(--error-color);animation:shake .35s ease}.password-wrapper{position:relative}.password-toggle-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#79827c;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s}.password-toggle-btn:hover{color:#213328}.terms-row{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:13px;font-weight:700;color:#2a3830;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch-control{position:relative;width:44px;height:24px;border-radius:var(--radius-pill);background:#d1d5d2;border:none;cursor:pointer;transition:background .25s;flex-shrink:0;box-shadow:inset 0 2px 3px rgba(0,0,0,.15)}.switch-control:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c5cac5);transition:transform .25s}.switch-control[aria-checked=true]{background:#63e56a}.switch-control[aria-checked=true]:after{transform:translateX(20px);background:radial-gradient(circle at 35% 30%,#ecffea,#19a531)}.terms-link{color:#179e32;font-weight:800;text-decoration:underline;cursor:pointer}.btn-action{position:relative;width:100%;height:50px;border-radius:var(--radius-pill);border:none;cursor:pointer;font-family:var(--font-brand);font-size:17px;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,filter .2s,box-shadow .2s;overflow:hidden}.btn-action:before{content:"";position:absolute;left:6%;top:10%;width:12%;height:28%;border-radius:50%;background:rgba(255,255,255,.65);transform:rotate(-20deg)}.btn-action:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-action:active{transform:translateY(2px)}.btn-action:disabled{filter:grayscale(.7) opacity(.7);cursor:not-allowed;transform:none}.btn-create{margin-top:10px;color:#053b16;background:linear-gradient(180deg,#8cf596,#34e04b 50%,#20b835);box-shadow:0 4px 0 #128224,0 8px 18px rgba(32,184,53,.35)}.btn-discord{color:#ffffff;background:linear-gradient(180deg,#6c78fb,#5865f2 50%,#4752c4);box-shadow:0 4px 0 #323ba0,0 8px 18px rgba(88,101,242,.35)}.btn-wallet{color:#ffffff;background:linear-gradient(180deg,#1e293b,#0f172a 50%,#020617);box-shadow:0 4px 0 #000000,0 8px 18px rgba(15,23,42,.35);border:1px solid rgba(255,255,255,.12);transition:all .15s ease}.btn-wallet:hover:not(:disabled){background:linear-gradient(180deg,#334155,#1e293b 50%,#0f172a);box-shadow:0 4px 0 #020617,0 10px 22px rgba(56,189,248,.25);border-color:rgba(56,189,248,.4);transform:translateY(-1px)}.btn-wallet:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #000000}.btn-google{color:#1f2937;background:#ffffff;box-shadow:0 4px 0 #d1d5db,0 8px 18px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.06);transition:all .15s ease}.btn-google:hover:not(:disabled){background:#f8fafc;box-shadow:0 4px 0 #cbd5e1,0 10px 22px rgba(0,0,0,.22);transform:translateY(-1px)}.btn-google:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #cbd5e1}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0 12px}.auth-divider-line{flex:1 1;height:1px;background:rgba(0,0,0,.08)}.auth-divider-text{font-size:11px;font-weight:800;letter-spacing:.08em;color:#64748b;text-transform:uppercase}.switch-prompt{text-align:center;margin-top:16px;font-size:14px;font-weight:700;color:#3b4941}.switch-prompt-link{color:#179e32;margin-left:6px;font-weight:800;background:none;border:none;cursor:pointer;text-decoration:underline}.feedback-box{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;animation:fadeIn .25s ease}.feedback-box.error{background:#fee2e2;color:#b91c1c;border:1px solid #f87171}.feedback-box.success{background:#dcfce7;color:#15803d;border:1px solid #86efac}.feedback-box.info{background:#eff6ff;color:#1d4ed8;border:1px solid #93c5fd}.referral-notice{padding:10px 14px;border:1px solid rgba(52,224,75,.45);border-radius:12px;background:rgba(52,224,75,.1);color:#176b27;font-size:13px;font-weight:700;text-align:center}.footer{width:100%;padding:18px 32px;background:rgba(8,12,16,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-ui);font-size:13px;color:rgba(255,255,255,.6);z-index:50}.footer-links{display:flex;gap:20px}.footer-link:hover{color:#fff;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:rgba(4,8,12,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;z-index:100;animation:fadeIn .2s ease-out}.modal-card{width:min(90vw,560px);background:#ffffff;color:#111e15;border-radius:28px;padding:34px 38px;box-shadow:0 25px 60px rgba(0,0,0,.6);max-height:85vh;overflow-y:auto;border:3px solid #8cf596}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-title{font-family:var(--font-display);font-size:26px;color:var(--brand-green-dark)}.modal-body{font-size:14.5px;line-height:1.6;color:#3b4941;display:flex;flex-direction:column;gap:14px}.modal-body h4{font-family:var(--font-display);font-size:16px;color:var(--brand-green-dark);margin-top:6px}.modal-footer{margin-top:24px;display:flex;justify-content:flex-end}.store-transmission-toast{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;background:rgba(9,18,30,.92);border:1px solid rgba(77,255,135,.4);border-radius:99px;color:#e2fbe8;font-family:var(--font-body,sans-serif);font-size:13.5px;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 20px rgba(0,0,0,.4),0 0 16px rgba(52,224,75,.2);animation:toastFadeIn .25s cubic-bezier(.16,1,.3,1)}.store-transmission-toast b{color:#4dff87}.store-toast-dot{width:6px;height:6px;border-radius:50%;background:#4dff87;box-shadow:0 0 8px #4dff87;animation:pulseDot 1.4s infinite alternate}.store-btn-coming-soon{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-brand,sans-serif);font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#4dff87;animation:fadeIn .2s ease-out}.store-coming-soon-dot{width:7px;height:7px;border-radius:50%;background:#34e04b;box-shadow:0 0 10px #34e04b;animation:pulseDot 1.4s infinite alternate}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.2);opacity:1}}@media (max-width:1024px){.main-content{padding:32px 20px}}@media (max-width:768px){.navbar{padding:12px 18px}.brand-title{font-size:24px}.main-content{padding:20px 16px 36px}.auth-panel{padding:30px 24px;border-radius:26px}.auth-title{font-size:28px}.footer{flex-direction:column;gap:12px;text-align:center;padding:18px}}@media (max-width:480px){.auth-panel{padding:26px 18px;border-radius:22px}.auth-title{font-size:25px}.btn-action{font-size:15px;height:46px}.field{height:44px;font-size:14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}