#game-root{place-items:center;padding:12px;display:grid}.ark-wrap{width:100%;max-width:760px}.ark-board{aspect-ratio:4/3;background:radial-gradient(120% 80% at 50% 0,#d6f0fb 0%,#a9dcf0 40%,#0000 60%),linear-gradient(#bfe6f7 0%,#8fd0e8 60%,#c2a06f 60%,#a8854f 100%);border:4px solid #2a1b3d;border-radius:24px;width:100%;max-height:62vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #2a1b3d38}.flood{z-index:1;background:linear-gradient(#5ab4e68c,#2678bed9) 0 0/100% 100%,repeating-linear-gradient(115deg,#ffffff1f 0 8px,#0000 8px 22px) 0 0/220% 100%;border-top:3px solid #ffffffb3;transition:height .6s;animation:5s linear infinite floodShimmer;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -3px 12px #2678be66}@keyframes floodShimmer{to{background-position:0 0,220% 0}}.flood:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 10px,#fff9 10px 20px);border-radius:50%;height:8px;position:absolute;top:-6px;left:0;right:0}.aspace{aspect-ratio:1;z-index:2;background:radial-gradient(circle at 32% 26%,#fffdf8,#f1e6d0 82%);border:3px solid #2a1b3d;border-radius:50%;place-items:center;width:12%;font-size:clamp(16px,3.4vw,26px);transition:box-shadow .2s,transform .2s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 6px #2a1b3d47,inset 0 2px 3px #ffffffb3}.aspace.ark{background:linear-gradient(#ffffff40,#0000 40%),repeating-linear-gradient(#c99a3a 0 8%,#b3842e 8% 16%);border-color:#6b451f;border-radius:22% 22% 30% 30%;width:18%;box-shadow:0 5px 12px #2a1b3d66,inset 0 2px 4px #fff6,inset 0 -6px 10px #5a3c1466}.aspace.here{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 5px #6a4c9399,0 3px 8px #2a1b3d4d}.aspace.collected{opacity:.72;background:radial-gradient(circle at 32% 26%,#eafaf1,#d8f3e6 82%)}.apath{z-index:0;pointer-events:none;position:absolute;inset:0}.atoken{aspect-ratio:1;z-index:4;filter:drop-shadow(0 3px 3px #0000004d);pointer-events:none;place-items:center;width:9%;font-size:clamp(20px,4.5vw,32px);transition:left .35s cubic-bezier(.34,1.4,.64,1),top .35s cubic-bezier(.34,1.4,.64,1);display:grid;position:absolute;transform:translate(-50%,-85%)}.ark-hud{z-index:6;justify-content:space-between;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.ark-hud .pill{color:#fff9f0;background:#2a1b3dd1;border:2px solid #fff9f0;border-radius:999px;padding:5px 12px;font-size:clamp(11px,2.2vw,15px);font-weight:600}.ark-board .stage-pill{z-index:6;top:44px}.ark-pairs{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px;display:flex}.ark-pairs .slot{background:#fff9f0;border:2px dashed #b0a08f;border-radius:10px;place-items:center;width:34px;height:34px;font-size:20px;display:grid;box-shadow:inset 0 2px 4px #2a1b3d1f}.ark-pairs .slot.got{background:#d8f3e6;border-style:solid;border-color:#3aa9a0;box-shadow:0 2px 6px #3aa9a059}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.finish-btn{padding:10px 24px;font-size:clamp(14px,2.4vw,18px)}.msg{text-align:center;color:#2a1b3d;max-width:46ch;min-height:2.2em;margin:8px auto 0;font-size:clamp(14px,2.6vw,18px);font-weight:600}