:root{
  --blue:#0bd8ff;--blue2:#006bf1;--gold:#ffd45a;--green:#4fff42;--red:#ff334a;--deep:#030714;--panel:#06152d;--line:rgba(68,216,255,.76);--txt:#f3fbff;
}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#02040b;color:var(--txt);font-family:Inter,Arial,Helvetica,sans-serif;user-select:none;touch-action:manipulation}button,a{font:inherit}.wj-shell{width:100vw;height:100dvh;display:grid;place-items:center;background:#000}.wj-game{position:relative;width:min(100vw,177.777dvh);height:min(100dvh,56.25vw);aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 63% 42%,rgba(42,6,102,.72),transparent 32%),radial-gradient(circle at 50% 52%,rgba(0,132,255,.28),transparent 38%),linear-gradient(180deg,#06102a 0,#020613 70%,#010208 100%);box-shadow:0 0 0 1px rgba(77,202,255,.36),0 0 42px rgba(0,106,255,.35)}
.wj-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 18%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 88% 8%,#9de8ff 0 1px,transparent 1.6px),radial-gradient(circle at 72% 68%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 41% 29%,#b66cff 0 1.4px,transparent 1.8px),linear-gradient(135deg,rgba(17,92,194,.08),rgba(109,0,163,.10));background-size:150px 110px,230px 160px,170px 140px,190px 150px,100% 100%;opacity:.85}.wj-game:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-12%;height:26%;background:radial-gradient(ellipse at center,rgba(0,114,240,.45),transparent 68%);pointer-events:none}
.wj-left,.wj-center,.wj-right{position:absolute;z-index:2}.wj-left{left:.95%;top:1.3%;width:21.5%;height:96%;display:flex;flex-direction:column;gap:1.05%}.wj-center{left:24.0%;top:4.1%;width:55.7%;height:92.5%}.wj-right{right:1.1%;top:1.2%;width:18.2%;height:96%}.wj-logo-card,.wj-player-card,.wj-stat,.wj-currency,.wj-action,.back-link{background:linear-gradient(180deg,rgba(8,28,60,.94),rgba(1,10,26,.92));border:1px solid rgba(87,211,255,.58);box-shadow:0 0 0 .08vw rgba(23,123,255,.32),inset 0 0 1.3vw rgba(32,183,255,.20),0 0 1.4vw rgba(0,158,255,.24);border-radius:.85vw;color:#ecfbff}.wj-logo-card{height:25.5%;padding:1.15vw;text-align:center;position:relative;overflow:hidden}.wj-logo-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 76%,rgba(0,210,255,.38),transparent 36%)}.wj-logo-card span{display:block;letter-spacing:.20em;text-transform:uppercase;font-weight:900;color:#d7f4ff;font-size:1.25vw}.wj-logo-card strong{display:block;font-family:Georgia,serif;font-size:2.75vw;letter-spacing:.04em;line-height:.95;color:#ffd268;text-shadow:0 0 .55vw #ff9d00,0 .13vw 0 #5b2700}.wj-logo-diamond{display:block;position:absolute;left:37%;bottom:9%;width:27%;aspect-ratio:1.25;clip-path:polygon(18% 0,82% 0,100% 36%,50% 100%,0 36%);background:radial-gradient(circle at 35% 15%,#fff,#8ff6ff 18%,#0084ff 55%,#001d85);filter:drop-shadow(0 0 1.3vw #06d7ff)}
.wj-player-card{height:15.5%;display:flex;align-items:center;gap:5%;padding:4%}.wj-avatar{width:25%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#073f96,#02091d);border:1px solid rgba(93,216,255,.7);box-shadow:0 0 1vw rgba(0,210,255,.7)}.wj-avatar .gem{width:68%;height:68%}.wj-player-card b{font-size:1.25vw}.wj-player-card span{display:block;margin:.35vw 0 .18vw;font-size:.88vw;color:#dbefff}.wj-player-card em{font-style:normal;color:#ffd54e}.mini-progress{height:.55vw;border-radius:99px;background:#041225;border:1px solid rgba(95,210,255,.45);overflow:hidden}.mini-progress i{display:block;width:44%;height:100%;background:linear-gradient(90deg,#06caff,#4ee8ff,#ffe857);box-shadow:0 0 .7vw #0be9ff}.wj-player-card small{font-size:.72vw;color:#b9dbef}.wj-stat{height:10.2%;display:grid;grid-template-columns:23% 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:4%}.wj-stat i{grid-row:1/3;font-style:normal;font-size:1.9vw;text-align:center}.wj-stat span{font-size:.93vw;font-weight:900;letter-spacing:.04em}.wj-stat b{font-size:1.14vw;color:#39e5ff}.tiny-gem{display:inline-block;width:1.55vw;height:1.55vw}
.wj-top-title{position:absolute;top:0;left:0;right:0;height:12%;text-align:center;pointer-events:none}.wj-top-title span{display:block;text-transform:uppercase;letter-spacing:.32em;font-weight:900;font-size:.9vw;color:#b7eaff}.wj-top-title strong{display:block;margin-top:-.28vw;font-family:Georgia,serif;font-size:3.35vw;line-height:.9;text-transform:uppercase;color:#f7d47a;text-shadow:0 0 .7vw #ffb800,0 .11vw 0 #3a1700}.wj-top-title em{display:inline-block;margin-top:.35vw;font-style:normal;letter-spacing:.34em;font-size:.86vw;padding:.25vw 1.4vw;border-radius:999px;border:1px solid rgba(93,216,255,.7);background:linear-gradient(180deg,#123e76,#071326);box-shadow:0 0 .7vw rgba(0,177,255,.7)}.wj-board-frame{position:absolute;left:1.4%;right:1.4%;top:11.4%;height:66%;padding:.75%;border:1px solid rgba(132,226,255,.7);border-radius:1vw;background:linear-gradient(135deg,rgba(213,248,255,.28),rgba(7,37,73,.92) 24%,rgba(0,5,15,.95) 76%,rgba(60,207,255,.30));box-shadow:inset 0 0 2vw rgba(55,201,255,.18),0 0 2vw rgba(0,138,255,.45)}.wj-board{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);gap:.55%;padding:.55%;background:rgba(0,10,28,.88);border-radius:.55vw;box-shadow:inset 0 0 2.5vw rgba(0,0,0,.72)}.board-cell,.tray-cell{position:relative;display:grid;place-items:center;border:1px solid rgba(95,214,255,.25);border-radius:.35vw;background:linear-gradient(180deg,rgba(11,43,75,.82),rgba(2,15,34,.92));box-shadow:inset 0 0 1vw rgba(0,0,0,.34);cursor:pointer;overflow:hidden}.board-cell:hover,.board-cell.selected,.board-cell.hint{z-index:2;border-color:rgba(255,255,255,.88);box-shadow:0 0 0 .13vw rgba(255,255,255,.7),0 0 1.1vw rgba(0,230,255,.9),inset 0 0 1vw rgba(0,210,255,.28)}.board-cell.clear{animation:popGem .28s ease forwards}.board-cell.drop{animation:dropGem .24s cubic-bezier(.15,.85,.28,1)}.wj-flash{position:absolute;inset:2%;border-radius:1vw;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 48%)}.wj-flash.show{animation:flash .35s ease}
.gem{display:block;width:70%;height:70%;position:relative;filter:drop-shadow(0 0 .55vw rgba(255,255,255,.42)) drop-shadow(0 .2vw .15vw rgba(0,0,0,.55))}.gem:before{content:"";position:absolute;inset:8% 17% auto 17%;height:30%;border-radius:50%;background:rgba(255,255,255,.8);filter:blur(.14vw);opacity:.78}.gem:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 24%,rgba(0,0,0,.24) 50%,rgba(255,255,255,.38) 72%,transparent);mix-blend-mode:screen;opacity:.76}.gem-red{background:radial-gradient(circle at 32% 22%,#fff,#ff9ca0 13%,#f51b2d 45%,#690000 86%);border-radius:50%;clip-path:polygon(50% 0,84% 13%,100% 50%,83% 87%,50% 100%,17% 87%,0 50%,16% 13%)}.gem-blue{background:radial-gradient(circle at 30% 20%,#fff,#85ecff 17%,#138dff 45%,#001f9c 86%);clip-path:polygon(50% 0,88% 25%,80% 83%,50% 100%,20% 83%,12% 25%)}.gem-green{background:radial-gradient(circle at 30% 20%,#fff,#adff9c 13%,#28e22a 43%,#005600 88%);border-radius:18%;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.gem-yellow{background:radial-gradient(circle at 36% 22%,#fff,#fff27c 17%,#ffd400 45%,#906700 86%);clip-path:polygon(50% 0,100% 92%,0 92%)}.gem-purple{background:radial-gradient(circle at 31% 20%,#fff,#efa1ff 15%,#a12bff 45%,#33006f 86%);border-radius:50%;clip-path:polygon(50% 0,84% 16%,100% 50%,84% 84%,50% 100%,16% 84%,0 50%,16% 16%)}.gem-orange{background:radial-gradient(circle at 33% 19%,#fff,#ffd589 13%,#ff9f16 45%,#8a3900 87%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.gem-white{background:radial-gradient(circle at 36% 20%,#fff,#f0fbff 20%,#b2cde0 58%,#40586b 91%);clip-path:polygon(20% 0,80% 0,100% 38%,50% 100%,0 38%)}
.wj-tray{position:absolute;left:2%;right:2%;bottom:8.7%;height:9.8%;display:grid;grid-template-columns:repeat(7,1fr);gap:.55%;padding:.5%;border:1px solid rgba(99,216,255,.55);border-radius:.75vw;background:linear-gradient(180deg,rgba(2,19,42,.88),rgba(0,7,19,.94));box-shadow:0 0 1.3vw rgba(0,163,255,.38),inset 0 0 1vw rgba(62,210,255,.14)}.tray-cell{cursor:default}.tray-cell .gem{width:58%;height:58%}.wj-time{position:absolute;left:2%;right:2%;bottom:1.1%;height:5.7%;display:grid;grid-template-columns:12% 1fr;align-items:center;gap:1%;padding:.45% 1.2%;border:1px solid rgba(99,216,255,.55);border-radius:.6vw;background:linear-gradient(180deg,rgba(3,17,37,.92),rgba(0,7,17,.98));box-shadow:0 0 1vw rgba(0,177,255,.36),inset 0 0 .8vw rgba(0,177,255,.17)}.wj-time span{font-size:.92vw;font-weight:900;letter-spacing:.16em}.wj-time b{height:42%;border-radius:999px;background:#020710;overflow:hidden;box-shadow:inset 0 0 .4vw rgba(0,0,0,.7)}.wj-time i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#018dff,#08e2ff,#efff62);box-shadow:0 0 .7vw #0bd8ff}
.wj-currency{height:7%;display:flex;align-items:center;justify-content:space-between;gap:2%;padding:2.2%;font-size:.85vw}.wj-currency span{display:inline-flex;gap:.3vw;align-items:center;white-space:nowrap}.wj-currency button{border:0;background:transparent;color:#dff8ff;font-size:1.1vw;cursor:pointer}.wj-action{width:100%;height:12.8%;display:grid;grid-template-columns:24% 1fr 17%;align-items:center;margin-top:3.5%;border:1px solid rgba(101,222,255,.65);border-radius:.8vw;background:linear-gradient(180deg,rgba(8,48,91,.95),rgba(1,12,31,.98));box-shadow:0 0 1vw rgba(0,175,255,.45),inset 0 0 1.2vw rgba(45,196,255,.20);color:#e9faff;font-weight:900;letter-spacing:.05em;cursor:pointer}.wj-action:hover{filter:brightness(1.16)}.wj-action i{font-style:normal;font-size:2vw}.wj-action span{font-size:1.25vw}.wj-action b{display:grid;place-items:center;width:2.2vw;aspect-ratio:1;border-radius:50%;background:#06101e;border:1px solid rgba(104,216,255,.7);color:#ffe35b;font-size:1.25vw}.wj-action.small{height:9%;grid-template-columns:25% 1fr;font-size:.95vw}.floating-gems{position:absolute;left:0;right:0;bottom:14%;height:45%;pointer-events:none}.floating-gems .gem{position:absolute;width:21%;height:auto;aspect-ratio:1}.floating-gems .gem:nth-child(1){left:16%;top:8%;transform:rotate(12deg)}.floating-gems .gem:nth-child(2){right:14%;top:27%;transform:rotate(-12deg)}.floating-gems .gem:nth-child(3){left:5%;bottom:15%;transform:rotate(8deg)}.floating-gems .gem:nth-child(4){right:25%;bottom:4%;transform:rotate(-5deg)}.floating-gems .gem:nth-child(5){left:22%;bottom:-2%;width:16%}.back-link{position:absolute;right:0;bottom:1.3%;display:inline-flex;align-items:center;justify-content:center;min-width:60%;height:6.3%;text-decoration:none;font-weight:800;font-size:.85vw;color:#e5faff}.wj-start,.wj-message{position:absolute;z-index:9;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.58);backdrop-filter:blur(4px)}.wj-start.hidden{display:none}.wj-start-card,.wj-message{ }.wj-start-card,.wj-message{width:min(34vw,560px);border:1px solid rgba(100,220,255,.7);border-radius:1vw;background:linear-gradient(180deg,rgba(9,37,79,.96),rgba(2,11,29,.97));box-shadow:0 0 2.4vw rgba(0,163,255,.55),inset 0 0 1.6vw rgba(68,216,255,.17);text-align:center;padding:2vw}.wj-start-card h1,.wj-message h2{margin:.2vw 0 .7vw;font-family:Georgia,serif;color:#ffd45a;font-size:2.3vw;text-shadow:0 0 .55vw #f90}.wj-start-card p,.wj-start-card small,.wj-message p{color:#dff6ff;font-size:1vw;line-height:1.5}.wj-start-card button,.wj-message button:last-child{margin-top:1vw;border:0;border-radius:.75vw;background:linear-gradient(180deg,#effbff,#34c8ff 18%,#0157d8 55%,#001b78);color:#fff;font-size:1.8vw;font-weight:900;letter-spacing:.12em;padding:.75vw 3vw;box-shadow:0 0 1.5vw rgba(0,190,255,.8),inset 0 0 1vw rgba(255,255,255,.28);cursor:pointer}.wj-message{display:none;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.wj-message.show{display:block}.wj-message #closeMessage{position:absolute;right:.8vw;top:.7vw;border:0;background:rgba(255,52,78,.9);color:#fff;border-radius:50%;width:1.8vw;height:1.8vw;cursor:pointer}
@keyframes popGem{to{transform:scale(.2);opacity:0;filter:brightness(2)}}@keyframes dropGem{from{transform:translateY(-20%);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes flash{0%{opacity:0}45%{opacity:1}100%{opacity:0}}
@media(max-aspect-ratio:1/1){.wj-game{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}.wj-left{display:none}.wj-center{left:2%;right:2%;top:8%;width:96%;height:78%}.wj-right{left:2%;right:2%;top:1%;width:96%;height:7%;display:flex;gap:2%;align-items:center}.wj-currency{display:none}.wj-action{margin:0;height:80%;width:28%;grid-template-columns:30% 1fr}.wj-action.small{display:none}.floating-gems{display:none}.back-link{position:static;height:80%;min-width:26%;font-size:3vw}.wj-top-title strong{font-size:7vw}.wj-top-title em{font-size:2vw}.wj-board-frame{top:12%;height:63%}.wj-tray{bottom:10%;height:8%}.wj-time{height:6%;font-size:3vw}.wj-time span{font-size:2.6vw}.wj-start-card,.wj-message{width:88vw;padding:5vw}.wj-start-card h1,.wj-message h2{font-size:7vw}.wj-start-card p,.wj-start-card small,.wj-message p{font-size:3.4vw}.wj-start-card button,.wj-message button:last-child{font-size:5vw}.wj-message #closeMessage{width:7vw;height:7vw}}