:root{--bg:#100e24;--card:#24213f;--ink:#fffaf0;--muted:#aaa8c5;--gold:#ffd166;--mint:#62e7c8;--pink:#ff7096;--purple:#927dff;--line:rgba(255,255,255,.10)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#3b3173 0,#17132f 35%,#10282d 100%);color:var(--ink);font-family:"Vazirmatn",Tahoma,sans-serif;overflow-x:hidden}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:linear-gradient(transparent 80%,rgba(93,228,199,.05))}.sky:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-55px;height:150px;background:linear-gradient(145deg,#183e3f 20%,#21524b 21% 42%,#193d3d 43%);transform:skewY(-3deg)}.sky i{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:.7;box-shadow:0 0 13px #fff;animation:twinkle 2.4s ease-in-out infinite}.sky i:nth-child(1){top:7%;left:12%}.sky i:nth-child(2){top:17%;left:78%;animation-delay:.8s}.sky i:nth-child(3){top:39%;left:5%;animation-delay:1.5s}.sky i:nth-child(4){top:31%;left:91%;animation-delay:.3s}@keyframes twinkle{50%{opacity:.18;transform:scale(.5)}}main{width:min(100%,560px);margin:auto;padding:16px 13px 95px;position:relative}.card{background:linear-gradient(145deg,rgba(51,45,89,.96),rgba(29,27,55,.97));border:1px solid var(--line);border-radius:25px;box-shadow:0 18px 45px rgba(3,2,18,.32),inset 0 1px rgba(255,255,255,.04)}.loading{text-align:center;margin-top:25vh;padding:35px}.orb{font-size:42px;animation:float 1.8s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(5deg)}}.hero{min-height:142px;padding:20px;margin-bottom:12px;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 5%,rgba(255,209,102,.15),transparent 35%),linear-gradient(115deg,transparent,rgba(143,124,255,.16));z-index:-2}.mountains{position:absolute;inset:auto -20px -62px;height:140px;background:linear-gradient(140deg,transparent 16%,#413b72 17% 39%,transparent 40%),linear-gradient(220deg,transparent 25%,#29264e 26% 56%,transparent 57%);opacity:.75;z-index:-1}.hero-content{position:relative;z-index:1}.eyebrow{font-size:11px;color:var(--gold);font-weight:800}.hero h1{font-size:25px;margin:8px 0 4px;font-weight:900;letter-spacing:-.5px}.hero p{margin:0;color:#cfcae5;font-size:12px}.floating-gem{position:absolute;left:23px;top:47px;font-size:36px;filter:drop-shadow(0 8px 12px #0005);animation:gem 2.4s ease-in-out infinite}@keyframes gem{50%{transform:translateY(-9px) rotate(-8deg);filter:drop-shadow(0 14px 15px #7e67ff88)}}.players{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.player{font-family:inherit;color:inherit;text-align:right;padding:13px;border:1px solid var(--line);position:relative;cursor:pointer;transition:.25s;overflow:hidden}.player:active{transform:scale(.975)}.player.selected{border-color:var(--gold);box-shadow:0 0 0 2px rgba(255,209,102,.12),0 18px 45px #03021255}.player.selected:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.07) 45%,transparent 65%);animation:shine 1.2s ease}@keyframes shine{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.select-mark{position:absolute;left:12px;bottom:10px;color:var(--gold);font-size:12px}.player.me:not(.selected){border-color:rgba(98,231,200,.4)}.avatar{font-size:29px;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,#443d76,#29254e);box-shadow:inset 0 0 0 1px var(--line),0 8px 18px #05041b55;position:relative}.avatar i{position:absolute;width:9px;height:9px;background:var(--mint);border:2px solid #2d294f;border-radius:50%;right:-1px;bottom:1px}.player h3{margin:8px 0 1px;font-size:14px}.level{color:var(--muted);font-size:10px}.xp{height:7px;background:#15132b;border-radius:8px;margin-top:8px;overflow:hidden}.xp span{display:block;height:100%;background:linear-gradient(90deg,var(--mint),#d2f68b);border-radius:8px;box-shadow:0 0 10px var(--mint);animation:xpGrow .7s ease}@keyframes xpGrow{from{width:0}}.score{position:absolute;left:12px;top:13px;text-align:center;color:var(--gold);font-weight:900;font-size:18px}.score small{display:block;font-size:8px;color:var(--muted);font-weight:500}.streak{font-size:10px;margin-top:7px;color:#ffc49b}.panel{padding:16px;margin-bottom:12px;animation:rise .4s ease both}@keyframes rise{from{opacity:0;transform:translateY(9px)}}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head h2{margin:0;font-size:15px;font-weight:800}.pill{font-size:10px;background:rgba(98,231,200,.12);color:var(--mint);padding:6px 9px;border-radius:20px}.pill.good{background:rgba(255,209,102,.14);color:var(--gold)}.mission{display:flex;align-items:center;gap:9px;width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);padding:12px 2px;text-align:right;font-family:inherit;animation:missionIn .35s calc(var(--i)*.045s) ease both}.mission:last-of-type{border-bottom:0}@keyframes missionIn{from{opacity:0;transform:translateX(14px)}}.mission:active:not(.readonly){transform:scale(.985)}.mission.readonly{opacity:.9}.check{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#201d3b;font-size:14px;flex:0 0 auto;transition:.2s}.mission.done .check{background:var(--mint);color:#143229;box-shadow:0 0 15px rgba(98,231,200,.35)}.mission.skip .check{background:#514a70}.mission span:nth-child(2){flex:1;font-size:12px}.reward{font-size:9px;color:var(--gold)}.empty{text-align:center;padding:18px 8px}.empty .island{font-size:42px;animation:float 2s ease-in-out infinite}.empty h3{margin:7px 0 4px}.empty p,.spectating{color:var(--muted);font-size:11px;line-height:1.8}.spectating{text-align:center;background:rgba(255,255,255,.04);border-radius:13px;padding:9px;margin-top:10px}.energy{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center}.ring{--p:0;display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--pink) calc(var(--p)*1%),#181630 0);position:relative;box-shadow:0 0 25px rgba(255,112,150,.15);animation:ringPop .55s ease}@keyframes ringPop{from{transform:scale(.75) rotate(-30deg);opacity:0}}.ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#282445}.ring b,.ring span{z-index:1;position:absolute}.ring b{font-size:14px;top:23px}.ring span{font-size:8px;color:var(--muted);bottom:20px}.energy h3{margin:0 0 5px;font-size:15px}.energy p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.food-details{margin-top:14px;border-top:1px solid var(--line);padding-top:11px}.food-details summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:12px;color:#ddd8ed}.food-details summary::-webkit-details-marker{display:none}.food-details summary b{color:var(--gold);font-size:10px}.food-list{padding-top:8px}.food-row{display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line);font-size:11px;animation:missionIn .3s calc(var(--i)*.04s) ease both}.food-row:last-child{border:0}.food-row b{font-size:10px;color:var(--mint)}.food-icon{font-size:16px}.food-empty{text-align:center;color:var(--muted);font-size:11px;padding:16px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.btn{border:0;border-radius:14px;padding:12px 9px;font:800 11px "Vazirmatn",Tahoma;color:#1a1930;background:var(--gold);position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn.alt{background:var(--mint)}.btn.ghost{background:rgba(255,255,255,.07);color:var(--ink);border:1px solid var(--line)}.btn.sparkle{background:linear-gradient(110deg,#ffd166,#ff91a9);box-shadow:0 8px 20px rgba(255,112,150,.18)}.btn.sparkle:after{content:"";position:absolute;inset:-2px;background:linear-gradient(100deg,transparent 30%,#fff8 48%,transparent 65%);transform:translateX(110%);animation:buttonShine 2.8s infinite}@keyframes buttonShine{60%,100%{transform:translateX(-110%)}}.btn.full{width:100%;margin-top:4px}.btn:disabled{opacity:.65}.versus{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:12px;font-size:11px;color:#ddd8ee;margin-bottom:12px}.versus b{font-size:15px;color:var(--gold)}.versus i{font-style:normal;animation:sword 1.8s ease-in-out infinite}@keyframes sword{50%{transform:rotate(-12deg) scale(1.12)}}.game-footer{text-align:center;color:#716d90;font-size:10px;padding:8px}.game-footer span{color:var(--gold);margin:0 5px}.sheet{position:fixed;inset:0;background:rgba(4,3,18,.76);display:grid;align-items:end;z-index:5;backdrop-filter:blur(7px);animation:fade .2s ease}@keyframes fade{from{opacity:0}}.sheet-box{width:min(100%,560px);max-height:91vh;overflow:auto;margin:auto;background:linear-gradient(160deg,#302b50,#201d3a);border:1px solid var(--line);border-radius:27px 27px 0 0;padding:11px 16px 28px;animation:sheetUp .3s cubic-bezier(.2,.8,.2,1)}@keyframes sheetUp{from{transform:translateY(100%)}}.grabber{width:42px;height:4px;background:#696480;border-radius:5px;margin:0 auto 15px}.sheet-title{display:flex;align-items:center;gap:11px;margin-bottom:13px}.sheet-title>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#3b365f;font-size:25px}.sheet-title h2{font-size:18px;margin:0}.sheet-title p{font-size:10px;color:var(--muted);margin:2px 0}.sheet input,.sheet textarea{width:100%;background:#17152d;border:1px solid var(--line);border-radius:14px;color:#fff;padding:13px;font:12px "Vazirmatn",Tahoma;margin-bottom:9px;outline:0}.sheet input:focus,.sheet textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(146,125,255,.12)}.sheet textarea{min-height:112px;resize:none}.switch-mode{display:block;width:100%;border:0;background:none;color:#bbb5d6;font:600 10px "Vazirmatn";padding:13px}.ai-notice{font-size:10px;color:var(--gold);margin:12px 2px 7px}.ai-item{display:grid;grid-template-columns:20px 1fr 72px;gap:8px;align-items:center;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:8px}.ai-item>input:first-child{accent-color:var(--mint);margin:0;width:16px}.ai-item b,.ai-item small,.ai-item em{display:block}.ai-item b{font-size:11px}.ai-item small{font-size:8px;color:var(--muted);margin:3px 0}.ai-item em{font-size:9px;color:var(--gold);font-style:normal}.ai-item .ai-cal{margin:0;text-align:center;padding:9px 4px}.loader{display:inline-block;width:13px;height:13px;border:2px solid #332d55;border-top-color:transparent;border-radius:50%;vertical-align:middle;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.spark{position:fixed;z-index:20;width:7px;height:7px;background:var(--gold);border-radius:2px;pointer-events:none;animation:spark .7s ease-out forwards}@keyframes spark{to{transform:translate(var(--x),var(--y)) rotate(180deg) scale(0);opacity:0}}#toast{position:fixed;z-index:30;bottom:24px;right:50%;transform:translateX(50%) translateY(100px);background:#fff;color:#211e3b;border-radius:14px;padding:11px 16px;font:600 11px "Vazirmatn";transition:.25s;box-shadow:0 10px 30px #0006;white-space:nowrap}#toast.show{transform:translateX(50%) translateY(0)}.error{text-align:center;padding:28px;line-height:1.9}@media(max-width:360px){.player{padding:10px}.score{font-size:16px}.avatar{width:45px;height:45px}.actions{grid-template-columns:1fr}.hero h1{font-size:22px}}