:root{--bg:#160a16;--bg2:#1f0e15;--ink:#fff3e6;--muted:#c9a890;--orange:#f5731a;--orange-lt:#ff9a3c;--gold:#ffc93c;--blue:#3d8bff;--red:#ff4a36;--gem:#c94dff;--card:#26121ab8;--card-brd:#ff964638;--head:"Arial Black", "Arial Narrow Bold", Impact, system-ui, sans-serif;--body:"Inter", "Helvetica Neue", Arial, system-ui, sans-serif}#landing{font-family:var(--body);color:var(--ink);background:radial-gradient(1200px 700px at 50% -10%,#5a2208 0%,#5a220800 60%),radial-gradient(900px 600px at 85% 20%,#3a1020 0%,#3a102000 55%),linear-gradient(#1c0d14 0%,#120810 100%);min-height:100vh;overflow:hidden}#landing a{color:inherit;text-decoration:none}#landing.hidden{display:none}.btn{font-family:var(--head);letter-spacing:.06em;cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#2a1a24;border:none;border-radius:14px;padding:13px 22px;font-size:15px;transition:transform 80ms,box-shadow 80ms,filter .15s;box-shadow:0 4px #00000059}.btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}.btn-xl{border-radius:16px;padding:17px 34px;font-size:19px}.btn-primary{background:linear-gradient(180deg, #ffab3d 0%, var(--orange) 55%, #d8540c 100%);color:#3a1600;text-shadow:0 1px #ffffff59;box-shadow:0 5px #9c3d06,0 8px 22px #f5731a73}.btn-primary:active{box-shadow:0 2px #9c3d06}.btn-wallet{background:linear-gradient(#b97cff 0%,#8a3fe0 100%);box-shadow:0 5px #5a23a0,0 8px 22px #8a3fe066}.btn-wallet:active{box-shadow:0 2px #5a23a0}.btn-ghost{background:#ffffff0f;border:2px solid #ffffff2e;box-shadow:0 4px #0000004d}.btn-ghost:hover{filter:brightness(1.2)}#topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#14080eeb,#14080e8c);border-bottom:1px solid #ff964624;align-items:center;gap:18px;padding:12px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-logo{border-radius:10px;width:40px;height:40px;box-shadow:0 3px 10px #0006}.brand-word{font-family:var(--head);letter-spacing:.04em;flex-direction:column;font-size:16px;line-height:.95;display:flex}.brand-word small{color:var(--orange-lt);letter-spacing:.22em;font-size:9px}.nav-links{gap:22px;margin-left:10px;display:flex}.nav-links a{font-family:var(--head);letter-spacing:.05em;color:var(--muted);font-size:13px;transition:color .15s}.nav-links a:hover{color:var(--ink)}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.online-pill{font-size:12px;font-family:var(--head);color:#b8ffcf;background:#28503266;border:1px solid #50ff8c40;border-radius:20px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.online-pill .dot{background:#4dff88;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulseDot;box-shadow:0 0 8px #4dff88}.online-pill.off .dot{background:#ff8a4d;box-shadow:0 0 8px #ff8a4d}.online-pill.off{color:#ffc8a0;background:#50281466;border-color:#ff8c464d}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}.hero{text-align:center;padding:70px 20px 0;position:relative;overflow:hidden}.hero-embers{pointer-events:none;z-index:0;position:absolute;inset:0}.ember{opacity:.8;background:radial-gradient(circle,#ffd07a,#ff7a1a 60%,#ff7a1a00);border-radius:50%;width:6px;height:6px;animation:linear infinite rise;position:absolute;bottom:-10px}@keyframes rise{to{transform:translateY(-110vh) translateX(var(--dx,0));opacity:0}}.hero-inner{z-index:1;max-width:920px;margin:0 auto;position:relative}.hero-banner{border-radius:20px;width:100%;max-width:min(960px,94vw);margin-bottom:10px;box-shadow:0 16px 50px #0000008c,0 0 70px #f5731a40}.hero-badge{border-radius:28px;width:124px;height:124px;animation:3.4s ease-in-out infinite bob;box-shadow:0 12px 36px #00000080,0 0 60px #f5731a59}@keyframes bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}.hero-title{line-height:.82;font-family:var(--head);letter-spacing:.01em;margin:14px 0 8px;transform:skew(-5deg)}.hero-title .t1{background:linear-gradient(#fff 0%,#d8dce8 48%,#8a94ab 52%,#fff 100%);color:#0000;-webkit-text-stroke:2px #14101e;filter:drop-shadow(0 4px #0006);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7vw,76px);display:block}.hero-title .t2{background:linear-gradient(180deg, #ffe27a 0%, var(--orange-lt) 45%, #d8540c 90%);color:#0000;-webkit-text-stroke:2px #2a0d04;filter:drop-shadow(0 5px #78280080)drop-shadow(0 0 30px #f5731a80);-webkit-background-clip:text;background-clip:text;margin-top:-.06em;font-size:clamp(40px,9.5vw,104px);display:block}.hero-tag{color:var(--muted);max-width:620px;margin:6px auto 0;font-size:clamp(15px,2.2vw,20px);line-height:1.5}.hero-tag b{color:var(--ink)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:26px;display:flex}.hero-social{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.chip{font-family:var(--head);letter-spacing:.03em;background:#ffffff0f;border:1.5px solid #ffffff29;border-radius:999px;padding:9px 16px;font-size:13px;transition:transform .1s,filter .15s}.chip:hover{filter:brightness(1.2);transform:translateY(-2px)}.chip-x{border-color:#ffffff4d}.chip-buy{color:#c8ffd6;background:#78dc8c1f;border-color:#78ffa059}.profile-strip{background:var(--card);border:1.5px solid var(--card-brd);font-family:var(--head);border-radius:14px;align-items:center;gap:12px;margin-top:22px;padding:9px 16px;font-size:13px;display:inline-flex}.profile-strip .ps-pts{color:var(--gold)}.profile-strip .ps-name{color:var(--ink)}.profile-strip .ps-edit{color:var(--orange-lt);cursor:pointer;font-size:11px}.hero-ticker{background:#00000040;border-top:1px solid #ff964624;border-bottom:1px solid #ff964624;margin-top:46px;overflow:hidden}.ticker-track{white-space:nowrap;font-family:var(--head);color:var(--orange-lt);letter-spacing:.08em;gap:40px;padding:10px 0;font-size:13px;animation:26s linear infinite scroll;display:inline-flex}.ticker-track span{opacity:.85}@keyframes scroll{to{transform:translate(-50%)}}.sec{max-width:1080px;margin:0 auto;padding:64px 20px}.sec-title{font-family:var(--head);text-align:center;letter-spacing:.02em;color:var(--ink);font-size:clamp(26px,4.5vw,46px);transform:skew(-4deg)}.sec-title.left{text-align:left}.sec-title span{color:var(--orange-lt);-webkit-text-stroke:0;filter:drop-shadow(0 0 18px #f5731a66)}.sec-sub{text-align:center;color:var(--muted);margin-top:10px;font-size:16px}.how-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:34px;display:grid}.how-card{background:var(--card);border:1.5px solid var(--card-brd);text-align:center;border-radius:18px;padding:24px 20px;transition:transform .15s,border-color .15s}.how-card:hover{border-color:#ff964680;transform:translateY(-4px)}.how-ico{margin-bottom:8px;font-size:38px}.how-card h3{font-family:var(--head);letter-spacing:.03em;margin-bottom:7px;font-size:17px}.how-card p{color:var(--muted);font-size:14px;line-height:1.5}.how-card b{color:var(--ink)}.obj-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:30px;display:grid}.obj-card{background:var(--card);border:1.5px solid var(--card-brd);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.obj-card .obj-ico{font-size:30px}.obj-card h4{font-family:var(--head);letter-spacing:.03em;font-size:15px}.obj-card p{color:var(--muted);margin-top:3px;font-size:13px}.obj-card .obj-pts{font-family:var(--head);color:var(--gold);white-space:nowrap;margin-left:auto;font-size:14px}.arena-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:32px;display:grid}.arena-card{border:1.5px solid var(--card-brd);background:var(--card);border-radius:18px;transition:transform .15s,border-color .15s;overflow:hidden}.arena-card:hover{transform:translateY(-4px)}.arena-thumb{height:130px;position:relative}.arena-thumb canvas{width:100%;height:100%;display:block}.arena-card .ac-body{padding:14px 16px}.arena-card h3{font-family:var(--head);letter-spacing:.03em;font-size:17px}.arena-card p{color:var(--muted);margin-top:4px;font-size:13px}.sec-token{justify-content:center;display:flex}.token-card{border:1.5px solid var(--card-brd);background:linear-gradient(120deg,#f5731a1f,#8a3fe01a);border-radius:24px;flex-wrap:wrap;align-items:center;gap:26px;max-width:920px;padding:32px;display:flex}.token-logo{border-radius:28px;width:150px;height:150px;box-shadow:0 10px 30px #0006}.token-body{flex:1;min-width:260px}.token-body p{color:var(--muted);margin:12px 0 18px;font-size:15px;line-height:1.6}.token-body b{color:var(--ink)}.token-cta{flex-wrap:wrap;gap:12px;display:flex}.leaderboard{flex-direction:column;gap:8px;max-width:620px;margin:30px auto 0;display:flex}.lb-row{background:var(--card);border:1px solid var(--card-brd);border-radius:12px;align-items:center;gap:14px;padding:11px 16px;display:flex}.lb-row .lb-rank{font-family:var(--head);width:30px;color:var(--orange-lt)}.lb-row.top1 .lb-rank{color:var(--gold)}.lb-row .lb-name{font-family:var(--head);letter-spacing:.03em;flex:1}.lb-row .lb-pts{font-family:var(--head);color:var(--gold)}.lb-row .lb-wallet{color:var(--muted);font-family:monospace;font-size:11px}.lb-empty{text-align:center;color:var(--muted);padding:20px}#footer{text-align:center;border-top:1px solid #ff96461f;margin-top:30px;padding:50px 20px 60px}.foot-logo{opacity:.9;border-radius:14px;width:56px;height:56px}.foot-links{font-family:var(--head);justify-content:center;gap:22px;margin:16px 0;font-size:13px;display:flex}.foot-links a{color:var(--orange-lt)}.foot-fine{color:#7a6258;max-width:540px;margin:0 auto;font-size:11px;line-height:1.5}#gameTop{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:absolute;top:0;left:0;right:0}.gt-btn{pointer-events:auto;font-family:var(--head);letter-spacing:.05em;color:#fff;cursor:pointer;background:#180e26bf;border:2px solid #ffffff2e;border-radius:12px;padding:8px 13px;font-size:13px;box-shadow:0 3px #0000004d}.gt-btn:active{transform:translateY(2px)}.gt-left{align-items:center;gap:10px;display:flex}.gt-mid{text-align:left;font-family:var(--head);color:#fff;text-shadow:0 2px 4px #000;line-height:1}#gtArena{letter-spacing:.08em;font-size:13px;display:block}.gt-mode{color:var(--gold);letter-spacing:.2em;font-size:9px}.gt-right{align-items:center;gap:8px;display:flex}.online-pill.sm{pointer-events:auto;padding:5px 9px;font-size:11px}.obj-hud{z-index:55;pointer-events:none;flex-direction:column;gap:6px;width:200px;display:flex;position:absolute;top:104px;right:12px}.obj-hud .oh{font-family:var(--head);color:#fff;background:#180e26b3;border:1.5px solid #ff964640;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;transition:opacity .3s;display:flex;box-shadow:0 2px #0000004d}.obj-hud .oh .oh-ico{font-size:16px}.obj-hud .oh .oh-txt{flex:1;line-height:1.15}.obj-hud .oh .oh-prog{color:var(--muted);font-size:10px}.obj-hud .oh.done{color:#c8ffd6;border-color:#78ff8c99}.obj-hud .oh.done .oh-ico:after{content:" ✓"}.chat{z-index:60;pointer-events:auto;border:1.5px solid var(--card-brd);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100812db;border-radius:14px;width:min(320px,70vw);position:absolute;bottom:150px;left:12px;overflow:hidden}.chat[hidden]{display:none}.chat-head{font-family:var(--head);letter-spacing:.08em;background:#f5731a2e;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.chat-x{color:#fff;cursor:pointer;background:0 0;border:none;font-size:13px}.chat-log{flex-direction:column;gap:4px;height:170px;padding:8px 12px;font-size:13px;display:flex;overflow-y:auto}.chat-log .cm{word-wrap:break-word;line-height:1.35}.chat-log .cm .cn{font-family:var(--head);margin-right:5px;font-size:11px}.chat-log .cm.sys{color:var(--muted);font-size:12px;font-style:italic}.chat-form{border-top:1px solid #ffffff14;gap:6px;padding:8px;display:flex}.chat-form input{color:#fff;font-family:var(--body);background:#ffffff12;border:1px solid #ffffff24;border-radius:9px;outline:none;flex:1;padding:8px 10px;font-size:13px}.chat-send{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:9px;width:38px;font-size:15px}.modal{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080408c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{border:1.5px solid var(--card-brd);text-align:center;background:linear-gradient(#2a1420,#1c0d15);border-radius:22px;width:min(440px,94vw);max-height:92vh;padding:28px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0009}.modal-card.wide{width:min(760px,96vw)}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:14px;right:16px}.modal-logo{border-radius:18px;width:76px;height:76px;margin-bottom:6px}.modal-title{font-family:var(--head);letter-spacing:.03em;color:var(--ink);margin-bottom:18px;font-size:26px;transform:skew(-4deg)}.fld{text-align:left;max-width:320px;margin:0 auto 16px;display:block}.fld span{font-family:var(--head);color:var(--muted);letter-spacing:.08em;margin-bottom:6px;font-size:12px;display:block}.fld input{color:#fff;width:100%;font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;background:#ffffff12;border:1.5px solid #ffffff29;border-radius:12px;outline:none;padding:13px 14px;font-size:18px}.fld input:focus{border-color:var(--orange)}.wallet-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px;display:flex}.wallet-status{color:var(--muted);min-height:20px;margin-bottom:8px;font-size:13px}.wallet-status .ok{color:#8effb0}.wallet-status b{color:var(--ink);font-family:monospace}.modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.modal-actions.col{flex-direction:column;align-items:stretch}.mode-toggle{font-family:var(--head);color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.mode-toggle input{width:18px;height:18px;accent-color:var(--orange)}.arena-pick{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid}.ap{cursor:pointer;background:#ffffff0a;border:2px solid #0000;border-radius:14px;transition:border-color .15s,transform .1s;overflow:hidden}.ap:hover{transform:translateY(-3px)}.ap.sel{border-color:var(--orange);box-shadow:0 0 0 3px #f5731a40}.ap canvas{width:100%;height:96px;display:block}.ap .ap-name{font-family:var(--head);letter-spacing:.04em;padding:8px;font-size:13px}.result-points{font-family:var(--head);color:var(--gold);filter:drop-shadow(0 3px #78500080);margin-bottom:6px;font-size:44px}.result-points small{color:var(--muted);letter-spacing:.1em;font-size:16px;display:block}.result-objs{flex-direction:column;gap:6px;margin:14px 0 20px;display:flex}.result-objs .ro{background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.result-objs .ro.done{color:#c8ffd6;background:#50c87824}.result-objs .ro .ro-pts{font-family:var(--head);color:var(--gold);margin-left:auto}#toasts{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.toast{font-family:var(--head);letter-spacing:.03em;color:#fff;border:1.5px solid var(--card-brd);text-align:center;background:linear-gradient(#2a1622,#1a0e16);border-radius:14px;max-width:90vw;padding:11px 20px;font-size:14px;animation:.4s cubic-bezier(.2,1.6,.4,1) toastIn,.4s 2.6s forwards toastOut;box-shadow:0 8px 24px #00000080}.toast .tt-pts{color:var(--gold)}.toast.obj{border-color:#78ff8c80}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px)scale(.9)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-10px)}}#rotate{z-index:300;color:var(--ink);background:linear-gradient(#1c0d14,#120810);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#rotate[hidden]{display:none}.rotate-inner{text-align:center;font-family:var(--head)}.rotate-ico{font-size:60px;animation:2s ease-in-out infinite rotateHint}.rotate-inner b{margin:14px 0 6px;font-size:22px;display:block}.rotate-inner span{color:var(--muted);font-family:var(--body)}@keyframes rotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@media (width<=720px){.nav-links,.brand-word{display:none}.hero{padding-top:40px}.token-card{padding:22px}.obj-hud{width:150px;top:56px}.obj-hud .oh{font-size:10px}}
