:root{color:#fff;background:#130b25;font-family:system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at 50% 5%,#43216b,#130b25 60%);min-width:320px;min-height:100vh;margin:0}#app{place-items:center;min-height:100vh;padding:1rem;display:grid}.shell{width:min(100%,980px);position:relative}.hud{background:#170d2ae8;border:1px solid #d4aa42;border-radius:.7rem;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.6rem;padding:.65rem;display:flex}.hud span{color:#f3d56b}.table{aspect-ratio:3/4;background:linear-gradient(145deg,#26134e,#07514c);border:5px solid #d4aa42;border-radius:2rem;position:relative;overflow:hidden;box-shadow:0 0 2rem #8e47d980}.table canvas{width:100%;height:100%;display:block}.help,.gate{text-align:center;z-index:2;background:#160d25ee;border:2px solid #d4aa42;border-radius:1rem;place-items:center;padding:1rem;display:grid;position:absolute;inset:10%}.help button,.gate button{background:#d4aa42;border:0;border-radius:.4rem;padding:.65rem 1rem;font-weight:700}.touch{justify-content:space-between;gap:1rem;margin-top:.6rem;display:flex}.touch button{color:#fff;touch-action:none;background:#32185c;border:1px solid #d4aa42;border-radius:.5rem;flex:1;padding:1rem}.debug{color:#b9a4d8;margin-top:.4rem;font-size:.75rem}body{background:radial-gradient(circle at 50% 0,#6b2aa0 0,#241040 38%,#0e071b 82%)}.hud{background:linear-gradient(90deg,#241044f2,#0b4d47f2);border-color:#f2ca55;box-shadow:0 0 .8rem #8f45ff99,inset 0 0 .8rem #18d69a33}.hud span{color:#ffe18a;text-shadow:0 0 .45rem #f0b72f}.table{background:linear-gradient(145deg,#29104f,#075b50 58%,#1c0b38);border-color:#f2ca55;box-shadow:0 0 1.5rem #a146ffcc,0 0 3.5rem #19d49a55,inset 0 0 1.5rem #f2ca5533}.table:after{content:"";pointer-events:none;z-index:1;border:1px solid #35e8ae99;border-radius:1.55rem;position:absolute;inset:.45rem;box-shadow:0 0 .8rem #35e8ae77}.table canvas{z-index:0;position:relative}.backglass{z-index:1;opacity:.34;pointer-events:none;mix-blend-mode:screen;background:#261047;border:2px solid #e8bd4a;border-radius:45% 45% .65rem .65rem;width:52%;height:15%;position:absolute;top:1.4%;left:24%;overflow:hidden;box-shadow:0 0 1rem #b14dffcc,0 0 .55rem #19d49a99}.backglass img{object-fit:cover;object-position:center 31%;filter:saturate(1.35)contrast(1.12);width:100%;height:100%;display:block}.mardi-arch{z-index:1;pointer-events:none;opacity:.9;border:3px solid #d4aa42;border-bottom:0;border-radius:50% 50% 0 0;width:39%;height:18%;position:absolute;top:1.3%;box-shadow:0 0 .7rem #f2ca55,0 0 1.1rem #7d3dff,inset 0 .25rem .5rem #35e8ae66}.mardi-arch:before,.mardi-arch:after{content:"";border:2px solid #35e8ae;border-radius:50%;width:.62rem;height:.62rem;position:absolute;bottom:-.15rem;box-shadow:0 0 .5rem #35e8ae}.mardi-arch:before{left:-.33rem}.mardi-arch:after{right:-.33rem}.arch-left{border-color:#35e8ae;left:4%;transform:rotate(-4deg)}.arch-right{border-color:#d4aa42;right:4%;transform:rotate(4deg)}.help,.gate{background:linear-gradient(145deg,#180b2cee,#2a0d42ee);border-color:#f2ca55;box-shadow:0 0 1.2rem #a146ffcc}.help h2,.gate h1{color:#ffe18a;text-shadow:0 0 .55rem #f0b72f}.help button,.gate button{background:linear-gradient(90deg,#d4aa42,#f4d46f);box-shadow:0 0 .7rem #f2ca5599}.touch button{color:#ffe7a0;text-shadow:0 0 .35rem #d4aa42;background:linear-gradient(#442078,#241044);border-color:#d4aa42;font-weight:700;box-shadow:0 0 .6rem #853eff66}.touch button:active{background:#0b6758;box-shadow:0 0 .8rem #35e8ae}.debug{color:#d2c4f1;text-shadow:0 0 .3rem #713b9c}