:root{--navy: #14243b;--blue: #243b56;--orange: #f5a623;--orange-d: #c9811a;--cream: #fff0cf;--asphalt: #343b48;--sky: #8cb8d5;--green: #7fd18b;--red: #e0604f;--panel: linear-gradient(180deg, rgba(36, 59, 86, .96), rgba(20, 36, 59, .97));--line: rgba(140, 184, 213, .22);--text: var(--cream);--muted: rgba(255, 240, 207, .62);--r: 16px;--font: "Fredoka", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#cfe2ee;color:var(--text);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:not-allowed}a{color:var(--orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.app{position:fixed;inset:0}.app>div:first-child canvas{touch-action:none}.panel-mech{background:var(--panel);border:2px solid #2f4d70;border-radius:var(--r);box-shadow:0 2px #0b1626,0 14px 34px #0a142359,inset 0 1px #ffffff14;position:relative}.panel-mech:before,.panel-mech:after{content:"";position:absolute;top:8px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#6b85a3,#1b2d45);pointer-events:none}.panel-mech:before{left:8px}.panel-mech:after{right:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:600;letter-spacing:.02em;transition:transform .08s,filter .15s,box-shadow .08s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(2px)}.btn.primary{background:var(--orange);color:var(--navy);box-shadow:0 4px 0 var(--orange-d),0 6px 14px #f5a62340}.btn.primary:active:not(:disabled){box-shadow:0 2px 0 var(--orange-d)}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.secondary{background:var(--cream);color:var(--navy);box-shadow:0 4px #cdbb94}.btn.secondary:active:not(:disabled){box-shadow:0 2px #cdbb94}.btn.ghost{background:#8cb8d51f;border:1px solid var(--line);color:var(--cream)}.btn.ghost:hover:not(:disabled){background:#8cb8d533}.btn.warn{background:var(--red);color:#fff;box-shadow:0 4px #a8443a}.btn:disabled{filter:grayscale(.7) brightness(.75);opacity:.6;box-shadow:none}.btn.wide{width:100%}.btn.small{padding:7px 12px;font-size:13px;border-radius:10px}.btn.big{padding:14px 18px;font-size:16px;margin-top:12px}.icon-btn{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#8cb8d51f;color:var(--cream)}.icon-btn:hover{background:#f5a62340}.topbar{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none;z-index:10}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 8px;background:var(--panel);border:2px solid #2f4d70;border-radius:14px;box-shadow:0 2px #0b1626,0 8px 20px #0a142340}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text b{font-size:16px;letter-spacing:.08em}.brand-text span{font-size:11px;color:var(--orange);letter-spacing:.12em;font-weight:600}.badge{font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 8px;border-radius:8px;cursor:help}.badge.demo{background:#f5a62329;color:var(--orange);border:1px dashed var(--orange)}.badge.live{background:#7fd18b2e;color:var(--green);border:1px solid var(--green)}.chips{display:flex;gap:8px}.chip{display:flex;flex-direction:column;align-items:flex-start;padding:6px 14px;background:var(--panel);border:2px solid #2f4d70;border-radius:14px;box-shadow:0 2px #0b1626,0 8px 20px #0a142340;line-height:1.15;transition:border-color .3s,box-shadow .3s}.chip small{font-size:10px;color:var(--muted);letter-spacing:.12em;font-weight:600}.chip b{font-size:17px;font-variant-numeric:tabular-nums}.chip b em{font-style:normal;font-size:11px;color:var(--sky)}.chip i{font-style:normal;font-size:11px;font-weight:600}.chip i.up{color:var(--green)}.chip i.down{color:var(--red)}.chip.price.buy{border-color:var(--green)}.chip.price.sell{border-color:var(--red)}.chip.gate b{color:var(--orange);font-size:20px}.chip.gate:hover{border-color:var(--orange)}.wallet-area{display:flex;gap:8px;align-items:stretch}.wallet-area .stats{display:flex;gap:2px;background:var(--panel);border:2px solid #2f4d70;border-radius:14px;padding:4px;box-shadow:0 2px #0b1626,0 8px 20px #0a142340}.wallet-area .stats>*{display:flex;flex-direction:column;padding:3px 10px;line-height:1.15;border-radius:10px;text-align:left}.wallet-area .stats small{font-size:10px;color:var(--muted);letter-spacing:.1em;font-weight:600}.wallet-area .stats b{font-size:14px;font-variant-numeric:tabular-nums}.claimable.has{background:#8cb8d529}.claimable.has b{color:var(--sky);text-shadow:0 0 12px rgba(140,184,213,.7)}.claimable:hover{background:#f5a62329}.wallet-chip{display:flex;align-items:center;gap:9px;padding:6px 12px;background:var(--panel);border:2px solid #2f4d70;border-radius:14px;box-shadow:0 2px #0b1626,0 8px 20px #0a142340;text-align:left}.wallet-chip:hover{border-color:var(--orange)}.wallet-chip>span:last-child{display:flex;flex-direction:column;line-height:1.15}.wallet-chip b{font-size:13px}.wallet-chip small{font-size:11px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #7fd18b33}.dot.demo{background:var(--orange);box-shadow:0 0 0 3px #f5a62338}.connect{padding:12px 18px}.cambar{position:absolute;left:12px;top:78px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:9}.seg{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--panel);border:2px solid #2f4d70;border-radius:12px;box-shadow:0 2px #0b1626}.seg button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--muted);text-transform:capitalize}.seg button:hover:not(:disabled){color:var(--cream);background:#8cb8d51f}.seg button.on{background:var(--orange);color:var(--navy)}.seg button:disabled{opacity:.4}.seg.small span{font-size:13px;padding:0 8px;display:inline-flex;gap:6px;align-items:center;font-weight:600}.hints{position:absolute;left:12px;top:170px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--navy);animation:fade-out 1s 15s forwards;pointer-events:none}.hints span{background:#fff0cfd1;padding:3px 8px;border-radius:8px;width:fit-content}kbd{font-family:inherit;font-weight:700;background:var(--navy);color:var(--cream);border-radius:5px;padding:0 5px;margin-right:3px;font-size:11px}@keyframes fade-out{to{opacity:0}}.dock{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:var(--panel);border:2px solid #2f4d70;border-radius:18px;box-shadow:0 3px #0b1626,0 14px 30px #0a142359;z-index:10;max-width:calc(100vw - 24px)}.dock-btn{position:relative;display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:12px;font-size:14px;font-weight:600;color:var(--cream);transition:background .15s,transform .1s}.dock-btn:hover{background:#8cb8d524}.dock-btn:active{transform:translateY(1px)}.dock-btn.active{background:var(--orange);color:var(--navy);box-shadow:0 3px 0 var(--orange-d)}.dock-btn.icon-only{padding:10px}.ping{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--sky);box-shadow:0 0 #8cb8d5cc;animation:ping 1.6s infinite}@keyframes ping{to{box-shadow:0 0 0 10px #8cb8d500}}.miniroad{position:absolute;bottom:84px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:flex-end;padding:6px 10px;background:#14243bb8;border-radius:12px;z-index:9}.tick{width:9px;height:12px;border-radius:3px;background:#fff0cf4d;transition:height .2s,background .2s}.tick:hover{background:var(--cream);height:18px}.tick.focus{height:16px;background:#fff0cfb3}.tick.mine{background:var(--cream);box-shadow:0 0 0 2px var(--orange)}.tick.market{background:var(--orange);height:22px}.gate-panel{position:absolute;right:12px;top:80px;bottom:86px;width:360px;padding:18px 16px 14px;overflow-y:auto;z-index:11;animation:slide-in .35s cubic-bezier(.2,.9,.3,1.2);user-select:text}.gate-panel::-webkit-scrollbar{width:6px}.gate-panel::-webkit-scrollbar-thumb{background:#2f4d70;border-radius:6px}@keyframes slide-in{0%{transform:translate(30px);opacity:0}}.gp-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gp-head>div{flex:1}.gp-head small{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:600}.gp-head h2{margin:0;font-size:28px;line-height:1;color:var(--orange)}.status{font-size:10px;font-weight:700;letter-spacing:.06em;padding:5px 8px;border-radius:8px;background:#8cb8d524;color:var(--sky);white-space:nowrap}.status.market{background:#f5a6232e;color:var(--orange)}.range{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0a142359;border-radius:12px;font-size:13px;font-variant-numeric:tabular-nums;margin-bottom:10px;flex-wrap:wrap}.range i{flex:1;height:4px;min-width:20px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--orange) 0 8px,var(--cream) 8px 16px)}.range em{width:100%;font-style:normal;font-size:10px;color:var(--muted);letter-spacing:.12em;text-align:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.grid>div{background:#8cb8d514;border:1px solid var(--line);border-radius:10px;padding:7px 10px;display:flex;flex-direction:column}.grid small{font-size:11px;color:var(--muted)}.grid b{font-size:14px;font-variant-numeric:tabular-nums}.gp-sec{border-top:1px dashed var(--line);padding:12px 0 4px;display:flex;flex-direction:column;gap:8px}.sec-title{display:flex;justify-content:space-between;align-items:baseline}.sec-title span{font-weight:600;font-size:15px}.sec-title small{font-size:12px;color:var(--muted)}.sec-title b{color:var(--cream);font-variant-numeric:tabular-nums}.sec-title b.glow{color:var(--sky);text-shadow:0 0 12px rgba(140,184,213,.8)}.note{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.note.center{text-align:center;margin:8px 0}.disclaimer{font-size:11px;color:var(--muted);margin:12px 0 0;line-height:1.4;border-top:1px dashed var(--line);padding-top:10px}.input-row{display:flex;gap:6px}.input-row input{flex:1;min-width:0;padding:10px 12px;border-radius:11px;border:2px solid #2f4d70;background:#0a142380;font-variant-numeric:tabular-nums;user-select:text}.input-row input:focus{outline:none;border-color:var(--orange)}.input-row input::-webkit-outer-spin-button,.input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-row input[type=number]{-moz-appearance:textfield;appearance:textfield}.tranches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.tranches li{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;background:#0a142359;font-size:13px}.tranches li span{flex:1}.tranches li b{font-variant-numeric:tabular-nums;color:var(--orange)}.tranches li.open b{color:var(--green)}.tranches li i{position:absolute;left:0;bottom:0;height:3px;background:var(--orange);transition:width 1s linear}.tranches li.open i{background:var(--green)}.locked{position:relative}.locked-content{filter:blur(2px) grayscale(.6);opacity:.45;pointer-events:none}.locked-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px;color:var(--cream)}.locked-cover p{margin:0;font-weight:600;max-width:260px;text-shadow:0 1px 8px rgba(10,20,35,.8)}.locked-cover>svg{color:var(--orange)}.modal-wrap{position:fixed;inset:0;display:grid;place-items:center;background:#14243b52;backdrop-filter:blur(2px);z-index:20;padding:12px;animation:fade-in .2s}@keyframes fade-in{0%{opacity:0}}.modal{width:min(440px,100%);max-height:calc(100vh - 120px);display:flex;flex-direction:column;animation:pop .3s cubic-bezier(.2,.9,.3,1.3)}.modal.wide{width:min(720px,100%)}@keyframes pop{0%{transform:scale(.94) translateY(10px);opacity:0}}.modal header{display:flex;align-items:center;gap:10px;padding:16px 16px 10px 20px}.modal header h2{flex:1;margin:0;font-size:21px}.m-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--orange);color:var(--navy)}.modal-body{padding:4px 18px 18px;overflow-y:auto;user-select:text}.empty{text-align:center;padding:18px 0}.empty p{margin:4px 0}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.list li>button,.list li.row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#8cb8d514;border:1px solid var(--line);text-align:left}.list li>button:hover{border-color:var(--orange);background:#f5a6231a}.list li span{flex:1;display:flex;flex-direction:column;font-size:14px}.list li span small{color:var(--muted);font-size:11px}.list li em{font-style:normal;color:var(--sky);font-weight:600;font-variant-numeric:tabular-nums}.gid{min-width:52px;padding:4px 8px;border-radius:8px;background:var(--orange);color:var(--navy);text-align:center}.claim-total{display:flex;flex-direction:column;align-items:center;padding:14px;margin-bottom:12px;border-radius:14px;background:#0a142366}.claim-total small{color:var(--muted);font-size:12px;letter-spacing:.1em}.claim-total b{font-size:28px;color:var(--sky);font-variant-numeric:tabular-nums}.howto{margin:0 0 4px;padding-left:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:8px}.howto li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;column-gap:10px}.howto li:before{content:counter(s);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--orange);color:var(--navy);font-weight:700;display:grid;place-items:center}.howto li b{font-size:15px}.howto li span{font-size:13px;color:var(--muted);line-height:1.35}.mode-box{padding:12px 14px;border-radius:12px;margin-bottom:12px}.mode-box.demo{background:#f5a6231f;border:1px dashed var(--orange)}.mode-box.live{background:#7fd18b1f;border:1px solid var(--green)}.mode-box b{color:var(--orange);letter-spacing:.1em}.mode-box.live b{color:var(--green)}.mode-box p{margin:6px 0 0;font-size:13px;line-height:1.4}.addr-list{display:flex;flex-direction:column;margin-bottom:12px}.addr-row{display:flex;justify-content:space-between;align-items:center;padding:9px 2px;border-bottom:1px dashed var(--line);font-size:14px;gap:10px}.addr-row small{color:var(--muted)}.addr-row a{display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-family:ui-monospace,monospace}.muted{color:var(--muted);font-style:italic}.mono{font-family:ui-monospace,monospace}.setting{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px dashed var(--line);cursor:pointer}.toggle{appearance:none;width:44px;height:26px;border-radius:13px;background:#2f4d70;position:relative;cursor:pointer;transition:background .2s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--cream);transition:transform .2s}.toggle:checked{background:var(--orange)}.toggle:checked:after{transform:translate(18px)}.wallet-opt{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;border-radius:14px;background:#8cb8d514;border:2px solid var(--line);text-align:left;transition:border-color .15s,background .15s}.wallet-opt:hover:not(:disabled){border-color:var(--orange);background:#f5a6231a}.wallet-opt.demo{border-color:#f5a6238c}.wallet-opt>span:nth-child(2){flex:1;display:flex;flex-direction:column}.wallet-opt small{font-size:12px;color:var(--muted);line-height:1.35}.wallet-opt em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--navy);background:var(--orange);padding:3px 7px;border-radius:6px}.w-ico{width:38px;height:38px;border-radius:10px;background:#0a142366;display:grid;place-items:center;font-size:20px;overflow:hidden}.w-ico img{width:28px;height:28px}.divider{display:flex;align-items:center;gap:10px;margin:14px 0 10px;font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.map-tools{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.map-tools .input-row{flex:1;min-width:220px}.map{width:100%;height:auto;background:linear-gradient(180deg,#a9c08f,#93ad7d);border-radius:14px;border:2px solid #2f4d70}.m-road{fill:none;stroke:var(--asphalt);stroke-width:14;stroke-linecap:round;stroke-linejoin:round}.m-dash{fill:none;stroke:var(--cream);stroke-width:1.5;stroke-dasharray:5 6}.m-gate{cursor:pointer}.m-gate:hover .m-label{fill:var(--navy);font-weight:700}.m-label{font-size:10px;text-anchor:middle;fill:#14243bbf;font-family:var(--font);font-weight:600}.m-label.hot{fill:var(--navy);font-weight:700}.m-market{fill:var(--orange);stroke:var(--navy);stroke-width:2}.m-active{fill:#f5a62359;animation:pulse 1.4s infinite;transform-box:fill-box;transform-origin:center}@keyframes pulse{50%{transform:scale(1.4);opacity:.5}}.m-occ{fill:var(--navy)}.m-mine{fill:var(--cream);stroke:var(--navy);stroke-width:2}.m-you{fill:var(--sky);stroke:var(--navy);stroke-width:1.5}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;align-items:center}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.l-market{background:var(--orange)}.l-mine{background:var(--cream)}.l-active{background:#f5a62373}.l-occ{background:var(--navy);border:1px solid var(--sky)}.l-you{background:var(--sky)}.legend .note{margin-left:auto}.toasts{position:absolute;top:84px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:30;width:min(380px,calc(100vw - 24px));pointer-events:none}.toast{pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--panel);border:2px solid #2f4d70;box-shadow:0 10px 24px #0a142359;animation:drop .3s cubic-bezier(.2,.9,.3,1.3)}@keyframes drop{0%{transform:translateY(-12px);opacity:0}}.toast>div{flex:1}.toast b{font-size:14px}.toast p{margin:2px 0 0;font-size:12px;color:var(--muted);line-height:1.35}.toast a{font-size:12px;display:inline-flex;gap:4px;align-items:center;margin-top:3px}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}.toast.pending{border-color:var(--orange)}.tk-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:var(--sky);color:var(--navy);flex-shrink:0}.toast.success .tk-icon{background:var(--green)}.toast.error .tk-icon{background:var(--red);color:#fff}.toast.pending .tk-icon{background:transparent}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(245,166,35,.25);border-top-color:var(--orange);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.speech{position:relative;width:max-content;max-width:240px;padding:9px 13px;background:var(--cream);color:var(--navy);border:3px solid var(--navy);border-radius:16px;font:600 14px/1.3 var(--font);text-align:center;box-shadow:0 4px #14243b59;transform:translateY(-50%);animation:bubble .35s cubic-bezier(.2,.9,.3,1.5)}.speech:after{content:"";position:absolute;left:50%;bottom:-12px;width:16px;height:16px;background:var(--cream);border-right:3px solid var(--navy);border-bottom:3px solid var(--navy);transform:translate(-50%) rotate(45deg)}@keyframes bubble{0%{transform:translateY(-50%) scale(.6);opacity:0}}.tutorial{position:absolute;left:12px;bottom:86px;width:min(400px,calc(100vw - 24px));display:flex;gap:12px;padding:16px;z-index:12;animation:slide-up .35s cubic-bezier(.2,.9,.3,1.2)}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}}.tut-face{flex-shrink:0;width:64px;height:64px;border-radius:16px;background:var(--orange);display:grid;place-items:center}.tut-body{flex:1}.tut-body small{font-size:10px;letter-spacing:.16em;color:var(--orange);font-weight:700}.tut-body h3{margin:2px 0 4px;font-size:18px}.tut-body p{margin:0 0 10px;font-size:13px;line-height:1.4;color:#fff0cfd9}.tut-dots{display:flex;gap:4px;margin-bottom:10px}.tut-dots i{width:18px;height:5px;border-radius:3px;background:#fff0cf33}.tut-dots i.done{background:#f5a62380}.tut-dots i.on{background:var(--orange)}.tut-actions{display:flex;gap:6px;align-items:center}.tut-actions span{flex:1}.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#243b56,#14243b 70%);transition:opacity .6s,visibility .6s}.loader.out{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader h1{margin:6px 0 14px;letter-spacing:.2em;font-size:26px}.loader p{color:var(--muted);font-size:13px;margin:10px 0 0}.loader .bar{width:220px;height:10px;border-radius:5px;background:#fff0cf1f;overflow:hidden;margin:0 auto}.loader .bar i{display:block;height:100%;width:40%;border-radius:5px;background:repeating-linear-gradient(90deg,var(--orange) 0 12px,var(--cream) 12px 24px);animation:load 1.2s ease-in-out infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(250%)}}.loader-arm{transform-origin:30px 33px;animation:arm 1.6s ease-in-out infinite}@keyframes arm{50%{transform:rotate(-38deg)}}.fallback{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#14243b}.fallback .panel-mech{max-width:420px;padding:24px;text-align:center}.fallback h2{margin-top:0}@media (max-width: 1180px){.wallet-area .stats>div:nth-child(2){display:none}.dock-btn span{display:none}.dock-btn{padding:11px}}@media (max-width: 860px){.brand-text{display:none}.chip{padding:5px 10px}.chip b{font-size:14px}.chip i{display:none}.wallet-area .stats>div{display:none}.wallet-chip>span:last-child small{display:none}.hints,.miniroad{display:none}}@media (max-width: 640px){.topbar{flex-wrap:wrap;top:8px;left:8px;right:8px;gap:6px}.chips{order:3;width:100%;justify-content:center}.chip.price{flex:1}.wallet-chip>span:last-child{display:none}.wallet-area .stats{display:none}.connect{padding:10px 12px;font-size:14px}.cambar{top:auto;bottom:78px;left:8px}.seg button{padding:6px 8px;font-size:12px}.dock{bottom:8px;gap:0;padding:4px}.dock-btn{padding:10px}.gate-panel{inset:auto 8px 72px;width:auto;max-height:58vh}.tutorial{left:8px;bottom:128px}.toasts{top:auto;bottom:130px}.modal{max-height:calc(100vh - 90px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.brand-row{display:flex;gap:8px;align-items:stretch}.brand-logo{width:38px;height:38px;border-radius:10px;background:radial-gradient(circle at 50% 60%,#f5a623 0 55%,#c9811a 56%);object-fit:cover}.social{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:46px;padding:0 12px;background:var(--panel);border:2px solid #2f4d70;border-radius:14px;box-shadow:0 2px #0b1626,0 8px 20px #0a142340;color:var(--cream);font-weight:700;text-decoration:none;transition:border-color .15s,transform .1s}.social:hover{border-color:var(--orange);transform:translateY(-1px)}.tk-coin{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe9a6,#f5c542 55%,#b88412);box-shadow:0 0 8px #f5c542b3}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:11px;background:#8cb8d51a;border:1px solid var(--line);font-weight:600}.tabs button.on{background:var(--orange);color:var(--navy);border-color:var(--orange)}.settings-grid{display:flex;flex-direction:column}.setting span small{display:block;font-size:11px;color:var(--muted)}.setting.slider{display:grid;grid-template-columns:1fr 1.3fr 56px;gap:12px}.setting.slider b{text-align:right;font-variant-numeric:tabular-nums;color:var(--orange);font-size:13px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--orange) var(--p, 50%),#2f4d70 var(--p, 50%));cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--cream);border:3px solid var(--orange);box-shadow:0 2px #0b1626}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cream);border:3px solid var(--orange)}.keys{display:flex;flex-direction:column;gap:6px;padding:12px 2px;font-size:13px;color:var(--muted)}.keys b{color:var(--cream)}.reset{margin-top:14px}.speech.small{font-size:12.5px;max-width:200px;padding:7px 11px;border-width:2px}.show-hud{position:absolute;top:12px;right:12px;display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border-radius:12px;background:#14243bb3;color:var(--cream);font-weight:600;z-index:40}.fps{position:absolute;left:50%;top:4px;transform:translate(-50%);font:700 11px ui-monospace,monospace;color:var(--navy);background:#fff0cfd9;padding:2px 6px;border-radius:6px;z-index:50;pointer-events:none}body.flash .app:after{content:"";position:fixed;inset:0;background:#fff;opacity:.8;z-index:200;pointer-events:none}.loader-logo{border-radius:28px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35));animation:bob 1.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px) rotate(-3deg)}}.tut-face{background:var(--orange);overflow:hidden}.tut-face img{width:60px;height:60px;object-fit:cover}.toast.achievement{border-color:#f5c542;background:linear-gradient(180deg,#503c0af2,#14243bf7)}.toast.achievement .tk-icon{background:#f5c542;color:var(--navy)}.claim-total b.gold{color:#f5c542;text-shadow:0 0 14px rgba(245,197,66,.6)}.list.ach li.done{border-color:#f5c542}.list.ach li.done .gid{background:#f5c542}.wallet-opt .w-ico img{width:34px;height:34px;object-fit:cover}@media (max-width: 860px){.social{min-width:40px;padding:0 9px}.setting.slider{grid-template-columns:1fr 1fr 48px}}@media (max-width: 640px){.brand-row .social.tokens{display:none}.tabs button{font-size:13px;padding:8px 4px}}