*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b1026;font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#app canvas{display:block;touch-action:none}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffd9;border-radius:2px;box-shadow:0 0 3px #0009}#crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#hotbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:6px}.slot{position:relative;width:52px;height:52px;border-radius:10px;background:#0a0e1e8c;border:2px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:transform .12s ease,border-color .12s ease}.slot.selected{border-color:#ffffffe6;transform:translateY(-6px) scale(1.08)}.slot .swatch{width:30px;height:30px;border-radius:6px;box-shadow:inset 0 -6px #0000002e,inset 0 4px #ffffff38}.swatch.textured{background-size:cover;image-rendering:pixelated;box-shadow:inset 0 0 0 1px #00000040}.slot .key{position:absolute;top:2px;left:5px;font-size:10px;color:#ffffffb3}.slot .name{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:10px;color:#fff;white-space:nowrap;opacity:0;transition:opacity .12s}.slot.selected .name{opacity:.9}#hearts{position:absolute;left:50%;bottom:84px;transform:translate(-50%);display:flex;gap:2px;font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.heart.full{color:#ff4d6d}.heart.half{color:#ff4d6d;opacity:.5}.heart.empty{color:#ffffff40}#buffs{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:flex;gap:6px}.buff{font-size:12px;color:#fff;background:#0a0e1e99;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:3px 10px}#toasts{position:absolute;right:16px;bottom:90px;display:flex;flex-direction:column-reverse;gap:6px;align-items:flex-end}.toast{font-size:13px;color:#fff;background:#0a0e1eb3;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 12px;animation:toast-in .18s ease-out}@keyframes toast-in{0%{transform:translate(20px);opacity:0}}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;--vignette-color: #ff3040;background:radial-gradient(ellipse at center,transparent 45%,var(--vignette-color) 130%);opacity:0;pointer-events:none}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:30}#underwater{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1a4f6e2e,#0c2a4073);opacity:0;transition:opacity .35s ease;pointer-events:none}#underwater.on{opacity:1}.slot .item-icon{font-size:26px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.slot .count{position:absolute;bottom:2px;right:5px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}#craft{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0508148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:8}#craft.hidden{display:none}#craft-box{width:min(1280px,96vw);height:94vh;display:flex;flex-direction:column;background:#0e1328f0;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px 26px;color:#fff}#craft-box h2{font-size:24px;margin-bottom:12px;flex-shrink:0}#craft-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:10px}#craft-scroll,#journal-list,#friends-content{scrollbar-width:thin;scrollbar-color:#b86fd8 rgba(255,255,255,.06)}#craft-scroll::-webkit-scrollbar,#journal-list::-webkit-scrollbar,#friends-content::-webkit-scrollbar{width:10px}#craft-scroll::-webkit-scrollbar-track,#journal-list::-webkit-scrollbar-track,#friends-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}#craft-scroll::-webkit-scrollbar-thumb,#journal-list::-webkit-scrollbar-thumb,#friends-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff5af0,#7adfd0);border-radius:999px;border:2px solid rgba(14,19,40,.9)}#craft-scroll::-webkit-scrollbar-thumb:hover,#journal-list::-webkit-scrollbar-thumb:hover,#friends-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8af4,#a8efe2)}#gear-title,.section-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:8px}.section-title{margin-top:4px}.gear-hint{font-size:12px;color:#ffffff80;padding:10px 12px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.2);border-radius:10px}#craft-gear,#craft-blocks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.gear-slot{position:relative;width:64px;height:72px;border-radius:10px;background:#ffffff0f;border:2px solid rgba(255,255,255,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform .1s ease,border-color .1s ease,background .1s ease}.gear-slot:hover{transform:translateY(-3px) scale(1.06);background:#ffffff24;border-color:#ffffffb3}.gear-slot.selected{border-color:#74dd55;box-shadow:0 0 12px #74dd5559}.gear-slot.empty{opacity:.35;cursor:default}.gear-slot.empty:hover{transform:none;background:#ffffff0f;border-color:#ffffff29}.gear-slot .swatch{width:28px;height:28px;border-radius:6px;box-shadow:inset 0 -5px #0000002e,inset 0 3px #ffffff38}.gear-slot .item-icon{font-size:24px}.gear-slot .key{position:absolute;top:3px;left:6px;font-size:10px;color:#fff9}.gear-slot .gear-name{font-size:9px;color:#ffffffbf;max-width:60px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gear-slot .count{position:absolute;bottom:16px;right:6px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}#hotbar.dense{gap:4px}#hotbar.dense .slot{width:42px;height:42px;border-radius:8px}#hotbar.dense .slot .swatch{width:23px;height:23px}#hotbar.dense .slot .item-icon{font-size:20px}#craft-cols{display:flex;gap:18px;align-items:flex-start}#craft-mats{width:210px;flex-shrink:0}#craft-mats h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:8px}.mat{display:flex;justify-content:space-between;font-size:14px;padding:5px 8px;border-radius:6px;background:#ffffff0d;margin-bottom:4px}.mat-empty{font-size:12px;color:#ffffff73;line-height:1.5}#craft-recipes{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}.recipe{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.recipe.locked{opacity:.55}.recipe-head{display:flex;align-items:center;gap:8px;font-size:14px}.recipe-emoji{font-size:20px}.recipe-desc{font-size:11.5px;color:#ffffff8c}.recipe-cost{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:11px;padding:2px 8px;border-radius:999px;background:#ffffff14}.chip.missing{color:#ff8a9a}.chip.ok{color:#9af0a0}.recipe button{margin-top:auto;padding:6px 0;border:none;border-radius:8px;background:linear-gradient(180deg,#58b0f4,#3d7fd6);color:#fff;font-weight:700;cursor:pointer}.recipe button:disabled{background:#ffffff1f;color:#fff6;cursor:default}#craft-close{margin-top:14px;align-self:center;flex-shrink:0;padding:8px 26px;border:none;border-radius:999px;background:#ffffff24;color:#fff;font-weight:600;cursor:pointer}#craft-close:hover{background:#ffffff38}#touch-ui{display:none}body.touch #touch-ui{display:block}#joy{position:absolute;left:26px;bottom:96px;width:132px;height:132px;border-radius:50%;background:#0a0e1e59;border:2px solid rgba(255,255,255,.25);pointer-events:auto;touch-action:none}#joy-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.5)}#touch-right{position:absolute;right:22px;bottom:92px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}#touch-top{position:absolute;top:12px;right:12px;display:flex;gap:10px}.tbtn{width:60px;height:60px;border-radius:50%;background:#0a0e1e73;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:26px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.tbtn.pressed{background:#74dd5566;transform:scale(.94)}.tbtn-big{width:78px;height:78px;font-size:34px}.tbtn-small{width:46px;height:46px;font-size:20px}.tbtn-wide{width:auto;padding:0 18px;border-radius:999px;font-size:16px;height:48px;color:#fff}#btn-down,#btn-dismount{display:none}body.touch.can-descend #btn-down,body.touch.mounted #btn-dismount{display:flex}body.touch .slot{pointer-events:auto}body.touch #hotbar{bottom:10px}body.touch #hearts{bottom:72px}body.touch #buffs{bottom:100px}#friends{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0508148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:8}#friends.hidden{display:none}#friends-box{width:min(460px,92vw);max-height:84vh;overflow-y:auto;background:#0e1328f0;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px 22px;color:#fff;display:flex;flex-direction:column;gap:8px}#friends-box h2{font-size:20px}.friends-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-top:10px}.friends-section{display:flex;flex-direction:column;gap:8px;font-size:14px}.friends-section button{align-self:flex-start;padding:8px 16px;border:none;border-radius:10px;background:linear-gradient(180deg,#58b0f4,#3d7fd6);color:#fff;font-weight:700;cursor:pointer}.friends-section .hint{font-size:12px;color:#ffffff8c;line-height:1.5}.room-code{font-size:22px;letter-spacing:4px;color:#74dd55}.join-row{display:flex;gap:8px}.join-row input{flex:1;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:2px;outline:none}.theme-row{display:flex;flex-wrap:wrap;gap:6px}.theme-chip{padding:7px 12px!important;border-radius:999px!important;background:#ffffff1a!important;font-size:13px!important;font-weight:600!important}.theme-chip:hover{background:#fff3!important}.theme-random{background:linear-gradient(90deg,#ff8ad2,#58b0f4,#74dd55)!important;color:#0b1026!important}.world-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;border-radius:8px;padding:6px 10px}.world-row i{color:#fff6;font-style:normal;font-size:11px}#friends-close{margin-top:12px;align-self:center;padding:8px 26px;border:none;border-radius:999px;background:#ffffff24;color:#fff;font-weight:600;cursor:pointer}#minigame{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#0a0e1eb3;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 22px;color:#fff;font-size:15px;font-weight:600}#minigame.hidden{display:none}#journal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0508148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:8}#journal.hidden{display:none}#journal-box{width:min(440px,92vw);max-height:80vh;overflow-y:auto;background:#0e1328f0;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px 22px;color:#fff;display:flex;flex-direction:column;gap:6px}#journal-box h2{font-size:20px;margin-bottom:8px}#journal-count{float:right;font-size:13px;color:#74dd55}.journal-row{display:flex;align-items:center;gap:10px;font-size:14px;padding:7px 10px;border-radius:8px;background:#ffffff0d;color:#ffffffa6}.journal-row.done{background:#74dd551f;color:#fff}.journal-row .je{font-size:18px}#journal-close{margin-top:12px;align-self:center;padding:8px 26px;border:none;border-radius:999px;background:#ffffff24;color:#fff;font-weight:600;cursor:pointer}#craft-wardrobe{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.fit-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.fit-label{width:46px;font-size:12px;color:#fff9}.fit-swatch{width:24px;height:24px;border-radius:6px;border:2px solid rgba(255,255,255,.18);cursor:pointer}.fit-swatch.on{border-color:#fff;transform:scale(1.15)}.fit-none{background:#ffffff14;color:#fff9;font-size:12px}.fit-hat{width:38px;height:38px;border-radius:10px;border:2px solid rgba(255,255,255,.18);background:#ffffff12;font-size:20px;cursor:pointer}.fit-hat.on{border-color:#74dd55;background:#74dd5526}#craft-pets{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.pet-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#ffffff0d;border-radius:10px;padding:8px 12px;font-size:14px}.pet-btns{display:flex;gap:6px}.pet-btns button{padding:5px 12px;border:none;border-radius:8px;background:#ffffff24;color:#fff;font-size:12px;cursor:pointer}.pet-btns button:hover{background:#ffffff3d}.pet-btns .pet-free{background:#ff6b6b40}#namer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05081480;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9}#namer.hidden{display:none}#namer-box{background:#0e1328f2;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:24px 30px;color:#fff;text-align:center;display:flex;flex-direction:column;gap:12px}#namer-box h2{font-size:22px}#namer-box p{font-size:13px;color:#fff9}#namer-input{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;font-size:16px;text-align:center;outline:none}#namer-input:focus{border-color:#58b0f4}#namer-ok{padding:9px 0;border:none;border-radius:10px;background:linear-gradient(180deg,#ff8ad2,#e060a8);color:#fff;font-weight:700;font-size:14px;cursor:pointer}#arcade{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#03040cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9}#arcade.hidden{display:none}#arcade-box{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#1a1030,#0c0a1c);border:3px solid #ff5af0;box-shadow:0 0 28px #ff5af073,inset 0 0 18px #7adfd01f;border-radius:18px;padding:16px 26px 18px;color:#fff}#arcade-box h2{font-size:20px;letter-spacing:3px;color:#ff5af0;text-shadow:0 0 10px rgba(255,90,240,.8);margin-bottom:8px}#arcade-hud{display:flex;gap:26px;font-family:monospace;font-size:14px;color:#7adfd0;margin-bottom:8px}#arcade-lives{color:#ff6b6b}#arcade-canvas{width:min(720px,86vw,100vh);aspect-ratio:4 / 3;image-rendering:pixelated;border:2px solid rgba(122,223,208,.5);border-radius:6px;background:#04050f}#arcade-touch{display:none;gap:18px;margin-top:10px}body.touch #arcade-touch{display:flex}.abtn{width:64px;height:64px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(122,223,208,.6);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none}.abtn-fire{border-color:#ff5af0;color:#ff5af0}#arcade-hint{font-size:12px;color:#ffffff8c;margin-top:8px}#arcade-close{margin-top:10px;padding:7px 24px;border:none;border-radius:999px;background:#ffffff24;color:#fff;font-weight:600;cursor:pointer}#map{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0508148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:8}#map.hidden{display:none}#map-box{display:flex;flex-direction:column;align-items:center;background:#0e1328f0;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px 22px;color:#fff}#map-box h2{font-size:20px;margin-bottom:10px}#map-frame{position:relative;width:min(480px,80vw,64vh);height:min(480px,80vw,64vh);border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.18)}#map-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}#map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#map-player{position:absolute;color:#fff;font-size:16px;text-shadow:0 0 4px #000,0 0 8px #4adfd0;transform:translate(-50%,-50%);z-index:3}.map-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.map-marker.edge{opacity:.9}.map-marker.edge .map-emoji{font-size:14px;filter:drop-shadow(0 0 4px rgba(255,90,240,.9))}.map-emoji{font-size:17px;text-shadow:0 1px 3px #000}.map-label{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap}.map-peer{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.map-dot{width:8px;height:8px;border-radius:50%;background:#ffd95e;border:2px solid #fff}#map-close{margin-top:12px;padding:8px 26px;border:none;border-radius:999px;background:#ffffff24;color:#fff;font-weight:600;cursor:pointer}body.photo #hud,body.photo #craft,body.photo #namer{display:none}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 35%,#141e46d1,#050814f0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:10;transition:opacity .25s ease}#overlay.hidden{opacity:0;pointer-events:none}#title{font-size:72px;font-weight:900;letter-spacing:6px;background:linear-gradient(180deg,#ffd9f4,#9be8ff 35%,#58b0f4 65%,#74dd55);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 40px rgba(88,176,244,.35)}#subtitle{font-size:16px;color:#ffffff8c;letter-spacing:3px;margin-top:-10px}#msg{margin-top:18px;font-size:22px;color:#fff;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}#help{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;margin-top:8px}#help span{font-size:12px;color:#ffffffa6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px}#portal{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;z-index:8;background:radial-gradient(1.5px 1.5px at 12% 22%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 68% 12%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 84% 58%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 34% 78%,rgba(255,255,255,.4),transparent),radial-gradient(ellipse at 50% 0%,#1a1030,#0a0918 55%,#05060f)}#portal.hidden{display:none}#portal-inner{max-width:1060px;margin:0 auto;padding:42px 18px 56px;text-align:center}#portal-title{font-size:clamp(44px,8vw,72px);font-weight:900;letter-spacing:6px;background:linear-gradient(180deg,#ffd9f4,#9be8ff 35%,#58b0f4 65%,#74dd55);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 40px rgba(88,176,244,.35)}#portal-sub{color:#ffffff8c;letter-spacing:3px;font-size:15px;margin-top:2px}#portal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:30px}.pcard{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 14px 16px;background:linear-gradient(180deg,#1a1030,#0c0a1c);border:2px solid rgba(255,90,240,.45);border-radius:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pcard:hover{transform:translateY(-4px);border-color:#ff5af0;box-shadow:0 6px 30px #ff5af059,inset 0 0 16px #7adfd014}.pcard canvas{width:100%;aspect-ratio:4 / 3;image-rendering:pixelated;border:1px solid rgba(122,223,208,.35);border-radius:8px;background:#04050f}.pcard h3{color:#ff5af0;font-size:15px;letter-spacing:2px;text-shadow:0 0 8px rgba(255,90,240,.7)}.pcard p{font-size:12px;line-height:1.45;color:#fff9}.pcard-hi{font-family:monospace;font-size:12px;color:#7adfd0}.pcard-go{margin-top:4px;padding:6px 18px;border:1px solid #ff5af0;border-radius:999px;background:#ff5af024;color:#ffd9f4;font-size:13px;font-weight:700;letter-spacing:1px}.pcard:hover .pcard-go{background:#ff5af04d}.pcard-world{grid-column:1 / -1;padding:24px 16px 22px;border-color:#ffd95e8c;background:linear-gradient(160deg,#14324a,#123521 55%,#1a1030)}.pcard-world:hover{border-color:#ffd95e;box-shadow:0 6px 30px #ffd95e4d}.pcard-world h3{font-size:26px;letter-spacing:5px;background:linear-gradient(180deg,#ffd9f4,#9be8ff 45%,#74dd55);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.pcard-world .pcard-go{border-color:#ffd95e;background:#ffd95e24;color:#ffe9a8}.pcard-world:hover .pcard-go{background:#ffd95e4d}.pcard-scene{display:flex;gap:26px;font-size:42px}.pcard-scene span{animation:portal-bob 2.6s ease-in-out infinite}.pcard-scene span:nth-child(2){animation-delay:.4s}.pcard-scene span:nth-child(3){animation-delay:.8s}.pcard-scene span:nth-child(4){animation-delay:1.2s}@keyframes portal-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}#portal-foot{margin-top:30px;font-size:11px;letter-spacing:1px;color:#ffffff61}#ast-canvas{position:fixed;top:0;right:0;bottom:0;left:0;cursor:crosshair}#ast-hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Cascadia Mono,Consolas,monospace;color:#d8f6ff;z-index:5;--cy: #3fd4ff;--cy-dim: rgba(63, 212, 255, .55);--cy-line: rgba(63, 212, 255, .4)}#ast-hud .hidden{display:none!important}#ast-back{position:absolute;bottom:208px;left:26px;pointer-events:auto;padding:6px 14px;border:1px solid var(--cy-line);background:#02080eb3;color:var(--cy);font-family:inherit;font-size:11px;letter-spacing:2px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}#ast-back:hover{background:#3fd4ff26}#ast-tl{position:absolute;top:22px;left:26px;border-left:2px solid var(--cy);padding-left:14px}.ast-label{font-size:12px;letter-spacing:3px;color:var(--cy);margin-top:10px}#ast-score{font-size:42px;font-weight:700;color:#fff;letter-spacing:2px;line-height:1.1;text-shadow:0 0 18px rgba(63,212,255,.5)}#ast-hi{font-size:19px;letter-spacing:1px}.ast-cyan{color:var(--cy)}#ast-lives{display:flex;gap:8px;margin-top:5px}.ast-shipicon{width:20px;height:24px;color:var(--cy);filter:drop-shadow(0 0 4px rgba(63,212,255,.8))}#ast-tc{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}#ast-wavebox{padding:6px 46px 8px;font-size:19px;letter-spacing:4px;color:#fff;border:1.5px solid var(--cy-dim);border-top:none;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,18px 100%);text-shadow:0 0 12px rgba(63,212,255,.6)}#ast-nodes{display:flex;align-items:center;gap:20px;position:relative}#ast-nodes:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:1.5px;background:var(--cy-line)}#ast-nodes i{position:relative;width:10px;height:10px;border:1.5px solid var(--cy);border-radius:50%;background:transparent}#ast-nodes i.on{background:var(--cy);box-shadow:0 0 8px #3fd4ffe6}#ast-elite{font-size:13px;letter-spacing:3px;color:var(--cy);animation:pulse .9s ease-in-out infinite}#ast-tr{position:absolute;top:20px;right:26px;text-align:right;border-right:2px solid var(--cy);padding-right:14px}#ast-combo{font-size:48px;font-weight:700;color:#fff;line-height:1;text-shadow:0 0 18px rgba(63,212,255,.55)}#ast-combo .ast-x{color:var(--cy);font-size:30px;margin-right:6px}#ast-combo.ast-pop-anim{animation:ast-pop .22s ease-out}@keyframes ast-pop{0%{transform:scale(1.25)}to{transform:scale(1)}}#ast-gain{display:inline-block;margin-top:10px;padding:4px 16px;font-size:16px;color:var(--cy);border:1px solid var(--cy-line);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);opacity:0}#ast-gain.go{animation:ast-gain 1.4s ease-out}@keyframes ast-gain{0%{opacity:1}70%{opacity:1}to{opacity:0}}#ast-cross{position:absolute;width:22px;height:22px;border:1.5px solid var(--cy);border-radius:50%;box-shadow:0 0 8px #3fd4ff99,inset 0 0 6px #3fd4ff59;transform:translate(-50%,-50%)}#ast-cross:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}#ast-pops{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ast-pop{position:absolute;font-size:17px;color:#fff;text-shadow:0 0 10px rgba(63,212,255,.8);opacity:0;transform:translate(-50%,-50%)}.ast-pop.go{animation:ast-popup .9s ease-out}@keyframes ast-popup{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 34px))}}#ast-radar{position:absolute;left:26px;bottom:22px;filter:drop-shadow(0 0 8px rgba(63,212,255,.25))}#ast-bars{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px}.ast-bar-wrap{display:flex;flex-direction:column;gap:4px}.ast-bar{width:min(220px,24vw);height:12px;border:1.5px solid var(--cy-dim);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:#02080e99}.ast-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,rgba(216,246,255,.95),var(--cy));box-shadow:0 0 10px #3fd4ffb3;transition:width .15s linear}.ast-bar-label{font-size:11px;letter-spacing:3px;color:var(--cy)}.ast-bar-wrap:first-child .ast-bar-label{text-align:left}.ast-bar-wrap:last-child .ast-bar-label{text-align:right}#ast-emblem{width:52px;height:52px;border:1.5px solid var(--cy-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#02080eb3;margin-bottom:8px}#ast-emblem .ast-shipicon{width:24px;height:28px}#ast-slots{position:absolute;right:26px;bottom:22px;display:flex;gap:12px}.ast-slot{width:62px;height:62px;border:1.5px solid var(--cy-dim);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:#02080eb3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--cy)}.ast-slot svg{width:26px;height:26px;filter:drop-shadow(0 0 4px rgba(63,212,255,.7))}.ast-slot-n{font-size:12px;color:#fff}.ast-slot.empty{opacity:.35}#ast-clocks{position:absolute;bottom:96px;left:50%;transform:translate(-50%);font-size:13px;letter-spacing:2px;color:var(--cy)}#ast-banner{position:absolute;top:34%;left:50%;transform:translate(-50%);font-size:52px;font-weight:700;letter-spacing:12px;color:#fff;text-shadow:0 0 30px rgba(63,212,255,.9);opacity:0}#ast-banner.ast-banner-go{animation:ast-banner 2s ease-out}@keyframes ast-banner{0%{opacity:0;transform:translate(-50%) scale(1.5)}15%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0}}#ast-hint{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:1px;color:#d8f6ff59}#ast-splash,#ast-pause,#ast-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#02040966}#ast-splash h1,#ast-pause h1,#ast-over h1{font-size:clamp(38px,6.5vw,64px);font-weight:700;letter-spacing:14px;color:#fff;text-shadow:0 0 34px rgba(63,212,255,.8),0 0 8px rgba(63,212,255,.9)}#ast-splash .ast-tag{letter-spacing:8px;color:var(--cy);margin-top:-8px}.ast-legend{display:flex;flex-direction:column;gap:7px;font-size:13px;letter-spacing:1px;color:#d8f6ffbf;text-align:center;border:1px solid var(--cy-line);background:#02080eb3;padding:16px 26px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.ast-start{margin-top:8px;font-size:17px;letter-spacing:5px;color:var(--cy);text-shadow:0 0 14px rgba(63,212,255,.9);animation:pulse 1.6s ease-in-out infinite}#ast-over p,#ast-pause p{font-size:19px;letter-spacing:2px;color:var(--cy)}#ast-canvas{touch-action:none}.ast-stick{position:absolute;width:104px;height:104px;border:2px solid rgba(63,212,255,.4);border-radius:50%;transform:translate(-50%,-50%);background:#3fd4ff0d;pointer-events:none}.ast-stick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;background:#3fd4ff47;border:2px solid var(--cy);box-shadow:0 0 14px #3fd4ff99;transform:translate(-50%,-50%)}.ast-cluster{position:absolute;display:flex;flex-direction:column;gap:14px;pointer-events:auto}.ast-cluster-left{left:calc(16px + env(safe-area-inset-left,0px))}.ast-cluster-right{right:calc(16px + env(safe-area-inset-right,0px))}#ast-touch-left,#ast-touch-right{bottom:calc(38% + env(safe-area-inset-bottom,0px))}#ast-touch-pause{bottom:calc(38% + env(safe-area-inset-bottom,0px) + 84px)}.ast-tbtn{width:66px;height:66px;border-radius:50%;background:#3fd4ff14;border:2px solid var(--cy-dim);display:flex;align-items:center;justify-content:center;font-size:27px;color:var(--cy);user-select:none;-webkit-user-select:none;touch-action:none;pointer-events:auto}.ast-tbtn:active{background:#3fd4ff40}.ast-tbtn svg{width:30px;height:30px;filter:drop-shadow(0 0 5px rgba(63,212,255,.7))}@media (max-width: 760px),(max-height: 520px){#ast-tl{top:12px;left:14px}#ast-score{font-size:26px}#ast-hi{font-size:13px}.ast-label{font-size:10px;margin-top:5px}.ast-shipicon{width:14px;height:17px}#ast-tr{top:12px;right:14px}#ast-combo{font-size:30px}#ast-combo .ast-x{font-size:19px}#ast-gain{font-size:12px;padding:3px 10px}#ast-wavebox{font-size:13px;padding:4px 26px 6px}#ast-nodes{gap:12px}#ast-nodes i{width:7px;height:7px}#ast-radar{width:108px;height:108px;left:12px;bottom:12px}#ast-back{bottom:132px;left:12px;font-size:10px;padding:5px 10px}#ast-bars .ast-bar{width:min(130px,18vw);height:9px}#ast-emblem{width:38px;height:38px}#ast-slots{right:12px;bottom:12px;gap:8px}.ast-slot{width:46px;height:46px}.ast-slot svg{width:18px;height:18px}.ast-slot-n{font-size:10px}#ast-banner{font-size:32px;letter-spacing:7px}.ast-legend{font-size:11px;padding:10px 14px;gap:5px}#ast-hint{display:none}.ast-tbtn{width:56px;height:56px;font-size:23px}}.pcard-deluxe{border-color:#3fd4ff8c;background:radial-gradient(1.5px 1.5px at 20% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 85% 70%,rgba(255,255,255,.4),transparent),linear-gradient(165deg,#0a1c2c,#060d1a 60%,#02040a)}.pcard-deluxe:hover{border-color:#3fd4ff;box-shadow:0 6px 30px #3fd4ff66}.pcard-deluxe h3{color:#3fd4ff;text-shadow:0 0 10px rgba(63,212,255,.8)}.pcard-space{position:relative;width:100%;aspect-ratio:4 / 3;border:1px solid rgba(63,212,255,.35);border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,rgba(63,212,255,.14),transparent 65%),#02040a}.pcard-space span{position:absolute;font-size:34px;animation:portal-bob 3s ease-in-out infinite}.pcard-ship{left:44%;top:42%;font-size:42px!important;transform:rotate(-45deg);filter:drop-shadow(0 0 10px rgba(63,212,255,.9))}.pcard-rock.pr1{left:12%;top:16%;animation-delay:.5s}.pcard-rock.pr2{left:74%;top:24%;animation-delay:1s;filter:drop-shadow(0 0 8px rgba(63,212,255,.8))}.pcard-rock.pr3{left:22%;top:62%;animation-delay:1.5s}