#aero{font-family:"Segoe UI","Trebuchet MS",Tahoma,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}
#aero *{box-sizing:border-box}
html,body,*,*:hover,*:active,#aero,#aero *,#aero *:hover{cursor:url(../assets/value.ba0c1d7444d903befe997a4a9672cdcc2a11030accd39242228b893df7584a6c.png) 6 0,default !important}
.ctrail{position:fixed;z-index:2147483647;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,255,255,.25) 35%,rgba(140,220,255,.18) 65%,rgba(120,200,255,.55));box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 0 6px rgba(140,220,255,.5);animation:ctrail 1.8s cubic-bezier(.25,.6,.4,1) forwards}
@keyframes ctrail{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:.9}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% - 46px)) scale(1)}}
.desk{position:fixed;inset:0;background-size:cover;background-position:center;pointer-events:auto;overflow:hidden}
.desk:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.12),transparent 60%);pointer-events:none}
.icons{position:absolute;left:18px;top:18px;display:flex;flex-direction:column;gap:10px;z-index:2}
.ico{width:104px;padding:6px 4px 8px;border:1px solid transparent;border-radius:4px;text-align:center;cursor:inherit;transition:background .3s,border-color .3s,transform .3s}
.ico:hover{background:linear-gradient(rgba(140,210,255,.35),rgba(90,170,240,.25));border-color:rgba(170,225,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.ico:active{transform:scale(.98)}
.ico img{width:64px;height:64px;display:block;margin:0 auto 4px;filter:drop-shadow(0 4px 6px rgba(0,30,60,.45));transition:transform .4s cubic-bezier(.3,1.3,.5,1)}
.ico:hover img{transform:translateY(-2px) scale(1.06)}
.ico span{font-size:13px;line-height:1.15;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.6)}
.win{position:absolute;z-index:5;min-width:260px;max-width:calc(100vw - 2 * (var(--spawn-chrome-reservation-right-inset,50px) + 12px));border-radius:8px;padding:0 7px 7px;
 background:linear-gradient(180deg,rgba(185,225,250,.62),rgba(120,180,225,.5) 30px,rgba(140,195,235,.42));backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);
 border:1px solid rgba(20,40,70,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 10px 30px rgba(0,20,50,.55);animation:pop .4s cubic-bezier(.2,.7,.3,1)}
@keyframes pop{from{transform:scale(.97) translateY(6px);opacity:0}to{transform:none;opacity:1}}
.bar{height:30px;display:flex;align-items:center;gap:8px;cursor:inherit;user-select:none;text-shadow:0 0 8px rgba(255,255,255,.9),0 0 2px #fff;color:#0b1a2b;font-size:13px}
.bar img{width:18px;height:18px}
.bar .t{flex:1}
.x{width:44px;height:19px;border-radius:3px;border:1px solid #5a1010;background:linear-gradient(#e8a28f,#d5553c 50%,#c03418 51%,#e0863a);color:#fff;font-weight:700;font-size:12px;line-height:16px;text-align:center;cursor:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);text-shadow:0 0 3px #600}
.x:hover{filter:brightness(1.15)}
.body{background:linear-gradient(#fdfeff,#eaf3fb);color:#1b2a3a;border:1px solid rgba(40,70,110,.6);border-radius:3px;padding:12px}
.btn{transition:filter .15s;display:inline-block;padding:5px 16px;border-radius:3px;border:1px solid #707070;background:linear-gradient(#f2f2f2,#ebebeb 49%,#dddddd 50%,#cfcfcf);color:#111;font:inherit;font-size:13px;cursor:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.btn:hover{border-color:#3c7fb1;background:linear-gradient(#eaf6fd,#d9f0fc 49%,#bee6fd 50%,#a7d9f5)}
.btn:active{background:linear-gradient(#e5f4fc,#c4e5f6 49%,#98d1ef 50%,#68b3db)}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn.go{border-color:#1e6b20;color:#fff;text-shadow:0 1px 1px #145214;background:linear-gradient(#9be27f,#5cc63a 49%,#3fae1d 50%,#58c93a);font-weight:600}
.task{position:absolute;left:0;right:0;bottom:0;height:42px;z-index:8;display:flex;align-items:center;gap:6px;padding:0 10px 0 64px;
 background:linear-gradient(rgba(70,90,110,.55),rgba(10,20,30,.78) 50%,rgba(0,0,0,.85));border-top:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.orb{position:absolute;left:6px;bottom:1px;width:52px;height:52px;border-radius:50%;cursor:inherit;z-index:9;filter:drop-shadow(0 0 6px rgba(80,200,255,.8));transition:transform .12s,filter .12s}
.orb:hover{transform:scale(1.07);filter:drop-shadow(0 0 12px rgba(120,230,255,1))}
.tb{height:32px;padding:0 12px;display:flex;align-items:center;gap:6px;border-radius:3px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.05) 50%,rgba(0,0,0,.1));font-size:12px;cursor:inherit}
.tb img{width:20px;height:20px}
.tray{margin-left:auto;font-size:12px;text-align:center;line-height:1.2;padding:0 10px;text-shadow:0 1px 2px #000}
.startm{position:absolute;left:4px;bottom:44px;width:300px;z-index:10;border-radius:8px 8px 0 0;padding:8px;background:linear-gradient(rgba(30,50,70,.86),rgba(10,20,30,.93));border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:pop .15s}
.startm .row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:3px;cursor:inherit;font-size:13px;background:#fff;color:#111;margin-bottom:2px}
.startm .row:hover{background:linear-gradient(#e3f2ff,#c2e2ff)}
.startm img{width:32px;height:32px}
.buddy{position:relative;display:inline-block}
.buddy .fill{position:absolute;inset:0;-webkit-mask:url(../assets/67xiprjzuzod1-u510m11dy.webp) center/contain no-repeat;mask:url(../assets/67xiprjzuzod1-u510m11dy.webp) center/contain no-repeat}
.buddy img{position:relative;width:100%;height:100%;display:block;filter:grayscale(1) contrast(1.15) brightness(1.15);mix-blend-mode:luminosity;opacity:.85}
.sw{width:30px;height:30px;border-radius:50%;cursor:inherit;border:2px solid #fff;box-shadow:0 0 0 1px #6a8aa8,inset 0 -6px 10px rgba(0,0,0,.25),inset 0 6px 8px rgba(255,255,255,.6);transition:transform .1s}
.sw:hover{transform:scale(1.15)}
.sw.on{box-shadow:0 0 0 3px #2a9df4,0 0 12px #6cf,inset 0 -6px 10px rgba(0,0,0,.25),inset 0 6px 8px rgba(255,255,255,.6)}
.calcd{background:linear-gradient(#e8f6ff,#cbe7fa);border:1px solid #6d93b5;border-radius:3px;text-align:right;font-size:26px;padding:4px 8px;margin-bottom:8px;font-family:Consolas,monospace;color:#123;overflow:hidden;white-space:nowrap}
.cg{display:grid;grid-template-columns:repeat(4,52px);gap:5px}
.cg .btn{padding:8px 0;text-align:center}
.msbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 6px;border-radius:3px;background:linear-gradient(#e6f3fc,#c9e3f6);border:1px solid #8fb2cf}
.msnum{font-family:Consolas,monospace;font-size:20px;font-weight:700;color:#d01818;background:#1a1a1a;padding:1px 6px;border-radius:2px;min-width:46px;text-align:center}
.msface{width:34px;height:34px;border-radius:50%;cursor:inherit;font-size:20px;line-height:32px;text-align:center;border:1px solid #6a8aa8;background:radial-gradient(circle at 50% 30%,#fff,#bfe2fb 60%,#7cbfee);user-select:none}
.msface:active{transform:scale(.92)}
.msg{display:grid;gap:1px;background:#7d9bb6;border:1px solid #5d7b96;padding:1px;user-select:none}
.mc{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;cursor:inherit;
 background:linear-gradient(#e9f5ff,#bcdcf5 50%,#a8d0f0 51%,#cfe7fa);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.mc:hover{filter:brightness(1.08)}
.mc.o{background:#f4f8fb;box-shadow:none;cursor:default}
.mc.boom{background:radial-gradient(#ff8a7a,#e02020)}
.wthumb{width:120px;height:78px;object-fit:cover;border-radius:3px;border:2px solid transparent;cursor:inherit;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.wthumb:hover{border-color:#7cc8ff}
.wthumb.on{border-color:#2a9df4;box-shadow:0 0 0 2px #fff,0 0 12px #2a9df4}
.seat{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;background:linear-gradient(#fff,#eef5fb);border:1px solid #c5d7e8;margin-bottom:6px;font-size:14px}
.seat.empty{color:#7890a6;font-style:italic;border-style:dashed}
.glass{background:linear-gradient(rgba(255,255,255,.5),rgba(190,230,255,.3) 50%,rgba(140,200,240,.35));border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 18px rgba(0,30,70,.35);backdrop-filter:blur(10px) saturate(1.5);-webkit-backdrop-filter:blur(10px) saturate(1.5);border-radius:14px}
.chip{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;color:#0b2540;font-size:14px;font-weight:600;transition:transform .2s}
.chip.turn{transform:translateY(4px) scale(1.08);box-shadow:0 0 0 2px #fff,0 0 22px var(--c),inset 0 1px 0 #fff}
.chip small{display:block;font-weight:400;font-size:11px;opacity:.75}
.rollorb{width:132px;height:132px;border-radius:50%;cursor:inherit;pointer-events:auto;border:none;color:#fff;font:inherit;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,40,90,.6);
 background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.95),rgba(255,255,255,0) 42%),radial-gradient(circle at 50% 75%,#6ff0ff,#1a8fe8 55%,#0a4fb0);box-shadow:0 0 0 3px rgba(255,255,255,.8),0 8px 26px rgba(0,60,140,.55),0 0 40px rgba(90,210,255,.7);animation:breathe 3s ease-in-out infinite}
.rollorb:active{transform:scale(.93)}
@keyframes breathe{50%{box-shadow:0 0 0 3px #fff,0 8px 26px rgba(0,60,140,.55),0 0 70px rgba(120,230,255,1)}}
.toast{animation:toast 3.2s forwards}
@keyframes toast{0%{opacity:0;transform:translateY(-8px) scale(.95)}8%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0}}
.nick{display:block;width:100%;margin:3px 0 10px;padding:5px 8px;font:inherit;font-size:15px;font-weight:600;color:#0b2540;border:1px solid #8fb2cf;border-radius:3px;background:linear-gradient(#fff,#f2f8fd);box-shadow:inset 0 1px 2px rgba(0,40,80,.15);outline:none}
.nick:focus{border-color:#3c9fe8;box-shadow:0 0 0 2px rgba(80,180,255,.35)}
.msnbg{position:fixed;inset:0;background-size:cover;background-position:center;pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:10px calc(var(--spawn-chrome-reservation-right-inset,50px) + 10px) 10px 10px}
.msn{width:min(1180px,100%);height:min(760px,100%);display:flex;flex-direction:column;border-radius:9px;padding:0 6px 6px;color:#1b2a3a;
 background:linear-gradient(180deg,rgba(200,235,255,.8),rgba(140,200,240,.7) 34px,rgba(170,215,245,.62));backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);
 border:1px solid rgba(20,50,90,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 18px 50px rgba(0,30,70,.5)}
.msn.shook{animation:shook 1s cubic-bezier(.37,0,.63,1)}
@keyframes shook{0%,100%{transform:none}10%{transform:translate(-7px,2px) rotate(-.4deg)}22%{transform:translate(7px,-2px) rotate(.4deg)}34%{transform:translate(-6px,1px) rotate(-.3deg)}46%{transform:translate(5px,-1px) rotate(.25deg)}58%{transform:translate(-4px,1px)}70%{transform:translate(3px,0)}82%{transform:translate(-1.5px,0)}}
.nudgeb{margin-left:6px;padding:1px 8px;border-radius:999px;font:inherit;font-size:10px;font-weight:700;color:#0b4a8a;cursor:inherit;vertical-align:middle;border:1px solid rgba(80,150,210,.7);background:radial-gradient(circle at 50% 10%,#fff,rgba(255,255,255,0) 70%),linear-gradient(#eaf7ff,#bfe2fa);box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(0,40,90,.2);transition:transform .3s cubic-bezier(.3,1.4,.5,1),box-shadow .3s}
.nudgeb:hover{transform:scale(1.08);box-shadow:inset 0 1px 0 #fff,0 0 10px rgba(80,190,255,.7)}
.nudgeb.off{display:inline-block;color:#7f97ad;background:linear-gradient(#f3f8fc,#dde9f3);border-color:rgba(140,170,200,.5);box-shadow:none}
.msn.nudge{animation:nudge 1.4s cubic-bezier(.45,0,.25,1)}
@keyframes nudge{0%,100%{transform:none}30%{transform:translateY(-6px) scale(1.006)}65%{transform:translateY(2px)}}
.mtitle{height:32px;display:flex;align-items:center;gap:8px;font-size:13px;color:#0b1a2b;text-shadow:0 0 8px #fff,0 0 2px #fff}
.mtitle img{width:20px;height:20px}.mtitle span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mmenu{display:flex;gap:14px;font-size:12px;padding:3px 8px;color:#20384f}
.mmenu .helpb,.mmenu .muteb{cursor:inherit;padding:1px 9px;border-radius:4px;border:1px solid transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.3,1.4,.5,1),color .35s}.mmenu .helpb:hover,.mmenu .muteb:hover{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(170,225,255,.85) 50%,rgba(120,200,255,.8));border-color:rgba(60,140,210,.6);box-shadow:0 0 10px rgba(110,200,255,.75),inset 0 1px 0 #fff;transform:translateY(-1px);color:#0b4a86}.mmenu .muteb{display:inline-flex;align-items:center;gap:4px}.mmenu .muteb svg{width:15px;height:15px}.mmenu .muteb.off{color:#7a8a99}
#ahelp:not(.on),#ahelp:not(.on) *{pointer-events:none !important}#ahelp{position:fixed;left:50%;top:50%;width:min(440px,90vw);max-height:80vh;overflow:auto;transform:translate(-50%,-46%) scale(.97);opacity:0;pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.3,1);z-index:9000;border-radius:10px;padding:0 0 14px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(225,245,255,.9));border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(0,40,90,.35),inset 0 1px 0 #fff;color:#1c3550;font-size:13px;line-height:1.5}
.mkopt{transition:transform .25s ease,box-shadow .25s ease}.mkopt:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(40,140,220,.3),inset 0 0 0 1px rgba(80,170,240,.6)}
.codebar{display:flex;gap:8px;align-items:center;padding:8px 10px;margin-bottom:8px;border-radius:7px;background:linear-gradient(180deg,#fff,#e6f4ff);border:1px solid #a9cdea;font-size:12px;color:#2a4a66}
.codebar input{flex:1;min-width:0;padding:5px 8px;border-radius:5px;border:1px solid #8fb9dd;background:#fff;font:600 15px/1 Segoe UI,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#14406a;box-shadow:inset 0 1px 3px rgba(0,40,90,.15);outline:none}
.codebar input:focus{border-color:#3fa2f0;box-shadow:inset 0 1px 3px rgba(0,40,90,.15),0 0 0 3px rgba(63,162,240,.25)}
.codeerr{font-size:12px;color:#b4435a;margin:-2px 0 8px 4px}
.codeshow{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:10px;padding:10px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(205,236,255,.9));border:1px solid #9cc9ec;box-shadow:inset 0 1px 0 #fff;color:#2a4a66;font-size:12px}
.codeshow b{font:700 26px/1.1 Segoe UI,sans-serif;letter-spacing:6px;color:#0a6fd6;text-shadow:0 1px 0 #fff,0 0 10px rgba(47,198,255,.5);user-select:text}
.codeshow small{color:#6a8398;font-size:11px}
#aleave{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:rgba(0,30,60,.18);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s linear .35s}#aleave:not(.on) *{pointer-events:none !important}#aleave.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s ease}#aleave .lbox{width:min(340px,76vw);border-radius:9px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(228,244,255,.94));border:1px solid rgba(20,60,110,.55);box-shadow:0 18px 50px rgba(0,40,90,.4),inset 0 1px 0 #fff;transform:scale(.96) translateY(6px);transition:transform .4s cubic-bezier(.2,.8,.3,1)}#aleave.on .lbox{transform:none}#aleave .lt{padding:7px 12px;font-size:13px;color:#fff;background:linear-gradient(180deg,#5fc8ff,#1b86d6 55%,#0f6ec0);text-shadow:0 1px 2px rgba(0,30,70,.5)}#aleave .lb{display:flex;align-items:center;gap:12px;padding:16px 16px 10px;color:#1c3550;font-size:14px}#aleave .lb img{width:38px;height:38px}#aleave .lf{display:flex;justify-content:flex-end;gap:8px;padding:8px 14px 14px}#aleave .lf .btn{min-width:78px}
#ahelp.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
#ahelp h3{margin:0 0 8px;padding:9px 14px;font-size:14px;color:#fff;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#5fc8ff,#1b86d6 55%,#0f6ec0);text-shadow:0 1px 2px rgba(0,30,70,.5);display:flex;justify-content:space-between}
#ahelp h3 b{cursor:inherit;font-weight:600}#ahelp ul{margin:0;padding:0 16px 0 32px}#ahelp li{margin:4px 0}
.mmenu .leave{margin-left:auto;cursor:inherit;color:#b02a1a;font-weight:600}.mmenu .leave:hover{text-decoration:underline}
.mtop{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:6px;border-radius:5px;font-size:13px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 30%,#fff),#fff 70%);border:1px solid rgba(60,110,160,.4);transition:background .4s}
.mbody{flex:1;min-height:0;display:flex;gap:6px}
.mlist,.mchat,.mboard{background:linear-gradient(#fdfeff,#eaf4fc);border:1px solid rgba(50,90,140,.45);border-radius:5px}
.mlist{width:210px;padding:6px;display:flex;flex-direction:column;gap:5px}
.mh{font-size:12px;font-weight:700;color:#2a5a88;padding:2px 4px;border-bottom:1px solid #d3e3f1}
.contact{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;border:1px solid transparent;transition:all .7s cubic-bezier(.4,0,.2,1)}
.contact.on{border-color:color-mix(in srgb,var(--c) 70%,#fff);background:linear-gradient(color-mix(in srgb,var(--c) 18%,#fff),color-mix(in srgb,var(--c) 34%,#fff));box-shadow:0 0 14px color-mix(in srgb,var(--c) 55%,transparent),inset 0 1px 0 #fff;transform:scale(1.04)}
.frame{position:relative;width:52px;height:52px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;
 background:radial-gradient(circle at 50% 25%,#fff,color-mix(in srgb,var(--c) 30%,#fff) 70%);border:2px solid color-mix(in srgb,var(--c) 60%,#fff);box-shadow:inset 0 0 0 1px #fff,0 2px 5px rgba(0,40,80,.25)}
.ring{position:absolute;inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);transform:rotate(-90deg)}
.ring circle{fill:none;stroke:var(--c);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:100.5;stroke-dashoffset:0;filter:drop-shadow(0 0 2px var(--c));animation:ring linear forwards}
@keyframes ring{to{stroke-dashoffset:100.5;stroke:#ff4a3a}}
.cn{font-size:13px;min-width:0}.cn b{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.cn small{color:#6a8399}
.status{font-size:11px;color:#5a7590;display:flex;align-items:center;gap:5px}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:inset 0 -2px 3px rgba(0,0,0,.25),inset 0 2px 2px rgba(255,255,255,.7)}
.mboard{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:10px;background:radial-gradient(circle at 50% 40%,#ffffff,#dff1fd)}
.board{--w:linear-gradient(#ffffff,#eef6fc);--g:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,0) 50%);position:relative;height:min(100%,calc(100vw - 600px));aspect-ratio:1;max-width:100%;transform:rotate(var(--rot));transition:transform .6s;
 border-radius:14px;background:linear-gradient(#e7eef5,#cdd9e4);box-shadow:0 0 0 3px #fff,0 0 0 5px #b9c9d8,0 14px 30px rgba(0,40,90,.25)}
.sq{position:absolute;border-radius:18%;box-shadow:inset 0 0 0 1px rgba(0,40,80,.12),inset 0 -2px 3px rgba(0,30,60,.12);display:flex;align-items:center;justify-content:center;transform:scale(.92)}
.star{color:#ffbf1f;font-size:clamp(8px,2.6vmin,22px);text-shadow:0 1px 1px rgba(150,90,0,.4);transform:rotate(calc(-1 * var(--rot)))}
.base{position:absolute;padding:3%;border-radius:12%;background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,0) 45%),var(--c);box-shadow:inset 0 0 0 2px rgba(255,255,255,.7),inset 0 -6px 12px rgba(0,0,0,.18)}
.court{position:absolute;inset:16%;border-radius:18%;background:radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.95),rgba(255,255,255,0) 55%),linear-gradient(160deg,color-mix(in srgb,var(--c) 18%,#fff) 0%,color-mix(in srgb,var(--c) 45%,#fff) 55%,color-mix(in srgb,var(--c) 70%,#fff) 100%);box-shadow:inset 0 2px 6px rgba(0,30,60,.18),inset 0 0 0 1.5px rgba(255,255,255,.85),inset 0 -10px 18px color-mix(in srgb,var(--c) 30%,transparent);display:grid;grid-template-columns:1fr 1fr;place-items:center}
.court span{display:none}
.mid{position:absolute;border-radius:10%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8),inset 0 8px 14px rgba(255,255,255,.45)}
.pawn{position:absolute;width:6.2%;aspect-ratio:1;transform:translate(-50%,-50%);transition:left .32s cubic-bezier(.45,0,.25,1),top .32s cubic-bezier(.45,0,.25,1);z-index:3;filter:drop-shadow(0 3px 2px rgba(0,30,60,.4))}
.pawn .up{width:100%;height:100%;transform:rotate(calc(-1 * var(--rot))) translateY(-8%) scale(var(--s,1));transition:transform .45s cubic-bezier(.3,1.25,.5,1)}
.pawn.can{z-index:5;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px var(--c));transition:left .32s cubic-bezier(.45,0,.25,1),top .32s cubic-bezier(.45,0,.25,1),filter .45s ease}
.pawn.can:hover{z-index:6;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 16px var(--c)) drop-shadow(0 0 26px var(--c)) brightness(1.12)}
.pawn.can:hover .up{--s:1.25}
.memo{display:flex;gap:6px;justify-content:center;padding:6px 8px;border-top:1px solid rgba(50,90,140,.18);background:linear-gradient(rgba(255,255,255,.7),rgba(215,236,252,.55))}
.emob{width:40px;height:40px;padding:4px;border-radius:50%;cursor:inherit;border:1px solid rgba(120,170,215,.6);background:radial-gradient(circle at 50% 18%,#fff,rgba(255,255,255,0) 60%),linear-gradient(#f4fbff,#cfe7f9);box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,40,90,.18);transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s}
.emob img{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 1px rgba(0,30,60,.25))}
.emob:hover{transform:translateY(-2px) scale(1.12);box-shadow:inset 0 1px 0 #fff,0 0 12px rgba(80,190,255,.7)}
.emob:active{transform:scale(.92)}
.memo{position:relative}.memo.cool .emob{opacity:.45;filter:grayscale(.6);pointer-events:none}
.emot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:1px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#0b4a8a;background:rgba(255,255,255,.85);border:1px solid rgba(80,150,210,.6);box-shadow:0 1px 4px rgba(0,40,90,.2);pointer-events:none}
.emof{position:absolute;left:50%;top:50%;width:46px;height:46px;z-index:20;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,30,60,.35));animation:emof 2.6s cubic-bezier(.25,1,.35,1) forwards}
@keyframes emof{0%{transform:translate(-50%,-30%) scale(0);opacity:0}14%{transform:translate(-50%,-75%) scale(1.25);opacity:1}24%{transform:translate(-50%,-80%) scale(1)}80%{transform:translate(-50%,-105%) scale(1);opacity:1}100%{transform:translate(-50%,-125%) scale(.85);opacity:0}}
.cemo{width:28px;height:28px;vertical-align:middle;margin-top:2px}
.pawn .buddy{display:block}
.stackw{position:absolute;width:6.2%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(calc(-1 * var(--rot)));z-index:8;pointer-events:none;transition:left .32s cubic-bezier(.45,0,.25,1),top .32s cubic-bezier(.45,0,.25,1);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.stackw .stack{top:-26%}
.pawn .up{position:relative}
.stack{position:absolute;right:-22%;top:-18%;min-width:58%;height:46%;padding:0 12%;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:clamp(9px,1.5vmin,16px);font-weight:800;color:#fff;
 background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.85),rgba(255,255,255,0) 55%),linear-gradient(color-mix(in srgb,var(--c) 75%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 70%,#000));
 border:1.5px solid #fff;box-shadow:0 2px 5px rgba(0,30,60,.35),0 0 10px color-mix(in srgb,var(--c) 70%,transparent);text-shadow:0 1px 1px rgba(0,0,0,.35);animation:stackpop .6s cubic-bezier(.3,1.35,.5,1);-webkit-text-stroke:3px rgba(0,35,80,.85);paint-order:stroke fill;text-shadow:0 1px 0 rgba(0,30,70,.9),0 0 4px rgba(0,30,70,.7);border:2px solid rgba(0,45,100,.75);outline:1.5px solid rgba(255,255,255,.9)}
@keyframes stackpop{from{transform:scale(0)}to{transform:scale(1)}}
.pawn.can .up{animation:bob 1.8s ease-in-out infinite}
@keyframes bob{50%{translate:0 -9%}}
.mchat{width:290px;display:flex;flex-direction:column;min-height:0}
.mlog{flex:1;overflow:hidden;background:linear-gradient(#ffffff,#f3faff);border-radius:5px 5px 0 0;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;gap:6px;font-size:13px}
.cmsg{animation:msgin .3s ease-out;padding:6px 9px;border-radius:10px;background:linear-gradient(#ffffff,#eef8ff);border:1px solid #d3e8f7;box-shadow:0 1px 3px rgba(0,60,120,.08),inset 0 1px 0 #fff;color:#2a4a66}.cmsg div{padding-left:2px;color:#2a4a66}
.cmsg.sys{color:#2a8fd6;font-size:12px;font-style:italic;padding:4px 10px;border-radius:999px;background:linear-gradient(#f2fbff,#dff3ff);border-color:#bfe3fa;text-align:center}
@keyframes msgin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mdice{border-top:1px solid #c9dcec;padding:12px;display:flex;align-items:center;gap:12px;background:linear-gradient(#f4f9fd,#e1eef9);border-radius:0 0 5px 5px}
.die{position:relative;width:74px;height:74px;flex:none;border-radius:18px;background:radial-gradient(circle at 35% 25%,#fff 0,#fff 30%,#e9eef3 75%,#cdd6df);box-shadow:inset 0 -5px 10px rgba(0,30,60,.15),inset 0 3px 4px #fff,0 6px 14px rgba(0,40,90,.3),0 0 0 2px color-mix(in srgb,var(--c) 60%,#fff)}
.die:after{content:"";position:absolute;left:12%;right:12%;top:6%;height:36%;border-radius:12px 12px 40% 40%;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));pointer-events:none}
.fc{position:absolute;inset:0;padding:14%}
.pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;place-items:center}
.pips i{width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 60%,color-mix(in srgb,var(--c) 70%,#000));box-shadow:inset 0 1px 1px rgba(0,0,0,.3)}
.die.tumble{animation:tumble 1.1s cubic-bezier(.33,0,.2,1) forwards}
@keyframes tumble{0%{transform:translateY(-22px) rotate(-160deg) scale(.85)}60%{transform:translateY(-4px) rotate(-18deg) scale(1.03)}100%{transform:none}}
.fc.cyc{opacity:0;animation:cyc .7s ease-in-out 1 forwards}
@keyframes cyc{0%{opacity:0}10%{opacity:1}25%{opacity:1}40%,100%{opacity:0}}
.fc.fin{opacity:0;animation:fin .4s .7s ease-out forwards}
@keyframes fin{to{opacity:1}}
.die.land{animation:land .7s cubic-bezier(.3,1.2,.5,1)}
@keyframes land{0%{transform:scale(1.07)}100%{transform:none}}
.mact{flex:1;display:flex;justify-content:center}
.send{width:100%;padding:14px 10px;border-radius:6px;font:inherit;font-size:20px;font-weight:700;cursor:inherit;color:#fff;text-shadow:0 1px 2px #145214;border:1px solid #1e6b20;
 background:linear-gradient(#a8ec8c,#5cc63a 49%,#3fae1d 50%,#6ad84a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 0 16px rgba(100,230,80,.6);animation:breathe2 3s ease-in-out infinite}
.send small{display:block;font-size:11px;font-weight:400;opacity:.85}.send:active{transform:scale(.96)}
@keyframes breathe2{50%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 0 30px rgba(130,255,100,.95)}}
.hint{font-size:13px;color:#24476a;text-align:center;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.hint small{color:#6a8399}
.veil{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(120,220,255,.25),rgba(0,20,50,.45))}
.veil .win{position:relative}
@media (max-width:820px){.mbody{flex-direction:column}.mlist{width:auto;flex-direction:row;overflow-x:auto}.mlist .mh{display:none}.contact{flex:none}.cn b{max-width:70px}.mchat{width:auto;max-height:150px}.mlog{display:none}.board{height:auto;width:min(100%,52vh)}.mmenu span:not(.leave){display:none}}
.flow{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#0a6fd6,#2fc6ff 25%,#7be04a 50%,#16d6c8 70%,#2a9df4 90%,#0a6fd6);background-size:300% 300%;animation:flow 40s ease-in-out infinite}
.flow2{position:absolute;inset:-20%;background:radial-gradient(40% 30% at 30% 30%,rgba(255,255,255,.5),transparent 70%),radial-gradient(50% 35% at 75% 70%,rgba(190,255,140,.45),transparent 70%),radial-gradient(35% 25% at 60% 20%,rgba(120,230,255,.5),transparent 70%);animation:flow2 26s ease-in-out infinite alternate}
@keyframes flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes flow2{0%{transform:translate(-6%,-4%) rotate(0deg)}100%{transform:translate(6%,5%) rotate(12deg)}}
.fb{position:absolute;bottom:-200px;background:url(../assets/value.4328f947c8f729ca03dc54390185f618559e99ad3a7021b07bbf90c7dc24f581.png) center/contain no-repeat;opacity:.85;animation-name:rise,sway;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;will-change:transform}
@keyframes rise{from{bottom:-200px}to{bottom:110%}}
@keyframes sway{from{transform:translateX(-22px)}to{transform:translateX(22px)}}
.msn{position:relative;z-index:1}
html,body{margin:0;height:100%;overflow:hidden;background:#0a6fd6}
#root{position:fixed;inset:0}
.veil .win{left:auto !important;top:auto !important;transform:none !important}